@charset "UTF-8";
/* clear styles */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

html, body {height:100%;}

body {background:#f9f9f9; font: 78%/1.2em Trebuchet MS,Cambria,Georgia,Myriad Pro,Arial,Helvetica; color:#000; margin:0; padding:0;}
.clear {height: 1%;}
div, li, ul {zoom: 1;}
.clearfloat {clear:both;}
.right {float:right;}
.left {float:left;}
.middle {margin:0 auto;}
h1 {color:#1d66a3; font-weight:bold; letter-spacing:-0.06em; font-size:3.5em; margin-bottom:20px; line-height:0.8em;}
h2 {color:#000; font-weight:normal; letter-spacing:-0.03em; font-size:1.7em; margin-bottom:20px; line-height:0.8em;}
h2.splash {color:#000; font-weight:normal; letter-spacing:-0.03em; font-size:2.2em; margin-top:20px; margin-bottom:30px; line-height:0.8em;}
h3 {color:#000; font-weight:normal; font-size:1em; margin-bottom:3px;}
p {margin:10px 0; font-size:1.3em; font-color:#5d5d5d; line-height:1.6em;}

a {color:#cc0000;}
a.dest_url, a.dest_url:link {color:#cc0000;}
a.correct, a.correct:visited {color:#fff;}
a.correct:hover {color:#cc0000;}
#contentArea a:hover {background:#FFFFCC;}
a:active {color:#fff;background:Rgb(153,117,92);}
a img, a:link img, a:visited img, a:hover img, a:active img {border:none;text-decoration:none;}
a.readmore {text-align:center;white-space:nowrap;clear:both;}


/* --------- homepage styles --------------*/
#header {	
	width:100%; 
	height:101px; 
	background-color:#aaaaaa;
	border-bottom:3px solid #8a8a8a;
 	}

#headerSplash {	
	width:100%; 
	height:157px; 
	background-color:#fff;
	border-bottom:3px solid #bbb;
 	}	
	
#headerContent {
 	width:855px;
  	margin:0 auto;
	text-align:center;
	}

img.logo {
	padding:10px 0px;
   }

#searchArea {
 	float:left;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    background-color:#EEEEEE;
    border:1px solid #CCCCCC;
    padding:5px;
    text-align:center;
    width:330px;
    margin:10px;
 }
 
 #searchBox {
  	font-size:16px;
	width:320px;
 	}
 
 #searchButton input {
    font-size:16px;
    margin-top:5px;
     }
 
#header #searchButton {
    display:block;
    float:left;
    height:40px;
    line-height:40px;
    margin:10px 0 0 5px;
    }

a.advancedSearch {
	display:block;
	padding:10px;
	 float:left;
  	font-size:11px;
   	color:#06C;
    margin:10px;
	}

/*-------------- general content styles -------------*/

#contentArea {
	background:#F9F9F9;
 	width:855px;
  	margin:10px auto;
	}

#resultsArea {
	background-color:#FFFFFF;
   border:1px solid #CCCCCC;
   padding:10px;
   width:653px;
   float:left;
	margin-bottom:10px;
	}
	 
#resultsArea h2 {
 	/*width:440px;*/
  	float:left;
	
	}

#resultsArea span.timer {
	float:right;
 	color:#999;
}

ul#resultsItem {
 	list-style:none;
  	clear:both;
	border-top:1px dashed #CCCCCC;
}

ul#resultsItem li {
    border-bottom:1px dashed #CCCCCC;
    margin:0;
    overflow:hidden;
    padding:15px 5px;
    font-size:1.1em;
    }

ul#resultsItem li a {
 	color:#003DE8;
	
}

ul#resultsItem li .thumbnail {
 	float:left; 
  	width:48px; 
   height:48px;
   margin:0 5 0 0;
	}

ul#resultsItem li .message {
 	margin:0 0 0 58px;
	}

ul#resultsItem li .info {
 	margin:4px 0 0 58px;
	color:#999;
	}

.info > a {
}


.pageNav {
	height:30px;
  	text-align:center;
padding: 10px;}

#sidebar {
    float:right;
    width:170px;
	}
	
#sidebar .sidebarBox {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
color:#777777;
margin:0 0 10px;
padding:10px;
width:148px;
}

#sidebar .sidebarBox ul {
	list-style:none;
}

#sidebar .sidebarBox ul li a {
	padding-bottom:3px;
}

#sidebar .sidebarBox p {
	font-size: 11px;
	line-height: 120%;
}

#sidebar .sidebarBoxAdsense {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
color:#777777;
margin:0 0 10px;
padding:10px;
width:148px;
}

.wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -63px; /* the bottom margin is the negative value of the footer's height */}
.footer, .push { clear:both; height: 63px; /* .push must be the same height as .footer */}
.footer { 
	margin-top:60px;
	width:100%; 
	/*background-color:#fff;*/
	/*border-top:3px solid #bbb;*/
	text-align:center;
 	padding-top:10px;
	color:#999;
}

.footer a {
}

.footerSplash { 
	margin-top:15px;
	width:100%;  
	/*background-color:#fff;*/
	/*border-top:3px solid #bbb;*/
	text-align:center;
 	padding-top:10px;
	color:#999;
}

.footerSplash a {
}


#contentWrapper {background:url(../images/clouds_content.png) no-repeat 500px 0; width:960px; margin:0 auto;}


fieldset {
	border:1px dashed #CCC;
	padding:2px;
}
legend {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 90%;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 1.1;
	color:#fff;
	background: #666;
	border: 1px solid #333;
	padding: 2px 6px;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 175%;
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 1.1;
	color:#333;
}
label {
	width:142px;
	height:0px;
	margin-top:3px;
	margin-right:2px;
	padding-top:11px;
	padding-left:6px;
	background-color:#CCCCCC;
	float:left;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 115%;
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 1.1;
	color:#666;
}
.form {
	margin:0;
	padding:0;
}
#container {
		   width:250px;
	margin:auto;
	padding:0px;
}
#top {
	height:50px;
}
#leftSide {
	width:250px;
	padding-top:0px;
	float:left;
}
.clear {
	clear:both;
}
.holder {
	background-color:#fff;

}
.div_texbox {
	width:250px;
	float:right;
	background-color:#E6E6E6;
	height:5px;
	margin-top:3px;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;
}

.textbox {
	background-image: url(images/16t.png);
	background-repeat: no-repeat;
	background-position:left;
	   width:100px;
	font:normal 18px Arial;
	color: #999999;
}
.textbox:focus, .textbox:hover {
	background-color:#F0FFE6;
}

.username {
	   width:100px;
    	font:normal 18px Arial;
    	color: #999999;
    	padding:3px 5px 3px 5px;
}
.username:focus, .username:hover {
	background-color:#F0FFE6;
}

#twitter-update{
margin:20 auto;
/*width:500px;*/
}

.result {
border-bottom:1px dashed #D2DADA;
font-size:110%;
padding:8px 0;
line-height:140%;
position:relative;
}

.result .time {
font-size:80%;
font-style:italic;
margin-top:6px;
color:#777777;
}

.time a{
color:#777777;
}
.result .profile_image {
position:absolute;
left:0;
}
.result .profile_image img {
width:48px;
height:48px;
border:0;
}
.result .status {
	margin-left:65px;
	min-height:50px;
}

.profile_image a {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}

.clear{
clear:both;
}
#update-alert{
margin:10px;
background-color:#FFFFCC;
font-size:125%;
text-align:center;
font-weight:bold;
width:320px;
}
.change_city {
	font-size:10pt;
	margin:5px;
}