/*
Theme Name:		LeSbarre
Theme URI:		http://www.lesbarre.it
Description:	Local runner groups theme based wptypo theme.
Version:		1.0
Author:			ilduca69
Author URI:		http://ilduca69.altervista.org/
*/


* { margin:0; padding:0; }
ul, ol { list-style: none; }
h1, h2, h3, h4, h5 { font-weight: normal; }
a { outline: none; }
a img { border:none; }
body, html { height: 100%;}
body {font:62.5% Times, 'Times New Roman', serif;}
.clear { clear:both; }
.clearfix:after { content: "."; visibility: hidden; display: block; height: 0px; clear: both; }
.hide { display: none; }
p.dots {color: #8e8e8e; font-size: 1.5em; letter-spacing: 1px; line-height: 5px;}
.navigation	{ overflow: hidden; margin: 0 0 25px 0; }
.navigation a {font-size: 1.2em; text-decoration: none; color: #666; text-transform: uppercase; }
.red { color: #f00; }

#masthead {height:101px; border-bottom: 1px solid #1236a8;}
#masthead h3 { text-indent: -9999px;}
#header {width: 100%; height: 100px; position: relative;}
#header_img {display: block; height: 100px; position: absolute; right: -1px; top: 0; width: 602px;}
#header_img img { display: block; } /* this is really just an IE 6 and 7 hack in disguise */
h1.logo {display: block;}
h1.logo a {background: url(images/logo.png) no-repeat; display: block; height: 100px; position: relative; width: 570px; z-index: 100;}
h1.logo a span {position: absolute; top: -9999px;}

#container {clear:both; margin: 50px auto 0; position: relative; z-index: 1;}
#content_box {padding: 0 160px; }

#sidebar {position: absolute; right: 0; top: 0; width: 150px; bottom: 0; padding: 0 10px;border-left:1px dotted #666;}
#l_sidebar {position: absolute; left: 0; top: 0; width: 150px; bottom: 0; padding: 0 10px;border-right: 1px dotted #666;}
#footer {clear: both; width: 100%; bottom: 0; background: #1236a8; color: white; height: 27px; font-size: 1.1em; text-transform: uppercase; position: fixed; z-index: 200;}
#footer p {padding: 10px 10px 10px 300px; letter-spacing: 1px;}
#footer a {color: white; border-bottom: 1px dotted white; text-decoration: none;}
#footer a:hover {border-bottom-style: solid;}

#search_form .search_input { width: 140px; padding: 3px; color: #1236a8; font: normal 1.0em "Times New Roman", Times, serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }
li.widget .search_input { font-size: 1.1em !important; }
#search_form .search_input:focus { border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }

ul#nav { list-style: none; width: 99%; padding: 0 0 0 0.8em; border-bottom: 3px solid #ffff22; float: left; clear: both; }
ul#nav li { font-size: 1.4em; font-weight: bold; padding: 0.85em 40px 0.7em 140px; text-transform: uppercase; float: left;}
ul#nav li a, ul#nav li a:visited { color: #1236a8; text-decoration: none; }
ul#nav li a:hover { color: #000; text-decoration: underline; }
ul#nav li a.current, ul#nav li a.current:visited, ul#nav li a.current:hover { color: #1236a8; text-decoration: underline; }
ul#nav li.rss { padding: 0.85em 40px 0.7em 0; float: right; }
ul#nav li.rss a { padding: 0 18px 0 0; background: url('images/icon_rss.gif') 100% 50% no-repeat; }
	
.post { margin-bottom: 50px; padding-right: 30px; clear: both;}
.post .byline { color: #a1a1a1; font-size: 1.4em; width: 140px; float: left; text-align: right; padding-right: 5px;}
.post .byline .data { text-transform: uppercase; }
.post .byline a { color: #a1a1a1; text-decoration: none; }
.post .byline a:hover { border-bottom: 1px dotted #f5f5f5;}
.post h2.title {font-size: 4em; color: #1236a8; float: left; display: block; line-height: 50px; width: 75%; }
.post h2.title a {color: #1236a8; text-decoration: none;}
.post h2.title a:hover {color: #333;}
.post h2.archive_head {font-size: 2em; color:#a1a1a1; text-align: center; padding-bottom: 10px;}
.post p.dots {margin-left: 140px;}
.post span.para {color: #d5d5d5; font-size: 6.75em; display: block; width: 70px; height: 90px; margin: 12px 20px 0 75px; float: left; text-align: right;}
.post .entry {float:left; width: 75%; color: #717171; padding: 20px 0 0; font-size: 1.5em; line-height: 21px;}
.post .entry:first-line {font-size: 1.2em; color: #555;}
.post .entry h2 {font-size: 1.8em; margin: 20px 0 10px; color: #333;}
.post .entry h3 {font-size: 1.3em; margin: 20px 0 10px; font-weight: bold; text-transform: uppercase; color: #333;}
.post .entry h4 {font-size: 1.65em; margin: 20px 0 10px; font-style: italic; color: #333;}
.post .entry h5 {font-size: 1em; margin: 20px 0 10px; text-transform: uppercase; letter-spacing: 3px;}
.post .entry p {margin-bottom: 20px;}
.post .entry p:first-child:first-line {font-size: 125%; line-height: 1.4;}
.post .entry ul, .post .entry ol {margin: 0 0 15px 50px;}
.post .entry ul li { list-style:disc outside; }
.post .entry ol li { list-style:decimal outside; }
.post .entry ol ol li { list-style:lower-alpha outside; }
.post .entry a { color:#525252; text-decoration:underline; }
.post .entry a:hover { text-decoration:none; }
.post .entry blockquote { background:#f1f1f1; padding:15px 30px 1px 10px; margin-bottom:15px; font-style:italic; position:relative; }
.post .entry .blockquote_extender { background:#f1f1f1; position: absolute; width: 1000px; height: 100%; right: 445px; top: 0px; overflow:hidden; }
.post .entry .blockquote_extender span { display:block; width:70px; height:0px; color:#d5d5d5; font-size:11em; top:90px; right:-10px; line-height:0px; position:absolute; }

.comments { clear:both; width:610px; margin:0px auto 50px; padding-right:30px; font-size:1.4em; }
.comments h3.heading { font-size:1.5em; color:#4c4b4a; margin:0px 0px 25px 150px; }
.comments h3.heading span { text-transform:uppercase; }
.comments p.notice { font-size:1.1em; color:#4c4b4a; margin:0px 0px 20px 160px; }
.comments a { color:#525252; text-decoration:underline; }
.comments a:hover { text-decoration:none; }

/* Comment List */
.commentlist li { margin-bottom:30px; position:relative; }
.commentlist li li { margin-bottom: 10px; }
.commentlist li .byline { color:#a1a1a1; font-size:1em; width:140px; float:left; text-align:right; margin-right:25px; padding-top:8px; position:relative; z-index:50; }
.commentlist li .byline .date { text-transform:uppercase; }
.commentlist li .byline a { color:#a1a1a1; text-decoration:none; }
.commentlist li .byline a:hover { border-bottom:1px solid #d5d5d5; }
.commentlist li .byline strong { color:#4c4b4a; text-transform:uppercase; }
.commentlist li .byline_expander { background:#f1f1f1; position: absolute; width: 1000px; height: 100%; right: 370px; top: 0px; overflow:hidden; z-index:40; }
.commentlist li .comment_num { position:relative; width:70px; height:70px; float:left; overflow:hidden; }
.commentlist li .comment_num .bg { font-size:40em; display:block; width:70px; height:70px; line-height:0px; position:absolute; left:-35px; top:-67px; color:#b4b4b4; z-index:50; }
.commentlist li .comment_num .num { color:#ccc; font-weight:bold; text-align:center; display:block; width:70px; font-size:4.75em; position:absolute; z-index: 100; }
.commentlist .text { width:360px; margin:0px 0px 0px 10px; float:left; color:#4c4b4a; font-size:1.1em; }
.commentlist .text p { margin-bottom:10px; }
.commentlist .text ul, .commentlist .text ol { margin:0px 0px 15px 25px; }
.commentlist .text ul li { list-style:disc outside; }
.commentlist .text ol li { list-style:decimal outside; }
.commentlist .text ol ol li { list-style:lower-alpha outside; }
.commentlist .text blockquote { background:#f1f1f1; padding:15px 30px 1px 10px; margin-bottom:15px; font-style:italic; position:relative; }
.commentlist li.author .byline 	{ padding:15px 0px 13px; }
.commentlist li.author .comment_num { margin-top:4px; }
.commentlist li.author .comment_num .bg { color:#4c4b4a; }

/* Form */
.comments form { clear:both; color:#4c4b4a; padding:5px 0px 0px; }
.comments form label { display:block; float:left; font-size:1.35em; font-style:italic; width:140px; text-align:right; margin-right:25px; }
.comments form input.text { border:none; background:transparent; border-bottom:1px solid #b4b4b4;  margin-bottom:15px; display:block; float:left; width:250px; font-family:'Courier New', Courier, monospace; padding:5px 0px; outline:none; }
.comments form .textbox { width:400px; float:left; position:relative; }
.comments form .bracket { font-size:5em; }
.comments form textarea { width:430px; border:1px dashed #b4b4b4; border-left:none; background:transparent; font-family:'Courier New', Courier, monospace; padding:10px 0px 10px 15px; outline:none; height:150px; } 
.comments form .allowed_tags { clear:both; margin-left:160px; text-align:right; padding-top:10px; font-family: Courier, monospace; font-size: 10px; color: #999; margin-bottom:10px; }
.comments form p.submit { text-align:right; font-size:2.5em; }
.comments form p.submit input#submit { background:#fff; border:none; text-transform:uppercase; font-size:0.6em; padding:10px 3px 0px; color:#4c4b4a; vertical-align:top; cursor:pointer; font-family:Georgia, Serif; }
/* Explore */
#explore-area {position: absolute; top: 0; left: 0; width: 100%; background: #ccc;}
#explore-area ul li a {display: block; padding: 10px; color: #3b3b3b; text-decoration: none; font-size: 16px; border-bottom: 1px solid #3b3b3b; text-align: center;}
#explore-area h3 {font-size: 1.6em; margin: 0 0 10px; font-weight: bold; text-transform: uppercase;}
#explore-area h3 span {font-style: italic; font-weight: normal; font-size: 0.8em; text-transform: lowercase;}
#archives-area, #blogroll-area {width: 200px; margin-right: 20px; float: left;}
#search-area {width: 200px; float: left; text-align: center;}
#search-area p.submit {font-size: 2.5em;}
#search-area p.submit input#searchsubmit {border: none; text-transform: uppercase; font-size: 0.6em; padding: 8px 3px 0; color: #4c4b4a; vertical-align: top; cursor: pointer; font-family: Georgia, Serif; background: none;}
#page-sub-title {padding: 10px; background: #494949; color: white; margin: 0 0 25px 165px; font-size: 2em; text-transform: uppercase; letter-spacing: 4px; font-weight: normal;}

.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.alignleft {float: left; padding-right: 10px;}
.alignright {float: right; padding-left: 10px;}


.wp-caption {text-align: center; background-color: #f3f3f3; padding-top: 4px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}
ul.sidebar_list { list-style: none; }
ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { width: 150px; margin: 0; font-size: 1.3em; line-height: 1.4em; float: left; }
li.widget h2, li.linkcat h2 { font-weight: bold; font-size: 1.077em; text-transform: uppercase; letter-spacing: normal; margin: 0 0 0.8em 0; padding: 0.4em 2px; border-top: 3px solid #1236a8; background: url('images/hr_dot_black.gif') 0 100% repeat-x; color: #333;}
li.widget p { margin: 0 0 1.5em 0; padding: 0 10px; }
li.widget ul, li.linkcat ul { list-style: none; margin: 0; padding: 0;}
li.widget ol, li.linkcat ol { margin: 0 0 0.5em 20px; }
li.widget li, li.linkcat li { margin: 0; padding: 0;}
li.widget li a, li.widget li a:visited, li.linkcat li a, li.linkcat li a:visited { text-decoration: none; color: #1236a8;}
li.widget li a:hover, li.linkcat li a:hover { color: #333; border-bottom: 1px solid; }
li.widget li .recent_date { padding: 0 0 0 8px; font-weight: bold; color: #1236a8; }
li.widget ul.flickr_stream { list-style: none; margin: 0; padding: 0 10px; }
li.widget ul.flickr_stream li { margin: 0; padding: 0 5px 5px 0; display: inline; }
li.widget ul.flickr_stream li a img { padding: 3px; }
li.widget ul.flickr_stream li a:hover img { background: #ff2a96; }
li.widget_flickrrss { }
li.widget_flickrrss a img { margin: 0 5px 5px 0; padding: 3px; }
li.widget_flickrrss a:hover img { background: #ff2a96; }
table#wp-calendar { width: 100%; font-size: 1.2em; margin:0; padding: 0; text-align: center; color: #a1a1a1;}
table#wp-calendar a {font-weight: bold;}
.contatti form {font-size:100%; min-width: 560px; max-width: 620px; width: 590px;}
.contatti form fieldset {clear: both; font-size: 100%; border-color: #000000; border-width: 1px 0 0 0; border-style: solid none none none; padding: 10px; margin: 0 0 0 0;}
.contatti form fieldset legend {font-size: 150%; font-weight: normal; color: #003399; margin: 0 0 0 0; padding: 0 5px;}
.contatti label {font-size: 100%;}
.contatti input, select, textarea {font-family: Georgia, Serif; font-size: 100%; color: #000000;}