/*
Theme Name: Ideostone wordpress
Theme URI: http://www.ideostone.com/
Description: The Ideostone Wordpress theme by MWA Design.
Author: MWA Design
Author URI: http://www.mwadesign.com/
*/




body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
    	height: 100%;  
	font-size: 62.5%;	
	color: #ccc;
	text-align: center;
	font-family: arial, verdana, sans-serif;
	background: #000;
    }


body a img {
	border: none;
}

img{
	display: block;
}

.clearing{	
	clear: both;
}





/*------ clear standard browser styles ------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,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,th,var {
	font-style:normal;
	font-weight:normal;
}
ul {
	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;
}



/*------ general styles ------*/


.clear {
	clear: both;
	overflow: hidden;
	line-height: 0 !important;
	height: 0 !important;
	font-size: 0 !important;
	margin: 0 !important;
	}


.disguise {
	position: absolute;
	left: -10000px;
	}
	
.hide {
	display: none;
	}
	
	
	
/* http://positioniseverything.net/easyclearing */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0;
	clear: both; 
	visibility: hidden;
	}

.clearfix {
	display: inline-table;
        min-height: 0;
	}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


.green{
color: #99FF00 !important;
}


/*------ wrap ------*/


#wrap {
	margin: 0px auto 0px auto;
	padding: 0 0 0 0;
	width: 803px;
	text-align: left;
}



/*------ logo ------*/

#logo{
	float: left;
	width: 803px;
	margin-top: 20px;
	height: 53px;
	font-size: 1px;
	background: url(img/ideostone-logo.gif) no-repeat 0 0;
}


#logo a{
	display: block;
	width: 176px;
	height: 53px;
	text-decoration: none;
	text-align: right;
	color: #000;
}


/*------ mainNav ------*/

#mainNav{
	float: left;
	background: url(img/mainNav-corner-right.gif) no-repeat 100% 0;
}



#mainNav ul{
	float: left;
	background: url(img/mainNav-corner-left.gif) no-repeat 0 0;
}


#mainNav ul li{
	float: left;
	border-left: 1px solid #666;
}


#mainNav ul li.page-item-358{
	border-left: none;
}



#mainNav ul li a{
	display: block;
	font-size: 1.2em;
	padding: 8px 16px;
	font-weight: bold;
	text-decoration: none;
	color: #92F201;
}


#mainNav ul li a:hover,
#mainNav ul li.current_page_item a{
	color: #fff;
}



/*------ pageContent ------*/

#pageContent{
	float: left;
	width: 803px;
	position: relative;	
	background: url(img/pageContent-bg.gif) repeat-y 0 0;
}


#pageContent.home{
	background: none;
}



/*------ mainContent ------*/

#mainContent{
	float: left;
	width: 520px;
}



#mainContent .pageTitle{
	clear: both;
	font-size: 3.2em;
	color: #FFF;
	padding-bottom: 10px;

}


#mainContent h2{
	clear: both;
	font-size: 2.4em;
	color: #99FF00;
	height: 40px;
	line-height: 40px;
	margin: 20px 0 15px 0;

}


#mainContent h2 a{
	color: #99FF00;
	text-decoration: none;
	font-size: 0.7em;
}


#mainContent h2.articleTitle a{
	font-size: 1em;
	}


#mainContent h2 a:hover{
	text-decoration: underline;
}


#mainContent h2 img{
	float: left;
	margin-right: 10px;
}


#mainContent h3{
	color: #FFFFFF;
	font-size: 1.5em;
	line-height: 1.4em;
	padding: 10px 0;
	margin-left: 50px;
}


#mainContent p{
	font-size: 1.2em;
	line-height: 1.4em;
	padding-bottom: 10px;
	margin-left: 50px;
}


#mainContent p strong{
	color: #fff;
}


#mainContent p a,
#mainContent ul a,
#mainContent ol a{
	color: #99FF00;
	font-weight: bold;
	text-decoration: none;
}


#mainContent p a:hover,
#mainContent ul a:hover{
	text-decoration: underline;
}


#mainContent ul{
	font-size: 1.2em;
	line-height: 1.4em;
	padding-bottom: 10px;
	margin-left: 50px;
}


#mainContent ol{
	font-size: 1.2em;
	line-height: 1.4em;
	padding-bottom: 10px;
	margin-left: 50px;
}


#mainContent ol li{
	margin: 0 0 5px 20px;
	padding: 0 0 0 5px;
}


#mainContent ul li{
	margin-bottom: 5px;
	padding: 0 0 0 15px;
	background: url(img/bullet.gif) no-repeat 0 4px;
}

#mainContent ul li ul{
	margin: 5px 0 0 10px;
}

#mainContent ul li ul li{
	font-size: 0.9em;
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	background: url(img/bullet.gif) no-repeat 0 6px;
}


/*------ sideBar ------*/

#sideBar{
	float: right;
	width: 250px;
	padding-bottom: 290px;
}


#sideBar ul.buttons{
	float: right;
	width: 250px;
}


#sideBar ul.buttons li a{
	display: block;
	width: 251px;
	height: 72px;
	text-align: center;
	font-size: 1px;
	text-decoration: none;
	color: #74E154;
}


#sideBar ul.buttons li.ecoTips a{
	background: url(img/ecoTips-black.jpg) no-repeat 0 0;
}

#sideBar ul.buttons li.trainingCourses a{
	background: url(img/trainingCourses-black.jpg) no-repeat 0 0;
}

#sideBar ul.buttons li.whitePapers a{
	background: url(img/whitePapers-black.jpg) no-repeat 0 0;
}


#sideBar ul.buttons li a:hover{
	background-position: -251px 0;
}



#sideBar .feature{
	float: right;
	width: 250px;
	margin-top: 20px;
}


#sideBar .feature .heading{
	clear: both;
	font-size: 2.8em;
	color: #99FF00;
	height: 40px;
	line-height: 40px;
	margin-bottom: 15px;
}


#sideBar .feature .heading img{
	float: left;
	margin-right: 10px;
}


#sideBar .feature p{
	font-size: 1.2em;
	line-height: 1.4em;
	padding-bottom: 10px;
}


#sideBar .feature p strong{
	color: #fff;
}


#sideBar .feature p a{
	color: #99FF00;
	font-weight: bold;
	text-decoration: none;
}


#sideBar .feature p a:hover{
	color: #fff;
}



#sideBar .quote{
	float: right;
	width: 197px;
	position: absolute;
	bottom: 0;
	right: 0;
}


#sideBar .quote h4{
	font-size: 2.8em;
	color: #fff;
	margin-bottom: 20px;
}


#sideBar .quote em{
	font-style: normal;
	color: #666;
}


/*------ breadcrumbs ------*/

#mainContent #breadcrumbs {
	font-size: 1em;
	line-height: 1em;
	padding-bottom: 15px;
	margin-left: 0;
	color: #999999;
}


#mainContent #breadcrumbs strong{
	color: #999999;
}


#mainContent #breadcrumbs a{
	color: #999999;
}


#mainContent #breadcrumbs a:hover{
	text-decoration: underline;
}

/*------ homeIntro ------*/

#homeIntro{
	float: left;
	width: 803px;
	background: url(img/homeIntro-bg.jpg) no-repeat 0 0;
}



#homeIntro .heading{
	float: left;
	width: 498px;
	height: 186px;	
	text-indent: -9999px;
	background: url(img/homeIntro-text.gif) no-repeat bottom right;
}


#homeIntro ul{
	float: right;
	margin: 22px 17px 13px 0;
}


#homeIntro ul li a{
	display: block;
	width: 255px;
	height: 72px;
	text-align: center;
	font-size: 1px;
	text-decoration: none;
	color: #74E154;
}


#homeIntro ul li.ecoTips a{
	background: url(img/ecoTips.jpg) no-repeat 0 0;
}

#homeIntro ul li.trainingCourses a{
	background: url(img/trainingCourses.jpg) no-repeat 0 0;
}

#homeIntro ul li.whitePapers a{
	background: url(img/whitePapers.jpg) no-repeat 0 0;
}



#homeIntro ul li a:hover{
	background-position: -255px 0;
}


/*------ homeSections ------*/

#homeSections{
	float: left;
	width: 803px;
	padding: 15px 0;
}


#homeSections .section{
	float: left;
	width: 390px;
}


#homeSections .section .heading{
	clear: both;
	font-size: 2.8em;
	color: #99FF00;
	height: 40px;
	line-height: 40px;
	margin-bottom: 15px;
}


#homeSections .section .heading img{
	float: left;
	margin-right: 10px;
}


#homeSections .section p{
	font-size: 1.2em;
	line-height: 1.4em;
	padding-bottom: 10px;
}


#homeSections .section p strong{
	color: #fff;
}


#homeSections .section p a{
	color: #99FF00;
	font-weight: bold;
	text-decoration: none;
}


#homeSections .section p a:hover{
	color: #fff;
}



#homeSections .rehabilitation{
	float: right;
}



/*------ footer ------*/

#footer{
	float: left;
	width: 803px;
	padding: 35px 0 10px 0;
	color: #999999;
}


#footer a{
	color: #999999;
	text-decoration: none;
}


#footer a:hover{
	color: #fff;
}


#footer .copyright{
	float: left;
}


#footer .footerNav{
	float: right;
	padding-bottom: 10px;
}


#footer .footerNav li{
	float: left;
}


#footer .footerNav li.here a{
	color: #fff;
}


#footer .siteBy{
	clear: both;
	float: right;
}


#footer .siteBy a{
	font-weight :bold;
}


/*------ new home jan 11 ------*/

.line{
	float: right;
	height: 5px;
	width: 470px;
padding: 5px 0 0 0 !important;
	border-bottom: 1px solid #666666;
	}


.news{
	margin: 0 !important;
padding: 0 !important;
	}

.news h3{
	font-size: 2.4em;
	color: #99FF00;
	padding: 0 0 20px;
	}
	
	
.news h4{
	font-size: 1.6em;
	color: #FFFFFF;	
	}
	
	
.news h4 a{
	color: #FFFFFF;
	text-decoration: none;
	}
	
	
.news h4 a:hover{	
	text-decoration: underline;
	}
	
	
.news ul{
	border-top: 1px solid #666666;
	padding: 15px 0 10px 0;
	font-size: 1.3em;
	}
	
	
.news ul a{
	color: #FFFFFF;
	text-decoration: none;
	}
	
.news ul a:hover{	
	text-decoration: underline;
	}
	
	
.news ul li{
	padding: 0 0 5px 15px;
	background: url(img/bullet-green.gif) no-repeat 0 3px;
	}
	
	
.news .all{
	float: right;
	}
	

#sideBar{
	float: right;
	width: 250px;
	padding-bottom: 0px;
}

#sideBar .divider{
	float: right;
	height: 5px;
	width: 250px;
	margin: 5px 0 20px 0;
	border-bottom: 1px solid #666666;
	}

#mainContent{
	padding-bottom: 15px;
}



.navigation{
	float: left;
	width: 520px;
	padding: 20px 0 0 0;
	}
	

.navigation a{
	color: #99FF00;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}	


.navigation a:hover{
	text-decoration: underline;
	}
	
	
.navigation .alignleft{
	float: left;
	}
	
	
.navigation .alignright{
	float: right;
	}	
	
	
/*------ blog jan 11 ------*/	

h2.widgettitle{
	font-size: 2.4em;
	color: #99FF00;
	padding: 0 0 10px;
	}	
	
#sideBar .widget{
	float: right;
	width: 250px;	
	padding: 0 0 30px 0;
	}
	
	
#sideBar .widget a{
	float: right;
	width: 250px;
	color: #CCCCCC;
	text-decoration: none;
	font-size: 1.3em !important;
	padding: 0 0 5px 0;
	}
	
	
#sideBar .widget a:hover{
	color: #FFFFFF;
	text-decoration: underline;
	}
	
	
#comment{
	border: 1px solid #333333;
	width: 400px;
	padding: 2px;
	}
	

#author,
#email,
#url{
	border: 1px solid #333333;
	width: 300px;
	padding: 2px;
}


#mainContent ol p{
	font-size: 1em;
	margin-left: 0px;
}
	
	
.commentmetadata{
	font-size: 0.8em;
	}
	
	
#comments{
	float: right;
	width: 470px;
	border-top: 1px solid #cccccc;
	padding: 20px 0 0px 0;
	margin: 10px 0 0 0;
	}
	
	
#respond h3{
	float: right;
	width: 470px;
	border-top: 1px solid #cccccc;
	padding: 20px 0 10px 0;
	margin: 0 0 0 0;
	}	
	
	
.commentlist li{
	clear: both;
	}