/*-----------------------------------------------------------------------------
[Enoteca Sociale] Screen Stylesheet

version:   1.0
date:      29/10/09
author:    [Matt Seccafien]
email:     [matt at catalystworkshop dot com]

website:   [www.catalystworkshop.com]


/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/
* {
	border:0;
	margin:0;
	padding:0;
}
/* Styles for layout
-----------------------------------------------------------------------------*/
*:focus, a:active {
	outline:none;
}
.clear {
	clear:both;
}
.right, .alignright {
	float:right;
	clear:both;
	margin-bottom:20px;
}
.left {
	float:left;
}
#access {
	display:none;
}
.alignleft {
	float:left;
	margin: 20px 20px 20px 0px;
}
hr {
	visibility:hidden;
	height:5px;
	display:block;
}
/* Set up the document
-----------------------------------------------------------------------------*/
body {
	font:62.5%/1.5 Georgia, "Times New Roman", Times, serif;
	background:url(images/background.jpg) center top no-repeat #fefde9;
	color:#442f29;
	text-align:center;
	height:100%;
}
 # html {
 height: 100%;
}
#wrapper {
	width:980px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	height: auto !important;
	min-height:100%;
	margin-bottom:-4em;
	height:100%;
}
/* Typography
-----------------------------------------------------------------------------*/
h1 {
	font-size:2.2em;
}
h2 {
	background:url("images/transparent-60.png") repeat scroll 0 0 transparent;
	color:#FFFFFF;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:18px;
	font-style:italic;
	font-weight:400;
	letter-spacing:1.5px;
	line-height:30px;
	margin:0 0 14px 20px;
	padding:18px 26px 14px 350px;
	text-transform:uppercase;
}

h2 strong {
	color:#F8F9E7;
	font-style:normal;
	font-weight:700;
}
h3 {
	    
    font-size: 20px;
    font-style: italic;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 30px;
    margin: 20px 50px 15px 370px;
    text-transform: uppercase;
	clear:left;border-bottom: 1px solid #ddd;
	padding-bottom:5px;
}

h3 span.date {
    color: #592100;
    float: left;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 15px;
    margin-bottom: 5px;
    padding-bottom: 1px;

}
h3 span.entry-title {
	display:block;
	 clear: both;

}


h4 {
	color:#493f2f;
}



h6 {
	color:#AB8369;
	font-size:8px;
	font-variant:small-caps;
	height:30px;
	letter-spacing:0.5px;
	padding:14px 25px 0 0;
	text-align:right;
	text-transform:lowercase;
}

h6.page-title {
	color:#AB8369;
	font-size:11px;
	height:auto;
	letter-spacing:0.5px;
	padding: 14px 25px 0 370px;
	text-align:left;
	font-variant:normall
	text-transform:uppercase;
}
p, q, cite {
	color:#493f2f;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:24px;
	margin:0 42px 14px 0;
}
item-no-price {
}
p strong {
	color:#7b3540;
	font-style:normal;
	font-weight:700;
}
p em {
	color:#7b3540;
}
.pageid-11 p strong {
	color:#414142;
	font-style:normal;
	font-weight:700;
}
p strong em, p em strong {
	color:#592100;
	font-style:normal;
	font-variant:small-caps;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:lowercase;
	font-size:14px;
}
ul {
	list-style:none;
}
p a:link, p a:active, p a:visited, h4 a:link, h4 a:active, h4 a:visited {
	color:#213777;
	text-decoration:none;
	border-bottom:1px dotted;
}
 h3 a, h3 a:visited, h3 a:active, .sidebar-filter a, .sidebar-filter a:visited, .sidebar-filter a:active {

	color:#213777;
	text-decoration:none;
 }
 
 h3 a:hover, .sidebar-filter a:hover {
	 color:#AB8369;
 }
h6 a:link, h6 a:active, h6 a:visited {
	color:#AB8369;
	text-decoration:none;
}

p a:hover, h4 a:hover, h6 a:hover {
	color:#AB8369;
		border-bottom:1px solid;
}
blockquote p {
	color:#7b3540;
	font-style:italic;
}
/* Header
-----------------------------------------------------------------------------*/
#header {
	float:left;
	display:block;
	width:275px;
	height:542px;
	position:absolute;
	z-index:10;
	top: -4px;
}
#header .bg {
	background:url("images/menu-bg.png") no-repeat scroll left top transparent;
height:650px;
padding-top:1px;
width:340px;
}
#header address {
display:none
}
#logo a {
	display:block;
	height:108px;
	width:254px;
	text-indent:-9999px;
	margin:56px 0 0 11px;
}
.email-link a, .twitter-link a {
	height:54px;
	text-indent:-9999px;
	margin-left:11px;
	display:block;
	margin-left:41px;
	background-repeat:no-repeat;
}

.twitter-link a {
	height:50px;
		background:url(images/menu-twitter.png) no-repeat;

}
.twitter-link a:hover {
	background-position:0 -50px;
}

.email-link a {
	height:42px;
	margin:113px 0 0 41px;
	background:url(images/menu-mail.png) no-repeat;

}
.email-link a:hover {
	background-position:0 -42px;
}
/* Navigation
-----------------------------------------------------------------------------*/
#menu ul {
	margin:0 0 0 50px;
}
#menu ul li a {
	display:block;
	height:35px;
	width:242px;
	text-indent:-9999px;
	background:url(images/nav-main.png) no-repeat;
}
#menu ul li.menu-item-359 a {
	background-position:0 0;
}
#menu ul li.menu-item-291 a {
	background-position:0 -35px;
}
#menu ul li.menu-item-290 a {
	background-position:0 -70px;
}
#menu ul li.menu-item-289 a {
	background-position:0 -105px;
}
#menu ul li.menu-item-288 a {
	background-position:0 -140px;
}
#menu ul li.menu-item-286 a {
	background-position:0 -175px;
}
#menu ul li.menu-item-287 a {
	background-position:0 -210px;
		height:36px;

}

#menu ul li.menu-item-359 a:hover {
	background-position:-242px 0;
}
#menu ul li.menu-item-291 a:hover {
	background-position:-242px -35px;
}
#menu ul li.menu-item-290 a:hover {
	background-position:-242px -70px;
}
#menu ul li.menu-item-289 a:hover {
	background-position:-242px -105px;
}
#menu ul li.menu-item-288 a:hover {
	background-position:-242px -140px;
}
#menu ul li.menu-item-286 a:hover {
	background-position:-242px -175px;
}
#menu ul li.menu-item-287 a:hover {
	background-position:-242px -210px;
}

#menu ul li.menu-item-359.current_page_item a, .single #menu ul li.menu-item-359 a, .archive #menu ul li.menu-item-359 a {
	background-position:-484px 0;
}
#menu ul li.menu-item-291.current_page_item a {
	background-position:-484px -35px;
}
#menu ul li.menu-item-290.current_page_item a {
	background-position:-484px -70px;
}
#menu ul li.menu-item-289.current_page_item a {
	background-position:-484px -105px;
}
#menu ul li.menu-item-288.current_page_item a {
	background-position:-484px -140px;
}
#menu ul li.menu-item-286.current_page_item a {
	background-position:-484px -175px;
}
#menu ul li.menu-item-287.current_page_item a {
	background-position:-484px -210px;
	height:36px;
}

#menu ul li.current_page_item a {
	cursor:default;
}


/* Page
-----------------------------------------------------------------------------*/
.entry-content ol, .entry-content p, .edit-link, .login p {
	padding-left:370px;
}
.entry-content ul {
	padding-left:345px;
}
.entry-content {
	background:url(images/header-overview.jpg) no-repeat top right;
	height:100%;
	min-height:100%;
	position:relative;
	padding:232px 0 60px;
}

.page-template-page-home-php .entry-content {

	padding-bottom: 0px;
}
.entry-content ol li, .entry-content ul li a {
	color:#414142;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:21px;
	margin:0 30px 10.5px 18px;
}
.entry-content h4 {
	border-bottom:1px solid #CCC;
	color:#7B3540;
	font-size:14px;
	font-style:italic;
	font-weight:400;
	margin: 35px 50px 35px 368px;
    padding-bottom: 45px;
	padding-top:7px;
	padding-bottom:42px;
	clear:both;
	display:block;
}
.entry-content .googleMap h4 {
	border-top:none;
	color:#966;
	font-style:italic;
	font-weight:400;
	margin-left:0;
	margin-top:0;
	padding-bottom:12px;
	float:none;
}
.pageid-7 .entry-content {
	background:url(images/header-atmosphere.jpg) no-repeat top right;
	padding-top:203px;
	padding-bottom:185px;
}
.pageid-11 .entry-content {
	background:url(images/header-ideology.jpg) no-repeat top right;
	padding-top:136px;
}
.pageid-9 .entry-content {
	background:url(images/header-menu.jpg) no-repeat top right;
	padding-top:232px;
}
.pageid-16 .entry-content {
	background:url(images/header-chef.jpg) no-repeat top right;
	padding-top:191px;
}
.pageid-18 .entry-content {
	background:url(images/header-etc.jpg) no-repeat top right;
	padding-top:208px;
}
.pageid-111 .entry-content {
	background:url(images/header-employment.jpg) no-repeat top right;
	padding-top:202px;
}

.blog .entry-content, .single .entry-content, .archive .entry-content {
	background:url(images/header-news.jpg) no-repeat top right;
	padding-top:232px;
}

.googleMap {
	float:right;
	margin:8px 25px 0 15px;
	background:none;
	position:relative;
}
.credits {
	display:block;
	float:right;
	margin-right:25px;
}
.vpn {
	margin-right:50px;
}
a.twitter {
	background:url(images/pl_twitter.gif);
	background-position:0 0;
	height:48px;
	width:206px;
	text-indent:-9999px;
}
a.twitter:hover {
	background-position:0 -48px;
}

/* Sidebar
-----------------------------------------------------------------------------*/

.aside {	
	  float: left;
    margin-left: 43px;
    margin-top: 662px;
    position: absolute;
    width: 258px;
	z-index:9;
	
}

.sidebar-filter {
	 padding: 20px 30px 30px;
	border:	1px solid #c9b7a9;
	text-align:center;
	text-transform:uppercase;
	background:#f7f2df;
	 margin-top: 25px;
}

.aside h4 {
	    background: url("images/line.png") no-repeat scroll center bottom transparent;
    margin: 25px 0 13px;
    padding-bottom: 13px;
	font-size: 14px;
	}

.sidebar-filter ul li {
font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    padding-bottom: 5px;
	}
	
#reservation-container {
	background:url(images/reservationbox-repeat.png) 0 0 repeat-y;
	
}

#reservation-container h4 {
	background:url(images/reservationbox-top.png) 0 0 no-repeat ;
	padding-top: 30px;
	text-align:center;
	text-transform:uppercase;
	 letter-spacing: 1px;
}
	
/* footer
-----------------------------------------------------------------------------*/
#footer {
	width:993px;
	margin:20px auto;
	clear:both;
	height:30px;
}
#footer, .push {
	height: 4em;
}
/* media page
-----------------------------------------------------------------------------*/
 .entry-content .media-page-images {
	padding-left:368px;
	text-align:center;
}
.entry-content .media-page-images ul {
	padding:0;
}
.entry-content .media-page-images li {
	display:block;
	float:left;
	height:180px;
	width:185px;
	border-top:1px solid #ccc;
	padding-top:40px;
}
.entry-content .media-page-images li ul li {
	display:block;
	float:left;
	height:auto;
	margin:0;
	padding:0;
	width:70px;
	border-top:none;
	text-align:left;
	padding-left:10px;
}
.entry-content .media-page-images li ul li:first-child {
	border-right:1px solid #ccc;
	text-align:right;
	padding-right:10px;
}
.entry-content .media-page-images li ul li a {
	margin:0;
	padding:0;
}
/* wordpress
-----------------------------------------------------------------------------*/
.edit-link {
	clear:both;
	float:left;
}
.edit-link a {
	color:#fff;
	background-color:#AF3232;
	text-decoration:none;
	font-size:12px;
	font-style:italic;
	padding:5px 4px;
}
.edit-link a:hover {
	background-color:#333;
}
.login-link a {
	margin-left:12px;
	
}
.recent-posts {
	margin-left:370px;
}
.recent-posts h3 {
	margin-left:0	;	
	margin-right:0;
}
.recent-posts .type-post {
	float: left;
    width: 290px;
	margin-left:30px;
}

.recent-posts .type-post:first-child {
	margin-left:0;		
}

.type-post {
	margin-bottom:60px;
}

/* Forms
-----------------------------------------------------------------------------*/
input.text {
	border:1px solid #999;
	padding:3px;
}
/* Tables 
-----------------------------------------------------------------------------*/
table {
	border-spacing:0;
	border-collapse:collapse;
}
td {
	text-align:left;
	font-weight:400;
}
/* Login 
-----------------------------------------------------------------------------*/
input.text, input.input {
	border:1px solid #ccc;
	width:280px;
	padding:3px;
}
textarea {
	border:1px solid #ccc;
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
	width:500px;
	font-size:12px;
	padding:3px;
}
.pageid-42 .entry-content {
	padding-top:335px;
}
.form-label {
	clear:both;
	float:left;
	font-weight:400;
	line-height:1.02em;
	text-align:right;
	text-transform:uppercase;
	width:180px;
	font-size:0.9em;
	margin:5px 20px 10px 0;
}
.form-input {
	margin:0 0 15px;
}
.form-submit {
	margin:20px 0 0 200px;
}
.button, #login-submit-tml-main, #lostpassword-submit-tml-main, #register-submit-tml-main, .edit-link a, input[type=submit] {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	background:#213777 none repeat scroll 0 0;
	border:1px solid #213777;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-top:8px;
	padding:2px 8px;
}
input[type=submit]:focus {
}
.googleMap input[type=text] {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#FDFBD8 none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	clear:both;
	float:none;
	height:20px;
	width:200px;
}
.button:hover, #login-submit-tml-main:hover, #lostpassword-submit-tml-main:hover, #register-submit-tml-main:hover, .edit-link a:hover {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#510D14 none repeat scroll 0 0;
	border:1px solid #510D14;
	cursor:pointer;
}
input:focus, textarea:focus {
	border:1px solid #AF3232;
}
input[type=image]:focus {
	border:none;
}