/*
Theme Name: JennyLavarda
Theme URI: http://federicovezzoli.com
Description: Tema per Jenny Lavarda
Version: 1.0
Author: Federico Vezzoli
Author URI: http://federicovezzoli.com
Tags: 
*/



/* COLORI */

/*

#58857f  Verde Sfondo
#ac0000 ROsso scuro
#0344b0 BLu

*/
 

/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
     
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */



/* Gets rid of IE's blue borders */
a:active {
outline:none;
}

:focus {
-moz-outline-style:none;
}


/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* TYPOGRAPHY */
/* ----------------------------------------- */

* {
font-family: Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}

h1, h2, h3, h5, h5, h6 { font-weight:bold } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.*/

p {
	font-size: 1.4em;
}

h1 {
	font-size:3.6em;
	font-weight: bold;
}

h2 {
	font-size:2.4em;
	font-weight: bold;
}

h3 {
	font-size:2.1em;
}

h4 {
	font-size:1.8em;
}

h5 {
	font-size:1.6em !important;
}

h6 {
	font-size:1.4em !important;
}

a {
 color: #df69fc;
 text-decoration: underline;
}

a:hover {
color: #eda5ff !important;
text-decoration: none;
}

/* fullscreen bg */

html, body, #bg, #bg table, #bg td {

}


/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

body {
font-size: 0.625em;
line-height: 2.2em;
background: #646464;
}

#wrapper {
height: 100%;
width: 100%;
min-height: 800px;
padding: 0;
margin: 0;
}

#sfondo {
background: url(style/images/jenny_bg.jpg) no-repeat top left;
background-position: center;
margin:-30px 0 0 0;
height: 971px;
width: 100%;
}

#main {
margin: 0 auto;
width: 730px;
padding: 30px 0 0 0;
}



/* HEADER */

#header {
height: 289px;
}

.logo {
background-image: url("style/images/spriteme1.png");
background-position: -10px -10px;
height: 210px;
width: 377px;
text-indent: -9999px;
float: left;
position: relative;
z-index: 1000;
left: -105px;
}

.slogan {
float: left;
height: 38px;
width: 352px;
text-indent: -9999px; 
background: url(style/images/slogan.png) no-repeat bottom left;
position: relative;
left: -364px;
top: 160px;
z-index: 1000;
}

.foto_jenny {
position: relative;
float: right;
top: -38px;
text-indent: -9999px;
width: 282px;
height: 251px;
overflow: visible; 
}

/* Main Col */

#main_col {
width: 468px;
margin: -140px 0 0 0;
float:left;
}

#main_col_top {
background-image: url("style/images/spriteme1.png");
background-position: -10px -240px;
width: 468px;
height: 60px;
}

#main_col_content {
background: url(style/images/main_col_content.png) repeat-y top left;
width: 468px;
height: auto;
}

#main_col_bottom {
background-image: url("style/images/spriteme1.png");
background-position: -10px -391px;
width: 468px;
height: 43px;
}

.post {
padding: 15px 15px 15px 20px;
}

.post h2 {
background: url(style/images/spriteme1.png) bottom left;
background-position: -10px -321px;
min-height: 50px;
}

.post h2 a {
text-decoration: none;
color: #75158c;
margin: 0 50px 0 0;
}

.data {
font-size: 1.3em;
color: #666666;
}

.data a {
color: #666666;
}

.content {
margin: 10px 0 0 0;
text-align: justify;
}

#after_content {
	margin:10px 0 10px 0;
	font-size: 1.1em;
}

#navigation {
padding: 15px 15px 15px 20px;
font-size: 1.5em;
}

.content h5 {
margin:15px 0 0 0;
border-bottom: 1px solid #df69fc;
text-align: left;
}

.content li {
font-size: 1.0em;
list-style: disc inside;
}

.content p img {
margin: 10px;
border: white 5px solid;
	box-shadow: -3px 3px 7px #a5a5a5;
	-moz-box-shadow: -3px 3px 7px #a5a5a5;
    -webkit-box-shadow: -3px 3px 7px #a5a5a5;
}

h2.archivio {
text-align: center;
}
/* COmments */

#comments {
margin: 0 10px 0 10px; 

}

#comments h3{
border-bottom: 2px solid #ac0000;
margin: 0 9px 0 15px;
}

.commentlist{
margin: 10px 15px 10px 15px;
}

.commentlist .odd {
border-top: 1px solid #ac0000;
border-bottom: 1px solid #ac0000;
text-align: right;
}

.comment {
padding: 10px 0 5px 0;
}

.fn {
font-size: 1.8em;
}

.says {
display: none;
}

.avatar {
display: none;
}

#respond {
margin: 15px 0 0 25px;
}

#respond h3 {
border-bottom: 2px solid #df69fc;
margin: 0 20px 0 0; 
}

#commentform {
margin: 10px 0 10px 0;
}

#commentform p {
margin: 0 0 5px 0;
}

#submit {
margin: 5px 0 0 0;
background: #f2f2f2;
border-bottom: #a5a5a5 1px solid;
border-left: #a5a5a5 1px solid;
border-top: white 1px solid;
border-right: white 1px solid;
}

#submit:hover {
background: white;
}

#submit:active {
background: #a5a5a5 url(style/images/input_bg.jpg) repeat-x top left;
border-bottom: white 1px solid;
border-top: #a5a5a5 1px solid;
border-left: white 1px solid;
border-right: #a5a5a5 1px solid; 
}

input {
padding: 5px;
background: #a5a5a5 url(style/images/input_bg.jpg) repeat-x top left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border-bottom: white 1px solid;
border-top: #a5a5a5 1px solid;
border-left: white 1px solid;
border-right: #a5a5a5 1px solid; 
}

input:focus {
background: white;
}

#comment {
padding: 5px;
background: #a5a5a5 url(style/images/input_bg.jpg) repeat-x top left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border-bottom: white 1px solid;
border-top: #a5a5a5 1px solid;
border-left: white 1px solid;
border-right: #a5a5a5 1px solid; 
}

#comment:focus {
background: white;
}

/* right Col */

#right_col {
width: 227px;
float: right;
margin: -140px 0 0 0;
position: relative;
z-index: 100;
}

#right_col_top {
background-image: url("style/images/spriteme1.png");
background-position: -10px -453px;
width: 227px;
height: 62px;
}

#right_col_content {
background: url(style/images/right_col_content.png) repeat-y top left;
width: 227px;
padding: 15px 15px 0 15px;
}

#right_col_bottom {
background-image: url("style/images/spriteme1.png");
background-position: -10px -532px;
height: 44px;
width: 227px;
}

.mio_nome {
	color: #666666;
	font-size: 0.9em;
	text-align: center;
}

/* menu */

#menu_list{
margin: 0  0 5px 25px;
height: 240px;
}


#menu_list li a {
	background: url(style/images/jenny_sprite_viola.png) no-repeat top left;
	height: 45px;
	width: 150px;
	text-indent: -9999px;
	text-decoration: none;
	font-size: 1.5em;
	display: block;
	float: left;
}

/* contatti */
#menu_list .page-item-10 a {background-position: 0 -200px; }
#menu_list .page-item-10 a:hover {background-position: -175px -200px;}
#menu_list .page-item-10 a:active {background-position: -350px -200px;}
#menu_list .page-item-10.current_page_item a {background-position: -350px -200px;}
#menu_list .page-item-10.current_page_item a:hover {background-position: -175px -200px;}

/* gallery */
#menu_list .page-item-5 a {background-position: 0 -50px; }
#menu_list .page-item-5 a:hover {background-position: -175px -50px;}
#menu_list .page-item-5 a:active {background-position: -350px -50px;}
#menu_list .page-item-5.current_page_item a {background-position: -350px -50px;}
#menu_list .page-item-5.current_page_item a:hover {background-position: -175px -50px;}

/* links*/
#menu_list .page-item-9 a {background-position: 0 -250px; }
#menu_list .page-item-9 a:hover {background-position: -175px -250px;}
#menu_list .page-item-9 a:active {background-position: -350px -250px;}
#menu_list .page-item-9.current_page_item a {background-position: -350px -250px;}
#menu_list .page-item-9.current_page_item a:hover {background-position: -175px -250px;}

/* home */
#menu_list .page-item-home a {background-position: 0 0px; }
#menu_list .page-item-home a:hover {background-position: -175px 0px;}
#menu_list .page-item-home a:active {background-position: -350px 0px;}
#menu_list .page-item-home.current_page_item a {background-position: -350px 0px;}
#menu_list .page-item-home.current_page_item a:hover {background-position: -175px 0px;}

/*sponsors */
#menu_list .page-item-6 a {background-position: 0 -100px; }
#menu_list .page-item-6 a:hover {background-position: -175px -100px;}
#menu_list .page-item-6 a:active {background-position: -350px -100px;}
#menu_list .page-item-6.current_page_item a {background-position: -350px -100px;}
#menu_list .page-item-6.current_page_item a:hover {background-position: -175px -100px;}

/* su di me */
#menu_list .page-item-8 a {background-position: 0 -150px; }
#menu_list .page-item-8 a:hover {background-position: -175px -150px;}
#menu_list .page-item-8 a:active {background-position: -350px -150px;}
#menu_list .page-item-8.current_page_item a {background-position: -350px -150px;}
#menu_list .page-item-8.current_page_item a:hover {background-position: -175px -150px;}

/* carriera */
#menu_list .page-item-109 a {background-position: 0 -300px; }
#menu_list .page-item-109 a:hover {background-position: -175px -300px;}
#menu_list .page-item-109 a:active {background-position: -350px -300px;}
#menu_list .page-item-109.current_page_item a {background-position: -350px -300px;}
#menu_list .page-item-109.current_page_item a:hover {background-position: -175px -300px;}


#sponsor_list {
margin: 0 0 0 28px;
}

#sponsor_list_page {
margin: 0 0 0 0px;

}

#sponsor_list_page li{
list-style: none;
width:auto;
text-align: center;
}

#social_list {
margin: 0 0 15px 28px;
}

/* gallery */

.ngg-albumoverview, .ngg-galleryoverview {
width: 378px !important;
margin: 0 auto !important;
}

.polaroid {
	background-color: white;
	margin: 15px 30px 15px 30px;
	text-align: center;
	width: 155px;
	height: 150px;
	box-shadow: -3px 3px 7px #a5a5a5;
	-moz-box-shadow: -3px 3px 7px #a5a5a5;
    -webkit-box-shadow: -3px 3px 7px #a5a5a5;
    border-bottom: 1px solid #a5a5a5;
    border-left: 1px solid #a5a5a5;
    display: inline;
    float: left;
}

.polaroid:hover {
	box-shadow: -5px 5px 10px #666666;
	-moz-box-shadow: -5px 5px 10px #666666;
    -webkit-box-shadow: -5px 5px 10px #666666;
}

.polaroid h4 {
padding: 0 0 10px 0;
}

.polaroid .ngg-singlepic {
padding: 10px;
}

.torna_gallery {
padding: 20px 0 0 0;
font-size: 1.8em;
}

/* Form */

.wpcf7-form {
margin: 20px 0 0 0;
}

.wpcf7-form textarea {
padding: 5px;
background: #a5a5a5 url(style/images/input_bg.jpg) repeat-x top left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border-bottom: white 1px solid;
border-top: #a5a5a5 1px solid;
border-left: white 1px solid;
border-right: #a5a5a5 1px solid; 
}

.wpcf7-form textarea:focus {
background: white;

.your-submit {
margin: 5px 0 0 0;
background: #f2f2f2;
border-bottom: #a5a5a5 1px solid;
border-left: #a5a5a5 1px solid;
border-top: white 1px solid;
border-right: white 1px solid;
}

.your-submit:hover {
background: white;
}

.your-submit:active {
background: #a5a5a5 url(style/images/input_bg.jpg) repeat-x top left;
border-bottom: white 1px solid;
border-top: #a5a5a5 1px solid;
border-left: white 1px solid;
border-right: #a5a5a5 1px solid; 
}