/*  



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: #39b218;



	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;



}







/*- 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:#39b218;



}



.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 #39b218;



	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:#39b218;



	line-height: 26px;



}







.post-alt h2 a{



	font-size: 24px;



	padding: 0;



	color:#39b218;



	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: #39b218;



}



.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 #39b218;
	float:right;
	display:inline;
	background-color: #FFFFFF;
	margin-bottom: 30px;
        width: 285px;
        height: 240px;
}



.imagery img {



        float: left;



        display:inline;



        padding: 4px;



	border: 1px solid #39b218;



	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, sustainabilitycolour a:hover {

color:#39b218;

font-size: 15px;

}





.solarcolour a, solarcolour a:hover {

color:#d18b1c;

}



.autocolour a, autocolour a:hover {

color:#000000;

}



.windcolour a, windcolour a:hover {

color:#1e75e1;

}



.techcolour a, techcolour a:hover {

color:#686967;

}

.survivalcolour a, survivalcolour a:hover {

color:#433010;

}


.ninjaauthor img {

        clear: both;

        float: left;

        border:0px solid #000000;

        margin: 55px 10px 30px 0px;

        width: 250px;

        height: 250px;

	}



.hr {

        border: 0;

        color: #000000;

        background-color: #000000;

        height: 5px;

}



.ecovideo

        padding: 0 0 100px 0;

.facebooklike {

	border: 1px solid #e5b921;
	background-color: #fff;
	padding: 5px;
	margin-bottom: 10px;
}