/*
Theme Name: Gorizia1962
Theme URI: http://www.gorizia1962.it/
Description: Original theme for the website
Author: Claudia De Luca @ Weesh srl
Author URI: www.weesh.it
Version: 1.0
License: © All rights reserved
*/

@charset "utf-8";
/* CSS Document */

* { margin:0px; padding:0px;}
a, img , hr{ border:0px;}

img { max-width:100%;}

body { background-image:url(images/bkg_body.png);
background-position:top center; background-repeat:repeat-x;
font-family: 'Cabin', sans-serif;
font-size:13px;
background-color:#f1edd7;
color:#000;
}

h1 { font-size:30px; font-weight:normal;text-transform:uppercase; line-height:42px; border-bottom:1px solid #000;}

h2 { font-size:18px; font-weight:normal; color:#8c6d51;}

h3 { font-size:18px; font-weight:normal; text-transform:uppercase;}

h4 { font-size:13px; font-weight:normal; text-transform:uppercase; color:#8c6d51;}

div.box h2, div.widget h2{ margin:0px; padding:5px 0px; line-height:1;  text-transform:uppercase; text-align:center; border-bottom:1px solid #000;}
div.box h3, div.widget h3 { text-align:center;line-height:30px; border-bottom:1px solid #000;}

div#top h2, div.entry h2{ margin-bottom:10px;}
div.phgallery h3{ border-bottom:1px solid #000;}


a:link, a:visited,
menu a:link, menu a:visited
{ color:#333; text-decoration:none;}

a:hover, a:active,
menu a:hover, menu a:active{color:#20952d; }


h2 a:link, h2 a:visited,
small a:link, small a:visited,
.widget li a:link, .widget li a:visited
{color:#8c6d51; text-decoration:none;}

h2 a:hover, h2 a:active,
small a:hover, small a:active,
.widget li a:hover, .widget li a:active
{ color:#fff; background-color:#8c6d51;}

h3 a:link, h3 a:visited{ color:#333; text-decoration:none;}
h3 a:hover, h3 a:active{color:#8c6d51; }


hr { margin:5px 0px; border-bottom: 1px solid #000;}

small { text-transform:uppercase; display:block; clear:both;}
.clear { clear:both;}

#wrapper {margin:0px auto; width:996px;}

/* ////////////////////////////////////////////////////////////
                         HEADER
///////////////////////////////////////////////////////////// */

#header { height:237px; background-image:url(images/bkg_header.png);
background-position:top center;
background-repeat:no-repeat;}

#menu { height:45px; line-height:45px; font-size:15px;  font-weight:bold; text-transform:uppercase;}

#menu ul { list-style:none;}

#menu li { float:left; margin:0px 30px 0px 10px; }

#top {border-bottom:1px solid #000;
padding-bottom:10px;}

.sideleft{ width:49%; float:left;  margin-right:1%;}

.box { width:24%; margin-right:1%; float:left; height:320px; overflow:hidden; padding-bottom:10px; }

#topbox {margin-top:12px;  height:280px;}

.sideleft img {padding-top:5px;}
.box img, .widget img {padding-top:5px; max-height:150px;}

/* Get fancy with text columns */
div.two-col { -webkit-column-gap: 15px; -moz-column-gap: 15px; -webkit-column-count: 2; -moz-column-count: 2;}
		
/* ////////////////////////////////////////////////////////////
                         CONTENT
///////////////////////////////////////////////////////////// */
#content { width:74%; margin-right:1%; float:left;}

.entry { padding-bottom:20px;}
.entry img {padding:5px 0px; margin-bottom:5px; border-bottom:1px solid #000;}

.phgallery { width:66%; height:200px; background-color:#fff; margin:10px 0px;}


/* ////////////////////////////////////////////////////////////
                        SIDEBAR
///////////////////////////////////////////////////////////// */

#sidebar { width:25%; float:left; margin-top:12px;}

.widget { width:95%; padding-bottom:10px; }

.widget img {padding-top:5px;max-width:100%;}

a img:hover {opacity:0.6;
filter:alpha(opacity=60); }

#sidebar ul { margin-top:5px; list-style:none;}

#sidebar li { width:100%;
height:18px; line-height:18px;
text-transform:uppercase; }

/* ////////////////////////////////////////////////////////////
                         FOOTER
///////////////////////////////////////////////////////////// */

#extras {border-top:1px solid #000;
padding-top:10px;
}

#xtrs { height:220px; text-align:center;}
 
#footerwrap { background-color:#092d27; color:#FFF;}

#footer { width:996px; height:100px; padding-top:20px; margin:0px auto;}



/* ///////////////////////////////////////////////////////////////////// 
                        DROPDOWN NAVIGATION                      
///////////////////////////////////////////////////////////////////// */


/* primo livello */
#menu {
z-index:999;
}

#menu ul { list-style:none;}

#menu ul li { float:left; }

#menu ul li a:link, #menu ul li a:visited { display:block;}

#menu ul li a:hover, #menu ul li a:active { display:block;}

#menu ul li li{
clear:both;  /*float:none;*/
}
/* sottomenu */

#menu ul li ul{ /* nasconde il sottomenu */
position:absolute;
display:none;
border:0px;
margin-top:-3px;
}

#menu ul li ul a, #menu ul li ul li a{
width:150px;
height:auto;
border:0px;
float:none;
-moz-box-shadow: 4px 4px 5px #666;
-webkit-box-shadow: 4px 4px 5px #666;
box-shadow: 4px 4px 5px #666;
}


#menu ul li ul li a:link, #menu ul li ul li a:visited { /* >>>>>>> aspetto dei pulsanti del sottomenu!!!!! <<<<<<<< */
height:24px; 
line-height:24px;
width:150px;
display:block;
background-color:#dae0df; 
margin-left:-15px;
border:0px;
text-indent:5px;
border-bottom:1px solid #092d27;
float:none;
 font-size:11px; }

#menu ul li ul li a:hover, #menu ul li ul li a:active {background-color:#f1edd7;color:#20952d; float:none;}

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul{
display:none;
}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul{
display:block; z-index:999;
}

/* ////////////////////////////////////////////////////////////
                            MISC
///////////////////////////////////////////////////////////// */

input, textarea {font-family: 'Cabin', sans-serif;
font-size:13px;
margin-top:5px;
border:0px;
border:1px solid #e4e0cb;
background-color:#f6f3e3;}

iframe {margin-top:5px;}
.half { width:50%; float:left; margin-top:15px;}

.attachment-thumbnail, img.attachment-thumbnail, dt.gallery-icon{ display:block;  margin:0px; padding:0px; border:0px; 
 width:110px; height:75px; float:left;!important}
 
 .video { width:66%; display:block; clear:both;}
 
 .video img { float:left; margin-right:15px;}
 
 td { padding:2px 4px;}