/* basic reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;} ol,ul {list-style:none;} blockquote,q {quotes:none;} blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;} :focus {outline:0;} ins {text-decoration:none;} del {text-decoration:line-through;} table {border-collapse:collapse;border-spacing:0;}

/* main containers */
body {background:#0a2c5a; color:#182439; font-size:1em; margin:0; padding:0; font-family:Signika,"Helvetica Neue",Arial,Helvetica,sans-serif; text-align:center; font-weight:normal;}

#headerholder, #containerholder, #footerholder {width:730px;}
#header {height:62px; background:url('/i/bg_header.png') top left repeat-x;}
#headerholder {margin:0 auto;}
#container { background:#FDFDFD url('/i/bg_main.png') bottom left repeat-x; padding-bottom: 45px;}
#containerholder {overflow:visible; margin:0 auto; padding: 20px 5px 0px 5px;}
#textbody {width:550px; float:left; text-align:left; padding-top:20px; text-shadow:1px 1px 1px #FFFFFF;}
#footer {background:#0A2C5A; color:#3b5d8c; height:100px;}
#footerholder {overflow:visible; margin:0 auto; padding: 20px 5px 0px 5px;}
#footer_1 {float:left;}
#footer_2 {float:right;}



/* header */
#promo {width:242px; height:35px; text-indent:-10000px; float:right; background:url('/i/promo.png') top left no-repeat;}
#logo { -webkit-transform: scale(0.7); -webkit-transform-origin: 0 0; width:152px; height:37px; text-indent:-10000px; float:left; background:url('/i/logo.png') top left no-repeat; margin-top: 18px;}
#promo a {display:block; width:242px; height:35px;}
#logo a {display:block; width:152px; height:37px;}

/* banners */
#banner_mob_1 {display:none; width:100%; height:50px; text-align: left;}

#banner_1 {width:728px; height:90px;}
#banner_2 {width:160px; height:600px; float:right; margin-top:25px;}
.banner {border:1px solid #E8E7E2;}

/* misc */
.clearer {clear:both; height:1px;}

/* body */
#textmain {font-size:1.2em; line-height:1.6em; padding-bottom:20px; height: 585px; /* background:url('/i/bg_body.png') bottom left no-repeat; */ }
#textmain::selection {color: #161800;background:#F7FFa1;}
#textmain::-moz-selection {background:#F7FFa1;}
#textmaintweet {font-size:1.4em; line-height:1.6em; padding-bottom:20px; max-height: 585px; overflow-x: scroll; overflow-x: hidden; background:url('/i/bg_body.png') bottom left no-repeat;}
#textmaintweet::selection {color: #161800;background:#F7FFa1;}
#textmaintweet::-moz-selection {background:#F7FFa1;}
#textmainterms {font-size:1em; line-height:1.6em; padding-bottom:20px; height: 585px; overflow-x: scroll; overflow-x: hidden; background:url('/i/bg_body.png') bottom left no-repeat;}
#textmainterms::selection {color: #161800;background:#F7FFa1;}
#textmainterms::-moz-selection {background:#F7FFa1;}
#textfooter {padding-top: 22px;}
#textinfo {line-height:1.1em; padding-top: 6px;}
#textby {font-size:1.1em; font-weight:bold;}
#textdate {font-size:0.9em;}
.avatar {float:left; width:48px; height:48px; border:1px solid #FFFFFF; margin-right: 14px;}
#icons {float:right; padding-top:8px;margin-top:-42px;}
#icons a {margin-left:10px;}
.avatar {background:#F3F2EE; border: 1px solid #ffffff; -webkit-border-radius:2px; -moz-boder-radius:2px; border-radius:2px; -webkit-box-shadow: 1px 1px 1px #CCCCCC; -moz-box-shadow:1px 1px 1px #CCCCCC; box-shadow: 1px 1px 1px #CCCCCC; vertical-align:top;}

/* link colors */
a, a:link, a:visited {color:#008C3C; text-decoration:none;}
a:hover {color: #00aa49;}
a:active {color:#008C3C;}

#footer a, #footer a:link, #footer a:visited {color:#F3F3F3;}
#footer a:hover {color:#FBFFD4;}
#footer a:active {color:#F3F3F3;}


    
    
/* mobile */
@media only screen and (max-device-width: 860px) {
    * { -webkit-tap-highlight-color: rgba(0,0,0,0); }
    html {-webkit-font-smoothing:antialiased;}
    html, body {width:auto; }
    #banner_1, #banner_2 {display:none;}
    #logo {margin-left: 3%;}
    #containerholder {margin: 0; padding: 20px 0px 0px 0px;}
    #textbody, #headerholder, #containerholder, #footerholder {width:auto;}
    #textbody {padding:0; float:none; clear: both; text-align: left;}
    #textmain, #textmaintweet, #textfooter, #footerholder {padding:3%; text-align: left;}
    #container {margin:0px; padding-bottom:10px; background:#FDFDFD;}
    #footer {min-height:85px;padding-bottom:50px;}
    
    #icons {display: block; margin-top: 25px; margin-left: -10px; float: none;}
    /* mobile dummy banner */ 
    #banner_mob_1 {border:none; display:none;}
    
    #textinfo {padding-top: 0;}
    #footerholder {margin:0; padding:3%; font-size: 0.9em;}
    #footer_1 {display: block; float: right; text-align:left; padding-bottom: 10px;}
    #footer_2 {display: block; float: left; text-align:left; padding-bottom: 10px;}
    /*#promo {position:fixed; bottom:0px; left:50%; margin-left:-121px; float:none; overflow: hidden; background:url('/i/promo_mob.png') top left no-repeat; background-size: 100%;}*/
    #promo { display:none; }
    
}


/* mobile iphone 4 hi-res */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    #logo {background:url('/i/logo_2x.png') top left no-repeat; background-size: 100%;}
    /*#promo {height:32px; background:url('/i/promo_mob_2x.png') top left no-repeat; background-size: 100%;}*/
 
	#adSpace_bottom { width:100%; margin:0px; padding:0px; 
		background:none; background-size:100%; 
		/* position:fixed; float:none; z-index: 2; bottom:0px; */
		overflow:hidden;
		text-align:center; vertical-align:bottom;
	}	
	#adTab img { max-width:100%; max-height:100%; }
	
	
/*	#containerholder { margin:0px; padding:10px;}
	#container {padding-bottom:10px; margin:0px; background:none;}*/
   
}