/*
Theme Name:Jules Joffrin
Theme URI:http://www.idsg.it/2008/10/29/jules-joffrin/
Description:Three columns white and blue liquid layout theme. To use a liquid layout rename style.css to style.css.old and style_liquid.css to style.css
Version:1.1
Author:ShinRa
Author URI:http://www.idsg.it/
Tags:liquid or fixed width,white,blue,three columns
*/

/* ----- Reset ----- */

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,
acronym,address,big,cite,code,del,dfn,em,
font,img,ins,kbd,q,s,samp,small,strike,
strong,sub,sup,tt,var,b,u,i,center,dl,dt,
dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td	{ background:transparent; border:0; font-size:100%; margin:0; outline:0; padding:0; vertical-align:baseline; }
body						{ line-height:1; }
ol,ul						{ list-style:none; }
blockquote,q					{ quotes:none; }
del						{ text-decoration:line-through; }
table						{ border-collapse:collapse; border-spacing:0; }
code						{ font-family:'courier new',courier,monospace; }
body						{ background:#fff; color:#333; font:80%/150% Arial, Helvetica, sans-serif; 
   }

.print 						{ display:none; }

/* ----- Blocks ----- */

#page						{ width:835px; margin:0px auto 80px auto; background:#fff; }
#head						{ /* height:100px; */   }
#body						{ overflow:hidden; height:1%; }
#content					{ width:67%;float:left; }
#sidebar					{ float:left; width:auto; margin-left:40px; font-size:0.93em; margin-top:0 px;  }
#footer						{ text-align:right; font-size:1em; clear:both; padding:20px  0 5px 0;  }
div.inner					{ /* padding:10px; */  }
div.innerhead					{ margin:0 auto 0px auto; width:837px; }
div.innerbox 					{ float:left; width:46%; }
div.innerbox-right 				{ float:right; width:46%; }

/* ----- Header ----- */
/*

#head h1					{ font-size:38px; font-family: Arial, Helvetica, sans-serif; color:#fff; letter-spacing:-1px; font-variant:normal;  }
#head h1 a					{ text-decoration:none; color:#fff; }
#head h1 a:hover				{ color:#fff; }
#head p.description				{ color:grey; letter-spacing:1px; font-size:16px; text-transform:none; }

*/

#my_bar {
float:left;
clear:both;
width:835px;
height:36px;
background-image: url(http://energyadvantage.com/images/mainnav_backgrnd2.jpg);
}

#blog_title_space{
margin-bottom:20px;
}

/* Top Menu in Header */

#ja-topnavwrap {
}

#ja-topnavwrap ul {
	margin: 0;
	padding: 0;
	height: 26px;
}

#ja-topnavwrap li {
     font-size: 9px;
	margin: 0;
	padding-left: 6px;
        color: #808284;
	display: inline;
	background: none;
}

#ja-topnavwrap li a {
	padding: 0 0 0 0px;
        color: #808284;
	text-decoration: none;
	line-height: 24px;
}

#ja-topnavwrap li a:hover,
#ja-topnavwrap li a:active,
#ja-topnavwrap li a:focus {
	background: none;
    color: #000
}



/* ----- Main contents ----- */

#content a					{ color:#829c06; text-decoration:none; }
#content a:hover				{ text-decoration:underline; }

/* Post */

#content div.post				{ margin-bottom:60px; }
#content div.post h2,
#content h2.cattitle				{ font:1.7em/150% helvetica,"trebuchet ms",arial,tahoma,verdana,sans-serif; color:#333; border-bottom:1px solid #ddd; font-weight:normal; }

#content h2.cattitle 				{ font-size:1.2em; font-weight:bold; padding-bottom:9px; color:#999; }

#content div.post h2.pagetitle			{ margin-bottom:20px; }
#content div.post h2 a				{ text-decoration:none; color:#333; }
#content div.post h3,
#content div.post h4,
#content div.post p,
#content div.post ul,
#content div.post ol,
#content div.post form,
#content div.post table				{ margin-bottom:20px; }
#content div.post li				{ margin-left:40px; }
#content div.post ul li				{ list-style-type:square; }
#content div.post ol li				{ list-style-type:decimal; }
#content div.post li ul li 			{ list-style-type:circle; }
#content div.post li ol li 			{ list-style-type:lower-alpha; }
#content div.post li ul,
#content div.post li ol				{ margin-bottom:0; }
#content div.post li.linkcat			{ list-style-type:none; }

	/* Archives custom template */

#content div.post ul.archivelist li 		{ list-style-type:none; margin-left:0; line-height:200%; }
#content div.post ul.archivelist li a 		{ font-weight:bold; }
#content div.post ul.archivelist li:target 	{ background:#ff0; }
#content div.post ul.archivelist li small 	{ float:left; display:block; width:160px; font-size:0.93em; }
#content div.post ul.archivelist li.exists 	{ color:#999; }
#content div.post ul.archivelist li.exists a	{ color:#999; font-weight:normal; }

	/* Links custom template */

#content div.post ul.blogroll li		{ list-style-type:none; margin-left:20px; font-size:0.93em; }
#content div.post ul.blogroll li a		{ font-size:1.2em; margin-left:-20px;}

	/* Post details */

#content div.post div.the_time			{ font-size:0.93em; color:#aaa; font-weight:bold; }
#content div.post p.the_category		{ margin-bottom:0; color:#999; font-size:0.93em; margin-top:10px; clear:both; }
#content div.post p.the_tags			{ color:#999; font-size:0.93em; }
#content div.post span.commentcount		{ float:right; position:relative; margin-top:-20px; }

	/* General headers */

#content h3,
#content h4					{ font:1.4em/150% helvetica,"trebuchet ms",arial,tahoma,verdana,sans-serif; color:#333; font-weight:normal; }
#content h4					{ font-size:1.3em; }

	/* Comments and Responds headers */

h3#comments,
h3#respond					{ background:#FFF; margin-bottom:20px; margin-top:10px; padding:10px 10px 20px 10px; border-top:1px solid  #DDD; color:#333; }
	/* Navigation */

div.navigation					{ font-size:0.93em; overflow:hidden; height:1%; padding:5px; margin-bottom:20px; }
div.navigation div.alignright 			{ width:45%; text-align:right; }
div.navigation div.alignleft 			{ width:45%; }
div.navigation img.attachment-thumbnail 	{ border:1px solid #ddd; }

	/* Post extras */

#content div.post p.warning 			{ padding:5px 5px 5px 40px; background:url(images/warning.jpg) no-repeat left center; letter-spacing:1px; font-size:1.1em; font-variant:small-caps; }
#content div.post blockquote			{ padding:10px 10px 1px 40px; background:url(images/blockquote.jpg) no-repeat left top; margin:20px; letter-spacing:1px; font-family:"Palatino linotype",georgia,serif; }
#content div.post code 				{ display:block; padding: 10px 10px 1px 40px; background:url(images/code.jpg) no-repeat left top; margin:20px; font-family:"courier new",courier,monospace; }
#content div.post table				{ width:100%; }
#content div.post th				{ border-right:1px dotted #999; border-bottom:1px solid #999; padding:3px; text-align:left; }
#content div.post td				{ padding:3px; border-right:1px dotted #999; border-bottom:1px dotted #999; }

	/* Archive and search layout */

#content div.archivio				{ padding:5px 10px 10px 10px; border-bottom:1px dotted #ddd; margin:10px 0 10px 0; }
#content div.archivio h2 			{ border:0; font-size:1.3em; font-weight:bold; margin-bottom:10px; }
#content div.archivio p				{ margin:0; font-size:0.93em; }
#content div.archivio br 			{ display:none; }
#content div.nav-archivio			{ margin-top:40px; }

/* ----- Comments list ----- */

h3#comments img 				{ margin-top:4px; }
#content ol.commentlist				{ margin-bottom:40px; font-size:0.93em; }
#content ol.commentlist li.commento		{ padding:10px; margin-bottom:10px; overflow:hidden; height:1%; }
#content ol.commentlist img.avatar		{ float:left; margin-right:10px; }
#content ol.commentlist cite			{ margin-top:20px; font-style:normal; font:1.5em/150% helvetica,"trebuchet ms",arial,tahoma,verdana,sans-serif; font-weight:normal; }
#content ol.commentlist cite a			{ text-decoration:none; color:#369; }
#content small.commentmetadata			{ display:block; font-size:0.93em; border-top:1px dotted #666; color:#999; margin-bottom:10px; margin-top:10px; }
#content small.commentmetadata a		{ color:#999; }
#content ol.commentlist p			{ margin-bottom:10px; }
#content ol.commentlist li.alt 			{  }
#content ol.commentlist li.author 		{ background:#fff url(images/author.jpg) repeat-x left bottom; border-top:1px solid #36629F; }
#content ol.commentlist li.commento li		{ margin-left:40px; }
#content ol.commentlist li.commento ul li	{ list-style-type:square; }
#content ol.commentlist li.commento ol li	{ list-style-type:decimal; }

/* ----- Comment form ----- */

#commentform					{ padding:10px; border: 1px solid #999; }
#commentform p					{ margin-bottom:10px; font-size:0.93em; }
#commentform textarea,
#commentform input				{ font:1em/150% arial,tahoma,verdana,sans-serif; }
#commentform textarea				{ width:350px; height:100px; }
#commentform p.allowed-tags 			{ padding:3px; width:350px; font-size:0.83em; background:#fff; border:1px solid #ddd; }

/* ----- Sidebar ----- */

#sidebar div.main-sidebar 			{ background:#fff url(images/sidebar.jpg) repeat-x left top; }
#sidebar h2					{ text-transform:uppercase; text-align:left; margin-top:20px; font:1.1em/150% helvetica,"trebuchet ms",arial,tahoma,verdana,sans-serif; color:#999; font-weight:bold; letter-spacing:1px; }
#sidebar a					{ color:#333; text-decoration:none; }
#sidebar li li a				{ line-height:150%; color:#069; text-decoration:none; }
#sidebar li li a:hover				{ text-decoration:underline; }
#sidebar li li					{ margin-top:0; margin-bottom:0; }
// #searchform 					{ margin-top:10px; padding-top:0; width:230px; }
// #searchform inputs 				{ background:url(images/searchform.jpg) no-repeat right top; border:1px solid #dadada; }

	/* Sidebar widgets */

#sidebar li.widget_tag_cloud a			{ line-height:20pt; }
#sidebar table a:hover,
#sidebar li.widget_tag_cloud a:hover		{ text-decoration:underline; }
#sidebar table					{ width:100%; border-top:1px dotted #ccc; border-left:1px dotted #ccc; }
#sidebar table th,
#sidebar table td				{ padding:2px; text-align:center; }
#sidebar table th				{ border-right:1px dotted #ccc; border-bottom:1px solid #ccc; }
#sidebar table td				{ border-right:1px dotted #ccc; border-bottom:1px dotted #ccc; }

/* ----- Footer ----- */

#footer a					{ text-decoration:none; color:#fff; }
#footer li					{ display:inline; }
#footer a span					{ display:none; }

/* EA FOOTER DIVS
-----------------------------------------------------------*/
#footerwrap{
	width:100%;
}

#footergreen{
        height: 1px;
        margin: 0px -1px 0px -1px;
        padding: 0px;
        background: #B2C245;
       
      
}


#footerwhite{
        height: 1px;
        margin: 0px 0px 0px 0px;
        padding: 0px;
        background: #FFFFFF;
        display: block;

}

#footerlinks{
        margin: 0px -1px 0px -1px;
        padding: 1px 3px 3px 3px;
        background: #B2C245;
        height: 17px;
        display: block;
        color: #FFFFFF;
        font-size:10px;
        text-align: center;

}

#footerlinks a{
        color: #FFFFFF;
        font-weight: bold;
        text-decoration: none;
}


#footergradient{
    margin: 0px -1px 0px -1px;
    background: url("http://www.energyadvantage.com/images/ea/common/footer_gradient.jpg");
    display: block;
    height: 46px;
}


#ja-footer a:hover,
#ja-footer a:active,
#ja-footer a:focus {
	color: #999999;
}

#ja-bottomline {
	float: left;
}

#ja-cert {
	float: right;
	margin-top: 15px;
	font-size: 11px;
}

#ja-cert a, #ja-cert a:hover, #ja-cert a:active, #ja-cert a:focus {
	padding-left: 5px;
	background: none;
}

/* ----- WordPress defaults: maybe would be better something like wp-aligncenter, many old themes use these classes for other purpose ----- */

.aligncenter,
div.aligncenter					{ display:block; margin-left:auto; margin-right:auto; }
.alignleft					{ float:left; margin-right:10px; margin-bottom:10px; }
.alignright					{ float:right; margin-left:10px; margin-bottom:10px; }
.wp-caption					{ border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; }
.wp-caption img					{ margin:0; padding:0; border:0 none; }
.wp-caption p.wp-caption-text			{ font-size:0.85em; line-height:17px; padding:0 4px 5px; margin:0; }


/* ----- Some icons around the world ----- */

a.icon-comment					{ padding-left:18px; background:url(images/icon-comment.jpg) no-repeat left top; }
p.the_tags					{ padding-left:18px; background:url(images/icon-tags.jpg) no-repeat left top; }
p.the_category					{ padding-left:18px; background:url(images/icon-cats.jpg) no-repeat left top; }
div.navigation div.alignleft a 			{ padding-left:18px; background:url(images/icon-prev.jpg) no-repeat left top; }
div.navigation div.alignright a 		{ padding-right:18px; background:url(images/icon-next.jpg) no-repeat right bottom; }
div.imagenav div.alignleft a 			{ padding-left:0; background-image:none; }
div.imagenav div.alignright a 			{ padding-right:0; background-image:none; }

/* ----- Use this to hide things ----- */

.hide						{ display:none; }

.side_item{
	margin-bottom:20px;
	width:230px;
}
.side_title{
	margin-bottom:10px;
}