/*  

Theme Name: EversonNews

Theme URI: http://www.everson.us/

Description: EversonNews by Everson

Version: 1.0.0

Author: Everson

Author URI: http://www.everson.us/

*/

@import url(reset.css);
body {
		line-height: 1;
		font-size:12px; 
		font-family:Arial, Helvetica, Segoe UI, Segoe, Frutiger, "arial", sans-serif; 

		background-color:#000000; 
		text-align: justify; 
}
h3 {font-size: 12px;line-height: 1;padding-top: 5px;padding-bottom:8px;border-bottom:1px dotted #ccc;}
h6 {font-size: 12px;font-family:Arial, "arial"; text-transform:NONE;}
h22 {line-height: 16px; text-transform:NONE;}
a {color:#8f4d00;text-decoration:none;}
a:hover {color:#ff0000; text-decoration:none;}
p{line-height:1.5em; margin-bottom:1.5em;}

#intro {background-color: #efe5da; padding:5px 7px; line-height: 16px;border-bottom: #666666 solid thin; border-right: #666666 solid thin;  }

#introIMG{width:150px; height:100px; float:left; margin-right:10px; overflow:hidden; }
#introIMG img{ border:none; padding:4px 4px 4px 4px;  }

#encart {background-color: #dad8d8; padding:5px 7px; line-height: 10px; border: #666666 solid thin;  }


li.twitter-item{line-height:16px; list-style: circle;  }


#container {width:960px; margin:0 auto; }
#header {display:block;width:960px;height:170px;}
#logo {margin-left:0px;margin-top:0px;margin-bottom:0px; position:relative; }

#content {clear:both;width:960px;background: #fff;overflow: hidden;  }




.ui-tabs-hide { display: none; }

#left {float:left;margin-top:20px;width:600px;padding-right:18px;padding-left:15px;border-right: 1px solid #663300 ;}
#dleft {float:left;margin-top:20px;width:600px; margin-right:0px;}

#sidebar {float:right;width:300px;margin-right:10px;margin-top:20px;clear:right;  }

#teaser { padding: 4px 0 0 1px; float: left; position: relative; width: 604px; height: 310px; background: url(img/slideshow.gif) no-repeat 0px 5px; z-index:0;}

h2#sstitle, h2 {font-size: 15px;font-family:Arial, "arial"; text-transform:uppercase;color:#8f4d00; font-weight: bold; }

#teaser .buttons { float: left; padding: 5px 0 0 0;}

#teaser .buttons img { display: block; }

#teaser .buttons ul { margin: 6px 0 10px 0; list-style: none; }

#teaser .buttons li { display: inline; }

#teaser a.button { display: block; width: 246px; height: 62px; text-decoration: none; cursor: pointer; border-left: 1px solid #cbac89; border-bottom: 1px solid #cbac89;  }

#teaser  li.first a.button { border-top: 1px solid #cbac89; }             

#teaser a.button .title2 { display: block; padding: 8px 0 0 0px; margin-bottom: 9px; height: 12px; line-height: 12px; text-indent: 11px; font-size:11px;background: url(img/buttonu.png) no-repeat 8px bottom; color:#676665}

#teaser a.button .title1 { font-size: 15px; margin-left: 10px; color:#676665} 

#teaser .ui-tabs-selected a .title1 {font-size:16px;line-height:23px;color:#ffffff;font-weight: bold; }		

#teaser .ui-tabs-selected a .title2 {font-size:12px;line-height:12px;color:#ffffff; }						

#teaser .ui-tabs-selected a { display: block; width: 246px; height: 71px; text-decoration: none; margin: 0; cursor: default; border-left: 1px solid #cbac89; border-bottom: 1px solid #ccc; background: url(img/ssbutton.gif) repeat-x; color:#676665;} 

#teaser .ui-tabs-selected .title2 { display: block; padding: 8px 0 0 10px; margin: 0; height: 12px; line-height: 12px; text-indent: 11px; color:#ffffff; }

#teaser .ui-tabs-selected a.button .title2 {background: url(img/buttons.png) no-repeat 8px bottom; }          

#teaser .show { float: left; width: 349px; position: absolute; left: 250px; top: 9px;  border: 1px solid #fff; }          

#teaser .picture { height: 222px; overflow: hidden; }                

#teaser .picture a { display: block; width: 349px; height: 222px; text-decoration: none; }

#teaser .picture img { border: none; display: block; }

#teaser .picture .bground { background-color: #ff0000; display: block; width: 350px; height: 39px; position: relative; top: -39px; filter:alpha(opacity=75); opacity:.75; }

#teaser .picture .title1 { letter-spacing:-0.04em;line-height: 1.05em; font-size: 28px; color: #ffffff; background-color: transparent; text-decoration: none; display: block; width: 393px; height: 37px; padding: 2px 0 0 8px; position: relative; top: -78px; cursor: default; }

#teaser .show p { font-size: 11px; margin: 10px; }  

#teaser .show p a { font-weight: bold; }  

#sbtabs {clear:both; margin-bottom: -10px;}

.tabc {margin: 0px;padding: 0px;border: 5px solid #8f4d00;background: url(img/mbg4.jpg) repeat-x #feefdd;background-position:left bottom;}

.tabci {margin: 0px;padding: 0px;border-left: 1px solid #ddd;border-top: 1px solid #ddd;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}

.tabmc {padding: 0px 0px 0px 0px;height: 27px;background: url(img/menubar.gif) no-repeat;background-position:-2px 0;}

#tabm li {margin: 0px;padding: 7px 5px 2px 0px;font-size: 11px;line-height: normal;float: left;list-style: none;cursor: pointer;border-bottom: none;}

#tabm .first {padding: -10px; }

#tabm li a, #tabm li a:visited {margin: 0px;padding: 3px 6px 3px 6px;color: #4C4C4C;text-decoration: none;display: block;}

#tabm li a:hover, #tabm li.ui-tabs-selected a {background:url(img/mbg7.jpg) repeat-x;color: #fff;text-decoration: none;}

.meta, .posted {margin: 0px 0px 10px 0px;padding: 0px;color: #999;font-size: 11px;}

.meta a, .meta a:visited {color: #b76f1b;text-decoration: none;border-bottom: 1px solid #ddd;}

.meta a:hover {color: #f00;}

.title a, .title a:visited {color: #b76f1b;font-weight: bold;font-size:15px;padding-top:3px;padding-bottom:5px;}

.title a:hover {color: #222;}

#recent li, #pop li, #comm li, #feat li, #hdown li {margin-top: 10px; margin-bottom: 10px; padding: 0px 0px 7px 0px;  line-height: 16px ; list-style-type: none; border-bottom: 1px solid #BDBDBD;}

#recent1 li, #pop1 li, #comm1 li, #feat1 li, #hdown1 li {margin: 10px;padding: 7px 0px 7px 0px;line-height: 16px;list-style-type: none;border-bottom: 1px solid #DCECF9;}

#pop .title a, #feat .title a {font-size:12px;color:#b76f1b}

#pop1 .title a, #feat1 .title a {font-size:12px;color:#b76f1b}

#recent .title a {color: #555; font-size: 12px; line-height: 1.05em; font-weight:normal;padding-left:10px;background:url(img/bullet.gif) no-repeat 0 7px;}

#recent1 .title a {color: #555; font-size: 12px; line-height: 16px; font-weight:normal;padding-left:5px;background:url(img/bullet.gif) no-repeat 0 7px;}

#recent .title a:hover {color: #d20;}

#recent1 .title a:hover {color: #d20;}



.widget-placeholder {color: #000;margin: 1em;background-color: #f00;}

.widget {margin-bottom:25px}

.widget-head {background:url(img/mbg2.jpg) repeat-x;padding: 5px;display:block;height:14px;line-height:14px;border: 1px solid #F0F1F2;}

.widget-head:hover {background:url(img/mbg3.jpg) repeat-x;}

.widget-head:hover h2 a {color:#6658A6 !important;}

.widget-head img {border: none;}

.widget-menu a img {float:right;clear:right}

h3.comm {font-size: 12px ;letter-spacing:-0.04em;line-height: 1.05em;padding-top: 12px;padding-bottom:7px;color:#999}

#comment li {background: url(img/mbg2.jpg) repeat-x #fff;background-position:left bottom;margin-bottom:10px;padding:12px;border:1px solid #EBEBEB;}

#comment li.alt {background: url(img/mbg4.jpg) repeat-x #F4F4F6;background-position:left bottom;margin-bottom:10px;padding:12px;border:1px solid #E0DFE3;}

#comment p {color:#666}

#comment .cheader {padding-bottom:10px;}

#comment .cauthor {font-size: 1.4em;letter-spacing:-0.04em;line-height: 1.05em;padding-top: 10px;padding-right:10px;}

#comment .commentmetadata {text-align:right;float:right;font-size: 0.8em;letter-spacing:-0.04em;line-height: 1.05em;}

#comment .commentmetadata a {color: #ccc}

#comment form div {padding-bottom:5px;font-size:.8em;color:#555}

.navigation span.nleft {float:left;text-align:left;padding:10px;font-size:1.2em;}

.navigation span.nright {float:right;text-align:right;padding:10px;font-size:1.2em;}

#tbox {background: url(img/mbg4.jpg) repeat-x #F4F4F6;background-position:left bottom;padding:10px;height:20px;width:585px;margin-bottom:5px; border:1px solid #ddd}

#tbox span.fleft {float:left;text-align:left;padding-left:10px;color:#666;font-size:14px;line-height:20px;}

#tbox span.fright {float:right;text-align:right;padding-right:10px;color:#bbb;font-size:0.8em;line-height:20px;}

.archivefeed a {padding-left:20px;color:#000;font-weight:bold; }

.entry {font-size:12px ;padding-top: 0px;line-height:1;}



/* Sidebar*/


#sidebar h3 {
	font:1.1em Arial;
	font-weight:bold;
	background:#333;
	color:#fff;
	margin:10px 0px 5px 0px;
	padding:3px 10px;
	}


#sidebar-bottom, #sidebar-middle {
	margin-top:10px;
	}

#sidebar-middle {
	width:320px;
	float:right;
	}

#sidebar-left {
	width:135px;
	padding:0px 10px 10px 10px;
	float:left;
	background:#fff;
	}

#sidebar-right {
	width:135px;
	padding:0px 10px 10px 10px;
	float:right;
	background:#fff;
	}


#sidebar li {
	list-style:none;
	padding: 5px;
	display:block;
	
	background:url(images/sub.png) no-repeat 0 0px;
	}

#sidebar li ul li:last-child{
	list-style:none;
	border-bottom:0px dotted #ccc;
	display:block;
	padding:2px 0px 0px 13px;
	background:url(images/sub.png) no-repeat 0 0px;
	}







/* Footer*/

#front-popular {
	font-size: 12px ;
	color:#fff;
	width: 950px;
	background:#2c2c2c url(images/bottombar.png) bottom no-repeat;
margin: 0 auto;
		padding:5px;
padding-top: 8px;
padding-bottom: 8px;
font-style: normal;
	}

#recentpost, #mostcommented {
	width:288px;
	float:left;
	padding: 10px;
margin-right: 3px;
margin-left: 3px;

	border:1px solid #fff;
	}

#mostcommented {
	margin-left:4px;
width:288px;
padding: 10px;
	}

#recent_comments {
	width:288px;
	float:right;
	padding:10px;
	border:1px solid #fff;
margin-left:3px;
margin-right: 3px;
	}

#recentpost a, #mostcommented a, #recent_comments a {
	color:#fff;
font-style: normal;
	}





#recentpost ul li, #mostcommented ul li, #recent_comments ul li {
	list-style:none;
font-size:11px;
	border-top:1px dotted #fff;
	padding:7px ;

	display:block;

	}

#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover {
	background:#8f4d00;
	color:#fff;
font-style: normal;
	}

#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child {
	border-top:0px dotted #fff;
	}


#footer {
	margin: 0 auto;
	width: 960px;
	font-size:10px;
	padding-top:5px;
	padding-bottom:5px;
background: #fff;
	}


/* Float Properties*/

.clearfloat:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfloat {
	display: inline-block;
	}

#style1 {color: #ffffff; width: 960px; text-align: center; }





.flickr_gallery {

margin: 40px auto 5px;

width: 415px;

}

 

.flickr_thumb {

background: transparent url(imgs/polaroid.jpg) no-repeat scroll 50% 0;

display: inline;

float: left;

height: 125px;

margin: 15px 10px;

text-align: center;

width: 116px;

position: relative;

}

 

.flickr_thumb a {

display: block;

height: 100px;

position: relative;

width: 100px;

margin: 8px;

background-position: 50% 50%;

}

 

.flickr_thumb span {

background: transparent url(imgs/tape.png) no-repeat scroll 50% 0;

height: 25px;

left: 20px;

position: absolute;

top: -10px;

width: 77px;

z-index: 10;

}

 

.clear {

clear: both;

}



