/* 

Theme Name: Pompei
Description: Pompei
Version: 1.0
Author: giapox

*/

/* jflanguageselection */
div#jflanguageselection { margin: 60px auto 0; padding: 0; }
div#jflanguageselection ul { margin: 0 auto; padding: 0; list-style-type: none; width: 164px; }
div#jflanguageselection li {margin: 0; }
div#jflanguageselection a { position: relative; display: block; height: 21px; width: 32px; text-decoration: none; }
div#jflanguageselection li.it a { background: url(images/fr.gif) top no-repeat; float:right; display: inline;}
div#jflanguageselection li.en a { background: url(images/en.gif) top no-repeat; float: left;}
div#jflanguageselection li#active_language a { background-position: bottom; }
div#jflanguageselection li a:hover { background-position: bottom; }
div#jflanguageselection span { display: none; }

/* overall */
html, body, div, span, form, h1, h2, h3, h4, p, blockquote { margin: 0; padding: 0; border: 0; outline: 0; }
:focus { outline: 0; }
body { margin: 0; padding: 0; font: normal 12px Arial, Helvetica, sans-serif; color: #333333; background: url(images/body-bg.jpg) 0 0 repeat-x #D4D0C4; }
html { height: 100%; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font: normal 1em/1 Arial, Helvetica, sans-serif; }
pre, var, code { font-family: "Courier New", Courier, monospace; }
h3, #sidebar, .postdata, .entry-content { font-family: Arial, Helvetica, sans-serif; }
#header h2 { font-family: Tahoma, Arial, Helvetica, sans-serif; }
.clear { clear: both; }
img { border: 0; outline:0;}
.entry-content p { margin-top: 15px; }


/* titles */
h1 { font-size: 14px; }
h2 { font-size: 24px; font-family:"Times New Roman", Times, serif; font-size: 22px; font-weight: bold;  color: #931924; margin: 0; }
h3 { font-size: 16px; font-family: "Century Gothic", "Times New Roman", serif;}
h4 { font-size: 18px; }

/* text elements */
ul,ol,p,dl { line-height: 180%; }
p { margin: 0 0 15px 0; text-align: left; }
a, a:link, a:visited, a:active { color: #3b506b; text-decoration: underline; background: none; }
a:hover { text-decoration: none; }

/* wp styles */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin:0 1em 1em 0; }
.alignright { float: right; margin:0 0 1em 1em; }
.wp-caption { border: 1px solid #ccc; text-align: center; padding-top: 4px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 1em; line-height:1.4; padding: 0 4px 4px; margin: 0; }

/* container */
#container { width: 960px; margin: 0 auto; background: url(images/sfondo-container.jpg) repeat-x #FFF; -moz-box-shadow: 0 0 10px #999999; border: 1px solid #CCC; }

/* header */
#header { height: 230px; padding: 0; padding: 0; }

#header-left { margin: 0; padding: 20px 0 0 0; width: 220px; height: 210px; float: left; background:url(images/sfondo-logo.jpg); }
#header-left h1 { float: left; }
#header-left h1 a { margin: 2px 0 0 25px; display: block; background:url(images/logo.jpg) bottom no-repeat; width: 170px; height: 60px; }
#header-left h1 a:hover { background-position: top; }
#header-left h1 span { display: none; }
#header-left p { margin: 15px 0 0 30px; font-family: "Times New Roman", Times, serif; font-size: 12px; letter-spacing: 1px; }

#header-right { height: 218px; width: 730px; float: left; padding: 10px 10px 10px 0; }
#flash { border: 1px solid #CCC;}
/* main */
#main { width: 960px; margin: 0 auto; }

#middle-left { width: 220px; float: left; margin: 0; padding: 0; }
#middle-left .box { padding: 10px; margin: 0 10px 10px 10px; border-bottom: 1px dotted #B7B7B7; border-top: 1px dotted #B7B7B7; background: #F7F7F7; }
#middle-left .box h3 { padding: 0 0 12px 0; color: #3B506B; }
#middle-left .box .tags { line-height: 150%; text-align: justify; }
#middle-left .box li { line-height: 30px; border-bottom: 1px solid #EEE; }
#middle-left .box li.current_page_item a { background: #FFF;}
#middle-left .box li a { display: block; line-height: 29px;  padding-left: 4px; margin: 0; text-decoration: none; color: #666; font-size: 12px; width: 180px; border-bottom: 1px solid #FFF; }
#middle-left .box li a:hover { color: #000; background: #FFF; }
#middle-left ul { margin: 0; padding: 0; list-style: none; }

.categorie_list{ float: right; padding-right: 10px; }
.categorie_list ul li { margin: 10px; padding: 0; list-style: none; line-height:0;}
.categorie_list a { color: #FFF; font-family: "Century Gothic", "Times New Roman", serif; text-decoration: none; font-size: 13px; font-weight: bold; letter-spacing: 6px; text-transform: uppercase;}
.categorie_list a:hover { text-decoration: none; color: #999999;}

#left-menu { margin: 0; background: url(images/header-menu-bg.jpg) #FFF; border: 1px solid #B7B7B7; width: 218px;}

#left-menu #nav { overflow: hidden; margin: 0; padding: 0; list-style: none; }
#left-menu #nav li{ float: left; width:218px; }
#left-menu #nav a { float: left; padding: 0 11px; margin: 0 0 2px; line-height: 30px; height: 30px; text-decoration: none; font-size: 13px; color: #666; font-weight: bold; font-family: "Century Gothic", "Times New Roman", serif; background: url(images/sfondo-menu.jpg) right no-repeat; width:200px; }
#left-menu #nav a:hover, #left-menu #nav .current_page_item a { color: #931924; background: url(images/sfondo-menu-active.jpg) right no-repeat; }




#middle-right { width: 728px; float: left; margin: 0; padding: 0;  }
#middle-right .post { font-size: 14px; color: #666; }
#middle-right .post img {  }
#middle-right .post  .img-none { display: none; }
#middle-right .post h2 { margin: 0;  color: #931924; }
#middle-right .post h3 { margin: 6px 0 20px 0;  color: #931924; }
#middle-right .post h2 a { text-decoration: none; color: #931924; }
#middle-right .post h2 a:hover { color: #000; }
#middle-right .post .tags { clear: both; }
#middle-right .entry { width: 320px; float: left; margin: 10px; padding: 10px; border: #CCCCCC 1px dotted; background: #FFF; }
#middle-right .entry h2 { margin: 0 0 10px; font-size: 20px; }
#middle-right .entry h2 a { text-decoration: none; color: #931924; }
#middle-right .entry h2 a:hover { color: #000; }
#middle-right .entry .tags { clear: both; }
#middle-right .entry img { border: #344376 1px solid; }

#middle-right .post  .img-none { display: none; }

#middle-right .entry a.more-link { margin: 0; float: left; padding: 4px 10px; text-decoration: none; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #eee; border-left: 1px solid #eee; background: #fff; color: #888; background: #fff; }
#middle-right .entry a.more-link:hover { background: #dfdfdf; color: #000; text-shadow: 1px 1px 1px #fff; }

/* tags widget*/
div.tags a { text-decoration: none; }
div.tags a:hover { text-decoration: underline; color: #000; }


/* Search Form
*******************************/
#searchform { padding: 6px 0 0;}

#searchform input {
    vertical-align:middle;
    border:1px solid #ccc;
    font-size:1em;
    color:#152942;
}
#searchform input#search-submit { background: #D2D6D8; border: 1px solid #D2D6D8; width: 80px; cursor: pointer; font-weight: bold; }

/* Comments
*******************************/
#commentform {
    margin-top:12px;
}
#commentform input.text,
#commentform textarea {
    border:1px solid #7E929E;
    border-right-color:#E8E8E8;
    border-bottom-color:#E8E8E8;
    padding:2px;
}
#commentform input.text {
    width:200px;
}
#commentform textarea {
    width:400px;
}
#commentform input.submit {
    border:1px solid #7E929E;
    background:#E8E8E8;
    color:#152942;
}
.comment {
	margin: 0 0 20px 0;
	padding: 20px;
	background: #f9f9f9;
	border-left: 2px solid #D2D6D8;
}
.comment .details img {
    vertical-align:middle;
}

/* Footer
*******************************/
#footer { margin: 0 auto; padding: 20px 0 0 0; height: 80px; color: #555; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#footer a { color: #3B506B; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#footer1 { padding: 16px 10px 10px; border-top: 1px dotted #CCC; background: #F9F9F9;}
#footer2 { padding: 10px 10px 20px;  background: #F9F9F9; }
#footer3 { padding: 10px; }