body { width: 100%; margin: 0px auto 0px auto; position: relative; font-size: 12px; color: #545454; font-family: Arial, Helvetica, sans-serif; font-style: normal; background-position: center top; background-image: url('../images/blue.png'); background-attachment: fixed; background-repeat: repeat-y; line-height: 20px; }
header,nav,section,article,aside,footer { display: block; }
header { width: 950px; margin: 10px auto 5px auto; }
header div { xwidth: 400px; text-align: left; border-bottom: 1px #EAEAEA solid; margin-bottom: 18px; padding-bottom: 10px; }
header div h1 { margin-left: 40px; margin-right: 40px; padding-top: 7px; }
section { position: relative; width: 950px; margin: 10px auto 5px auto; }
#footer { margin: 30px auto 0px auto; overflow: hidden; padding: 0px; width: 950px; height: 55px; }
#footer table { width: 100%; height: 30px; }
#footer table td { vertical-align: top; }
form { display: inline-block; }
.s_logo { width: 30px; text-align: center; }
.html5logomini { float: left; height: 18px; margin: 0px; outline: none; width: 15px;  }
hr { width: inherit; color: #DDDEE2; height: 1px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-bottom-width: 1px; border-bottom-color: #DDDEE2; height: 1px; margin-top: 0px; }
#footer a { cursor: pointer; color: #808080; text-decoration: none; }
#footer a:hover { color: #33627d; text-decoration: none; }
#icon { float: left; }
#browsericon { float: right; margin-top: -25px; }
h1 { margin: 0px; padding: 0px; margin-top: 15px; color: #000000; font-size: 20px; font-family: Arial, sans-serif; font-weight: normal; }
h2 { margin: 0px; padding: 0px; margin-top: 12px; margin-bottom: 6px; color: #000000; font-size: 18px; font-family: Arial, sans-serif; font-weight: normal; }
h3 { margin: 0px; padding: 0px; margin-top: 12px; margin-bottom: 4px; color: #000000; font-size: 16px; font-family: Arial, sans-serif; font-weight: normal; }
.text { font-family: arial; font-size: 13px; color: #2e2e2e; }
.extensionimage { border: 1px solid #dcdada; }
.api { float: left; margin-bottom: 15px; margin-top: 10px; }
.extension { float: left; }
.api .dev-icon { float: left; }
.dev-title { float: left; font-size: 18px; font-family: arial; font-weight: normal; color: #2554d9; margin-left: 10px; margin-top: 3px; }
.infonew { background: rgb(85,140,201); padding: 1px 5px 1px 5px; margin: 5px 5px 10px 0px; -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px; box-shadow: 0px 2px 2px rgba(0,0,0,0.3); color: #FFFFFF; font-family: arial; font-size: 13px; font-weight: bold; border-color: #338BB0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: -webkit-gradient( linear, left bottom, left top, color-stop(1, rgb(85,140,201)), color-stop(0, rgb(27,77,145))); background: -moz-linear-gradient(top, rgb(85,140,201), rgb(27,77,145)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#558CC9', endColorstr='#1B4D91'); }
.infonew:hover { background: rgb(125,169,217); background: -webkit-gradient( linear, left bottom, left top, color-stop(1, rgb(125,169,217)), color-stop(0, rgb(39,103,190))); background: -moz-linear-gradient(top, rgb(125,169,217), rgb(39,103,190)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7DA9D9', endColorstr='#2767BE'); }
.infonewdark { background: rgb(0,0,0); padding: 1px 5px 1px 5px; margin: 5px 5px 10px 0px; -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px; box-shadow: 0px 2px 2px rgba(0,0,0,0.3); color: #FFFFFF; font-family: arial; font-size: 13px; font-weight: bold; border-color: #338BB0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(0,0,0)), color-stop(1, rgb(90,90,90))); background: -moz-linear-gradient( center bottom, rgb(0,0,0) 0%, rgb(90,90,90) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a5a5a', endColorstr='#000000'); }
.infonewdark:hover { background: rgb(25,25,25); background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(25,25,25)), color-stop(1, rgb(120,120,120))); background: -moz-linear-gradient( center bottom, rgb(25,25,25) 0%,rgb(120,120,120) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#787878', endColorstr='#191919'); }
.video { background: rgb(16,16,16); -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 2px; box-shadow: 0px 2px 2px rgba(0,0,0,0.5); color: #FFFFFF; text-shadow: gray 0 1px 2px; font-family: arial; font-size: 14px; font-weight: bold; border-color: #338BB0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: -webkit-gradient( linear, left bottom, left top, color-stop(1, rgb(118,118,118)), color-stop(.7, rgb(16,16,16))); background: -moz-linear-gradient(top, rgb(118,118,118), rgb(16,16,16)30%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#767676', endColorstr='#101010'); margin-top: 15px; padding: 5px; }
.video img { margin: 5px 3px 0px 3px; border: 1px solid #333333; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; overflow: hidden; }
.extension .ext-icon { float: left; }
.ext-title { float: left; font-size: 18px; font-family: arial; font-weight: normal; color: #2554d9; margin-left: 10px; margin-top: 3px; }
.description { float: left; clear: both; margin-top: 5px; font-family: arial; font-size: 13px; color: #2e2e2e; }
.expromote { height: 117px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px; box-shadow: 0px 1px 3px rgba(0,0,0,3); margin: 0px; padding: 0px; border-color: #338BB0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: -webkit-gradient( linear, left bottom, left top, color-stop(1, rgb(255,255,255)), color-stop(0, rgb(221,221,238))); background: -moz-linear-gradient(top, rgb(255,255,255), rgb(221,221,238)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDEE'); width: 940px; }
.partner { text-align: center; margin: 15px 30px 30px 30px; }
#player { z-index: 1000; position: relative; padding: 60px 0px 0px 42px; }
#player object { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; }
#playerbackground { background-color: white; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px; box-shadow: 0px 1px 3px rgba(0,0,0,0.5); }
/* Styles for Content */
aside { width: 160px; height: 600px; left: 970px; top: -60px; position: absolute; vertical-align: baseline; line-height: 0; background-color: transparent; }
.asideposition { width: 160px; height: 600px; position: absolute; left: 0px; top: 0px; vertical-align: baseline; }
.asideblock { position: fixed; width: 160px; height: 600px; border: 1px solid #DCDBE0; }
.smallpartner { text-align: center; margin: 5px 30px 15px 30px; }
#partnerbackground { border: 1px #999999 solid; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px; box-shadow: 0px 1px 3px rgba(0,0,0,0.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.bold { font-weight: bold; }
.orange { color: orange }
.referencenote { color: gray; font-size: small; }
.center { text-align: center; }
.reference { font-size: 12px; color: #666666; }
.box { -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px; box-shadow: 0px 1px 3px rgba(0,0,0,0.3); padding: 20px; background: #DAE5E6; margin-bottom: 5px; border: 1px solid #666666; -webkit-border-radius: 10px; height: 145px; }
.style_italic { font-style: italic; }
/* Styles for Links */
a { cursor: pointer; color: #808080; text-decoration: underline; cursor: inherit; }
a:hover { cursor: pointer; color: #33627d; text-decoration: underline; }
#amt { height: 12px; font-size: 11px; }
input[type=radio] .margin_left { margin: 0 0 0 10px; padding: 0px; }
/* footer */
.wrap { max-width: 100%; margin-left: 0; }
.pad { position: relative; }
.pad p { clear: left; margin: 0px; padding: 10px 0 0 0px; }
.ccbox { position: absolute; right: 0px; top: 0px; padding: 3px 0 0 0px; margin-top: 5px; display: inline-table; }
.cctext { margin-right: 10px; font-size: 8px; color: #A7A7A7; text-shadow: 1px 1px 0 white; text-transform: uppercase; text-align: right; display: inline-table; }
.cclogo { text-align: center; text-shadow: 1px 1px 0 white; text-transform: uppercase; display: inline-table; width: 146px; height: 21px; background: transparent url("/images/cc.png") no-repeat }
/* slider html5 donate */
#slider { width: 210px; -webkit-appearance: none !important; border: 1px inset white; height: 5px; background: -webkit-gradient(linear, left top, right top, from(#E42424), to(#008000), color-stop(.25, #00C800)); }
#donateslider { width: 545px; -webkit-appearance: none !important; border: 1px inset white; height: 5px; background: -webkit-gradient(linear, left top, right top, from(#E42424), to(#008000), color-stop(.25, #00C800)); }
/* Button */
button { cursor: pointer; -webkit-border-radius: 2px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-user-select: none; background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5); border: 1px solid #aaa; color: #444; font-size: inherit; margin-bottom: 0px; min-width: 4em; padding: 3px 12px 3px 12px; }
button:hover, input[type=submit]:hover { -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); background: #ebebeb -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9); border-color: #999; color: #222; }
button:active, input[type=submit]:active { -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2); background: #ebebeb -webkit-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc); color: #333; }
button[disabled], input[type=submit][disabled], button[disabled]:hover, input[type=submit][disabled]:hover { -webkit-box-shadow: none; background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5); border-color: #aaa; color: #888; }
/* donation button */
.donatebutton { cursor: pointer; background: rgb(252,186,73); -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2x; border-radius: 2px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-user-select: none; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(252,186,73)), color-stop(0.5, rgb(248,160,28)), color-stop(0.9, rgb(253,189,78))); background-image: -moz-linear-gradient(center bottom, rgb(252,186,73) 10%, rgb(248,160,28) 50%, rgb(253,189,78) 90%); border: 1px solid #F3A835; color: #FFFFFF; font-size: 15px; font-weight: bold; margin-bottom: 0px; min-width: 4em; padding: 4px 36px 4px 36px; }
.donatebutton:hover, input[type=submit]:hover { background: rgb(252,186,73); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(252,192,96)), color-stop(0.5, rgb(247,168,49)), color-stop(0.9, rgb(252,194,93))); background-image: -moz-linear-gradient(center bottom, rgb(252,192,96) 10%, rgb(247,168,49) 50%, rgb(252,194,93) 90%); border-color: #F39200; color: #FFFFFF; font-weight: bold; }
.donatebutton:active, input[type=submit]:active { background: rgb(252,186,73); -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(255,181,61)), color-stop(0.5, rgb(240,143,17)), color-stop(0.9, rgb(245,178,61))); background-image: -moz-linear-gradient(center bottom, rgb(255,181,61) 10%, rgb(240,143,17) 50%, rgb(245,178,61) 90%); color: #FFFFFF; font-weight: bold; }
/* fb button */
.fbbutton { background: #ECEEF5; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; min-width: 80px; border: thin #CAD4E7 solid; font-size: 11px; color: #3B5998; -webkit-box-shadow: none; height: 23px; margin-right: 7px; margin-left: 0px; padding: 3px 10px 3px 10px; text-decoration: none; }
.fbbutton:hover { background: #ECEEF5; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; min-width: 80px; border: thin #9DACCE solid; font-size: 11px; color: #3B5998; -webkit-box-shadow: none; height: 23px; margin-right: 7px; margin-left: 0px; padding: 3px 10px 3px 10px; text-decoration: none; }
.fbbutton:active { background: #ECEEF5; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; min-width: 80px; border: thin #9DACCE solid; font-size: 11px; color: #3B5998; -webkit-box-shadow: none; height: 23px; margin-right: 7px; margin-left: 0px;  padding: 3px 10px 3px 10px; text-decoration: none; }
/* fb small text */
.fbtext { font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; }
.chromewebstoreicon { position: relative; top: 5px; margin-right: 7px; }
/* footer ads */
table { border-collapse: collapse; }
.footerbigads { width: 728px; height: 90px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px; box-shadow: 0px 1px 3px rgba(0,0,0,0.5); text-align: left; }
.footersmallads { width: 200px; height: 90px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px; box-shadow: 0px 1px 3px rgba(0,0,0,0.5); text-align: center; }
.footersmallads a img { border-width: 0px; }
/* --------------- */
.donatevalue { border-bottom: 1px #eaeaea solid; border-top: 1px #eaeaea solid; padding-top: 5px; padding-bottom: 5px; margin-bottom: 12px; margin-top: 12px; }
.titleblock { font-size: 20px; margin: 0; padding: 0; font-family: "Segoe Print"; }
.container{ width: 950px; margin: auto; position: relative; }
.frame { position: absolute; background: url('../images/frameshaduw.png') no-repeat 0 0; left: 0; top: 0; width: 265px; height: 146px; }
.framelarge { position: absolute; background: url('../images/framelargeshaduw.png') no-repeat 0 0; left: 0; top: 0; width: 600px; height: 146px; }
i { color: #8a8a8a; font-style: italic; display: block; padding: 4px 0 14px 0; }
/* 3 BLOCKS ON HOMEPAGE */
.blocks { margin: 15px 0 0 0; }
.blocks a img { border-width: 0px; }
.img { position: relative; display: block; width: 265px; height: 132px; margin: 16px 0 2px 0; }
.img:hover { opacity: .9; }
.blocks p { padding: 16px 0; }
.block { float: left; display: block; width: 265px; margin-right: 77px; }
.blockdonate { float: left; display: block; width: 600px; margin-right: 77px; }
.block3 { margin: 0; }
.extra { display: block; float: left; clear: both; position: absolute; }
.clear { clear: both; }