/*

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,tahoma,verdana,sans-serif; }

.print 						{ display:none; }



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

#twitter {
	position: absolute;
	right: 50px;
	top: 2px;
}
#facebook {
	position: absolute;
	right: 90px;
	top: 2px;
}

#page						{ width:960px; margin:10px auto 80px auto; background:#fff; }

#head						{ height:100px; border-bottom:1px solid #333; background:#069 url(images/back-body.jpg) repeat-x left top; }

#body						{ overflow:hidden; height:1%; }

#content					{ width:60%; float:left; }

#sidebar					{ float:left; width:40%; font-size:0.93em; margin-top:42px; }

#footer						{ text-align:right; font-size:0.9em; clear:both; padding:20px  0 5px 0; background:#333 url(images/bottom.jpg) repeat-x left top; border-bottom:1px solid #333; }

div.inner					{ padding:10px; position: relative;}

div.innerhead					{ margin:0 auto 0 auto; width:960px; }

div.innerbox 					{ float:left; width:46%; }

div.innerbox-right 				{ float:right; width:46%; }



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



#head h1					{ font:2.7em/100% "trebuchet ms",arial,tahoma,verdana,sans-serif; color:#fff; letter-spacing:-2px; font-variant:small-caps; margin-top:10px; }

#head h1 a					{ text-decoration:none; color:#fff; }

#head h1 a:hover				{ color:#fff; }

#head p.description				{ color:#86ACDB; letter-spacing:2px; font-size:0.93em; text-transform:uppercase; }



/* ----- Pages list ----- */



#pagine						{ background:#999 url(images/top.jpg) repeat-x left bottom; padding-bottom:10px; }

#pagine ul li					{ display:inline; margin-right:20px; }

#pagine a					{ text-transform:uppercase; color:#444; text-decoration:none; letter-spacing:1px; font-weight:bold; font-size:0.9em; }

#pagine a:hover					{ color:#000; }



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



#content a					{ color:#069; text-decoration:none; }

#content a:hover				{ text-decoration:underline; }



	/* Post */



#content div.post				{ margin-bottom:60px; }

#content div.post div.h2,

#content h2.cattitle				{ font:1.7em/150% helvetica,"trebuchet ms",arial,tahoma,verdana,sans-serif; color:#333; font-weight:normal; }

#content div.post hr			{ border: 0;border-bottom:1px solid #ddd;background: none; }

#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:0px; }

#content div.post ul li				{ list-style-type:none; }

#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 p.the_time, div.post p.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; float: left; }

#content div.post span.commentcount		{ float:right; position:relative; }



	/* 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:#999 url(images/top.jpg) repeat-x left bottom; margin-bottom:20px; margin-top:10px; padding:10px 10px 20px 10px; border-top:medium double #ddd; color:#444; }



	/* 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; background:#fff url(images/sidebar.jpg) repeat-x left top; }

#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:#069; 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; }

#searchform input#s 				{ background:url(images/searchform.jpg) no-repeat right top; border:1px solid #dadada;margin: 0 0 3px 0; }



	/* 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; }
#sidebar .widget_search {
	position: relative;
	width: 160px;
}
#sidebar #twitter-tools {
	position: relative;
	margin: 30px 0 0 0;
}
#sidebar #twitter-tools .aktt_tweets li {
	padding: 5px 0;
}
#twitter_bird {
	width: 168px;
	height: 119px;
	background: url("images/twitter_bird.jpg") left top no-repeat;
	position: absolute;
	top:20px;
	right: 15px;
	display: block;
}
#twitter_bird img {
	display: none;
}

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



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

#footer li					{ display:inline; }

#footer a span					{ display: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; }



/* ----- Big RSS image ----- */



#global-feed					{ margin-left:30%; display:block; width:150px; height:155px; position:absolute; top:20px; left:50%; background:transparent url('images/back-feed.png') no-repeat top left; }

* html #global-feed				{ background-image:url('images/back-feed.gif'); }

#global-feed span				{ display:none; }



/* ----- 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; width: 530px; }

p.the_category					{ padding-left:18px; background:url(images/icon-cats.jpg) no-repeat left top; }

span.clouds {float:left;width:300px;}

a.post-edit-link {clear: both;}

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

.clear {

	clear: both;

}