/*  







Theme Name: Premium News - CNN Edited







Theme URI: http://www.premiumnewstheme.com/







Description: Premium News is a feature-rich theme for magazine- / news-type blogs created by <a href="http://www.adii.co.za">Adii Freelancer</a>.







Version: 1







Author: Adii Freelancer







Author URI: http://www.adii.co.za/







*/















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















*{







	border: 0;







	margin: 0;







	padding: 0;







}







body{







	color: #666666;







	background-color: #ddd;







	font-family: Arial, Helvetica, sans-serif;







	font-size: 12px;







	line-height: 18px;







}







a{







	color: #000000;







	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 =========*/















#page{







	width: 960px;







	background-color: #FFFFFF;







	margin:15px auto;







	border: 1px solid #CCCCCC;







}







/*--- Main Columns ---*/







#columns{







	padding:15px 15px 25px;







	background-color: #FFFFFF;







	margin: 0px;







}







.col1{







	float: left;







	width: 595px;







	padding-right:15px;







}







.col2{







	float: left;







	width: 320px;







}







/*--- Sub Columns ---*/







.subcol{







	width: 150px;







}







.subcol h2{







	font-size: 14px;







	padding: 0 0 10px;







	color: #FFFFFF;







}















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















/*- Page Navigation -*/







#nav{







	height: 30px;







	padding: 2px 0px !important;







	background-color: #FFFFFF;







	margin:15px 15px 0px !important;







	border-top:1px solid #ddd;







	border-bottom:1px solid #ddd;







	width: 930px !important;







}







#nav-left {







	float:left;







	display:inline;







	width:600px;







	}







#nav-right {







	float:right;







	display:inline;







	width:330px;







	margin:0px !important;







	padding:0px !important;







	}







#nav ul {







	position: relative;







	height: 30px;







	overflow: hidden;







}







#nav ul  li {







    float: left;







    list-style: none;







	font-weight:bold;







	font-size:14px;	







}







#nav .current_page_item {







	height:30px;







}







#nav .current_page_item a {







	color: #FFFFFF;







}







#nav ul  li.back {







	width: 9px;







	height: 30px;







	z-index: 8;







	position: absolute;







}















#nav ul  li a {







	text-decoration: none;







	outline: none;







	text-align: center;







	top: 6px;







	letter-spacing: 0;







	z-index: 10;







	display: block;







	float: left;







	height: 26px;







	position: relative;







	overflow: hidden;







	margin: auto 15px !important;







	margin: auto 7px;







	font-weight: bold;







	font-family: Arial, Helvetica, sans-serif;







	font-size: 11px;







	text-transform: uppercase;







}







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







	list-style: none;







	







}







#nav2 {







	height: 30px;







	font-weight:bold;







	font-size:14px;







	position:relative;







	line-height: 30px;







	margin:0px 15px;







	border:1px solid #ddd;







	z-index:10 !important;







}







#nav2 li {







	line-height: 30px;







	float: left;







	list-style:none;







	z-index:10 !important;







}







#nav2 li a {







	color: #666666;







	display: block;







	padding: 0 8px;







	font-size: 10px;







	font-weight: bold;







	font-family: Verdana, Arial, Helvetica, sans-serif;







	line-height: 30px;







	border-right:1px solid #ddd;







	z-index:10 !important;







}







#nav2 li a:hover {







	text-decoration: none;







}







#nav2 li ul {







	position:absolute;







	left: -999em;







	margin-top:0px;







	z-index:10 !important;







}







#nav2 li:hover ul, #nav2 li.sfhover ul {







	left:auto;







	z-index:10 !important;







}







#nav2 li ul li {







	display:block !important;







	float:none !important;







	border:1px solid #ddd !important;







	border-top:none !important;







	background:#fff;







	z-index:10 !important;







}























/*- Search -*/







#search{







	float: right;







	height: 27px;







	width:310px;







	margin: 3px 0px 0px !important;







	padding:0px !important;







}







* html #search{







	margin-right: 8px;







}







#search input{







	background: #ffffff;







	border: 1px solid #eee;







	color: #000000;







	float: left;







	font-size: 11px;







	width:223px;







	margin:1px 0px 0px;







	padding: 3px 4px 4px;







}







#search .btn{







	padding: 0;







	height:22px;







	width: auto;







	margin:1px 0px 0px 5px !important;







	border:none;







	width:69px;







}







/*- Header -*/







#header{







	height: 100px;







	background-color: #ffffff;







	margin: 0 15px;







	padding: 0px;







}







/*- Logo -*/







#header h1{







	float: left;







	display:inline;







	line-height: 100px;







	font-size: 24px;







}







#header h1 a{







	display: block;







	height: 93px;







	width: 389px;







	color: #000000;







	font-size: 28px;







}















/*- Top Banner -*/







#topbanner {







	float: right;







	width: 468px;







	padding:20px 0px 0px;







}















#topbanner img{







	float: right;







}















/*- RSS -*/







#rss a{







	color: #666666;







}







#rss h2{







	padding:10px;







	font-size:14px;







	margin-bottom:10px;







}







#rss ul{







	margin: 0px;







	padding: 10px;







	float:left;







}







#rss li{







	margin: 0px;







	border:none !important;







	padding: 5px;







}







#rss img{







	float: right;







	padding-left: 10px;







	margin-top: 5px;







}















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















/* See slideshow.css */















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















#video-frame {







	background:#eee;







	float:left;







	width:583px;







	height:auto;







	margin:15px 0px 0px;







	padding: 5px;







	border: 1px solid #ddd;







	}







.video-left {







	float:left;







	width:285px !important;







	display:inline;







	background-color:#FFFFFF;







	}







.video-left p {







	padding:0px !important;







	margin:0px !important;







	}







.video-left h2 {







	display:none;







	}







.video-right {







	float:right;







	width:273px;







	display:inline;







	background-color:#FFFFFF;







	padding: 10px;







	}







.video-right h2{







	color: #000000;







	font-size:11px;







	line-height:normal;







	font-weight:bold !important;







	margin:0 !important;







	padding-top: 0px;







	padding-right: 0px;







	padding-bottom: 5px;







	padding-left: 0px;







	}







.video-right p{







	color: #666;







	font-size:11px;







	line-height:12px;







	margin-top: 10px;







	margin-right: 0;







	margin-bottom: 0px;







	margin-left: 0;







	padding-top: 0;







	padding-right: 0;







	padding-bottom: 20px;







	padding-left: 0px;







	}







.video-right h3{







	font-style: normal !important;







	font-weight: bold;







	font-size:18px;







	line-height:20px;







	padding-bottom: 0px;







	}







.video-right .mootabs_title {







	border-top:1px solid #FFF;







	list-style:none;







	margin:0px;







	padding:0px;







	}







.video-right .mootabs_title li {







	color:#000;







	font-weight:normal;







	font-size:11px;







	text-decoration:none;







	display:block;







	padding:10px;







	border: 1px solid #dddddd;







	background:#f7f7f7;







	line-height:10px;







	cursor: pointer;







	margin-top: 0px;







	margin-right: 0px;







	margin-bottom: 5px;







	margin-left: 0px;







	}







.video-right .mootabs_title li:hover, .video-right .mootabs_title li.active {







	background:#dddddd url(images/ico-watch.gif) right center no-repeat !important;







	}















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















/*=== Small Box Post ===*/







.post{







	margin: 0;







}







.post h2{







	font-size: 18px;







	padding: 0 0 5px;







}















.post h3{







	font-size: 14px;







}







.post h3 a{







	color: #000000;







}







.post p{







	padding: 0 0 15px;







	line-height: 15px;







}















/*- Box -*/







.box{







	clear: both;







	height: 1%;







	padding-top: 15px;







	padding-right: 0;







	padding-bottom: 15px;







	padding-left: 0;







	margin: 0;







}







.box .post{







	width: 288px;







	background-color: #ffffff;







	border:1px solid #ddd;







}







.box .post h2 a{







	color:#000000;







}







.box .post h2{







	font-size: 18px;







	padding: 10px;







	line-height: 20px;







}







.box .post p{







	font-size: 11px;







	line-height: 16px;







	padding: 0px 10px 10px;







}















.box .post img{







	border: 1px solid #000000;







	float: right;







	padding: 5px;







	background-color: #FFFFFF;







	margin: 10px;







}















/*=== Traditional Blog Post ===*/







.post-alt{







	margin: 0 0 15px 0;







	







}







.post-alt h2{







	font-size: 24px;







	padding: 0;







	color:#000000;







	line-height: 26px;







}















.post-alt h2 a{







	font-size: 24px;







	padding: 0;







	color:#000000;







	line-height: 26px;







}















.post-alt h3{







	font-size: 13px;







	padding-bottom: 5px;







	line-height: 18px;







	color: #000000;







}







.post-alt h4{







	font-size: 14px;







	padding-bottom: 5px;







	line-height: 16px;







}







.post-alt h3 a, .post-alt h2 a{







	color: #000000;







}







.post-alt p{







	padding: 0 0 15px;







}







.post-alt h3.post_date{







	color: #999999;







	padding: 5px 0px 10px;







	font-size: 12px;







	font-weight: normal;







}







h3.posted{







	font-size: 11px;







	color: #666666;







	font-style: normal;







	font-weight: normal;







	line-height: 15px;







	background-color: #eeeeee;







	padding: 5px;







	margin-top: 10px;







	text-align: right;







	border-top:1px solid #ddd;







	border-bottom:1px solid #ddd;







}







h3.posted a {







	color: #000000;







	font-size:11px;







}







/*=== Buttons ===*/







.continue{







	background: url(images/ico-arrow.gif) no-repeat left;







	font-weight:bold;







	padding-left: 15px;







}







.comments {







	padding-bottom:0px !important;







}







.comments a{







	background: url(images/ico-comm.gif) no-repeat left;







	color: #000000;







	font-weight:normal;







	font-size:11px;







	padding:0px 0px 0px 18px;







	margin-left:5px;







}







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 {







	margin-bottom:25px;







	padding:10px;







	color:#000 !important;







}







#archivebox h4, #archivebox h3, #archivebox h2{







	color:#333333;







}







#archivebox h4 em, #archivebox h2 em, #archivebox h3 em{







	font-weight: normal;







}







#archivebox a, #archivebox h2 {







	color:#000;







}







.archivefeed {







	margin-top:10px;







	padding-bottom:0px;







}







.archivefeed a {







	background:url(images/ico-arcfeed.gif) center left no-repeat;







	height:20px;







	color:#000;







	font-weight:bold;







	font-size: 11px;







	font-weight: normal;







	padding:3px 0px 1px 22px;







}







.arclist{







	width: 260px;







	margin:0px 0px 25px;







	padding:5px 0px 0px;







	border-bottom: 1px solid #eee;







}







.arclist h2{







	color: #000;







	padding:0px 0px 15px;







}















.arclist ul li{







	color:#c0c0c0;







	font-size:12px;







	padding:8px 0 8px 10px;







	border-top:1px solid #eee;







}















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















.singletags {







	margin-top:5px;







	font-weight:bold;







	color:#000 !important;







}







.singletags a { font-weight: normal !important; }







.entry p{







	text-align:left;







	font-size:12px;







	line-height:18px;







	}







.entry blockquote {







	padding: 10px;







	border: 1px solid #ddd;







	color:#000;







	width:85%;







	background-color: #f7f7f7;







	font-style: italic;







	margin:5px auto 15px;







	}







.entry blockquote p {







	font-size:12px;







	padding: 5px 0px;







	margin: 5px 0px;







	line-height: 20px;







	}







.entry img {







	padding: 4px;







	border: 1px solid #000000;







	float:right;







	display:inline;







	background-color: #FFFFFF;







	margin-right: 15px;







	margin-bottom: 20px;







        width: 300px;







        height: 250px;







	}







.imagery img {







        float: left;







        display:inline;







        padding: 4px;







	border: 1px solid #000000;







	display:inline;







        width: 100px;







        height: 57px;







	}







.purchasebutton img {



        align: left;



        clear: both;



        display:inline;



        border:0px solid #403c27;



        margin-right: 50px;



        width: 151px;



        height: 39px;



	}







.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:#f7f7f7;







	border:1px solid #eee;	







}















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















#mpu_banner {







	width:300px;







	height:250px;







	background-color:#eeeeee;







	margin-bottom:15px;







	padding: 9px;







	border: 1px solid #dddddd;







}















/*- Sidebar Tabs - Popular, Comments, Featured, Tag Cloud -*/















.sideTabs {







	width:308px !important;







	height:auto !important;







	min-height:258px;







	padding:5px;







	border:1px solid #ddd;







	background-color:#eeeeee;







	float:left;







	display: block;







}







.col2 .mootabs_title{







	font-size: 12px;







	width: 100%;







	float:left;







}







.col2 .mootabs_title li{







	float: left;







	display:inline;







	font-size: 11px;







	line-height: 34px;







	background: #ffffff;







	color: #000000;







	border:1px solid #ddd;







	font-weight: bold;







	font-size: 11px;







	margin:0px 2px 0px 0px !important;







	padding:0px 5px !important;







	cursor: pointer;







}







.col2 .mootabs_title li:hover, .col2 .mootabs_title li.active{







	border: 1px solid #ddd;







	text-decoration: none;







}







.col2 .mootabs_panel {







	display: none;







	clear: both;







	float:left;







	height:auto !important;







}







.col2 .mootabs_panel.active {







	display: block;







	float:left;







}







.col2 .mootabs_panel ul{







	width: 296px !important;







	padding:5px !important;







	border:1px solid #ddd !important;







	margin:5px 0px 0px !important;







	background-color: #FFFFFF;







	min-height:203px;







	}







.list1 li,.list2 li, .list3 li{







	padding: 6px 0 6px 25px;







	border-bottom: 1px solid #eee;







}







.list1 li a,.list3 li a,.list4 li a, .list5 li a{







	color: #666666;







	font-size: 12px;







}







.list3 li {







	background: url(images/ico-mostcomm.gif) no-repeat left center !important;







	}







.list5 li{







	border-bottom: 1px solid #eee;	







	padding:6px 0px;







}







/*- Ads -*/







.ads{







	border: 1px solid #ddd;







	height: 125px;







	width:308px;







	padding: 5px;







	margin:0 0 15px;







}







.ads img{







	float: left;







	margin:0 5px 0 0;







}







.ads img.last{







	margin: 0;







}







/*- Flickr -*/







.flickr{







	border: 1px solid #ddd;







	background-color: #eee;







	width:318px;







	margin:0px 0px 15px;







}







.flickr h2{







	font-size:14px;







	padding: 5px;







	margin-bottom:10px;







}







.flickr h2 img{







	float: right;







	margin: 0 2px;







}







.flickr p {







	display:inline;







	padding-left:10px;







}







.flickr-ar {







	font-size: 12px;







	font-weight: normal;







	margin: 0px;







	color: #ffffff;







}







.flickr-ar a {







	color: #ffffff;







}







.flickr img {







	margin:0px 0px 10px 5px;







	border: 1px solid #ddd;







	padding:5px;







	background-color:#ffffff;







}







/*=== Styling Widget Lists ===*/







.widget h2 {







	padding: 5px;







}







.widget ul {







	margin:0 0 10px 0;







	padding:5px 0;







	border:none !important;







}







.widget ul li {







	border-bottom: 1px solid #eee;







	padding:5px 0 5px 5px;







	margin:0px;







}







.widget a:hover {







	color: #000000;







}















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















#footer{







	clear: both;







	color: #666666;







	height: 35px;







	line-height: 35px;







	margin:0px 15px 15px;







	padding:0px 15px;







	background-color: #f7f7f7;







	border: 1px solid #ddd;







}















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















.fix{







	clear: both;







	height: 1px;







	margin: 0 0 -1px;







	overflow: hidden;







}







.hl{







	border-bottom: 2px solid #eee;







}







.hl-full{







	float:left;







	clear:both;







	height:1px;







	width:100%;







	padding:0 !important;







	margin:0px 0px 15px;







}







.hl2{







	border-bottom: 3px solid #c0c0c0;







}







.hl3{







	border-bottom: 1px solid #eee;







}







.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 #dddddd;







	float: left;







	padding: 5px;







	background-color: #FFFFFF;







	margin-top: 0px;







	margin-bottom: 10px;







	margin-right: 10px;







}















table#wp-calendar {







	border-collapse: collapse;







	margin: 0px;







	padding: 0px;







}















table#wp-calendar a {







	color:#000000; 







}















table#wp-calendar caption { 







	font-weight: normal; font-size: 0.91667em; line-height: 1.72727em; text-transform: uppercase; letter-spacing: 2px; background: #e5e5e5; border-bottom: 1px dotted #ddd; 







}







table#wp-calendar th { 







	width: 26px; font-size: 0.91667em; line-height: 1.72727em; background: #f2f2f2; border-bottom: 1px dotted #ddd; text-align: center; 







}







table#wp-calendar td { 







	width: 26px; line-height: 1.66667em; color: #999; text-align: center; 







}







table#wp-calendar td#next, table#wp-calendar td#prev { 







	width: 78px; font-size: 0.83333em; letter-spacing: 1px; text-transform: uppercase; 







}







.boarder {



       border: #ffffff 4px solid;



}



.sustainabilitycolour a, solarcolour a:hover {

color:#39b218;

}



.solarcolour a, solarcolour a:hover {

color:#d18b1c;

}



.autocolour a, autocolour a:hover {

color:#000000;

font-size: 15px;

}



.windcolour a, windcolour a:hover {

color:#1e75e1;

}



.techcolour a, techcolour a:hover {

color:#686967;

}



.ninjaauthor img {

        float: left;

        border:0px solid #000000;

        margin: 0px 10px 0px 0px;

        width: 250px;

        height: 250px;

	}



.hr {

        border: 0;

        color: #000000;

        background-color: #000000;

        height: 5px;

}