/*

Theme Name:		Video Calcio based on C.L.M.

Theme URI:		http://living.cebunetwork.com

Description:	A theme for news and magazine websites run using WordPress. 

Version:		1.0 

Author:			Max Limpag (Edited by: Ra Services)

Author URI:		http://max.limpag.com/ (Edited by: http://www.raservices.info/)

*/



/* Typography */

body {font-family:Arial,Tahoma,Verdana,Lucida Sans,sans-serif; line-height:1.2em; text-align:left; background:#dadada; /*background: #0b3900 url(images/background.jpg);*/}

h1 {font-size:180%; line-height:1em; margin: 5px 0 10px 0;}

h1.mainstory {font-size:180%; font-weight:none; line-height:1em; /*letter-spacing: -0.05em;*/ margin: 5px 0 15px 0;}

h2 {font-size:140%;line-height:1em; margin-bottom:5px;}

h2.homestory {font-size:140%; font-weight:none; line-height:1.1em; margin: 5px 0 3px 0;}

h2.subhome {font-size:100%; font-weight:none; line-height:1em; padding-top:1px;}

h3 {font-size:120%; line-height:1em;margin-bottom:5px;}

h3.summary {font-size:131%; line-height:1em;margin-bottom:5px;}

h3.comment {font-weight:bold; margin-bottom:15px;}

h4 {font-size:110%; line-height:1em;margin-bottom:5px;}

h4.sectionheaders {font-family:Verdana,Arial,Tahoma,Helvetica; font-weight:bold; padding: 5px 3px; /*text-transform:uppercase;*/ font-size:115%; line-height:1em; margin: 5px 0 0 0; color: white; background: #499700; /*letter-spacing: -0.03em;*/}

a, a:link {text-decoration: none; color: #15497F;} /*lightblue 0052A6*/

a:hover {text-decoration: underline;}

a:focus {outline: 0;} /* remove firefox dotted border */

p {margin-bottom:1em;}

p.more {text-align:right; font-style:italic;}

b, strong {font-weight:bold;}

i, em {font-style:italic;}



.date {font-weight:bold; padding: 82px 0 0 14px;}

.caption {font-style:italic; padding-bottom:4px;}

.byline {font-size:11px; color:#666666; padding-bottom:4px; font-style:italic; text-align:left; line-height:10px;}

.post-date {float:right; display:inline; text-align:center; margin: 1px 1px 3px 5px; padding-left:3px; background:url(images/date_button_template.gif) no-repeat; font-weight:bold; color:#8c8c8c; border-left:1px solid #8c8c8c; width:50px;}

.endpost {border-bottom:1px solid #499700; margin:0px; line-height:0.3em;}

/*.bannertext:first-letter {font-size:400%; color:#666666; float:left; font-weight:normal; padding: 5px 0 0 0;}*/

.commentcount {float:right; padding: 12px 25px 0px 0px; font-size:24px; color:#fff;}

.disclaimer {font-style:italic; font-size:9px; color:white; text-align:left; line-height:9px; padding:0 3px;}

.pagenavi {display: block; text-align: center; margin-top: 5px; font-size:16px;}



ul li {list-style-type: disc; list-style-position: inside;}

ol li {list-style-type: decimal; list-style-position: inside;}



/*div.search {float:right; width:35%; text-align:right; margin-top:30px;}*/



/* Layout */

div.extlayout {background: #FFFFFF; margin:0 auto; margin-top:7px; padding:10px; width:960px; min-width:760px; /*behavior: url(iepngfix.htc); border:1px solid #000000;*/}

#doc6{width:960px;min-width:760px;text-align:left;}

#hd {width:974px; height:100px; padding-bottom:10px; background:url(images/logo.jpg) no-repeat;} 

#toppanel {/*background:#ffffff url(images/bannerpanelbg.gif)*/;}

#bannerad {text-align:center; padding-top:15px;}

#banner {border-top:5px solid #FF9900; padding:5px 3px 5px 3px; background:#FFFFFF; min-height:1000px;} /*border-top:#6083b3 5px solid;*/

#recentfeatures, #promocolumn {padding:1px;}



#mainpanel {clear: both; width:100%; height: 100%; margin: 0 auto; padding: 0;text-align: left;} 

#mainpanel-divs {clear: both; margin: 0 auto;}

#mainpanel-main {width:73.5%;float:left;padding:5px 3px 3px 3px; border-top:#ff9900 3px solid;}

#mainpanel-submainle {width:49.5%;float:left;padding:2px 2px 2px 0px;}

#mainpanel-submainri {width:49.5%;float:right;padding:2px 0px 2px 0px;}

p#mainpanel-submainri {font-size:10px;}

/*#mainpanel-recent {width:24.7%;float:left;padding:1px;}*/

#mainpanel-promo {width:25%;float:right;padding:1px;}

#mainpanel-sep {clear:both;}



#midpanel {clear: both; width:100%; height: 100%; margin: 0 auto; padding: 0;text-align: left;} 

#midpanel-divs {clear: both; margin: 0 auto;}

#midpanel-left, #midpanel-right {width:33.1%;float:left;padding:1px;}

#midpanel-mid {width:33.1%;float:left;padding:1px;}

#midpanel-sep {clear:both;}



/*#bottompanel {margin-top:5px; background:#ffffff url(images/bottompanelbg.gif);}*/

#singlepanel {/*background:#ffffff url(images/singlebg.gif)*/;}



.colitem {padding:0.3em; border:1px solid #499700; background: #FFFFFF; margin-bottom: 3px;}

.curlycontainer {border: 1px solid #b8b8b8; margin-bottom: 1em; width: 100%;}

.curlycontainer .innerdiv {background: transparent url(images/brcorner.gif) bottom right no-repeat; position: relative; left: 2px; top: 2px; padding: 1px 4px 15px 5px;}



/* Images */

#introIMG {width:75px; height:75px; float:left; overflow:hidden; display:block; padding:0 5px 2px 0;}

#introIMG img{border:1px solid #BDBDBD; display:block;}



/* Header */

div.headwrap {background: #FFFFFF; text-align:center; margin:0 auto; padding:0; /*width:75.69em; *width:74.301em; min-width:770px;*/ width:900px;min-width:700px; height:95px; margin-top:10px;}

.clearfloat {display:inline-block;}

.brandlogo {width:625px; height:125px; padding-bottom:15px; background:url(images/bg_branding.png) no-repeat; float:left;}

.blogtitle h1 {font-size: 40px; letter-spacing: -2px; line-height: 35px; padding: 0px; margin: 0px; display:none}

.blogtitle h1 a {text-decoration: none; color:#ff5a00;}

.blogtitle h1 a:visited {text-decoration: none; color:#ff5a00;}

.blogtitle h1 a:hover {text-decoration: none; color:#ff5a00;}

.blogdescr {font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: -1px; color:#999; padding-left:20px;display:none;}

.hdright {float:right;}

.search {padding:5px 5px 0 0;}

.search fieldset {border: none; padding: 0px; margin: 0px;}

.search form {padding: 0px; margin: 0px;}

.search input {;}

.search input.keyword {background: white; width: 200px; height:22px; border: 1px solid black; vertical-align:middle;font-size: 15px; font-weight:none;}

.search input.button {background: white; width: 20px; height:20px; margin-bottom:2px; vertical-align:bottom;}

.badge {text-align:right; margin-top: 20px;}



/* Bottom */

h4.bottomheaders {font-family:Lucida Sans,Verdana,Arial,Tahoma,Helvetica; font-weight:none; padding: 5px 3px; text-transform:uppercase; font-size:115%; line-height:1em; margin: 0px 0 0 0; color: white; background: #292929; letter-spacing: -0.03em;}

#bottom {clear: both; float:left; width:100%; height: 100%; margin: 0; padding: 0; text-align: left; font-size:80%; background: #727272;}

#bottom-divs {/*float:left;*/ clear: both; margin: 0;}

#bottom-left, #bottom-midleft, #bottom-midright {width:24.9%; padding-top:5px; float:left; vertical-align:top;}

#bottom-right {width:24.9%; padding-top:5px; float:left; vertical-align:top;}

#bottom ul {margin: 0 1px 0px 0; padding: 0; border-top: 0px solid #555;}

#bottom ul li {border-bottom: 1px solid #555; margin-left:0px; list-style: none;}

#bottom ul li a {/*display: block;*/ color: #fff; text-decoration: none; list-style: none;}

#bottom ul li a:hover {background: #191919; list-style: none;}

#bottom-sep {clear: both;}

.bottomitem {padding:0.3em; border:1px solid #292929; background: #727272; margin-bottom: 3px;}



/* Footer */

#foot {font-size:90%; margin-top:2px; padding: 3px 3px 3px 0; background:#666666; color:#ffffff; text-align:right; font-family: Arial,Tahoma,Lucida Sans,sans-serif;}

#foot a, #foot a:link, #foot a:visited, #foot a:hover {color: #FFFFFF; text-decoration: none; font-weight: bold;}



/* Top borders */

.topsingle {padding:5px 3px 1px 3px; border-top:#ff9900 3px solid;}

.topdarkblue, .toplightblue, .topyellow {padding:1px;} 

.topbrown {padding:1px;} 



/* Comments */

ol.commentlist {width: 90%; margin: 0 auto;}

ol.commentlist li {margin-bottom: 1.5em; background-color:#80baa1; padding: 10px;}

ol.commentlist li.alt {background-color: #94ba80; }

small.commentmetadata {font-size: 85%; margin-bottom: 1em; display: block;}

div.comments {background:url(images/comment.png) no-repeat right center; padding-right:15px;margin-right:2px; font-size:11px; cursor:pointer; text-align:right}

div.comments a, div.comments a:link {color:#8c8c8c; font-weight:none;}



/* Search Form */

#searchform {/*margin: 10px auto;*/ padding: 5px 3px; text-align: center;}

#searchform #s {width: 108px; padding: 2px;}

#searchsubmit {padding: 1px;}



/* FF ref */

div.ffref {background-color:#FFFFCC; border-bottom: 1px solid #FC0; margin: 0 0 5px 0; padding: 4px 0; font-size: 12px;}

div.ffref a, div.ffref a:link, div.ffref a:hover {font-weight:bold; text-decoration:underline;}



/* Photo Captions 

.largecaptionleft {float: left; width: 500px; margin: 5px; padding: 5px; border: solid 1px #ddd; background: #89bbff; line-height:1em; font-style: italic; color: black;}

.largecaptionright {float: left; width: 500px; margin: 5px; padding: 5px; border: solid 1px #ddd; background: #89bbff; line-height:1em; font-style: italic; color: black;}

.smallcaptionleft {float: left; width: 250px; margin: 5px; padding: 5px; border: solid 1px #ddd; background: #89bbff; line-height:1em; font-style: italic; color: black;}

.smallcaptionright {float: right; margin: 5px; padding: 5px; width: 250px; border: solid 1px #ddd; background: #89bbff; line-height:1em; font-style: italic; color: black;}*/