/*
Theme Name: Corsino Cantina
Theme URI: http://www.corsinocantina.com
Description: Corsino Cantina Restaurant website
Version: 1.0
Author: Laura Yeffeth
Author URI: http://clampdesign.com/
Tags: 

	Corsino Cantina 01 v1.0
 
	This theme was designed and built by Laura Yeffeth
	who can be reached at laura@clampdesign.com

	The CSS, XHTML and design is copyrighted. All Rights Reserved.
*/

/* =COLOR SCHEME **********************************************************************

Background: 					#333		Gray
Main Text/Side Bar:				#000		Black		
Quote Text:						#666		Med Gray
Sidebar Text:					#999		Light Gray
Heading Text/Bottom Menu Bar:	#c41230		Red 	
Content Area Background:		#fff		White		

**************************************************************************************/
/* RESET TO SYNCH BROWSER PREFERENCES COURTESY OF ERIC MEYER    */

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, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {list-style: none;}

/* remember to define focus styles! */
:focus {outline: 0;}
a {	outline: none;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/***** =IMAGE REPLACEMENT *************************************************************

Neal Image Replacement by Neal Venditto:  http://neal.venditto.org/
This technique allows for text to show up in place of images when style sheets
are disable or when images are turned off.


In your html, add class "nir" to any text element you want to replace with an image.
Then surround the text with <span> tags. */

.replace span {
position:relative;
z-index:-1;
}
.replace a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}


/**************************************************************************************/
html, body {
height: 100%; /* This along with min-height attribute in body forces scrollbar in Firefox*/ 
} 
body {  
min-height: 101%; /* This gives you a vertical scroll bar even if unnecessary */
color: #000;
background:#333;
font: 62.5%/1.4 arial, verdana, helvetica, "sans serif";
text-align: center; /* This centers the container in IE 5* browsers*/
}
body#dinner  {
background: #333 url(http://www.corsinocantina.com/wordpress/media/shadow-dinner.png) center top no-repeat;
}
/***** =LINKS *************************************************************************/

a:link, a:visited, li.selected ul.sub li a:link, li.selected ul.sub li a:visited {text-decoration: none; color: #999;}
a:hover, a:active, .current_page_item a, .selected a:link, .selected a:visited, li.selected ul.sub li a:hover, li.selected ul.sub li a:active {text-decoration: none; color: #c41230;}
#content a:link, #content a:visited {text-decoration:underline; color:#c41230;}
#content p.readmore a:link, #content p.readmore a:visited, #content #restaurants li a:link, #content #restaurants li a:visited, #our-restaurants .restaurant .link a:link, #our-restaurants .restaurant .link a:visited, #contact-reservations #maincontent .text a:link, #contact-reservations #maincontent .text a:visited {text-decoration:none;}
#content p.readmore a:hover, #content p.readmore a:active, #content #restaurants li a:hover, #content #restaurants li a:active, #our-restaurants .restaurant .link a:hover, #our-restaurants .restaurant .link a:active, #contact-reservations #maincontent .text a:hover, #contact-reservations #maincontent .text a:active {text-decoration:underline;}
#footer p a:link, #footer p a:visited {text-decoration: none; color: #999;border-bottom:none;}
#footer p a:hover, #footer p a:active {text-decoration: none; color: #c41230;border-bottom:none;}

/***** =LAYOUT ************************************************************************/
#header {
background: #333 url(http://www.corsinocantina.com/wordpress/media/shadow-top.png) center top no-repeat;
padding-top:10px;
}
#container {
width:980px;
text-align: left; /* This overrides the text-align: center on the body element. */
margin:30px auto 0;
background: #333 url(http://www.corsinocantina.com/wordpress/media/container.png) center top repeat-y;
overflow:auto;
}
#sidebar {
position:relative;
float:left;
width:230px;
padding-left:10px;
background:#000;
color:#999;
background: #000 url(http://www.corsinocantina.com/wordpress/media/shadow-left.png) left top repeat-y;
}
#content {
float:left;
width:730px;
padding-right:10px;
background: #fff url(http://www.corsinocantina.com/wordpress/media/shadow-right.png) right top repeat-y;
}
#dinner #sidebar, #dinner #content {min-height:1130px;}

#navigation {
clear:both;
width:960px;
height:37px;
margin:0 auto;
padding:0 10px 10px 10px;
background:transparent url(http://www.corsinocantina.com/wordpress/media/bottom-nav.png) center top no-repeat;
}
#footer {
clear:both;
width:951px;
height:30px;
margin:-10px auto 0;
color:#999;
}
/***** =SIDEBAR *******************************************************************/

#sidebar #nav {
margin-top:20px;
padding-left:27px;
}
#identity {
margin-top:30px;
}
#identity img {
margin-bottom:15px;
margin-left:27px;
}
#sidebar #identity p {
line-height:1.2;
}

/* OPEN TABLE RESERVATION FORM */

#open_table {
font-family: arial, verdana, sans-serif;
margin-top:30px;
width:230px;
height:130px;
}
#open_table h5 {
font-size:1.3em;
margin-bottom:10px;
font-weight:normal;
text-align:center !important;
color:#fff;
}
#open_table form #OT_defList {
position:relative;
width:165px;
height:100px;
margin:auto;
}
#open_table form #OT_partySizeLbl,
#open_table form #OT_partySize,
#open_table form #OT_dateLbl,
#open_table form #OT_date,
#open_table form #OT_timeLbl,
#open_table form #OT_time,
#open_table form #OT_empty,
#open_table form #OT_submitWrap {
position: absolute;
font-family: arial, verdana, sans-serif;
}
#open_table form #OT_dateLbl,
#open_table form #OT_date {
top:0;
}
#open_table form #OT_date input {
margin:0;
}
#open_table form #OT_timeLbl,
#open_table form #OT_time {
top:25px;
}
#open_table form #OT_partySizeLbl,
#open_table form #OT_partySize {
top:50px;
}
#open_table form #OT_submitWrap {
top:77px;
width:94px;
margin:0;
right:0;
}
#open_table form #OT_submitWrap input#submit {
width:60px;
height:24px;
float:right;
}
#open_table #OT_date  div input#startDate {
border:0;
padding:2px 0 2px 4px;
margin-left:3px;
}
#open_table form #OT_partySizeLbl, #open_table form #OT_dateLbl, #open_table form #OT_timeLbl {
text-align:left;
margin:0;
}
#open_table form input, #open_table form select {
width:90px;
}
#open_table #OT_partySize select, #open_table #OT_time select {
border:1px solid #333;
}
#open_table .OT_feedTitle, #OT_date p#dateDisplay, #open_table form #OT_empty  {
display:none;
}
#open_table div#cal1 {
max-height:100px;
}
#open_table table#imageCal {
z-index:10;
background-color:#fff;
border:1px solid #000;
max-height:100px;
}
#open_table .monthRow {
background-color:#fff;
color:#000;
}
#open_table .monthRow td.months {
color:#000;
}
img.partOfCal {
max-height:12px;
}
#sidebar #newsletterWrap {
margin-top:30px;
margin-left:10px;
bottom:16px;
width:210px;
}
#sidebar #newsletter {
position:relative;
height:80px;
background-color:#c51230;
}
#sidebar #newsletter h3 {
position:absolute;
top:10px;
left:10px;
width:190px;
height:27px;
background:url(http://www.corsinocantina.com/wordpress/media/signup-corsino.gif) 0 0 no-repeat;
}
#sidebar #newsletter form {
position:absolute;
left:18px;
top:50px;
}
#sidebar #newsletter form {
position:absolute;
}
#sidebar #newsletter form input.email {
margin:0;
width:135px;
color:#666;
text-align:center;
font-family:georgia,serif;
background-color:#fff;
border:1px solid #999;
padding:2px;
}
#sidebar #newsletter form input.button {
border:auto;
background:auto;
}
.newsletter {
margin:5px 0 10px 0;
font-size:1em;
color:#999;
width:210px;
text-align:center;
}
.newsletter a:link, .newsletter a:visited {text-decoration:underline; color:#999;}
.newsletter a:hover, .newsletter a:active {text-decoration:none; color:#999;}

/***** =MAIN CONTENT *******************************************************************/
#content img#banner {
vertical-align:top;
}
#maincontent {
overflow:auto;
padding:30px 30px 34px 30px;
}
#maincontent p {
margin-bottom:1em;
}
#maincontent .text {float:left;}

#about #maincontent .text, #jason-denton #maincontent .text {width: 505px;}

#maincontent img {
float:right;
margin-left:30px;
margin-bottom:100px;
border:1px solid #000;
}
#news #maincontent img, #press #maincontent img, #contact-reservations #maincontent img, #our-restaurants #maincontent img {
border:none;
}
#news #maincontent img, #press #maincontent img, #market-and-farm-watch img {
margin:0;
}
#press #maincontent img {
width:156px;
text-align:center;
font-size:1.4em;
color:#666;
}
/* Coming Soon Home Page */
.quote {
width:592px;
margin:62px auto 0 auto;
}
.quote blockquote {
margin-bottom:25px;
}
h1 {
margin-top:100px;
}
/* Menu Pages */
#content ul {
margin-bottom:1em;
}
#cocktails #maincontent img {
margin-top:70px;
}
/* Home Page */
#latest-news h2, #restaurants h2 {
margin-bottom:10px;
font-size:15px;
letter-spacing:1px;
}
#quote {
margin:30px 40px 30px 70px;
}
#quote blockquote {
font: 1.6em/1.5 Georgia, serif;
text-indent:-12px;
letter-spacing:.4px;
word-spacing:1px;
color:#666;
margin-bottom:20px;
}
#quote p {
clear:both;
font: bold 1.3em/1.538 Georgia, serif;
text-align:right;
float:right;
line-height:1.2;
}
#content p.readmore {
margin-top:10px;
clear:both;
font: 10px Arial, sans-serif;
text-align:right;
float:right;
}
#quote p.readmore {
margin-top:0;
}
#latest-news {
clear:both;
float:left;
width:300px;
margin:50px 0 0 0;
padding-left:70px;
}
#latest-news p, h2, h3, h4, h5, ul, li {
text-align:left !important;
line-height:1.4em;
}
#latest-news h5 {
font-size: 1.4em;
}
#restaurants {
float:right;
width:156px;
margin:50px 30px 0 0;
font-size: 1.2em;
}
#restaurants ul {
color:#c41230;
list-style:disc inside;
}
#content #restaurants li {
padding: 0;
font-size: 1em;
}
/* Our Restaurants Page */
#our-restaurants .restaurant {
width:335px;
height:190px;
float:left;
margin:0;
}
#our-restaurants .restaurant img {
width:157px;
float:left;
margin:0 20px 0 0;
}
#our-restaurants .restaurant .info {
float:left;
width:157px;
}
#our-restaurants .restaurant .info p {
margin-bottom:0;
}
#our-restaurants .restaurant .name {
margin-top:-4px;
color:#c41230;
font-weight:bold;
font-size:1.4em;
line-height:1.285;
}
#our-restaurants .restaurant .address {
color:#666;
font-size:1.1em;
line-height:1.636;
}
#our-restaurants .restaurant .link {
font-size:1.1em;
}

/* Contact Page */

#contact-reservations #maincontent img {
margin-right:60px;
}
#contact-reservations #maincontent h3 {
font-size:1.4em;
}
#contact-reservations #maincontent p {
font-size:1.1em;
color:#666;
margin-bottom:20px;
}

/* Press/News Pages */

.section {
clear:both;
overflow:auto;
margin-bottom:20px;
}
.section .image, .section .item {
float:left;
}
.section .image {
width:156px;
margin-right:20px;
}
.item  {
width:480px;
padding-bottom: 20px;
border-bottom:1px solid #f0f0f0;
}
.item h3 {
font-size:1.6em;
line-height:1.2;
margin-top:0;
}
.item .date {
color:#666;
margin-bottom:.5em;
font-size:1.2em;
font-weight:normal;
}
.item .content, .item .content p {
font-size:1.2em;
color:#666;
text-align:justify;
}
.item .content p {
font-size:1em;
line-height:1.4;
}
/***** =NAVIGATION *******************************************************************/
#twitter {
float:left;
padding:8px 0 0 11px;
}
#navigation ul {
float:right;
}
#navigation li {
float:left;
padding:10px;
}
/***** =FOOTER *******************************************************************/
#footer p {
margin-top:5px;
width:455px;
font-weight:normal;
}
#footer p.copyright {
padding-left:20px;
float:left;
text-align:left;
}
#footer p.credit {
padding-right:20px;
float:right;
text-align:right;
}
/***** =TYPOGRAPHY *******************************************************************/
#sidebar li a {
font-size:1.6em;
line-height:1.5;
font-weight:600;
}
#sidebar .sub li a {
font-size:1.2em;
line-height:1.5;
font-weight:600;
}
#sidebar p {
font-size:1.1em;
line-height:1.4545;
font-weight:500;
text-align:center;
}
#content p.date {
text-align:left;
}
.news p a {
color: #c41230;
border-bottom:1px solid #c41230;
}
h1 {
font: 2.4em/1 Georgia, serif;
color:#c41230;
text-align:center;
text-transform:uppercase;
}
h2 {
margin-bottom:36px;
color:#c41230;
font-size:2.4em;
line-height:1.3;
font-weight:bold;
}
#about h2, .about h2 {margin-bottom:11px;}
#news h2, #press h2 {margin-bottom:15px;}
#our-restaurants h2 {margin-bottom:24px;}
#contact-reservations h2 {margin-bottom:26px;}

h3 {
color:#c41230;
font-size:2.4em;
line-height:1.428;
letter-spacing:.4px;
font-weight:bold;
margin-bottom:.25em;
}
h4 {
color:#000;
font-size:1.4em;
line-height:1.428;
letter-spacing:.4px;
font-weight:bold;
margin-bottom:.25em;
}
#cocktails h4 {
margin-top:.5em;
}
p.note {
position:absolute;
text-align:left;
font-size:1.05em;
margin-top:-36px;
font-weight:bold;
}
span.note {
text-align:left;
font-size:.95em;
font-weight:normal;
letter-spacing:0;
}
#content li {
font-size:1.2em;
line-height:1.167;
letter-spacing:.4px;
padding:2.2px 0;
}
h3 .price {
font-size:.6em;
letter-spacing:.4px;
color:#000;
}
.price {
font-weight:bold;
}
p {
font-size:1.2em;
line-height:1.67;
}
#navigation li {
font-size:1.1em;
letter-spacing:.4px;
line-height:1.7;
background:url(http://www.corsinocantina.com/wordpress/media/divider.png) 0 14px no-repeat;
}
#navigation li.page-item-3 {
background:none;
}
#navigation li a:link, #navigation li a:visited {
color:#000;
}
#navigation li a:hover, #navigation li a:active {
color:#333;
}
#footer p {
font-size:.9em;
letter-spacing:.4px;
}
#footer p.credit a {
font-size:1em;
}