/*   
Theme Name: La Collina
Theme URI: http://www.lacollinaristorante.it/
Description: Custom Wordpress Theme designed for La Collina Ristorante.
Author: Nico Vece
Author URI: http://nicovece.com
Version: 1.0
.
General comments/License Statement if any.
.
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}


/* reset end */


/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	padding-bottom: 160px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_3 {
	width:220px;
}

.container_12 .grid_4 {
	width:300px;
}

.container_12 .grid_5 {
	width:380px;
}

.container_12 .grid_6 {
	width:460px;
}

.container_12 .grid_7 {
	width:540px;
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_9 {
	width:700px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:860px;
}

.container_12 .grid_12 {
	width:940px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left:80px;
}

.container_12 .prefix_2 {
	padding-left:160px;
}

.container_12 .prefix_3 {
	padding-left:240px;
}

.container_12 .prefix_4 {
	padding-left:320px;
}

.container_12 .prefix_5 {
	padding-left:400px;
}

.container_12 .prefix_6 {
	padding-left:480px;
}

.container_12 .prefix_7 {
	padding-left:560px;
}

.container_12 .prefix_8 {
	padding-left:640px;
}

.container_12 .prefix_9 {
	padding-left:720px;
}

.container_12 .prefix_10 {
	padding-left:800px;
}

.container_12 .prefix_11 {
	padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right:80px;
}

.container_12 .suffix_2 {
	padding-right:160px;
}

.container_12 .suffix_3 {
	padding-right:240px;
}

.container_12 .suffix_4 {
	padding-right:320px;
}

.container_12 .suffix_5 {
	padding-right:400px;
}

.container_12 .suffix_6 {
	padding-right:480px;
}

.container_12 .suffix_7 {
	padding-right:560px;
}

.container_12 .suffix_8 {
	padding-right:640px;
}

.container_12 .suffix_9 {
	padding-right:720px;
}

.container_12 .suffix_10 {
	padding-right:800px;
}

.container_12 .suffix_11 {
	padding-right:880px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left:80px;
}

.container_12 .push_2 {
	left:160px;
}

.container_12 .push_3 {
	left:240px;
}

.container_12 .push_4 {
	left:320px;
}

.container_12 .push_5 {
	left:400px;
}

.container_12 .push_6 {
	left:480px;
}

.container_12 .push_7 {
	left:560px;
}

.container_12 .push_8 {
	left:640px;
}

.container_12 .push_9 {
	left:720px;
}

.container_12 .push_10 {
	left:800px;
}

.container_12 .push_11 {
	left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left:-80px;
}

.container_12 .pull_2 {
	left:-160px;
}

.container_12 .pull_3 {
	left:-240px;
}

.container_12 .pull_4 {
	left:-320px;
}

.container_12 .pull_5 {
	left:-400px;
}

.container_12 .pull_6 {
	left:-480px;
}

.container_12 .pull_7 {
	left:-560px;
}

.container_12 .pull_8 {
	left:-640px;
}

.container_12 .pull_9 {
	left:-720px;
}

.container_12 .pull_10 {
	left:-800px;
}

.container_12 .pull_11 {
	left:-880px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}



/* custom css */

body {
	background-image: url(images/body.png);
	background-color: #f8f8f8;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 13px;
}

.shadow {
	-webkit-box-shadow: 0px 0px 5px #ccc;
-moz-box-shadow: 0px 0px 5px #ccc;
box-shadow: 0px 0px 5px #ccc;
}

#slideshow {
	margin-bottom: 20px;
	padding-bottom: 10px;
	background: url(images/disp_fondo.png) no-repeat;
	background-position: 480px 242px;
}

.news_h {
	background-color: #FFF;
	margin-bottom: 30px;	
}

.news {
	background-color: #FFF;
	margin-bottom: 30px;
}


.news h1, .news h2, .news h3, .news p, .news div.post_meta {
	margin-right: 220px;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #444;
	line-height: 30px;
	font-style: normal;
	font-weight: normal;
	margin: 20px;
}

h1 a:link, h1 a:visited, h1 a:active {
	color: #444;
	text-decoration: none;
}

h1 a:hover {
	color: #666;
}





h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #444;
	line-height: 26px;
	font-style: normal;
	font-weight: normal;
	margin: 20px;
}

h2 a:link, h2 a:visited, h2 a:active {
	color: #444;
	text-decoration: none;
}

h2 a:hover {
	color: #666;
}



h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #000;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	margin: 20px 0;
}

h3 a:link, h3 a:visited, h3 a:active {
	color: #000;
	text-decoration: none;
}

h3 a:hover {
	color: #555;
}



h6 {
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 11px;
	color: #555;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	margin: 10px 0;
}



p {
	color: #555;
	margin: 20px;
	line-height: 18px;
}


a.more {
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
	padding: 3px 30px 3px 5px;
	background-position: right;
	background-repeat: no-repeat;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}


a.more:hover {
	background-image: url(images/des_hover.png);
}

a.des_grigia {
	background-image: url(images/des_grigia.png);	
	background-position: right 0;
}

a:hover.des_grigia {
	background-image: url(images/des_grigia.png);
	background-position: right -30px;
}

a.des_arancio {
	background-image: url(images/des_arancio.png);
	background-position: right 0;
}

a:hover.des_arancio {
	background-image: url(images/des_arancio.png);
	background-position: right -30px;
}

a.des_verde {
	background-image: url(images/des_verde.png);
	background-position: right 0;	
}

a:hover.des_verde {
	background-image: url(images/des_verde.png);
	background-position: right -30px;
}

a.des_mail {
	background-image: url(images/des_mail.png);	
	background-position: right -30px;
}

a:hover.des_mail {
	background-image: url(images/des_mail.png);
	background-position: right 0;
}


.the_post {
	margin-bottom: 60px;
}

.news_h .the_post {
	margin-bottom: 0px;
}



.right_box {
	margin-top: 20px;}	
	
.right_box p {
	margin: 0px 0px 10px 0px;
	color: #333;
	}
	
.right_box p strong {
	font-weight: bold;
	}

.right_box ul {
	margin: 0px;
}

.right_box ul li {
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	margin-right: 60px;	padding: 5px 0;
}

.right_box ul, .right_box li a:link, .right_box li a:visited, .right_box li a:active {	
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 12px;
	color: #555;
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
}

.right_box li a:hover {
	color: #000;
}





.right_box ul ul {
	margin-top: -10px;
}

.right_box ul ul li {
	margin-bottom: 0px;
	border-bottom: none;
	margin-right: 60px;	padding: 5px 0;
}

.right_box ul ul, .right_box li li a:link, .right_box li li a:visited, .right_box li li a:active {	
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 12px;
	color: #555;
	font-style: normal;
	text-decoration: none;
	font-weight: normal;
}

.right_box li li a:hover {
	color: #000;
}

	
	
	

.footer_col {
	background-image: url(images/dots.png);
	background-repeat: no-repeat;
}

.box_r_int {
	margin-bottom: 40px;
}

.footer_col p {
	color: #333;
	margin-left: 0;
}

.footer {
	margin-top: 40px;
	background-image: url(images/dots.png);
	background-repeat: repeat-x;
	padding-top: 10px;	
}

.footer, .footer a:link, .footer a:visited, .footer a:active {
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 11px;
	color: #666;
	font-style: normal;
	
	}

.footer a:hover {
	color: #000;
	
	}

.footer_l {
	width: 460px;
	float: left;
}


.footer_r {
	width: 460px;
	float: right;
}
	
	

.small {
	display: block;
	font-size: 11px;
	color: #555;
}

.small a, .small a:visited {
	font-size: 11px;
	color: #555;
	text-decoration: none;
}

.small a:hover {
	color: #000;
}

.post_meta {
	margin: 30px 20px 20px 20px;
	background-image: url(images/dots.png);
	background-repeat: repeat-x;
	padding-top: 10px;
}


.green_box {
	background-color: #1c312d;
}


.green_box p {
	color: #FFF;
	font-size: 11px;
	line-height: 15px;
	}


.green_box a {
	color: #FFF;
	}


/* nav */
.nav_wrapper {
	background: url(images/nav_fondo.png) no-repeat;
	background-position: 480px 0;
}

#nav, #nav ul{
     margin:0;
     padding:0;
     list-style-type:none;
     list-style-position:outside;
     position:relative;
     line-height:1.5em;
	 z-index: 888;
 }
 
  #nav a:link, #nav a:active, #nav a:visited{
    display:block;
    padding:6px 10px 5px 10px;
    border: none;
    text-decoration:none;
	text-transform: uppercase;
	font-size: 11px;
	color: #555;
 }

#nav a:hover{
    background-color:#333;
	color: #fff;	
}

#nav li{
    float:left;
    position:relative;
	background: url(images/nav_li.png) no-repeat right;
}

#nav li li{
	background: #333;
	background-image: none;
	border-top: 1px solid #444;
}

#nav li li a:link, #nav li li a:visited, #nav li li a:active {
    display:block;
    padding:6px 10px 5px 10px;
    border: none;
    color:#fff;
    text-decoration:none;
	text-transform: uppercase;
	font-size: 11px;
}

#nav li li a:hover {
	background: #222;
}

#nav span {
    position:absolute;
    top:0;
    display:none;
	background: #333;
    padding:6px 10px 5px 10px;
	text-transform: uppercase;
	font-size: 11px;
    color:#fff;
}

#nav span a:link {
    color:#fff;
}

#nav ul {
    position:absolute;
    width:160px;
    top:30px;
    display:none;
}

#nav li ul a{
    width:12em;
    float:left;
}

#nav ul ul{
	top:auto;
	}	

#nav li ul ul {
    left:12em;
    margin:0px 0 0 10px;
    }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
    display:none;
    }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
    display:block;
    }
	
#top_nav {
	margin-top: 15px;
}
#top_nav, #top_nav a:link, #top_nav a:visited, #top_nav a:active {	
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 10px;
	color: #666;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: none;
}

#top_nav a:hover {	
	color: #000;
}

#context_nav {
	background-color: #FFF;
	margin-left: -10px;
	padding-left: 20px;
	padding-bottom: 20px;	
	background-color: #efefef;
	background: url(images/right_nav_fondo.png) repeat-y;
	-webkit-box-shadow: 1px 1px 2px #ddd;
-moz-box-shadow: 1px 1px 2px #ddd;
box-shadow: 1px 1px 2px #ddd;
}

#context_nav ul {
	margin: 0px;
}

#context_nav ul li {
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	margin-right: 60px;	padding: 5px 0;
}

#context_nav li a:link, #context_nav li a:visited, #context_nav li a:active {	
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 11px;
	color: #555;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: none;
}

#context_nav li a:hover {
	color: #000;
}


.colors_10 {
	background: url(images/disp_fondo.png) no-repeat;
	background-position: -220px 0;
	margin-left: -10px;
	padding-left: 20px;
}
	

/* nav END */


.search_box {
	padding-top: 8px;
	text-align: right;
}

.search_box input {
	width: 141px;
	background-color: #e9e8e5;
	border: 1px solid #ccc;
	margin: 0px;
	padding: 3px 2px;
}

.search_box input:focus {
	background-color: #fff;
	border: 1px solid #ccc;
}

.search_box .button {
	background-color: #666;
	border: 1px solid #555;
	width: 59px;
	margin: 0px;	color: #FFF;
	cursor: pointer;
	padding: 2px;
}


.mailing_box {}

.mailing_box input {
	width: 210px;
	background-color: #e9e8e5;
	border: 1px solid #ccc;
	margin: 0px;
	padding: 3px 2px;
}

.mailing_box input:focus {
	background-color: #fff;
	border: 1px solid #ccc;
}

.mailing_box .button {
	background-color: #666;
	border: 1px solid #555;
	width: 59px;
	margin: 10px 0px;
	color: #FFF;
	cursor: pointer;
}






/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider                         { width: 940px; height: 242px; position: relative; margin: 0; background-color: #F00; }
.anythingSlider .wrapper                { width: 940px; overflow: auto; height: 242px; margin: 0; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; border: none; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 242px; width: 940px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 23px; width: 26px; background: url(images/arrows2.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 210px; cursor: pointer; }
.anythingSlider .forward                { background-position: -26px 0; left: 746px; }
.anythingSlider .back                   { background-position: 0 0; left: 720px; }
.anythingSlider .forward:hover          { background-position: -26px -23px; }
.anythingSlider .back:hover             { background-position: 0 -23px; }

#thumbNav                               { position: relative; top: 10px; margin: 0 0 0 720px; width: 80px; }
#thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; text-indent: -9999px; display: inline-block; padding: 0px; height: 8px; width: 8px; margin: 0 5px 0 0; background: #eee; text-align: center; -moz-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-border-radius: 4px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #dd4a00; }

#start-stop                             { background: url(images/play_stop.png) no-repeat 0 0; text-indent: -9999px; color: white; display: block; height: 23px; width: 26px; position: absolute;  left: 778px; top: 210px;}
#start-stop.playing                     { background-position: 0 -23px; }
#start-stop:hover                     { background-position: -29px 0; }
#start-stop.playing:hover                      { background-position: -29px -23px; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }


.anythingSlider ul li div { float: left;}
.anythingSlider ul li div.testo { width: 180px; height: 242px; background-color: #FFF; padding: 30px 0 0 20px; padding-right: 40px;}


/*
    anythingSlider v1.0 END
*/



#post_gallery {width: 660px; margin-bottom: 30px; margin-top: 60px;}
#post_gallery img  {
	float: left;
	}
#post_gallery h3, #post_gallery p  {
	float: left;
	 margin: 0px 0px 20px 10px;
	 color: #666;
	}
	
	
	
	
	
	
	
	
	
#fotobox {
	width: 660px; margin-bottom: 30px; margin-top: 60px;
	}
	
#foto_nav {
	width: 197px;
	float: left;
	margin: 0 0 0 15px;
	}
	
#foto_nav p {
	margin: 0 0 10px 0px;
	}
	
#foto_nav, #foto_nav a, #foto_nav a:visited {
color: #806840;
font-size: 10px;
text-decoration: none;
	}

div#the_video {
	
}

div#the_video object {
		width: 220px;
		height: 165px;
}

div#the_video div.the_post {
		width: 250px;
		float: left;
		padding-right: 0;
		margin-right: 50px;
}

div#the_video .news h1, div#the_video .news h2, div#the_video div#the_video .news h3, div#the_video .news p, div#the_video .news div.post_meta {
	margin-right: 0px;
}



div#the_video .news {
	padding: 50px 0;
	
}