/*
Theme Name: cristinavezzini	
Theme URI: http://federicovezzoli.com
Description: Tema per il portfolio di cristina vezzini
Version: 1.0
Author: Federico Vezzoli
Author URI: http://federicovezzoli.com
Tags: basic, white, portfolio
*/

/* 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; margin-bottom: 15px; margin-right: 15px; }
.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 */

/* 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:''}

/* 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 */

a:active
{
outline: none;
}

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

* {
font-family: Baskerville, "Times New Roman", Times, serif;
font-size: 1.0em;
}

.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes. */

h1, h2, h3, h4, h5, h6 { color: #8b8a83; } /* 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 }

p { font-size: 1.1em; }

h1 { font-size: 3.8em; }

h2 { font-size: 2.1em; }

h3 { font-size: 1.4em; }

h4 { font-size: 1.3em; }

h5 { font-size: 0.8em; }

h6 { font-size: 0.6em; }

small {
font-size: 0.5em;
}

a {
color: #8b8a83;
text-decoration: underline;
}

a:hover {
color: black;
}

.clearfix:after {
content: '';
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}


#wrapper {
margin: 0 auto;
width:858px;

}

#inner_wrap {
/*background: url(style/images/bg.jpg) repeat-y top left;*/
width:858px;
}

#header {
/*background: url(style/images/header_bg.jpg) no-repeat top left;*/
height: 258px;
position: relative;
}

#nome {
background-image: url(style/images/spriteme1.png);
background-position: -10px -10px;
display: block;
text-indent: -99999px;
width: 241px;
height: 118px;
position: absolute;
top: 10px;
left: 30px;
}

#menu {
/*background: url(style/images/spriteme1.png) no-repeat bottom right;*/
background-position: -10px -137px;
position: absolute;
right: 0;
top: 140px;
width: 520px;
}

#menu a {
text-decoration: none;
font-size: 1.4em;
}

#menu a:hover {

}

#menu li {
float: right;
margin: 0 10px 20px 10px;
}

#menu ul {
margin: 1px 20px 0 0;
float: right;
}

#content {
padding: 0 30px 0 0px;
float: right;
width: 795px
}

#contentnosidebar {
width: 828px;
padding: 0 30px 0 0px;
}

/* HOME */

.img_home {
margin: 10px;
float: left;
text-align: center;
width: 245px;
}

.img_home img {
width: 200px;
height: auto;
padding: 5px;
/*background: #ede9d6;
box-shadow: 0px 0px 1px #b5b5b5;
-moz-box-shadow: 0px 0px 1px #b5b5b5;
-webkit-box-shadow: 0px 0px 2px #b5b5b5;*/
}

.img_small img:hover, #img_big img:hover,.cboxElement img:hover {
/*background: #dcd4ad;*/
} 

.img_home:hover {
position: relative;
top:3px;
}

.img_home .img_small_shadow {
height: 4px;
width: 52px;
background-image: url(style/images/spriteme1.png);
background-position: 16px -254px;
margin: 0 0 0 14px;
}

.post h2 {
text-align: center;
margin: 0 0 10px 0;
}

.gallery {
width: 400px;
margin: 0 0 0 2px;
float: left;
}
.gallery-item {
 width: 100px;
 padding: 4px;
/*background: #ede9d6;*/
 float: left;
 margin: 13px 25px 0 0;
/*box-shadow: 0px 0px 1px #b5b5b5;
-moz-box-shadow: 0px 0px 1px #b5b5b5;
-webkit-box-shadow: 0px 0px 2px #b5b5b5;*/
}


/* .cboxElement img {
border: none !important;
background: #ede9d6;
padding: 4px;
box-shadow: 0px 0px 1px #b5b5b5;
-moz-box-shadow: 0px 0px 1px #b5b5b5;
-webkit-box-shadow: 0px 0px 2px #b5b5b5;
} */

#gallery {
float: left;
width: 385px;
}

#detail_text {
float: right;
margin:0 0 0 10px;
text-align:justify;
width:400px;
font-size: 0.9em;
}

#img_gallery {
width: 411px;
float: left;
}

#img_big img{
padding: 5px;
/*background: #ede9d6;
box-shadow: 0px 0px 1px #b5b5b5;
-moz-box-shadow: 0px 0px 1px #b5b5b5;
-webkit-box-shadow: 0px 0px 2px #b5b5b5;*/
} 

#img_big img:hover {}

.gallery-icon {

}
 
.gallery-icon .img_small_shadow {
position: absolute;
bottom:0px;
left: 3px;
/*background-image: url(style/images/spriteme1.png);*/
background-position: -10px -253px;
height: 4px;
width: 52px;
}

#img_big_shadow {
height: 15px;
width: 208px;
/*background: url(style/images/spriteme1.png) no-repeat top left;*/
background-position:  -10px -268px;
}

/* SIDEBAR */

#sidebar {
width: 827px;
float: left;
margin: 30px 15px 15px 0;
}

#sidebar small {
display: none;
}

#sidebar p {
margin: 0 0 0 30px;
font-size: 1.0em;
text-align: justify;
}

#sidebar h4 {
/*background-image: url(style/images/spriteme1.png);*/
background-position: -10px -191px;
padding: 0 0 18px 30px;
width: 200px;
}

#sidebar ul {
margin: 0 0 0 30px;
}

#sidebar li {
margin: 0 15px 5px 0;
float: left;
}

/* FORM */

.wpcf7-form p {
margin: 0 0 10px 0;
}

.wpcf7-form input, textarea {
border: none;
background: url(style/images/input_bg.png) repeat-x top left;
border: 1px solid #ccc; 
}

.wpcf7-form input:focus {
background: white;
}

.wpcf7-form input[type="submit"] {
background: #eeece5;
padding: 3px;
}

.wpcf7-form input[type="submit"]:hover {
background: #8B8A83;
}

/* BLOG */
.post {
margin: 0 0 25px 0;
}

.post p {
margin: 0 0 10px 0;
}

.post .post_content {
margin: 0 0 0 31px;
}

.post h3 {
margin: 0 0 0 35px;
font-size: 1.6em;
}

.post h3 a {
text-decoration: none;
}

.post_title {
/*background: url(style/images/menu_bg_sx.png) no-repeat bottom left;*/
width: 100%;
height: 50px;
}

.post_info {
padding: 10px 5px 1px 5px;
/*background: #ede9d6;
box-shadow: 0px 0px 1px #b5b5b5;
-moz-box-shadow: 0px 0px 1px #b5b5b5;
-webkit-box-shadow: 0px 0px 2px #b5b5b5;*/
margin: 15px 0 0 0;
}

.post_content .img_small_shadow {
height: 4px;
width: 52px;
/*background: url(style/images/small_shadow.png) no-repeat top left;*/
}

#navigation {
font-size: 1.3em;
margin: 10px 0 10px 0;
}

.navigation {
margin: 0 10px 0 30px;
}


/* commenti */

#commentform input {
border: none;
background: url(style/images/input_bg.png) repeat-x top left;
border: 1px solid #ccc; 
margin: 5px 0 5px 0;
}

#submit {
background: #eeece5 !important;
padding: 3px;
}

#submit:hover {
background: #8B8A83;
}

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

.comment {

margin: 10px 0 0 0;
}

.comment-body {
position: relative;
width: 540px;
background: #ede9d6;
padding: 5px;
box-shadow: 0px 0px 1px #b5b5b5;
-moz-box-shadow: 0px 0px 1px #b5b5b5;
-webkit-box-shadow: 0px 0px 2px #b5b5b5;
}

.commentmetadata {
position: absolute;
top:3px;
right:3px;
font-size: 0.9em;
}

.avatar {
display: none;
}



/* footer */

#footer {
/*background: url(style/images/footer_bg.jpg) no-repeat top left;*/
height: 108px;
padding: 40px 25px 0 27px;
font-size: 0.9em;
color: #8B8A83;
text-align: center;
}