body {
    background-color: #fff;
}
.page {
    width: 940px ;
    margin: auto;
    background-color: #fff;
}
.browsers-icons img {
    float: left;
    margin-right: 20px;
}

ul li {
	
	margin: 5px 5px;
}

ol.instructions li { 
	padding: 5px 0px;
	font-weight: bold;

}
ol.instructions li span {
	font-weight: 300;

}
a {
	font-weight: 300;
}


button {
	border: 3px solid transparent;
}

button:hover {
	border: 3px solid #383838;
}

.tag {
	display: inline-block;
	line-height: inherit;
	font-size: .75em;
	font-weight: bold;
	padding: 2px 6px;
	background-color: #eff4ff;
	color: #242424;
	vertical-align: 3%;
	border-radius: 6px;
	text-transform: uppercase;
}

.github-info {
}

.donate-excerpt {
}

.donate-row {
	position: relative;
	padding: 0;
	background: #aaa;
}
.donate-row-text {
	line-height: 40px;
	padding-left: 20px;
}

.donate-row button {
	margin: 0;
}

/*.donate-row button {
	position: absolute;
	right: -10px;
	top: 0;
	background-color: #75b100;
	color: white;
}*/

.donate {
	background-color: #75b100;
	color: white;
}

.donate {
	line-height: 40px;
	font-size: 18px;
	color: white;
}

.donate:hover {
	color: white;
}


.donate .happyicon {
	float: right;
	line-height: 30px;
	font-size: 30px;
	color: #8cc816;
}

.donate:hover .happyicon {
	display: inline;
	color: white;
}

#loading{
	position:relative;
	bottom:9px;
	visibility:hidden;
}

#brand-name {
    line-height: 24px;
    margin-top: 2px;
}


hr {
    border: 0;
    border-bottom: 1px #ddd dotted;
    color: #ddd;
    background-color: #ddd;
}
#share-buttons img {
width: 35px;
padding: 5px;
border: 0;
box-shadow: 0;
display: inline;
}
#social{
    margin-bottom: 90px;
    margin-left: -14px;
}
#shareme .buttons{
	margin-top: -10px;
}
#shareme .box{
    margin:0% 8% 0 8%;
    width:100%;
    clear: both;
}
#shareme .box a{
    color:#404040;
    text-shadow: 0 1px 1px rgba(167,167,167,.4);
}
#shareme .box a:hover{
    text-decoration:none;
}
#shareme .count {
    font-weight:bold;
    font-size:50px;
    float:left;
    border-right:2px solid #57b8d1;
    line-height:40px;
    padding-right:10px
}
#shareme .share {
    float:left;
    margin-left:10px;
    font-size:20px;
    width:82px;
}
#shareme .buttons {
    position: absolute;
    width:260px;
    background-color:#fff;
    padding: 0px 0px 0px 0px;
    height: 80px;
}
#shareme .button {
    float:left;
    max-width:50px;
    min-width:10px;
    margin:0 15px 0 0;
    background-color: transparent;
}
/*#shareme .facebook {
    margin:0 4px 0 0;
}*/

#carousel1 {
    height: 242px;
}

#sponsorBlock {
    height: 300px;
}

#page-index .carousel .control {
    top: auto;
    left: auto;
    bottom: -40px;
}
#page-index .carousel .control.left {
    right: 100px;
}
#page-index .carousel .control.right {
    right: 30px;
}

.charms, .app-bar, .message-dialog, .error-bar, .warning-bar, .info-bar {
    position: absolute;
}

.changes-tooltipster {
	border-radius: 0px; 
	border: 0px solid #ffffff;
	background: #444444;
	color: #ffffff;
}

/* Use this next selector to style things like font-size and line-height: */
.changes-tooltipster .tooltipster-content {
	font-size: 12px;
	line-height: 16px;
	padding: 8px 10px;
}

@media (min-width: 768px) and (max-width: 979px) {
    .page {
        width: 724px;
    }
    .hero-unit > img {
        zoom: .6;
    }
    .browsers-icons img {
        zoom: .8;
    }
}

@media (max-width: 767px) {
    .page {
        width: 100%;
    }

    .hero-unit > img {
        zoom: .6;
    }

    .modern-ui-logo {
        width: 24px;
        height: 24px;
    }
    .github-info {
        margin-top: 5px;
    }

    a, .link {
        font-size: 9pt;
    }

    h3 {
        line-height: 11px;
    }

    .no-mobile {
        display: none;
    }

    #carousel1 {
        height: 300px !important;
    }
}

@media (max-width: 480px) {
    .hero-unit img {
        display: none;
    }

    #jetbrains {
        display: none;
    }
    #brand-name {
        display: none;
    }
}