/*  
Theme Name: Original Premium News
Theme URI: http://www.woothemes.com/
Description: Original Premium News by WooThemes
Version: 1.2.0
Author: WooThemes
Author URI: http://www.woothemes.com/
*/

/*========= SETUP =========*/

*{
	border: 0;
	margin: 0;
	padding: 0;
}
body{
	background: url(images/pagebg1a.jpg) #81d2df no-repeat top center;
	color: #555;
	font: 0.8em Arial,Helvetica,Sans-Serif;
}
a{
	color: #000;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
input,select,textarea{
	border: #555 1px solid;
	font-size: 12px;
	padding: 2px;
	background:#fff;
}
select{
	padding: 0;
}
li{
	list-style: none;
}

/*========= LAYOUT =========*/

#page{
	margin: 0 auto;
	width: 960px;
}
/*--- Main Columns ---*/
#columns{
	background: url(images/columnbg1a.jpg) #81d2df repeat-x top;
	margin: 0;
	padding: 5px 15px 25px;
}
.coltop{
	width: 930px;
}
.col1{
	float: left;
	width: 550px;
}
.col2{
	float: right;
	width: 350px;
}
/*--- Sub Columns ---*/
.subcol{
	width: 160px;
	margin: 15px 0 0;
}
.subcol h2{
	color: #000;
	font-size: 14px;
	padding: 0 0 10px;
}

/*========= HEADER =========*/

/*- Category Navigation -*/

#nav {
  background: url(images/nav2bg1a.png) #D1EEF3 no-repeat 0 0;
  height:30px;
  display:block;
}

#nav ul {
  background: url(images/logo2a.png) no-repeat 0 0;
  margin:0;
  padding:0 0 0 465px;
  height:30px;
}

#nav ul li {
  padding:0px;
  float: left;
  list-style:none;
}

#nav ul li a {
  margin:0;
  padding:0;
  background: url(images/nav-buttons1a.png) no-repeat;
  border:0;
  height:30px;
  display:block;
}

#nav ul li #webzine {
  background-position: 0px 0px;
  width:90px;
}

#nav ul li #blog {
	margin-left:20px;
  background-position: -110px -30px;
  width:75px;
}

#nav ul li #articles {
  background-position: -185px -30px;
  width:105px;
}

#nav ul li #interviews {
  background-position: -290px -30px;
  width:140px;
}

#nav ul li #reviews {
  background-position: -430px -30px;
  width:105px;
}

#nav ul li #tutorials {
  background-position: -535px -30px;
  width:120px;
}

#nav ul li #webzine:hover {
  background-position: 0px -60px;
  width:90px;
}

#nav ul li #blog:hover {
	margin-left:20px;
  background-position: -110px -60px;
  width:75px;
}

#nav ul li #articles:hover {
  background-position: -185px -60px;
  width:105px;
}

#nav ul li #interviews:hover {
  background-position: -290px -60px;
  width:140px;
}

#nav ul li #reviews:hover {
  background-position: -430px -60px;
  width:105px;
}

#nav ul li #tutorials:hover {
  background-position: -535px -60px;
  width:120px;
}

#nav ul li #blog:active {
	margin-left:20px;
  background-position: -110px 0px;
  width:75px;
}

#nav ul li #articles:active {
  background-position: -185px 0px;
  width:105px;
}

#nav ul li #interviews:active {
  background-position: -290px 0px;
  width:140px;
}

#nav ul li #reviews:active {
  background-position: -430px 0px;
  width:105px;
}

#nav ul li #tutorials:active {
  background-position: -535px 0px;
  width:120px;
}

/*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:#EBF8FA;
	 -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
	height: 50px;
	margin: 0 0 15px;
	padding: 0;
	width:350px;
}
* html #search{
	margin-right: 0px;
}
#search input{
	background: transparent;
	border: 0;
	color: #555;
	float: left;
	font-size: 26px;
	margin: 2px 0;
	padding: 10px;
	width:265px;
}
#search .btn{
	margin: 10px 0;
	padding: 0;
	width: auto;
}
/*- Header -*/
#header{
	height: 147px;
	padding: 10px 0 0 0;
}
/*- Logo -*/
#header h1{
	float: left;
	display:inline;
	z-index: 9999;
}
#header h1 a{
	display: block;
	height: 147px;
	width: 329px;
	z-index: 9999;
}
#header h1 a img{
	z-index: 9999;
}
/*- RSS -*/
#rss{
	float: right;
	font-size: 14px;
	padding: 31px 20px 0 0;
	text-align: right;
	width: 380px;
}
#rss a{
	color: #000;
	font-weight: bold;
	text-decoration:none;
}
#rss a:hover{
	color: #ddd;
}
#rss ul{
	float: left;
	margin: 13px 0 0;
	width: 250px;
}
#rss li{
	margin: 0 0 3px;
	padding: 0 0 5px;
}
#rss img{
	float: right;
}

/*========= FEATURED POSTS (FRONT-PAGE) =========*/

.featured{
	background:#EBF8FA;
	 -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
	color: #555;
	height: 200px;
	margin: 0;
	overflow: hidden;
	padding:10px 10px;
}
.featured h2{
	font-size: 11px;
	padding: 10px 0;
}
.featured h3{
	font-size: 18px;
	padding: 10px 0;
}
.featured h3 a {
	color:#000;
}
.featured h3 a:hover {
	color:#000;
}
.featured p {
	margin-bottom:10px;
}
.featured-img{
	margin: 0 10px 0 0;
	width:350px;
	height:200px;
	float:left;
	display:inline;
}
#ribbon{
	width:200px;
	height:150px;
	float:right;
}
#featured-th{
	background:#EBF8FA;
	 -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
	height: 57px;
	margin: 15px 0 15px;
	padding:15px 10px;
}
#featured-th img{
	margin: 0;
	border:none;
}
#featured-th .idTabs {
	list-style:none;
	}
#featured-th .idTabs li {
	float:left;
	display:inline;
	margin-right:15px;
	}
#featured-th .idTabs li.last {
	margin-right:0px !important;
	}

/*========= FEATURED VIDEOS (FRONT-PAGE) =========*/

#video-frame {
	background:#EBF8FA;
	 -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
	width:350px;
	height:auto;
	margin:15px 0px;
	}
.video-left {
	width:350px !important;
	display:inline;
	}
.video-left p {
	padding:0px !important;
	margin:0px !important;
	}
.video-left h2 {
	display:none;
	}
.video-right {
	width:350px;
	display:inline;
	}
#video-frame h2{
	display:none;
	}
.video-right p{
	color: #555;
	font-size:0.9em;
	line-height:0.8em;
	font-weight:bold;
	padding: 0 0 7px 10px !important;
	margin:0 !important;	
	}
.video-right .idTabs {
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px;
	}
.video-right .idTabs li {
	margin:0px;
	line-height:10px;
	}
.video-right .idTabs li a {
	color:#000;
	background:#EBF8FA;
	font-weight:bold;
	font-family:Tahoma, Arial;
	font-size:10px;
	text-decoration:none;
	display:block;
	padding:10px 10px;
	}
.video-right .idTabs li a:hover {
	background:#EBF8FA !important;
	color:#81d2df;
	}
.video-right .selected {
	background:#EBF8FA !important;
	color:#81d2df;
	}
	
#gggtube {
	background:url(images/ggg-tube.png) no-repeat center top;
	width:350px;
	height:0px;
	padding-top:86px;
	display:block;
	overflow:hidden;
}
/*========= CONTEST POSTS (FRONT-PAGE) =========*/

.contest{
	background:#EBF8FA;
	 -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
	color: #555;
	width: 350px;
	height: 200px;
	margin: 0 0 15px;
	overflow: hidden;
	padding:10px 0px;
}
.contest-img{
	margin: 0;
	width:350px;
	height:200px;
	float:left;
	display:inline;
}
#conteststar{
	width:350px;
	height:200px;
	float:left;
}
#conteststar a{
	background: url(images/conteststar.png) 0 0;
	width:350;
	height:200px;
	display:block;
	overflow:hidden;
}


/*========= BLOG POST STYLING =========*/

/*=== Small Box Post ===*/
.post{
	margin: 0;
	background:#EBF8FA;
	 -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
}
.post h2{
	font-size: 1em;
	padding: 0 0 5px;
}
.post h3{
	font-size: 1.3em;
	padding-left: 10px;
	padding-top: 10px;
}
.post h3 a{
	color: #000;
}
.post p{
	padding: 0 15px 15px 15px;
}
.post p.posted{
	color: #555;
}

/*- Box -*/
.box{
	clear: both;
	height: 1%;
	margin: 0 0 15px;
	padding: 0px 0 10px;
}
.box .post{
	width: 260px;
}
.box .post h2{
	font-size: .85em;
}
.box .post h3{
	font-size: 1em;
	padding-left: 10px;
}
.box .post p.posted{
	font-size: .85em;
}
/*=== Traditional Blog Post ===*/
.post-alt{
	background:#EBF8FA;
	 -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
	margin: 0 0 15px 0;
	padding-bottom:10px;
}
.post-alt h2{
	font-size: 1.1em;
	padding: 0 0 5px;
}
.post-alt h3{
	font-size: 1.4em;
	padding-left: 10px;
	padding-top: 10px;
}
.post-alt h3 a{
	color: #000;
}
.post-alt p{
	padding: 0 15px 15px;
}
.post-alt p.posted{
	font-size: 10px;
	color: #555;
}


/*=== Buttons ===*/
.continue{
	background: url(images/ico-arrow.gif) no-repeat left;
	padding: 0 0 0 13px;
	font-weight:bold;
}
#comment {
	background:#EBF8FA;
	 -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
	color:#000;
	padding:10px;
	margin: 20px 0 0 0;
}
.comments {
	padding-bottom: 0px !important;
}
.comments a{
	background: url(images/ico-comm.gif) no-repeat left;
	padding: 0 0 0 20px;
	font-weight:bold;
}
#commentform a {
	color:#000;
}
a.more{
	background: url(images/ico-arrow2.gif) no-repeat right;
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 20px 0 0;
}
#sharethis {
	float:right;
}
.authbio{
	background: #EBF8FA;
	height: 74px;
	padding: 10px;
	margin:0;
	color:#555;
	display:block;
}
.authbio a{
	color:#000;
}
.authbio h3 {
	font-size: 14px;
	margin: 0px;
	padding: 0px 0px 3px 0px;
	color:#000;
}
img.alignleft {
    float:left;
    background-color: #fff;
    border:1px solid #81d2df;
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
/*=== Traditional Blog Post ===*/
.navigation {
}
.navigation a {
	color: #555;
	font-size: 1.2em;
	font-weight: bold;
}
.alignleft{
	display:inline;
	float:left;
}
.alignright{
	display:inline;
	float:right;
}

/*========= ARCHIVE SPECIFIC =========*/

#archivebox {
	background:#EBF8FA;
	 -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
	padding:10px;
	width:530px;
	margin:0 0 20px 0;
}
#archivebox a{
	color:#000;
}
#archivebox h2 {
	font-size:1.5em;
	color:#000;
}
#archivebox h2 em{
	color:#82d2df !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{
	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:#555;
	font-size:14px;
	font-weight:bold;
}

/*========= SINGLE POST SPECIFIC =========*/

.singletags {
	margin-top:5px;
	font-weight:bold;
	color:#000;
}
.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 #81d2df; 
	}
.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;
	}
#relatedposts {
	margin:0;
	padding: 10px;
	background: #EBF8FA;
	color:#555;
	display:block;
}
#relatedposts a{
	color:#000;
}
#relatedposts h3 {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	color:#000;
}
#relatedposts ul {
	margin: 0px;
	padding: 0px;
}
#relatedposts ul li {
	margin: 0px;
	padding: 0px;
}

/*========= 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: 10px 10px 0 10px !important;
	border-bottom:3px dashed #81d2df;
}
ol.commentlist li a{
	color:#000;
}
ol.commentlist li.alt{
	padding: 10px 10px 0 10px !important;
	border-bottom:3px dashed #81d2df;
}
ol.commentlist li.alt a{
	color:#000;
}

/*========= SIDEBAR =========*/

/*- Sidebar Tabs - Popular, Comments, Featured, Tag Cloud -*/
.sideTabs {
	margin-top:20px;
	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: #d4f9ff;
	border: 1px solid #d4f9ff;
	border-bottom: 0;
	color: #000;
	display: block;
	margin: 0 2px 0 0;
	padding: 0 10px;
	font-weight:bold;
}
.sideTabs .idTabs li a:hover,
.sideTabs .idTabs .selected{
	background: #EBF8FA;
	border: 1px solid #EBF8FA;
	border-bottom:1px solid #EBF8FA;
	color: #000;
	text-decoration: none;
}
.navbox{
	background: #EBF8FA;
	 -moz-border-radius-topright: 3px;
     -webkit-border-radius-topright: 3px;
	 -moz-border-radius-bottomleft: 3px;
     -webkit-border-radius-bottomleft: 3px;
	 -moz-border-radius-bottomright: 3px;
     -webkit-border-radius-bottomright: 3px;
	border: 1px solid #EBF8FA;
	border-top: 0;
	margin: -2px 0 20px;
	padding: 10px 10px;
	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;
}
.list1 li a,.list3 li a,.list4 li a{
	color: #000;
}
.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{
	background:#EBF8FA;
	 -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
	height: 280px;
	width:336px;
	margin: 0;
	padding: 10px 7px;
	display:block;
	overflow:hidden;
	
}
.lads{
	background:#EBF8FA;
	margin: 0;
	padding: 10px 25px;
	display:block;
	overflow:hidden;
	
}
.lads div a{
	float: left;
	height:125px;
	width:125px;
	margin: 5px 10px;
}
.lads div a.last{
	margin: 0 !important;
}

/*- Flickr -*/
.flickr{
	background:#EBF8FA;
	 -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
	margin: 15px 0 0;
	padding: 10px 0px 0px;
}
.flickr .flickr_badge_image img {
	float:left;
	display:inline;
	padding-left:30px;
	padding-bottom:10px;	
}
.flickr h2{
	color: #000;
	font-size: 18px;
	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;
}
.flickr-ar a{
	color:#000;
}

/*=== DropDown Lists ===*/
.catlist{
	border-bottom: 3px solid #fff;
	margin: 0 0 15px;
	padding: 0 0 10px;
	width: 160px;
}
.catlist h2{
	color: #000;
	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: #000;
}
/*=== Styling Widget Lists ===*/
.widget h2 {
	text-transform:uppercase;
	}
.widget ul {
	border-bottom: 3px dashed #fff;
	margin: 0 0 15px;
	padding: 10px 0 7px;
}
.widget ul li{
	margin: 0 0 7px;
}
.widget ul li a{
	color: #000000;
}

/*========= FOOTER =========*/

#gap {
border-bottom:3px dashed #fff;
margin-bottom:20px;
}

#footer{  
clear: both;
}  
  
#footer .block, #sidebar>ul>li{  
float: left;  
width: 200px;  
margin: 0 10px 10px;  
padding:10px;
background:#EBF8FA;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
color:#555;
}  

#footer div p{  
padding: 10px;  
}  
  
#footer a, #sidebar a{  
color:#000;
}  
 
#footer h3, #sidebar h3{  
margin-bottom: 10px;  
background:;
color:#000;
height: 20px;  
font-size: 18px; 
font-weight: bold;    
}  
 
#footer ul, #sidebar ul>li>ul{  
list-style: none;  
padding: 10px;  
background:;  
}  

#footer ul li{  
padding-bottom: 5px;  
}  

#footer .clearfix{
	clear: both;
	width: 1px;
	display: block;
}

/*========= MISC =========*/

.fix{
	clear: both;
	width: 1px;
	display: block;
}
.hl{
	border-bottom: 3px dashed #fff;
}
.hl-full{
	float:left;
	clear:both;
	height:2px;
	width:100%;
	margin:0;	
	padding:0 !important;
}
.hl2{
	border-bottom: 3px solid #fff;
}
.hl3{
	/*border-top: 3px dashed #fff;*/
	padding: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:0;
	float: left;
	margin: 10px;
	padding: 0px;
}
.gravatar {
	float:left;
	border: 1px solid #fff;
	margin-right: 10px;
}

#mediaryte {display:inline-block;overflow:hidden;background:url(http://mediaryte.com/images/mrlogo-dark.png) no-repeat center center;padding-top:18px;width:25px;height:0px;border:0px;margin-bottom:-5px;}