@charset "utf-8";
/* CSS Document */

/* -------------------------------------------------------------- 
  
   Reset default browser CSS.
   
   Based on work by Eric Meyer:
   http://meyerweb.com/eric/tools/css/reset/index.html
   
-------------------------------------------------------------- */

/* v1.0 | 20080212 */

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;
}

/* remember to define focus styles! */
:focus {
        outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
        text-decoration: none;
}
del {
        text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: collapse;
        border-spacing: 0;
}

a img { border: none; }
/* -----------------------------------------------------
end reset --------------------------------------------*/

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
/* END clearfix */

body { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; }

/* Styling Content */
a {	color:#0068CA; text-decoration:none; }
a:hover { text-decoration:underline; }

.upper-menu { background:#ffea98; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffea98', endColorstr='#fae17d');
background: -webkit-gradient(linear, left top, left bottom, from(#ffea98), to(#fae17d)); background: -moz-linear-gradient(top,  #ffea98,  #fae17d); border-bottom:1px solid #dd8300; display:block; }
	.upper-menu ul { list-style:none; margin:0 auto; width:960px; display:block; }
	.upper-menu li { float:left; margin:0px 14px; line-height:20px; }
	.upper-menu a { color:#bea649; font-size:11px; text-decoration:none; }
	.upper-menu a:hover { text-decoration:underline; }
	.upper-menu a#active { background:url(../img/active-indicator.png) no-repeat bottom center; color:#3f3718; padding-bottom:4px; }

.header { display:block; margin:0 auto 22px; padding:16px 0px 40px; width:960px; }
	.logo {	background:url(../img/logo.png) no-repeat; display:block; float:left; height:61px; position:relative; width:61px; margin-left:12px; }
		.logo span { display:none; }
	
	.header h1 { margin:14px 0px 8px; }
	  .header h1 a { color:#000; font-size:26px; margin:0px 14px; text-decoration:none;}
	  .header h1 a:hover { color:#7a7a7a; }

	.links {margin-left:80px;}
	.links li {	float:left;	margin:0 8px;}
	.links li a {color:#616161;	font-size:10px; text-decoration:none;}
	.links li a:hover {	text-decoration:underline;}

.footer {color:#787878; font-size:11px; margin:40px auto 20px; width:930px; padding-top:20px; border-top:1px dotted #E5E5E5; }
	.footer a {	color:#2e5e8e; text-decoration:none; }
	.footer a:hover {text-decoration:underline; }
	.footer p {float:left; width:798px;}

.faqcontent {width:540px; float:left; margin-left:12px;}
.faqcontent p { color:#333; font-size:12px; line-height:16px; margin:6px 0 8px;}
.faqcontent h2 { line-height:16px; margin-top:40px;} 
.sidebar {float:right; margin-right:20px;}

.wrapper { margin:0 auto; width:960px; position:relative;}
.column{ display:block; float:left; margin-right:6px; position:relative; width:314px; }
.column h2 {margin:0 0 20px 11px;}

h2 { font-size:14px; font-weight:bold;}

.containers { padding:6px; width:304px; overflow:hidden; height:1048px; }
	.tweet_body { cursor:default; display:block; height:50px; padding:5px 6px 9px 7px; width:288px;  margin:4px 0; position:relative; border:1px solid #fff;}
	.tweet_body:hover { background:#fafeff; -moz-box-shadow:0px 0px 5px #d9f9ff; -webkit-box-shadow:0px 0px 5px #d9f9ff; box-shadow:0px 0px 5px #d9f9ff; -moz-border-radius:4px; -webkit-border-radius:4px; border-color: #cfe2e5; }
	.profile_image { display:inline-block; height:48px; width:48px; float:left; margin-top:3px;	margin-right:6px;}
	.profile_name {display:inline-block;}
	.content {float:left; font-size:11px; color:#333; overflow:hidden; height:52px; line-height:13px; width:220px;}
		.content a {color:#0068CA; /*#ff7200;*/	text-decoration:none; }
		.content a:hover { text-decoration:underline; }
	.hour {	color:#fff; float:right; font-size:9px; line-height:12px; margin-top:1px; margin-right:2px; position:absolute; right:3px; bottom:5px; }
	.hour.hover {color:#B1B1B1;}
	.icons {display:none; float:right; height:54px; margin-left:4px; width:10px; overflow:hidden; }
	.hover {display:block; }
		.icons a {background:url(../img/icons.png) no-repeat; display:block; height:10px; margin-bottom:4px; width:10px; text-indent:-9999px; }
		  .icons a.reply { background-position:-20px 0; }
			  .icons a.reply:hover { background-position:0px 0; }
		  .icons a.retweet { background-position:-20px -14px; }
			  .icons a.retweet:hover { background-position:0px -14px; }
		  .icons a.profile {background-position:-20px -29px;}
			  .icons a.profile:hover { background-position:0px -29px; }
		  .icons a.geocode { background-position:-20px -44px; }
			  .icons a.geocode:hover { background-position:0px -44px; }
	
.fb_share_count_wrapper{margin-right:10px; margin-top:1px;}

#div404 { color:#333; width:780px; margin:30px auto;}
#div404 > div {float:left; width:420px;}
#div404 h1 {font-size:32px; line-height:36px; font-weight:bold; margin-top:50px;}
#div404 p {line-height:20px; color:#505050; margin:40px 0 40px;}
#div404 small {font-size:10px; color:#999;}
#div404 img {float:right;}
