/*
Theme Name: Flu-witter
Theme URI: http://neoxero.com
Description: Flu Tracker for Twitter
Version: 1.0
Author: Hamza
Author URI: http://goomedic.com

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

body{
	background:#E9E9E9;
	margin:0;
	font-family: "Arial", "Helvetica", "Verdana", "sans-serif";
	font-size: 12px;
}


/*
#A4D630 
*/

#topmenubar{
	width:100%;
	height:30px;
	background:#252525;
}

#topmenubox{
	width:900px;
	height:30px;
	margin:0px auto;
	padding-top:3px;
}

#topmenubox ul{
	padding:0px;
	margin:0px;
	padding-left:200px;
}

#topmenubox ul li{
	display:block;
	margin:5px 4px 0 4px;
	float:left;
}

#topmenubox ul li a{
	color:#FFF;
	text-decoration:none;
	padding:5px 10px 5px 10px;
}
#topmenubox ul li a:hover{
	background: url(images/ddin.png) repeat top center;
	color:#000;
}

#topmenubox ul li a.active {
	background: url(images/ddin.png) repeat top center;
	color:#000;
}


/*

*/

.adslinks{
	width:800px;
	margin:0px auto;
	height:30px;
}
/*
	layout
*/

#warp{
	width:960px;
	height:auto;
	margin:0px auto;
	overflow:hidden;
	
}
#logo{
width:120px;height:60px;background:url(flu.png)no-repeat center top;FLOAT:LEFT;margin-right:5px;
}
#header{
	width:960px;
	height:160px;
	margin:0px auto;
}

#content{
	width:100%;
	height:auto;
	overflow:hidden;
	background:#F5F5F5;
}
#trends100{
	width:100%;
	height:80px;
	overflow:hidden;
	background:#C2C2C2;
}
#searchbox{
	width:50%;
	height:auto;
	margin:0px auto;
	margin-top:30px;
}



#tweetsb{
	width:100%;
	height:auto;
	margin:0px auto;
	
}

#channelsb{
	width:28%;
	height:800px;
	float:left;
	margin-left:4px;
	background:#FFF;
	margin-top:10px;
}


/*

*/

	.odd {
		background-color:lightgray;
		}
	.even {
		background-color:white;
		}




/*JUITTER PLUGIN CSS*/

#juitterContainer{} /*Juitter container*/

#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */

#juitterContainer .twittLI{
					list-style:none;
					line-height:16px;
/*
	background:#EEFDEA;  CAF8C9
*/
					border-bottom:dashed 1px #DDD;
					height:100px;
					width:300px;
					margin:0 3px 3px 3px ;
					float:left;
					color:#666;
					} 
#juitterContainer .twittList SPAN.time{color:#777;font-size:0.9em}
#juitterContainer .twittList A{color:#555;} /*Links inside the tweets list 006600 */
#juitterContainer .twittList A:hover{color:#111;} /*Links inside the tweets list */

/* Bellow the CSS for the avatar image  D3EECA*/

#juitterContainer .juitterAvatar{float:left;border:solid 1px #DDD;background:#FFF;margin-right:5px;padding:5px;width:48px;height:48px;}
#juitterContainer .dd{float:right;border:solid 1px #DDD;background:#FFF;margin:0px;padding:3px;text-decoration:none;font-weight:bold;color:red;}

#juitterContainer .jRM {float:right;clear:both;background:#DDD;padding:5px;} /*read it on twitter link*/

a.extLink{
	padding:2px;
	margin:3px;
	} /*CSS for the external links*/

#juitterContainer .hashLink{} /*CSS for the hash links*/

/*end of Juitter CSS*/

.menubox{
	width:70%;
	height:auto;
	overflow:hidden;
	margin:10px;
	margin:0px auto;
}


#juitterSearch INPUT{padding:4px;border:solid 1px #999;width:280px;color:#666}


UL.nav {margin:0;padding:0;}

UL.nav LI{ list-style:none; float:left;margin:0;padding:0 5px 0;color:#555;}

UL.nav LI A{color:#999;font-size:1.0em;display:block; font-weight:bold;padding:5px;text-decoration:none;}

UL.nav LI A:hover{color:#111;}

UL.nav LI A.on{color:#FFF;background:#222;font-size:1.0em;}

.bp{
	font-weight:bold;
}

.hashLink{
	font-weight:bold;
}

/*----------*/
.tags {
line-height:auto;
}
.size1 {
	font-size:22px;
	padding: 10px;
	color:#FFF;
}

.size2 {
	padding: 7px;
	font-size:18px;
	color:#EEE;
}



.size3 {
	padding: 5px;
	font-size:35px;
	color:#FFF;
}



.size4 {
	padding: 5px;
	font-size:19px;
	color:#FFF;
}


.size5 {
	padding: 5px;
	font-size:25px;
	color:#FFF;
}

.size6 {
	padding: 5px;
	font-size:12px;
	color:#EEE;
}
/*-------tags-list------*/

.tagslist{
	width:90%;
	height:auto;
	margin:0px auto;
	padding:7px;
}

.tagslist a{ color:#6666FF; text-decoration:none;}
.tagslist a.on{ color:#6666FF; text-decoration:none;background:#none;}
.tagslist a:hover{ color:#333; text-decoration:underline; background:none;}