/*
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;
}
.entry_author_image
{
	float: left;
	margin: 4px 11px 0px 0;
}
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 -----*/
#page
{
	width: 960px;
	margin: 10px auto 80px;
	background: #FFF;
}
#head
{
	height: 120px;
	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;
	background: #333 url(images/bottom.jpg) repeat-x left top;
	border-bottom: 1px solid #333;
}
DIV.inner
{
	padding: 10px;
}
DIV.innerhead
{
	margin: 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: 0px;
	text-transform: uppercase;
	margin-top: 10px;
	padding-bottom: 0;
}
#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.97em;
	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;
}
SPAN.commentcount
{
	display: block;
	/*+placement:anchor-bottom-right 0px -20px;*/
	position: absolute;
	right: 0px;
	bottom: -20px;
}
#content A:hover
{
	text-decoration: underline;
}
/*Post*/
#content DIV.post
{
	margin-bottom: 60px;
}
#content H2.cattitle
{
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 9px;
	color: #999;
}
#content H1 A
{
	color: #333;
}
#content DIV.post H2, #content H1.cattitle, #content H1
{
	font: 1.7em/150% helvetica, "trebuchet ms", arial, tahoma, verdana, sans-serif;
	color: #333;
	border-bottom: 1px solid #DDD;
	font-weight: normal;
}
#content H1 A:hover
{
	color: #333;
	text-decoration: none;
}
#content DIV.post H2
{
	font: 1.5em/150% helvetica, "trebuchet ms", arial, tahoma, verdana, sans-serif;
}
#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 H3
{
	margin-bottom: 6px;
}
#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 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;
	border-top: 1px solid #DDD;
}
#content DIV.post P.the_tags
{
	color: #999;
	font-size: 0.93em;
	border-bottom: 1px solid #DDD;
}
#content DIV.post SPAN.commentcount
{
	float: right;
	position: relative;
	margin-top: -20px;
}
/*General headers*/
#content H3, #content H4
{
	font: 1.35em/150% helvetica, "trebuchet ms", arial, tahoma, verdana, sans-serif;
	color: #333;
	font-weight: bold;
	border-bottom: 1px groove #DDD;
}
#content H4
{
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
}
/*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;
	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;
	word-wrap: break-word;
}
#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;
	background-color: #F3F3F3;
}
/*Archive and search layout*/
#content DIV.archivio
{
	padding: 5px 10px 10px;
	border-bottom: 1px dotted #DDD;
	margin: 10px 0;
}
#content DIV.archivio H2
{
	border: 0;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 0px;
}
#content DIV.archivio P
{
	margin: 0;
	font-size: 0.93em;
	margin-bottom: 20px;
}
#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;
}
INPUT#searchsubmit
{
	border: 1px solid #999999;
	background-color: #F3F3F3;
}
#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, .wpcf7-form INPUT, .wpcf7-form TEXTAREA
{
	border: 1px solid #666666;
}
/*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;
}
/*----- 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 #000000;
}
.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;
}
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;
}
.widget.author_image
{
	padding-bottom: 26px;
	border-bottom: 1px solid #36629F;
}
/*Peter*/
#downloadzeile IMG.downloadimage
{
	width: 119px;
	float: left;
	padding-right: 16px;
}
#downloadzeile .downloadlink
{
	float: left;
}
#downloadzeile
{
	padding-bottom: 30px;
	padding-top: 15px;
}
#head .innerhead .inner .adresse-head
{
	color: #DDDDDD;
	padding-top: 23px;
}
#head .innerhead .inner .adresse-head A
{
	color: #DDDDDD;
	font-weight: bold;
}
.wpcf7-list-item
{
	display: block;
}
SMALL
{
	font-size: x-small;
}
SUP
{
	/*+placement:shift 0px -5px;*/
	position: relative;
	left: 0px;
	top: -5px;
	font-size: x-small;
}