/*  



Theme Name: Original Premium News



Theme URI: http://www.woothemes.com/



Description: Original Premium News by WooThemes



Version: 1.2.3



Author: WooThemes



Author URI: http://www.woothemes.com/



*/







/*====== TEST FOOTER ======*/
#subfooter {
width:940px;
height:250px;
clear:both;
}
#widget1{
float:left;
margin-right:120px;
}
#widget2{
float:left;
}
#widget3{
float:right;
}
#widget1 #widget2 #widget3{
width:240px;
height:250px;

}

#subfooter .widget {

width:240px;

height:250px;

float:left;

}



#under{
padding-top:10px;
}

#subfooter .widget .inner {

padding-top:25px;

padding-right:40px;

}







/*========= SETUP =========*/







*{



	border: 0;



	margin: 0;



	padding: 0;



}



body{



	/*background: url(images/bgr.gif) #bcbcbc repeat-x top;*/



	background:#252525 top;



	color: #000000;



	font: 0.8em Arial,Helvetica,Sans-Serif;



}



a{



	color: #ff7800;



	text-decoration: none;



}



a:hover{



	text-decoration: underline;



}



input,select,textarea{



	border: #999999 1px solid;



	font-size: 12px;



	padding: 2px;



}



select{



	padding: 0;



}



li{



	list-style: none;



}







/*========= LAYOUT =========*/







#sidebar .children {display:none;}







#page{



	background: #ffffff;



	margin: 0 auto;



	width: 960px;



}



/*--- Main Columns ---*/



#columns{



	margin: 20px 0 0;



	padding: 0 15px 25px;



}



.col1{



	float: left;



	width: 550px;



}



.col2{



	float: right;



	width: 350px;



}



/*--- Sub Columns ---*/



.subcol{



	width: 160px;



}



.subcol h2{



	color: #ff7800;



	font-size: 14px;



	padding: 0 0 10px;



}







/*========= HEADER =========*/







/*- Page Navigation -*/



#nav{



	background: #000000;



	height: 30px;



	padding: 4px 0 0;



}



#nav-left {



	float:left;



	display:inline;



	width:570px;



	}



#nav-right {



	float:right;



	display:inline;



	width:370px;



	}



#nav ul {



	position: relative;



    height: 26px;



    overflow: hidden;



	padding-left:10px;



}



#nav ul  li {



    float: left;



    list-style: none;



	font-weight:bold;



	font-size:14px;	



}



#nav ul  li.back {



    background-color: #333333;



    width: 9px;



    height: 30px;



    z-index: 8;



    position: absolute;



}



#nav ul  li a {



	text-decoration: none;



	color: #dddddd;



	outline: none;



	text-align: center;



	top: 6px;



	text-transform: uppercase;



	letter-spacing: 0;



	z-index: 10;



	display: block;



	float: left;



	height: 26px;



	position: relative;



	overflow: hidden;



	margin: auto 15px !important;



	margin: auto 7px;	



}



#nav ul  li a:hover, #nav ul  li a:active, #nav ul  li a:visited {



	border: none;



}      



/*- Category Navigation -*/



.nav2, .nav2 * {



	margin:0;



	padding:0;



	



}



.nav2 {



	height: 35px;



	border-bottom:3px solid #B3B3B3;



	font-weight:bold;



	font-size:15px;	



	position:relative;



}



.nav2 ul {



	background:#fff; /*IE6 needs this*/



	float: left;



	position:relative;



}



.nav2 li {



	line-height: 35px;



	float: left;



	list-style:none;



	z-index:999;



}



.nav2 li.current ul {



	z-index: 999;	



}



.nav2 li.sfHover ul,



ul.nav2 li:hover ul {



	z-index: 1000;



	background: #B3B3B3;



	color: #ffffff;



	text-decoration: none;		



}



.nav2 li li {



}



.nav2 a {



	color: #000000;



	display: block;



	padding: 0 13px;



}



.nav2 li ul {



	left:0;



	top:-999em;



	position:absolute;



	width:960px;



}



.nav2 li:hover,



.nav2 li.sfHover,



.nav2 li.current,



.nav2 a:focus, .nav2 a:hover, .nav2 a:active {



	color: #FF7800;



	text-decoration: none;



	/*background: #B3B3B3;*/



}



.nav2 li.sfHover a,



.nav2 li.current a,



.nav2 a:focus, .nav2 a:hover, .nav2 a:active {



	border-bottom: none;



}



.nav2 li li.current a {



	font-weight: bold;



}



.nav2 li li:hover,



.nav2 li li a:focus, .nav2 li li a:hover, .nav2 li li a:active {







}



.nav2 li:hover ul, /* pure CSS hover is removed below */



body .nav2 li.current ul, /* this must be more specific than the .superfish override below */



ul.nav2 li.sfHover ul {



	top:2.5em;



}







.nav2 li:hover li ul,



.nav2 li.sfHover li ul {



	top:-999em;



}



.nav2 li li:hover ul, /* pure CSS hover is removed below */



ul.nav2 li li.sfHover ul {



	top:2.5em;



}



/*following rule negates pure CSS hovers



so submenu remains hidden and JS controls



when and how it appears*/



.superfish li:hover ul,



.superfish li li:hover ul {



	top: -999em;



}



/*- Search -*/



#search{



	background: #333333;



	border: 1px solid #b3b3b3;



	float: right;



	height: 23px;



	margin: 0 15px 0 0;



	padding: 0 10px 0 0;



	width:325px;



}



* html #search{



	margin-right: 8px;



}



#search input{



	background: transparent;



	border: 0;



	color: #b3b3b3;



	float: left;



	font-size: 13px;



	margin: 2px 0 0;



	padding: 2px 2px 2px 10px;



	width:288px;



}



#search .btn{



	margin: 3px 0 0 5px;



	padding: 0;



	width: auto;



}



/*- Header -*/



#header{



	background: url(images/hl-dot.gif) repeat-x bottom;



	height: 92px;



	padding: 0 0 2px;



}



/*- Logo -*/



#header h1{



	float: left;



	display:inline;



}



#header h1 a{



	display: block;



	height: 93px;



	width: 389px;



}



/*- RSS -*/



#rss{



	float: right;



	font-size: 12px;



	padding: 16px 15px 0 0;



	text-align: right;



	width: 285px;



}



#rss a{



	color: #b3b3b3;



}



#rss ul{



	float: left;



	margin: 13px 0 0;



	width: 220px;



}



#rss li{



	margin: 0 0 3px;



	padding: 0 0 5px;



}



#rss img{



	float: right;



}







/*========= FEATURED POSTS (FRONT-PAGE) =========*/







.featured{



	/*background: #dddddd;*/



	background:#f5f5f5;



	height: 200px;



	margin: 0 0 10px;



	overflow: hidden;



	padding-right:10px;



}



.featured h2{



	font-size: 11px;



	padding: 10px 0;



}



.featured h3{



	font-size: 14px;



	padding: 0 0 10px 0;



}



.featured h3 a {



	color:#000;



}



.featured h3 a:hover {



	color:#FF7800;



}



.featured p {



	margin-bottom:10px;



}



.featured-img{



	margin: 0 10px 0 0;



	width:350px;



	height:200px;



	float:left;



	display:inline;



}



#ribbon{



	width:138px;



	height:138px;



	float:right;



}



#featured-th{



	height: 57px;



	margin: 0 0 30px;



}



#featured-th img{



	margin: 0;



	border:none;



}



#featured-th .idTabs {



	list-style:none;



	}



#featured-th .idTabs li {



	float:left;



	display:inline;



	margin-right:12px;



	}



#featured-th .idTabs li.last {



	margin-right:0px !important;



	}







/*========= FEATURED VIDEOS (FRONT-PAGE) =========*/







#video-frame {



	background:#DDD;



	float:left;



	width:550px;



	height:auto;



	margin-bottom:30px;



	}



.video-left {



	float:left;



	width:350px !important;



	display:inline;



	}



.video-left p {



	padding:0px !important;



	margin:0px !important;



	}



.video-left h2 {



	display:none;



	}



.video-right {



	float:right;



	width:200px;



	display:inline;



	padding-top:7px;



	}



.video-right h2{



	color: #ff7800;



	font-size:1.3em;



	line-height:1.2em;	



	font-weight:bold;



	padding: 0 0 0 10px !important;



	margin:0 !important;



	}



.video-right p{



	color: #000;



	font-size:0.9em;



	line-height:0.8em;



	font-weight:bold;



	padding: 0 0 7px 10px !important;



	margin:0 !important;	



	}



.video-right .idTabs {



	border-top:1px solid #FFF;



	list-style:none;



	margin:5px 0px 0px 0px;



	padding:0px;



	}



.video-right .idTabs li {



	margin:0px;



	border-bottom:1px solid #FFF;



	background:#DDD;



	line-height:10px;



	}



.video-right .idTabs li a {



	color:#000;



	font-weight:bold;



	font-family:Tahoma, Arial;



	font-size:12px;



	text-decoration:none;



	display:block;	



	padding:10px 10px;



	}



.video-right .idTabs li a:hover {



	background:#C0C0C0 url(images/ico-watch.gif) right center no-repeat !important;



	}



.video-right .selected {



	background:#C0C0C0 url(images/ico-watch.gif) right center no-repeat !important;



	}







/*========= BLOG POST STYLING =========*/







/*=== Small Box Post ===*/



.post{



	margin: 0;



}



.post h2{



	font-size: 1em;



	padding: 0 0 5px;



}



.post h3{



	font-size: 1.3em;



}



.post h3 a{



	color: #000000;



}



.post p{



	padding: 0 0 15px;



}



.post p.posted{



	color: #c0c0c0;



}



/*- Box -*/



.box{



	border-top: 3px solid #c0c0c0;



	clear: both;



	height: 1%;



	margin: 0 0 20px;



	padding: 15px 0 20px;



}



.box .post{



	width: 260px;



}



.box .post h2{



	font-size: .85em;



}



.box .post h3{



	font-size: 1em;



}



.box .post p.posted{



	font-size: .85em;



}



/*=== Traditional Blog Post ===*/



.post-alt{



	margin: 0 0 15px 0;



	padding-bottom:15px;



	background: url(images/hl-dot.gif) repeat-x bottom;



}



.post-alt h2{



	font-size: 1.1em;



	padding: 0 0 5px;



}



.post-alt h3{



	font-size: 1.4em;



}



.post-alt h3 a{



	color: #000000;



}



.post-alt p{



	padding: 0 0 15px;



}



.post-alt p.posted{



	color: #c0c0c0;



}



/*=== Buttons ===*/



.continue{



	background: url(images/ico-arrow.gif) no-repeat left;



	padding: 0 0 0 13px;



	font-weight:bold;



}



.comments {



	padding-bottom:0px !important;



}



.comments a{



	background: url(images/ico-comm.gif) no-repeat left;



	color: #000000;



	padding: 0 0 0 20px;



	font-weight:bold;



}



a.more{



	background: url(images/ico-arrow2.gif) no-repeat right;



	color: #c0c0c0;



	font-size: 1.2em;



	font-weight: bold;



	padding: 0 20px 0 0;



}



/*=== Traditional Blog Post ===*/



.navigation {



}



.navigation a {



	color: #c0c0c0;



	font-size: 1.2em;



	font-weight: bold;



}



.alignleft{



	display:inline;



	float:left;



}



.alignright{



	display:inline;



	float:right;



}







/*========= ARCHIVE SPECIFIC =========*/







#archivebox {



	background:#EEE;



	padding:10px;



	width:530px;



	margin-bottom:25px;



}



#archivebox h2 {



	font-size:1.5em;



	color:#000;



}



#archivebox h2 em{



	color:#C0C0C0 !important;



	font-style:normal;



}



.archivefeed {



	margin-top:5px;



}



.archivefeed a {



	background:url(images/ico-arcfeed.gif) center left no-repeat;



	padding-left:20px;



	color:#000;



	font-weight:bold;



}



.arclist{



	border-top: 3px solid #c0c0c0;



	border-bottom: 3px solid #c0c0c0;



	margin: 0 0 15px;



	padding: 10px 0 10px;



	width: 260px;



}



.arclist h2{



	color: #000;



	font-size: 18px;



	padding: 0 0 10px 0 !important;



}







.arclist ul li{



	padding:0 0 7px 10px;



	color:#c0c0c0;



	font-size:14px;



	font-weight:bold;



}







/*========= SINGLE POST SPECIFIC =========*/







.singletags {



	margin-top:5px;



	font-weight:bold;



	color:#000000;



}



.entry p{



	text-align:left;



	font-size:12px;



	line-height:20px;



	}



.entry blockquote { 



	padding: 3px 15px;



	background: #def3ff;



	border: 1px solid #0253b8;



	margin: 5px auto 15px auto;



	color:#000;



	width:85%;



	}



.entry blockquote p {



	font-size:12px;



	padding: 5px 0px;



	margin: 5px 0px;



	line-height: 20px;



	}



.entry img { 



	padding: 2px 2px 2px 2px;



	background:#DDD;



	border: solid 1px #C0C0C0; 



	}



.entry ul, .entry ol {



	margin-bottom:15px;



	font-size:12px;



	line-height:20px;



	}



.entry ul li ul, .entry ol li ol{



	margin-bottom:0px;



	padding-top:3px;



	}



.entry ul li {



	list-style:circle inside !important;



	margin-left:15px;



	padding:3px 0px;



	}



.entry ul li ul li {



	list-style:disc inside !important;



	}



.entry ol li {



	list-style:decimal inside !important;



	font-size:12px;



	padding:3px 0px;



	}



.entry ol li ol li {



	list-style:decimal-leading-zero inside !important;



	}











/*========= COMMENTS =========*/







h2.commh2{



	font-size: 1.4em;



	padding: 0 0 5px;



	font-weight:bold !important;



}



ol.commentlist{



	margin: 10px 0 20px;



	padding: 0;



	list-style: none;



	font-size: 12px;



	line-height: 20px;



}



ol.commentlist p{



	margin-bottom:10px;



	line-height: 20px;



}



ol.commentlist cite{



	font-style: normal;



	font-weight: bold;



}



ol.commentlist li{



	padding: 20px 10px 10px 10px;



}



ol.commentlist li.alt{



	padding: 10px 10px 0 10px !important;



	background:#DDD;



	border:1px solid #C0C0C0;	



}







/*========= SIDEBAR =========*/







/*- Sidebar Tabs - Popular, Comments, Featured, Tag Cloud -*/



.sideTabs {



	border-bottom:1px solid #C0C0C0;



	height:31px;



	width:350px;



	float:left;



	display:block;



	}



.sideTabs .idTabs{



	font-size: 12px;



	height: 30px;



	letter-spacing: -1px;



}



.sideTabs .idTabs li{



	float: left;



	font-size: 13px;



	line-height: 30px;



}



.sideTabs .idTabs li a{



	background: #eeeeee;



	border: 1px solid #eeeeee;



	border-bottom: 0;



	color: #c0c0c0;



	display: block;



	margin: 0 2px 0 0;



	padding: 0 10px;



	font-weight:bold;



}



.sideTabs .idTabs li a:hover,



.sideTabs .idTabs .selected{



	background: #f5f5f5;



	border: 1px solid #c0c0c0;



	border-bottom:1px solid #ddd;



	color: #373737;



	text-decoration: none;



}



.navbox{



	background: #f5f5f5;



	border: 1px solid #c0c0c0;



	border-top: 0;



	margin: -2px 0 25px;



	padding: 10px 10px 0;



	position: relative;



}



.list1,list3,list4{



	padding-bottom:12px;



	}



.list1 li,.list3 li,.list4 li{



	background: url(images/ico-star.gif) no-repeat left center;



	padding: 6px 0 6px 25px;



	border-bottom:1px dashed #C0C0C0;



}



.list1 li a,.list3 li a,.list4 li a{



	color: #000000;



}



.list3 li {



	background: url(images/ico-mostcomm.gif) no-repeat left center !important;



	}



.list4 li {



	background: url(images/ico-feat.gif) no-repeat left center !important;



	}



/*- Ads -*/



.ads{



	border: 1px solid #eeeeee;



	height: 125px;



	margin: 0 0 25px;



	padding: 10px;



}



.ads img{



	float: left;



	margin: 0 14px 0 0;



}



.ads img.last{



	margin: 0 !important;



}



/*- Flickr -*/



.flickr{



	background: #fafafa;



	border: 1px solid #c0c0c0;



	margin: 0 0 25px;



	padding: 10px 0px;



}



.flickr .flickr_badge_image img {



	float:left;



	display:inline;



	padding-left:10px;



	padding-bottom:5px;	



}



.flickr h2{



	color: #ff7800;



	font-size: 14px;



	height: 21px;



	margin: 0 0 10px 0px;



	padding-left:10px;



}



.flickr h2 span{



	float: left;



}



.flickr h2 img{



	float: right;



	margin: 0 2px;



}



.flickr h2 em{



	color: #848382;



	float: right;



	font-style: normal;



}



.flickr-ar {



	margin:10px 10px 0px 0px !important;



	padding:0px !important;



	text-align:right;



}







/*=== DropDown Lists ===*/



.catlist{



	border-bottom: 3px solid #c0c0c0;



	margin: 0 0 15px;



	padding: 0 0 10px;



	width: 160px;



}



.catlist h2{



	color: #ff7800;



	font-size: 14px;



	padding: 0 20px 0 0 !important;



	background:url(images/ico-catlist.gif) center right no-repeat;



}



.list-alt {



	padding-top:10px;



	}



.list-alt li{



	margin: 0 0 7px;



}



.list-alt li a{



	color: #000000;



}



/*=== Styling Widget Lists ===*/



.widget h2 {



	text-transform:uppercase;



	}



.widget ul {



	background: url(images/hl-dot.gif) repeat-x bottom;



	margin: 0 0 15px;



	padding: 10px 0 7px;



}



.widget ul li{



	margin: 0 0 7px;



}



.widget ul li a{



	color: #000000;



}







/*========= FOOTER =========*/







#footer{



	background: #000000;



	clear: both;



	color: #b3b3b3;



	height: 400px;



	line-height: 18px;



	padding: 0 15px;

	

 	

}



#footer a{



	color: #b3b3b3;



}



#footer img {



	vertical-align:middle;



}







/*========= MISC =========*/







.fix{



	clear: both;



	height: 1px;



	margin: 0 0 -1px;



	overflow: hidden;



}



.hl{



	background: url(images/hl-dot.gif) repeat-x bottom;



}



.hl-full{



	background: url(images/hl-dot-full.gif) repeat-x bottom;



	float:left;



	clear:both;



	height:2px;



	width:100%;



	margin:20px 0 25px !important;



	margin:10px 0 15px;	



	padding:0 !important;



}



.hl2{



	border-bottom: 3px solid #c0c0c0;



}



.hl3{



	border-top: 3px solid #c0c0c0;



	padding: 10px 0 0;



}



.blog{



	width:100% !important;



	float:left;



}



.between{



	height:2px;



	margin-bottom:15px;



	}



.fl{



	float: left;



}



.fr{



	float: right;



}



.ac{



	text-align: center;



}



.ar{



	text-align: right;



}



.th{



	border: 1px solid #c0c0c0;



	float: left;



	margin: 0 10px 0 0;



	padding: 3px;



}



.gravatar {



	float:left;



	border: 1px solid #000;



	margin-right: 10px;



}