/*  
Theme Name: Just in Toscana
Description: Just in Toscana
Version: 0.99
Author: ResetStudio
Author URI: http://resetstudio.it/
*/

/* Resetter */

* {
	margin: 0;
	padding: 0;
}
ul, ol, li {
	list-style: none;
	position : relative;
}

/* Inizio Tipografia e colori */

body, a, input {
	font-family: Verdana, "Trebuchet MS", Arial, Tahoma, lucida-sans;
	font-size: 62.5%;
	/* Resets 1em to 10px */
	font-size: 12px;
	color : rgb(117,87,62);
	line-height: 140%;
}
img, fieldset {
	border : 0px;
}
body{
    background: rgb(233,229,217) url(images/body-bg.jpg) repeat-x left top;
}
a *{
    cursor : pointer !important;
}
h1,h2,h3,h4,h5{
    display : block;
	font-weight : normal;
}
h1, h1 span{
    font-size : 36px;
    font-weight : bold;
    color : rgb(113,104,94);
    font-family: "Trebuchet MS", Verdana, Arial, Tahoma, lucida-sans;
}
h1 span{
    color : rgb(170,163,153);
}
h2{
    font-size : 25px;
    font-weight : normal;
    color : #fff;
}
h3{
    font-size : 16px;
    font-weight : normal;
    color : rgb(0,170,231);
}
h4{
    color : rgb(170,163,153);
    font-weight : bold;
    font-size : 13px;
}

/* Lista Generica */

ul{
	margin-bottom : 0px;
}

/* Fine Tipografia e colori. Inizio struttura */

#main{
    background: url(images/main-bg.jpg) no-repeat center top;

}
#container{
    margin : 0 auto;
    width : 960px;
}
#top{
    height : 65px;
    width : 960px;
}

/* Elementi interni al div #top*/

.logo, .logo a{
    float : left;
    height : 54px;
    width : 217px;
}
.logo a{
    background: url(images/logo.jpg) no-repeat left top;
}

/* Title e navigation */

.title-navigation{
    border-bottom : 1px solid rgb(200,193,176);
    height : 84px;
}
.title-navigation h1{
    padding-top : 38px;
    width : 400px;
    float : left;
}
#navigation{
    float : right;
    width : 412px;
    margin-top : 50px;
}
#navigation ul{
    position : relative;
    float : left;
    height : 1%;
}
#navigation ul li{
    float : left;
}
#navigation ul li a{
    color : rgb(117,87,62);
    text-decoration: none;
    float : left;
	font-family: Verdana,"Trebuchet MS", Arial, Tahoma, lucida-sans;
    padding : 0px 10px;
    font-size : 14px;
}
#navigation ul li a:hover{
    color : rgb(170,163,153);
}
#navigation ul li.last a{
    padding-right : 0px;
}

/* Header */

#header{
    width : 940px;
    padding : 10px;
    height : 265px;
    border-bottom : 1px solid rgb(200,193,176);
}
.slider{
    margin-top : 18px;
    position : relative;
}
.opacity{
    height : 30px;
    margin-top : -40px;
    width : 920px;
    opacity : 0.7;
    padding : 10px 10px 0px 10px;
    background: rgb(31,26,23);
}
.slider img{
    z-index : 50;
}
.slider h2{
    text-align : right;
    float : right;
    z-index : 100;
    position : absolute;
    right : 20px;
    bottom : 12px;
}

/* Content */

#content{
    width : 960px;
    padding-top : 5px;
}
.primary-content{
    width : 700px;
    float : left;
}

/* Post */

.posts{
    width : 667px;
    background: rgb(248,247,244) url(images/posts-bg.jpg) no-repeat left top;
    padding : 20px 15px 0px 15px;
    float : left;
}

.posts h2 {
    font-size : 24px;
    color : rgb(207,20,43);
    text-decoration : none;
    font-weight : normal;
}

.posts h2 a:hover{
    text-decoration : none;
    color : rgb(125,33,43);
}

/* Lista post generica */

.post p{
    padding : 5px 0px;
}
.posts a:hover{
    color : rgb(125,33,43);
}
.post ul{
    padding-left : 18px;
}
.post ul li{
	color : rgb(117,87,62);
    list-style: disc;
}
.post ul li a:hover{
    color : rgb(125,33,43);
}
.post .entry{
    padding-bottom : 15px;
}
.post .entry img{
    float : left;
    margin-bottom : 5px;
    margin-right : 15px;
    margin-top : 5px;

}
.post div.image{
    border-top : 8px solid #CC440C;
    margin : 10px 0px;
    width : 520px;
}

/* Icone */

.actions{
    height : 85px;
    padding-top : 20px;
    background: rgb(241,238,233);
    margin-bottom : 20px;
    width : 678px;
    padding-left : 20px;
    float : left;
    margin-top : 20px;
}
.actions ul{
    position : relative;
    height : 65px;
    height : 1%;
}
.actions ul li, .actions ul li a{
    height : 65px;
    width : 65px;
    float : left;
    margin-right : 19px;
}
.actions ul li.last{
    margin : 0px;
}
.actions ul li a{
    margin : 0px;
}
.actions ul li a.wine{
    background: url(images/wine.jpg) no-repeat left top;
}
.actions ul li a.home{
    background: url(images/home.jpg) no-repeat left top;
}
.actions ul li a.horse{
    background: url(images/horse.jpg) no-repeat left top;
}
.actions ul li a.escursion{
    background: url(images/escursion.jpg) no-repeat left top;
}
.actions ul li a.fishing{
    background: url(images/fishing.jpg) no-repeat left top;
}
.actions ul li a.food{
    background: url(images/food.jpg) no-repeat left top;
}
.actions ul li a.picnic{
    background: url(images/picnic.jpg) no-repeat left top;
}
.actions ul li a.lunch{
    background: url(images/lunch.jpg) no-repeat left top;
}

/* Sidebar */

#sidebar{
    float : right;
    width : 240px;
    padding-top : 11px;
}
ul.menu{
    margin-bottom : 20px;
    border-top : 1px solid rgb(217,211,193);
    float : left;
    position : relative;
}
ul.menu li{
    width : 240px;
    height : 29px;
    padding-bottom : 1px;
    border-bottom : 1px solid rgb(217,211,193);
}
ul.menu li a{
    margin : 0px;
    padding : 0px;
    height : 24px;
    padding-left : 30px;
    font-weight : normal;
    width : 210px;
    float : left;
    padding-top : 6px;
    text-decoration : none;
}
ul.menu li a.active, ul.menu li a.active:hover{
    background: rgb(248,247,244) url(images/gr-title.jpg) no-repeat left top;
    color : #75573E;
}
ul.menu li a:hover{
    color : #CF142B;
}
.side-title{
    margin : 0px;
    padding : 0px;
    height : 24px;
    padding-left : 30px;
    font-weight : normal;
    width : 210px;
    float : left;
    padding-top : 6px;
    text-decoration : none;
    border-bottom : 1px solid rgb(217,211,193);
    font-size : 12px;
    color : #75573E;
}
.escursion .side-title{
    background: rgb(248,247,244) url(images/red-title.jpg) no-repeat left top;
}
.courses .side-title{
    background: rgb(248,247,244) url(images/green-title.jpg) no-repeat left top;
}
.meeting .side-title{
    background: rgb(248,247,244) url(images/orange-title.jpg) no-repeat left top;
}
.widget div{
    background : rgb(241,238,233);
    padding : 8px 10px 10px 10px;
    width : 220px;
    float : left;
}
.widget div a{
    color:#00AAE7;
    text-decoration : none;
}
.widget {
    margin-bottom : 20px;
}
.widget div a:hover{
    text-decoration : underline;
}
.widget div img{
    margin-bottom : 8px;
}

/* Footer */

#footer-container{
    background: rgb(56,52,49) url(images/footer-bg.jpg) repeat-x left top;
    min-height : 182px;
}
#footer{
    margin : 0 auto;
    width : 940px;
    padding-left : 20px;
}
#footer div.text{
    float : left;
    padding-top : 25px;
    width : 320px;
}
#footer div.copyright{
    float : right;
    padding-top : 30px;
    width : 230px !important;
    color : rgb(170,169,169);
}
#footer div.copyright p{
    color : rgb(170,169,169);
}
#footer div.copyright a{
    width : 230px !important;
}
#footer h3 {
    font-size : 16px;
    font-weight : normal;
    color : rgb(0,170,231);
    margin-bottom : 5px;
}
#footer div a, #footer div.copyright .footer-nav a{
    text-decoration : none;
    color : rgb(170,169,169);
    font-size : 12px;
    display : block;
    margin-bottom : 2px;
}
#footer div a span{
    font-weight : bold;
}
#footer div a:hover, #footer div a:hover span{
    color : rgb(189,185,187);
    text-decoration : none;
}
#footer div.copyright .footer-nav{
    margin-top : 20px;
    padding-top : 5px;
}
#footer div.copyright .footer-nav a:hover{
    color : #00AAE7;
}

/* Regole Uso Generale */

.clearer {
  clear : both;
  height : 0px;
  float : none !important;
}
