/*  
Teme: Portale Internet
Autore : Sito (http://www.portale-ineternet.net/)
*/
* { margin: 0; padding: 0; }
body { text-align: center; font: 12px Verdana; color: #565656; background-color: #e9e9e9; }
a { color: #CC0000; text-decoration: none; }
a:hover { color: #111111; }
img {border:0;}
p {line-height: 1.3em; margin: 0.5em 0;}
p img {float:left; margin:0 10px 0 0; padding-left: 6px; padding-bottom: 2px;}

h5 { font: bold 1.31em "Arial", Sans-Serif; margin: 0; color: #000000; }
h6 { font: bold 1.31em "Arial", Sans-Serif; margin: 0; color: #cc0000; }

.details {color:#000000; text-decoration:none; font-size:12px;}
.details a {color:#cc0000; text-decoration:none; font-size:12px;}
.details a:hover {color:#111111; text-decoration:underline; font-size:12px;}

.sitetable {width: 100%; border: 1px dotted #c2c2c2; vertical-align : top;}
.sitetables {width: 100%; vertical-align : top;}
.sitetd {border: 1px dotted #c2c2c2;}
.votelargeur {width: 50px;}

a.cat_display {text-decoration: none; font-weight: bold; font-size: 13px; color:#333333;}
a.cat_display:hover {text-decoration: none; font-weight: bold; font-size: 13px; color:#CC0000;}
a.subcat_display {text-decoration: none; font-size: 10px; border-bottom : 1px dotted #CCC;}

.votetable {background: #ffffff; width : 50px; height: 92px; margin-right: 5px;}
.vote span.note {font-size: 9px; height: 12px; display: block;}
.vote span.nombre {font-size: 16px; display: block;}
.vote a{color: #cc0000; font-size: 16px; font-weight: bold;}
.vote a:hover{color: #000000; font-size: 16px; font-weight: bold;}

/* Onglets fiche site */
#containered {font: bold 10px Verdana; list-style-type: none; text-align: left; width: 610px;}
#containered hr {clear: both; border: 1px solid #CCC; margin-top: 10px; 	width: 50%;}
#containered ul#mest {font-weight: bold;}
#containered ul#mest li {font: bold 10px Verdana; list-style-type: none; text-align: left; display: inline; margin: 1px;}
#containered ul#mest li a {text-decoration: none;}
#containered ul#mest li a:hover {text-decoration: none; color: #333333;}
#containered h1,
#containered .content {border: 1px solid #d5d5d5; padding: 10px; text-align: left;}
#containered a.current {padding: 5px 3px; border: 1px solid #d5d5d5; background-image: url(images/shadeactive.gif); border-bottom-color: white; background-color: white; color: #333333; font-size: 12px;}
#containered a.ghost {padding: 5px 3px; margin-right: 1px; border: 1px solid #d5d5d5; color: #333333; font-size: 12px; background: white url(images/shade.gif) top left repeat-x;}
#containered a.current:hover {padding: 5px 3px; border: 1px solid #d5d5d5;	background-image: url(images/shadeactive.gif); border-bottom-color: white;	background-color: white; font-size: 12px; color: #333333;}
#containered a.ghost:hover {padding: 5px 3px; margin-right: 1px; border: 1px solid #d5d5d5; color: #333333; font-size: 12px;}
#containered .on {display: block; text-align: left;}
#containered .off {display: none;}
.break {font-size: 0; width: 0; height: 0; clear: both;}
.alignleft { float: left; margin: 4px 10px 5px 0; }
.alignright { float: right; margin: 4px 0 5px 10px; }
.aligncenter {	text-align: center; }
.hidden { display: none; }
#wrapper {width: 970px; background: white url(images/background.gif) repeat-y 0 0; margin: auto auto; text-align: left; padding: 0 7px; }

header { background: #ffffff url(images/header.gif) repeat-x 0 0;}
header ul {float: left; list-style-type: none; padding: 10px 0; margin-left: -5px;}
header ul li { float: left; text-transform: uppercase; font-size: 0.9em; padding: 0 15px; border-left: 1px solid #252525; }
header ul li.f { border: 0; }
header .links { float: right; font-size: 0.9em; color: #252525; padding: 10px; }
header .links a { margin-left: 14px; }
header .logo { padding: 18px 18px 40px; float: left;}
header .logo h1 { font-family: "Lucida Sans"; font-size: 2.5em; text-transform: uppercase; }
header .logo h1 a { color: #252525; }
header .logo p { color: #DE2011; font-weight: bold; padding-left: 10px; }
header .ad468x60 { float: right; padding: 16px 10px; }
header { }
nav ol { list-style-type: none; height: 35px; background-color: #252525; }
nav ol li { float: left }
nav ol li a { color: #ffffff; display: block; padding: 10px 12px 12px; }
nav ol li a:hover { background-color: #DC1000; }
section { margin: 3px 0px 3px 0px; width: 660px; float: left;}
section .post { width: 259px; height: 420px; float: left; padding: 20px 15px 0 35px; }
section .post h2 { font-family: Georgia; font-size: 1.5em; margin-bottom: 15px; }
section .post h2 a { color: #252525; }
article { width: 640px; float: left; margin:3px; padding:3px; text-align: justify; border-width: 1px; border-style: dashed; border-color: #585858; }
article .post .date {font-size: 0.9em; font-family: Georgia; color: #808080; margin-bottom: 10px; }
article .post .continue { color: #ffffff; background-color: #DC1000; padding: 5px 10px; display: block; float: left; font-weight: bold; margin-bottom: 20px; }
article .post p { margin-bottom: 10px; line-height: 1.4em; }
article .post .thumb { height: 92px; overflow: hidden; padding: 5px; background-color: #EEEEEE; border: 1px solid #E8E8E8; margin-bottom: 10px; }
article .post .thumb div { height: 92px; overflow: hidden; }
article .post .thumb img { width: 247px; }
article .postnav { clear: both; padding: 20px 34px 40px; }
article .postnav ul { list-style-type: none; border: 0; }
article .postnav ul li { float: left; padding: 2px; }
article .postnav ul li a { display: block; text-align: center; border: 0; padding: 5px 8px; background-color: #9F9F9F; color: #ffffff; font-weight: bold; }

article .postnav ul li a:hover { background-color: #E05F00; border: 0 !important; }
article .postnav ul li.next a { width: auto; padding: 2px 4px; }
article .postnav .page_info { text-align: center; border: 0; padding: 5px 8px; background-color: #9F9F9F; color: #ffffff; font-weight: bold; margin: 2px; }
article img { float: left; }
article .titolo { float: left; width: 630px; font-weight: bold; margin:3px; padding:3px;}
article p { float: left; width: 630px; margin:3px; padding:3px;}
#pages {width: 640px; margin: 3px; padding:3px; text-align: center;}
.categorie {margin: 0 auto; overflow: hidden; width: 640px; }
.categorie_4 { width: 180px; }
.categorie { display: inline; float: left; margin-left: 10px; overflow: hidden; position: relative; }
.categorieriga .categorieriga { display: inline-block; margin: 0px; width: auto; }
.categorieriga { display: inline-block; margin: 0 0px; width: auto; }
.categorie {color:#111111; text-decoration:none; font-size:12px;}
.categorie a {color:#111111; text-decoration:none; font-size:12px;}
.categorie a:hover {color:#777777; text-decoration:none; font-size:12px;}
.categorieriga img { align: absmiddle;}
#sidebar { width: 304px; float: right; padding-bottom: 20px;}
#sidebar .wrapper { padding: 0 15px; }
#sidebar h2 { color: #252525; font-size: 0.9em; text-transform: uppercase; margin: 15px 0 10px; }
#sidebar ul { list-style-type: none; }
#sidebar ul li { border-bottom: 1px dotted #DADADA; line-height: 1.4em; padding: 4px 0; font-size: 0.9em; }
#sidebar ul li a { color: #808080; }
#sidebar ul li a:hover { color: #DC1000; }
#sidebar .ads { text-align: center; padding: 10px 0; }
#sidebar .ads img { margin: 3px; }
#sidebar .search { background: #EEEEEE url(images/search.gif) no-repeat center center; border-width: 1px 0; border-color: #E8E8E8; border-style: solid; height: 52px; }
#sidebar .search input { float: left; border: 0; font-size: 1.2em; font-family: Verdana; width: 200px; margin: 18px 12px 0 22px; }
#sidebar .search button { float: left; border: 0; text-indent: -9999px; width: 53px; height: 32px; margin-top: 10px; background-color: transparent; }
#sidebar .paypal {text-align: center; padding-top: 5px;}
#sidebar .flickr { }
#sidebar .TagCloud { text-align: center;  margin-left: auto; margin-right: auto; width: 300px;}
#sidebar .flickr img { margin: 3px; }
#sidebar .video { padding-bottom: 5px; }
#sidebar .tags {padding-bottom: 5px; }
#sidebar .tags a { color: #808080; }
#sidebar .tags a:hover { color: #DC1000; }
#sidebar .l { float: left; width: 125px; }
#sidebar .r { float: right; width: 125px; }
#sidebar .sbar li { font-size: 1em; padding-left: 12px; background: url(images/bullet.gif) no-repeat 0 8px; border: 0; }

footer { clear: both; background-color: #252525; color: #ffffff; font-family: Georgia; padding: 30px; text-align: center; }
footer p { line-height: 1.5em; }

#comments { padding: 0 35px 20px; }
#comments h2 { margin: 20px 0 5px; font-size: 1.5em; font-weight: normal; }
#comments p { margin-bottom: 10px; line-height: 1.5em; }
#comments form { padding-top: 20px; }
#comments form p { margin-bottom: 5px; }
#comments form input, textarea { border: 1px solid #cccccc; font-size: 0.9em; padding: 4px; background-position: 4px 4px; background-repeat: no-repeat; }
#comments form input { width: 260px; border: 1px solid #cccccc; }
#comments form textarea { width: 350px; padding: 4px 4px !important; border: 1px solid #cccccc; }
#comments form button { border: 1px solid #909090; background-color: #cccccc; font-size: 0.9em; font-family: Verdana; width: 120px; height: 23px; }
.commentdetails { margin-top: 25px; }
.commentauthor { margin-bottom: 5px !important; font-weight: bold; }
.commentdate { font-size: 0.8em; margin-bottom: 5px; color: #909090; }
.required { color: #CC0000; }
h2.title { font-size: 1em; text-transform: uppercase; padding: 25px 35px 0; color: #565656; }
#comments ol { list-style-type: none; clear: both; padding: 0; margin: 0; }
#comments ol li { padding: 10px; border: 1px solid #e0e0e0; margin-bottom: 10px; }
#comments ol li .avatar { float: right; }
#comments ol li .comment-author { }
#comments ol li .comment-author .fn { font-weight: bold; font-size: 1.2em; }
#comments ol li .comment-meta { font-size: 0.9em; color: #999999; margin: 5px 0 10px; }
#comments ol li .reply { font-size: 0.9em; font-weight: bold; padding-bottom: 10px; }
#comments .children {list-style-type: none;}
#comments .navigation { padding: 10px 0 20px; font-size: 0.9em; }
#comments .navigation a { color: #999999; padding: 3px 8px; border: 1px solid #cccccc; }
#comments .navigation a:hover { color: #000000; border-color: #000000; text-decoration: none; }

