@charset "utf-8";html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}body{font:12px/1.5em Georgia,"Times New Roman",Times,serif;background:#fff;}h1,h2,h3,h4,h5,h6{line-height:1.5em;}h1{font-size:3.00em;margin-bottom:0.5em;}h2{font-size:2.00em;margin-bottom:.75em;}h3{font-size:1.50em;margin-bottom:.5em;}h4{font-size:1.00em;margin-bottom:1.50em;font-weight:bold}h5{font-size:1.00em;margin-bottom:1.50em;font-weight:bold}h6{font-size:1.00em;margin-bottom:1.50em;font-weight:bold}p,pre,code,address{margin:0 0 1.5em}b,strong{font-weight:bold}i,em{font-style:italic}address{font-family:"Courier New",Courier,monospace;}pre{font-family:"Courier New",Courier,monospace;}a{color:#069}a:hover{color:#F60}fieldset{border:solid 1px #CCC}legend{padding:.5em;border:solid 1px #CCC;margin-left:1em}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px;}.grid_1{width:40px;}.grid_2{width:100px;}.grid_3{width:160px;}.grid_4{width:220px;}.grid_5{width:280px;}.grid_6{width:340px;}.grid_7{width:400px;}.grid_9{width:520px;}.grid_10{width:660px;}// devide by 3 for cols
.grid_11 {width: 660px;}
.grid_13 {width: 760px;}
.grid_14 {width: 820px;}
.grid_15 {width: 880px;}
.grid_16 {width: 1024px;}

/* HEADER
=============================================================================*/
	#header{ padding:1em 0}
	h2.blogname a{
		font-size:2em;margin-bottom:0;
		text-decoration:none;color:#069;}
	h2.blogname {margin-bottom:0;margin:.33em 0}
	h2.blog-title{
		font-size:1em;line-height:1em;
		color:#000;padding-bottom:.5em;}
	
	/*Header Ad*/
	#header-ad{margin-top:1.6em}
	/*Search Box*/
	.nav-search{float:right;margin:.1em 0 .1em 10px }
	#navsearch{padding:.2em .25em; font-size:.8em;width:15em; height:1.2em}

/* SLIDER
=============================================================================*/
	#jFlowSlide{ background:#d7e5ed; width:660px}

	#myController {padding:2px 0;background:#1d3652;margin-bottom:10px; }
	#myController span.jFlowSelected { background:#2b4f74;margin-right:0px; }
	
	.slide-wrapper { padding: 5px; }
	.slide-thumbnail {float:left;padding:.4em 1em 1em 0 }
	.slide-thumbnail img {max-width:350px; }
	.slide-details { margin-left:10px;}
	.slide-details h2 { font-size:2em; margin-bottom:0 }
	.slide-details h2 a{text-decoration:none}
	.slide-details .description { margin-top:10px; }
	
	.jFlowControl, .jFlowPrev, .jFlowNext { color:#FFF; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;  }
	.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background: #43A0D5; }

/* Tabs
=================================================*/
	.ui-tabs { padding: 0; zoom: 1; background:#d7e5ed; border: solid 5px #2b4f74; min-height:220px; margin-bottom:1em}
	.ui-tabs .ui-tabs-nav { list-style: none; position: relative;}
	.ui-tabs .ui-tabs-nav li { position: relative; float: left; text-transform:uppercase; font-weight:bold}
	.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em;  color:#FFF}
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background:#d7e5ed;}
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color:#000}
	.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
	.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
	.ui-tabs .ui-tabs-hide { display: none !important; }
	
	.tabmenu{background:#1d3652; margin:0; padding:0}
	.tabmenu li{}
	.tab-content a{ text-decoration:none}
	.tab-content li{list-style:square; margin-left:.5em}



/* MAGAZINE BOXES
=============================================================================*/
	.mag-box{ width:211px; float:left; display:inline; margin-right:10px; border:solid 1px #CCC; margin-bottom:1em; position:relative;word-wrap: break-word;
	}
	.mag-thumb{padding:4px 4px 5px;background:#CCC; margin-bottom:0}
	.mag-content{height:320px;padding:0 .8em;overflow:hidden;}
	.mag-box h2.post-title{font-size:1.8em}
	.m-right{margin-right:0}
	span.catname{background:#000; position:absolute; top:4px; right:4px; padding:3px 5px ; font-size:1.2em;
		-moz-opacity:0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;}
	span.catname a{color:#FFF;font-weight:normal; text-decoration:none}
	.mag-meta{margin:.5em 0 0; background:#1d3652 ; padding:.5em}
	a.read-more {float:right; background:#2b4f74 ;padding:.2em .5em;color:#FFF; text-decoration:none}
	a.read-more:hover {background:#0283c4;}
	.read-more{padding:.5em}

/* MAGAZINE BOXES
=============================================================================*/
	#popular-posts-home{background:#f2f2f2;}
	#popular-posts-home h2{font-size:1.8em; margin:.5em 0}
	#popular-posts-home li{margin-bottom:1em; border-bottom:dotted 1px #CCC;padding:0 5px 1em;word-wrap: break-word;}
	img.pop-thumb{margin:0 -5px;}
	.pop-catname{ position:relative; float:right;top:-94px;right:-5px; background:#000;padding:3px 5px ; font-size:1.2em;
		-moz-opacity:0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;}
	.pop-catname a{color:#FFF;font-weight:normal; text-decoration:none}

/* POST STYLES
=============================================================================*/
	.post-title a{font-weight:normal;text-decoration:none; color:#069; }
	h2.post-title{margin:0 0 -.2em 0;line-height:1.2em} /*Home page posts title*/
	h1.post-title{margin:0; line-height:1.2em; font-size:3em}/*single page posts title*/
	
	.post-meta{color:#BBB;font-size:.9em; margin:.5em 0; font-style:italic}
	.post-meta a{text-decoration:none}
	.border{display:block; border-bottom:dotted 1px #CCC; margin-top:-.4em}

	.entry{margin:1em 0;word-wrap: break-word;}
	 
	.entry img.mag-thumb{float:left;padding:.2em; background:#EEE; margin:0 1em .5em 0;} 
	
	.entry p{text-align:justify}
	.entry blockquote{
		font-size:1.2em;line-height:1.25em; font-style:italic; background:#f6f6f6; margin-bottom:1.25em; border-left:solid 8px #CCC;
		padding:1.2333em 2em .0167em; width:85%;
		}
		
	.entry blockquote p{margin-bottom:1.25em}
	.entry ul li{list-style:square;}
	.entry ol li{list-style:decimal;}
	.entry li{margin:0 0 1.5em 3em;}
	
	.entry td,.entry th{padding:.2em .5em;border:solid 1px #CCC}
	.entry th{background:#DDD; font-weight:bold;}
	.entry td{background:#EEE; }
	.entry table{border:solid 1px #CCC}
	
	/* Post Image Styling */
	.wp-caption{background-color:#EEEEEE;border:1px solid #DDDDDD;padding:5px 0;text-align:center; margin:0 1em 1.5em}
	.wp-caption-text {margin:auto;text-align:center!important;font-size:.9em;padding:.4em 1em}
	.entry .wp-caption img {padding:0}
	.wp-caption-dd {font-size: .9em;padding: 0 4px 5px;}	
	.entry img{padding:0 1em .5em}
	.entry .wp-smiley{padding:0 .2em; background:none;}

	/*Pagination styling for posts with multiple page*/
	.page-navigation a{padding:.3em .55em; background:#1d3652; border:solid 1px #DDD;margin:0 .2em;
						-moz-border-radius: 3px;
    					-webkit-border-radius: 3px; text-decoration:none; font-weight:bold}
	.page-navigation a:hover{padding:1em .55em .3em;}
	
	/*Archives and Error page Styling*/
	h2.archive-title{display:block; background:#CCC; margin:0 -10px; padding:0 10px; margin-bottom:.3em; font-weight:bold}
	h2.archive-title span.normal{font-weight:normal; color:#666}
	h3.ep-listing{font-size:1.5em; margin-bottom:-.1em}
	h3.ep-listing a{text-decoration:none}
	.error h4{margin-bottom:.2em}
	.error span.post-meta{font-size:.8em}
	.error ol li{list-style:decimal; margin-left:1.5em;}

	/*Readmore button for blog layout*/
	.entry a.read-more {margin-top:-1.2em}
	/*Author GRAVATAR in authors template.*/
	#authorTempaAvatar img.avatar{float:left; background:#F6F6F6;padding:.5em;margin:0 1em 1em 0;}

	/*page nav styling*/
	.wp-pagenavi{margin:1em 0;}
	.wp-pagenavi a,
	.wp-pagenavi .current,
	.wp-pagenavi .pages{padding:.3em .6em; background:#1d3652; color:#FFF; margin-right:.5em;text-decoration:none;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;}
					
	.wp-pagenavi .current,.wp-pagenavi a:hover{padding:.8em .6em .3em;}

/* RELATED POSTS AND AUTHOR INFO BOX
=============================================================================*/
	#rp-wrapper{
		background:#2b4f74;padding:0 1em;}
	#rp-wrapper{color:#F2F2F2;}
	#rp-wrapper a{color:#FFF;}
	#rp-wrapper a:hover{color:#F60;}
	#rp-wrapper ol li{ list-style:decimal; margin-left:2em;}
	#rp-wrapper li a{text-decoration:none}
	#related-posts{margin:0 10px; width:48%; float:left; min-height:120px}
	#related-posts li{margin:0 0 1.5em 2em;}
	#rp-wrapper h3{
		margin-bottom:.5em;
	}

	#rp-wrapper h3 a{ text-decoration:none}
	#subscribe{margin-left:5px;}
	#subscribe form {float:left;}
	#socialmedia{margin-top:1.5em;float:right;}
	#socialmedia img{margin: -25px 5px 10px}
	#author-info{background:#1d3652;color:#EEE;
		margin:0 -1em;
		padding:0 1em .75em;
		}
	.post-nav{background:#1d3652;color:#EEE;
		margin:0 -1em;
		padding:.25em;
		}
	.post-nav a{text-decoration:none}
	#author-info h3{margin-bottom:0}
	#author-info img.avatar{float:left; padding:0 10px 0 0;}
	#rp-wrapper span.tags{
		font-style:italic; font-size:.8em; display:block; border-top:solid 1px #045;
		margin:.6em 0 0 0;
		padding-top:.6em}
/* SIDEBAR AND FOOTER WIDGETS
=============================================================================*/
	.widget{background:#f0f0f0; padding:1em; margin-bottom:1em;border:solid 1px #EEE;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			}
	.widget a{color:#069;text-decoration:none}
	.widget a:hover{color:#F60}
	h4.widget-title{background:#EEE; display:block; margin:-1em -1em .2em ; padding:.3em .5em; letter-spacing:.1em;}
	.widget ul {margin:0}
	.widget ul li{list-style:none; border-bottom: dotted 1px #CCC; margin:0 -1em; padding:.3em 1em}
	.widget ul li:hover{background:#EEE; border-bottom-style:solid}
	.widget ul li ul li,.widget ul li ul li:hover{border-bottom:none; list-style:square; margin:0 0 0 1.2em;padding:.3em 0;}
	
	/*Footer widgets (All the styling is inherited from above rules except fo colours)*/
	#footer-container{}
	#footer .widget{background:#2b4f74; color:#FFF; border-color:#045}
	#footer .widget a{color:#EEE;}
	#footer .widget a:hover{color:#F60}
	#footer h4.widget-title{background:#2b4f74; color:#FFF} 
	#footer .widget ul li{border-bottom: dotted 1px #CCC;}
	#footer .widget ul li:hover{background:none;border-bottom-style:solid} 
	
	/*Search Widget*/
	.search{padding:1.4em 1em 0}
	.search input#s{padding:.2em .5em; border:solid 1px #CCC; width:60%}
	.search fieldset{border:none;}
	
	/*Popular posts widget*/
	.popular-widget img.thumbnail{margin-right:.5em}
	
	/*AD'S widget*/
	.wide-sidebar img.banner125{margin:0 10px .5em}
	img.banner125{float:left;padding:5px;background:#EEE; margin-bottom:.5em}
	/*Subscribe Widget*/
	.widget_subscribebox{background:#d7e5ed url('images/subscribe-bg.png') no-repeat 100% 0;padding:.7em 1em 1.5em} 
	.subscribe-box{margin:auto; padding:0 10px;font-size:1.2em;}
        .subscribe-box input{float:left}
	.subscribe-box input.subscribe-button{letter-spacing:1px; width:90px; float:right;display:inline}

 /* COMMENT'S TEMPLATE STYLING
=============================================================================*/
	ol.commentlist{ margin-top:1em}
	li.comment{background:#f6F6F6; padding:1em 1em .5em;border:solid #DDD; margin-bottom:1em; border-width:5px 1px 1px}
	li.comment .avatar{float:left; padding:.4em; background:#DDD; margin:0 1em .5em 0;}
	div.reply a{ 	
			background:#069;padding:.2em .8em; width:2.8em;position:relative;
			bottom:2.2em;  float:right; text-decoration:none; font-weight:bold; color:#FFF}
	.children{margin-left:2em;}
	.children li.comment{margin-bottom:.5em;}
	
	cite.fn{font-size:1.5em; font-style:italic;}
	cite.fn a{text-decoration:none}
	
	.comment-meta a{font-size:.8em; font-style:italic; text-decoration:none;}/*date and time*/
	span.says{display:none} /*Hide the word says*/
 


/*Comment form styling
---------------------------------------------------------------------------*/
	h3#comment-form-title{ margin-bottom:0; background:#DDD; display:block; padding:0 .5em;	
		-moz-border-radius-topright: 5px;
		-moz-border-radius-topleft: 5px;
		-webkit-border-top-right-radius: 5px;
		-webkit-border-top-left-radius: 5px;}
		
	#commentform{ background:#EEE; padding:1em; color:#333; margin:0 0 1em 0;	-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;}
	
	#commentform label{font-size:1.2em}
	
	#commentform input{padding:.5em 1em; width:50%;border:solid 1px #CCC;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px; }
				
	#commentform textarea{padding:.5em 1em; width:80%; border:solid 1px #CCC;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;} 
				
	#commentform #submit{font-weight:bold; background:#069; color:#FFF;width:13em;  
						border: solid 3px #028dd2; padding:.5em 0;font-size:1.5em}
	#commentform #submit:hover{background:#028dd2;border-color:#069; color:#FFF}
	
	a#cancel-comment-reply-link{float:right; padding:.5em; background:#069; color:#FFF}
	
	
	/*Paginated Comments*/
	span#comments-template,span.post-a-comment{display:inline; padding:.3em 0; margin:1em 0 .2em; font-size:1.5em}
	span.post-a-comment a{background:#069; color:#FFF; text-decoration:none; display:block;padding:.3em .5em; -moz-border-radius: 5px;
							-webkit-border-radius: 5px; margin-top:-.4em;}
	#comment-nav{padding:.5em; margin:1em 0}
	.page-numbers{padding:1em .55em .3em; background:#f2f2f2; border:solid 1px #DDD;margin:0 .2em;
							-moz-border-radius: 3px;
							-webkit-border-radius: 3px;}
	a.page-numbers,.dots {padding:.3em .55em;}

	a.page-numbers:hover{padding:1em .55em .3em;}

/* COPYRIGHT
--------------------------------------------------------------------*/	
	#copyright{text-align:center; background:#CCC; border-top:solid 1px #CCC; padding:.5em 0; color:#333; font-size:.8em}
	#copyright p{margin:0}
	#copyright a{color:#000; text-decoration:none}
	#copyright a:hover{color:#F60}
	
	#tooltip{
		position:absolute;
		border:.2em solid #43a0d5;
		background:#d7e5ed;
		padding:.2em .5em;
		color:#333;
		display:none;
		}	

/* FREQUENTLY USED CLASSES
--------------------------------------------------------------------*/	
	.aligncenter {display: block;margin-left: auto;margin-right: auto;}
	.alignleft {float: left;}
	.alignright {float: right;}
	
	.radius5,.reply a,li.comment .avatar,.read-more{	-moz-border-radius: 5px;
				-webkit-border-radius: 5px;}
	.radius10,li.comment{	-moz-border-radius: 10px;
				-webkit-border-radius: 10px;}

	.fullpost-margin{margin:.75em 0;display:block; border-bottom:dotted 1px #CCC;}


/* HACKS 
-------------------------------------------------------------------------*/

/* Takes care of div height containing floating elements */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear{clear:both}

/* LAYOUT
=============================================================================*/
	.grid_960{margin:0 auto;width: 1024px;padding:0 10px;}
	#content {margin:0 0 0 10px;padding-top:10px}
	.wide-sidebar {width:340px;margin:10px 10px 0 0;}
	#sb1{width:160px;margin:0 10px 0 0;_width:155px}
	#sb2{width:160px;margin:0 0 0 10px;_width:155px}
	
	#footer{ background:none; /* background:#1d3652; */ padding:1em 10px}
	.footer-widgets {width:240px; margin:0 10px }
	
	
	#related-posts,
	#sb-container,#sb1,#sb2,
	.footer-widgets {display: inline;float: left;}
	#content{float:right}

	.alpha {margin-left: 0;}
	.omega {margin-right: 0;}
/* NAVIGATION
=============================================================================*/
body{background:#333}
#main-container{background:#FFF; width:1024px;}

	#nav1-container,
	#nav2-container,
	#nav-ad-container{background:#FFF; width:1044px; margin:auto;padding:0.2em 0}
#header-container{width:1044px; margin:auto;padding:0.2em 0}
	#nav1-container {	-moz-border-radius-bottomleft: 5px;
						-moz-border-radius-bottomright: 5px;
    					-webkit-border-bottom-right-radius: 5px;
						-webkit-border-bottom-left-radius: 8px

	color:#bababa;
	
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	border:none;
	-moz-border-radius:8px;
  -khtml-border-radius:8px;
  -webkit-border-radius:8px;
	border-radius:8px;
	text-shadow:0px 1px 1px #000000;

}
	#nav2-container {	-moz-border-radius-topleft: 5px;
						-moz-border-radius-topright: 5px;
    					-webkit-border-top-right-radius: 5px;
						-webkit-border-top-left-radius: 5px;
	color:#bababa;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	border:none;
	-moz-border-radius:5px;
  -khtml-border-radius:5px;
  -webkit-border-radius:5px;
	border-radius:5px;
	text-shadow:0px 1px 1px #000000;

	}
	ul.navigation{float:left; }
	.navigation {list-style-type:none;position:relative; z-index:5;}
	.navigation li ul {z-index:25;}
	.navigation ul {position:absolute; display:none; width:12em; top:2em; background:#1d3652; padding-bottom:.5em}
	
	.navigation li {float:left; position:relative;margin-right:.2em;}
	.navigation li:hover{ }
			
	.navigation a {display:block; padding:0.3em .8em;text-decoration:none;
						-moz-border-radius:5px;
    					-webkit-border-radius:5px; }
	.navigation a:hover {color:#fff;}
	

	.navigation li ul { width:14em;border-width:0 .1em .1em;
		-moz-border-radius-bottomleft: 8px;
		-moz-border-radius-bottomright: 8px;
    	-webkit-border-bottom-right-radius: 8px;	
		-webkit-border-bottom-left-radius: 8px;}
	.navigation li ul{postion:relative;left:-2em}
	.navigation li ul a {width:12.4em; height:auto; float:left;
						-moz-border-radius:0;
    					-webkit-border-radius:0; }
	.navigation ul ul {top:auto;}
	.navigation li ul ul {left:13.1em; margin:0px 0 0 1em;}
	.navigation li:hover ul ul, .navigation li:hover ul ul ul, .navigation li:hover ul ul ul ul {display:none;}
	.navigation li:hover ul, .navigation li li:hover ul, .navigation li li li:hover ul, .navigation li li li li:hover ul {display:block;}
	
#rss-links{float:right;margin-top:.3em;font-size:.8em}
ul#rss-links li{display:inline; text-decoration:none; padding:0.25em .3em;}
ul#rss-links li a{text-decoration:none;}

body{background:#333 url('http://cdn3.green.cx/extras/greencomplexbg.jpg') fixed;}

#nav1-container,#nav2-container{background:#2b4f74;} /*   1d3652 */
#nav1-container a,#nav2-container a{color:#FFF}
#nav1-container a:hover,#nav2-container a:hover{color:#FFF; background:#2b4f74;}
.navigation li:hover{ background:#2b4f74;-moz-border-radius:5px;
    					-webkit-border-radius:5px;}
	h2.blogname a{color:#FFF;}
.m_right{ margin-right:0 !important;}
.mag-content{padding:10px; height:260px; overflow:hidden;}
.mag-content h2{ font-size:16px; line-height: 20px }
img.mag-thumb{ padding: 5px;margin:0;background:#eee}

	h2.blog-title{color:#f2f2f2;body{font-family:Georgia, "Times New Roman", Times, serif;font-size:12px}
.widget{font-size:1em}
#footer .widget{font-size:1em}