/*
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; 
  color: #333333;
}
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: url("images/bg.png") repeat-x scroll left top transparent; #fff; color:#333; font:80%/150% Georgia,Times New Roman,Times,serif; }
.print 						{ display:none; }

/* ----- Blocks ----- */

#page
{
  background: url("images/samgradient.png") repeat-x scroll left top;
  width:960px; 
  margin: 0 auto 0px;
  padding-top:10px;
}
#head						{ height:120px; border-bottom:1px solid #333; background:#069 url(images/back-body.png) repeat-x left top; }

#body
{
  overflow:hidden;
  height:1%;
  /*background: url('images/faux.png') repeat-y -20px 0px;*/
}

#content
{
  float:left; 
  padding-right:40px; 
  width:478px;
  min-height:300px;
  background: url('images/faux2.png') repeat-y scroll 516px 0px;
}

#sidebar
{
  float:left;
  font-size:0.93em;
  margin-top:-20px;
  width:46%;
  /*background: url('images/faux2.png') repeat-y scroll 0px 0px;*/
}

#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;*/
  background:url("images/footer.png") repeat-x;
  height: 330px;
  /*border-bottom:1px solid #333;*/
}

div.inner					{ padding:10px; }
div.innerhead					{ margin:0 auto 0 auto; width:960px; }

div.innerbox
{
  float:left;
  padding-right:20px;
  width:195px; 
}

div.innerbox-right 				{ float:right; width:195px; }

/* ----- Header ----- */

#head h1					{ font:2.7em/100% Georgia,Times New Roman,Times,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				{ background:url("images/logo.png") no-repeat scroll 0 0 transparent; color:#660000; height:120px; position:relative; top:-20px; }

/* ----- Pages list ----- */

#pagine						{ background:url("images/top.png") repeat-x scroll 0 0 transparent; height:48px; padding-bottom:0; }

#pagine ul li
{
  display:inline; 
  margin-right:0px;
}

#pagine a
{
  text-transform:uppercase; 
  color:#444; 
  text-decoration:none; 
  letter-spacing:1px; 
  font-weight:normal; 
  font-size:0.9em; 
}

div#logo1
{
  width: 298px;
  height: 120px;
  background:url("images/logo.png") no-repeat;
  float: left;
}

div#logo1 a
{
  display: block;
  width: 298px;
  height: 120px;
  text-decoration: none;
}

div#logo1 a:hover
{
  text-decoration: none;
}

div#logo2
{
  width: 298px;
  height: 120px;
  background:url("images/ka-tet.png") no-repeat;
  float: right;
}

div#logo2 a
{
  display: block;
  width: 298px;
  height: 120px;
  text-decoration: none;
}

div#logo2 a:hover
{
  text-decoration: none;
}

div.news-date-category
{
  font-family: Georgia;
  font-weight: normal;
  font-size: 12px;
  color: #666666;
}

li.widget_calendar h2
{
  display: none;
}

li.widget_calendar
{
  margin-top: 10px;
}

div#calendar_wrap table#wp-calendar caption
{
  font-size:14px;
  text-transform:uppercase;
  margin-bottom:5px;
}

table#wp-calendar
{
  font-size: 14px;
}

#pagine a:hover					{ color:#000; }

/* ----- Main contents ----- */

#content a					{ color:#990000; text-decoration:undeline; }
#content a:hover				{ color: #666666; text-decoration:underline; }

	/* Post */

#content div.post
{ 
  /*margin-bottom:60px; */
  margin-bottom:0px;
}
#content div.post h2,
#content h2.cattitle				
{ 
  font:1.7em/150% Georgia,Times New Roman,Times,serif; 
  color:#333; 
  border-bottom:1px solid #00cc66 font-weight:normal; 
  margin-bottom:10px;
  margin-top:10px;
}
#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 p.the_time			{ font-size: 12px; color:#666666;}
#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% Georgia,Times New Roman,Times,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.png) 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% Georgia,Times New Roman,Times,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% Georgia,Times New Roman,Times,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; */
  margin-top: 0px;
  font:1.1em/150% Times New Roman,Times,serif; 
  color:#333333; 
  font-weight:bold; 
  letter-spacing:1px; 
}

#sidebar a
{
  color: #990000;
  text-decoration: none;
}

#sidebar a:hover
{
  color: #666666;
  text-decoration: none;
}

#sidebar li li a				{ line-height:150%; color:#990000; text-decoration:undeline; }
#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: #e9e9e9;
  border:medium none;
  color:#999999;
  float:left;
  font-family:Georgia;
  font-size:16px;
  font-weight:normal;
  height:24px;
  margin:0;
  padding:6px 0 0;
  width:134px;
}

input#searchsubmit
{
  margin:0;
  padding:0;
  float:left;
}

	/* 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%; }
#sidebar table th,
#sidebar table td				{ padding:2px; text-align:center; }
#sidebar table th				{ border-bottom:1px solid #ccc; }
#sidebar table td
{
  /*border-bottom:1px dotted #ccc; */
  color: #333333;
}

/* ----- 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					{  }
p.the_tags					{ padding-left:18px; background:url(images/icon-tags.jpg) no-repeat left top; }
p.the_category					{ }
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; }

ul#green-menu
{
  font-family:Arial;
  font-size:18px;
  overflow:hidden;
  position:relative;
  top:-10px;
  white-space:nowrap;
}

ul#green-menu li
{
}

ul#green-menu li a
{
  background:none;
  color:#FEFEFE;
  display:block;
  float:left;
  font-weight:normal;
  height:33px;
  margin-right:10px;
  padding-left:5px;
  padding-right:5px;
  padding-top:15px;
  position:relative;
  text-decoration:none;
  top:2px;
}

ul#green-menu li a:hover
{
  color: #fefefe;
  background:#018a2f;
  text-decoration: none;
}

div#footer div.innerhead div.inner
{
  text-align: left;
  font-family: Georgia;
  font-size: 12px;
  font-weight: normal;
}

div#footer div.innerhead div.inner a
{
  color: #990000;
  text-decoration: none;
}

div#footer div.innerhead div.inner a:hover
{
  color: #666666;
  text-decoration: none;
}

div.footer-section
{
  float:left;
  padding-right:30px;
  height: 123px;
}

.faux-footer1
{
  background: url('images/faux2.png') repeat-y scroll 200px 0px;
}

.faux-footer2
{
  background: url('images/faux2.png') repeat-y scroll 420px 0px;
}

div.footer-section-last
{
  float:right;
  text-align:right;
  width:240px;
  line-height:18px;
  /*margin-right:10px;*/
}

div.footer-section-inner
{
  float:left;
  margin-right:20px;
  margin-top:10px;
  width:200px;
}

div.separator-line
{
  border-bottom:1px solid #00cc66;
  border-top:1px solid #ffffff;
  clear:both;
  margin-bottom:3px;
  margin-top:3px;
}

div#search-in-header
{
  display:block;
  float:right;
  margin-bottom:10px;
  padding:0;
  position:relative;
  top:-10px;
  width:195px;
}

div#ue-logos img
{
  margin-right: 20px;
}

div#ue-logos img#logo1
{
  float: left;
  margin-left:20px;
}

div#ue-logos img#logo2
{
  float: right;
  margin-right:45px;
  padding-top:10px;
}

div#subscribe-rss
{
  float: left;
  margin-left:15px;
}

div#subscribe-rss-text
{
  float:left;
  font-size:16px;
  margin-left:10px;
  position:relative;
  top:6px;
}

div#subscribe-rss-text a
{
  color: #666666;
  text-decoration: none;
}

div#subscribe-rss-text a:hover
{
  color: #990000;
  text-decoration: none;
}

ul#static-links-column li
{
}

ul#static-links-column li a
{
  background:url("images/strony.png") no-repeat scroll 0 11px transparent;
  border-bottom:1px solid #666666;
  color:#990000;
  display:block;
  font-family:Georgia;
  font-size:16px;
  font-weight:normal;
  height:25px;
  padding-left:22px;
  padding-top:4px;
  text-decoration:none;
}

ul#static-links-column li a:hover
{
  background: url('images/strony-hover.png') no-repeat scroll 0 11px transparent;
  color: #333333;
  text-decoration: none;
}

div#ue-logos
{
  /*background: url("images/faux2.png") repeat-y scroll 0 0 transparent;*/
  float:right;
  padding-bottom:20px;
  padding-top:30px;
  position:relative;
  top:-10px;
  width:46%;
}

/* MENU */

#menu
{
  width:960px;
  height:46px;
  margin: 0px;
  padding: 0px;
}

#mainmenu
{
  float:left;
  padding: 0px;
}

#mainmenu ul
{
  margin:-10px 0 0;
  padding: 0;
  list-style-type: none;
  z-index:1000;
}

#mainmenu ul li
{
  position: relative;
  display: inline;
  float: left;
  z-index:1000;
  color:#fefefe;
  padding:0px;
  font-size:18px;
  font-family:Arial;
}

#mainmenu ul li.first{
	padding:0;
	background:none;
}
/*Top level menu link items style*/
#mainmenu ul li a{
  display:block;
  color:#fff;
  z-index:1000;
  padding:15px 8px;
}
* html #mainmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
	float:left;
}
* html #mainmenu ul li ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	float:none;
}
#mainmenu ul li a:link, #mainmenucat ul li a:visited{
}

#mainmenu ul li a:hover, #mainmenu .current_page_item a, #mainmenu .select a
{
	text-decoration:none;
}

#mainmenu ul li a:hover, #mainmenu .select a, div#mainmenu ul li.current_page_item a
{
  color: #fefefe;
  background:#018a2f;
}

#mainmenu ul li ul li ul{
	top: 0;
	margin:0;
}

#mainmenu ul li ul li a:hover
{
  /*sub menus hover style*/
  text-decoration: underline;
}

#mainmenu ul li ul li a, #mainmenu ul li.current_page_item ul a, #mainmenu ul li.select ul a  {
background:url("images/submenu-arrow.png") no-repeat scroll right 9px #018A2F;
border-left:1px solid #006633;
border-top-width:0;
color:#FEFEFE;
float:left;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:14px;
height:auto;
margin:0;
padding:3px 10px;
text-align:left;
text-decoration:none;
text-transform:capitalize;
width:auto;
}

#mainmenu ul li ul li {
background:none repeat scroll 0 0 transparent;
display:list-item;
float:none;
font-size:1em;
padding:0;
width:200px;
}

#mainmenu ul li ul {
background-color:#018A2F;
border-right:1px solid #006633;
display:block;
left:0;
margin:0;
position:absolute;
visibility:hidden;
}

li.widget_tag_cloud h2 a, li.widget_links h2, li.widget_recent_entries h2
{
  font-size:14px !important;
  text-transform:uppercase !important;
  font-weight: normal !important;
}

li.widget_tag_cloud h2
{
  margin-top: 0px !important;
}

li.widget_tag_cloud h2 a
{
  color: #333333 !important;
}

li.widget_tag_cloud div
{
  text-transform: uppercase;
  text-align:center;
}

li#text-3.widget_text div
{
  font-size:11px;
}

li.widget_links ul li a, li.widget_recent_entries ul li a
{
  display: block;
  width: 180px;
  background: url('images/linki.png') no-repeat 1px 4px;
  text-decoration: none;
  padding-left:15px;
}

li.widget_links ul li a:hover,  li.widget_recent_entries ul li a:hover
{
  display: block;
  width: 180px;
  background: url('images/linki-hover.png') no-repeat 1px 4px;
  text-decoration: none;
  padding-left:15px;
}

img#katet-footer-img
{
  padding-bottom:10px;
  padding-top:10px;
}

span#katet-footer-txt
{
  color:#666666;
  font-weight:bold;
}

strong.grey
{
  color: #666666;
}

img#footer-klodzko
{
}

div#project-description
{
  /*background: url("images/faux2.png") repeat-y scroll 0 0 transparent;*/
  display:block;
  float:left;
  /*margin-left:10px;
  margin-right:10px;*/
  padding-bottom:10px;
  position:relative;
  text-align:center;
  top:-10px;
  width:422px;
  margin-bottom:10px;
}

div.innerbox-right ul li
{
  margin-bottom: 20px;
}

div#sidebar div.inner div.innerbox
{
  background: url('images/faux2.png') repeat-y scroll 204px 0px;
}

div#sidebar div.inner
{
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}

div.arch-date
{
  display: block;
  float: left;
  width: 100px;
}

div.arch-title
{
  display: block;
  float: left;
  width: 350px;
}
