/*
-----------------------------------------------
natwoodard.com MAS TAPAS 1.0
Author:   Nat Woodard
Version:  June 20, 2006
----------------------------------------------- */

body {background-color:#242125}

#wrap {
width:750px;
margin:0 auto;
position:relative;
}

#header {
position:relative;
clear:both;
margin-bottom:1.5em;
padding:12px 0;
margin:0;
}

#header h1 {
font-size:200%;
margin:0;
font-weight:normal;
float:left;
}

#header h1 a {
display:block;
text-indent:-9999px;
background-image:url(/i/mas_small.gif);
background-repeat:no-repeat;
background-position:0 0;
width:83px;
height:34px;
margin-right:12px;
}



#nav {
margin:0;
float:right;
text-transform:uppercase;
letter-spacing:.1em;
font-size:95%;

}

#nav li {
margin:0;
margin-left:1.5em;
line-height:34px;
color:#fff;
position:relative;
float:left;
}

#nav li a {
color:#fff;
}

#nav li a:hover {
color:#ffee92;
}

#nav ul {
position:absolute;
display:none;
margin-bottom:40px;
top:2.5em; left:-.7em;
width:100px;
}
#nav li:hover ul {display:block;}
#nav ul li {display:block;float:none;background-color:#242125; line-height:2em;}


#header a:hover {
text-decoration:none;
}



#utilitynav {
position:absolute;
top:12px;
right:0;
font-size:80%;
text-transform:uppercase;
}

#utilitynav li {
line-height:1em;
}

#utilitynav a {
padding:0;
}

#main {
float:left;
width:750px;
margin-bottom:1.5em;
background-image:url(/i/keyphoto.jpg);
background-repeat:no-repeat;
background-position:left top;
padding-top:200px;
position:relative;
}

#main .content .cmswrap {
width:430px;
float:left;
margin:72px 0 36px;
}

#body_tapas #main {
background-image:url(/i/tapas01.jpg);
background-position:top center;
}


#body_recipes #main {
background-image:url(/i/cooking01.jpg);
background-position:top center;
}


#body_winelist #main {
background-image:url(/i/wine.jpg);
background-position:top center;
}

#body_about #main {
background-image:url(/i/bull.jpg);
background-position:top center;
}

#body_brunch #main {
background-image:url(/i/bread01.jpg);
background-position:top center;
}

#body_aftertapas #main {
background-image:url(/i/oldspanishrestaurant.jpg);
background-position:top center;
}

#body_neighborhood #main {
background-image:url(/i/patio02.jpg);
background-position:top center;
}

#body_wine #main {
background-image:url(/i/barrels.jpg);
background-position:top center;
}

#body_news #main {
background-image:url(/i/patio01.jpg);
background-position:top center;
}

#body_subscribed #main {
background-image:url(/i/room01.jpg);
background-position:top center;
}

#body_food #main {
background-image:url(/i/oldspanishrestaurant.jpg);
background-position:top center;
}

#body_tapas #sidebar {float:left;}


.content {
background-color:#ffee92;
line-height:1.3em; 
padding:0 2.5em;
color:#5f2f0e;
position:relative;
margin-bottom:12px;
}

#body_about .content {
width:438px;
float:left;
}

.content h1 {
width:340px;
height:90px;
background-image:url(/i/title_about.gif); 
background-repeat:no-repeat;
text-indent:-9999px;
position:absolute;
left:0;
top:-66px;
}


#body_home .content h1 {
left:188px; 
background-image:url(/i/newsandupdates.gif);
background-position:top right;
height:60px;
}

#body_tapas .content h1 {background-image:url(/i/title_tapas.gif); top:-73px;}
#body_winelist .content h1 {background-image:url(/i/title_winelist.gif); top:-73px;}
#body_aftertapas .content h1 {background-image:url(/i/title_aftertapas.gif);top:-70px;}
#body_food .content h1 {background-image:url(/i/title_food.gif);}
#body_wine .content h1 {background-image:url(/i/title_wine.gif);top:-74px;height:119px;}
#body_brunch .content h1 {background-image:url(/i/title_brunch.gif);top:-57px;}
#body_recipes .content h1 {background-image:url(/i/title_recipes.gif);top:-57px;}
#body_reviews .content h1 {background-image:url(/i/title_reviews.gif);top:-43px;}
#body_news .content h1 {background-image:url(/i/title_masnews.gif);top:-58px;}
#body_neighborhood .content h1 {background-image:url(/i/title_neighborhood.gif);top:-58px;}

#body_subscribed .content h1 {display:none;}

#mainlist {
padding-top:72px;
width:470px;
margin-bottom:36px;
}

ul#subnav {
width:200px;
margin-top:2.5em;
}
ul#subnav li {
font-size:97%;
font-weight:bold;
margin:0;
margin-bottom:.25em;
}
ul#subnav li a {padding:3px 6px;}
ul#subnav li a:hover {background-color:#fff;text-decoration:none;}

.content h2 {font-size:130%;margin-bottom:0;}

.content h3 {
line-height:1.3em;
font-size:110%;
margin:.5em 0;
}

.content .sublist h3 {
font-size:100%;
margin:0;
}

.content .sublist li {line-height:1.33em;}

.content .sublist .price, .content .sublist .description {
display:inline;
margin-right:.5em;
}

.content .sublist .price {font-weight:bold;}

#subnav {
position:absolute;
top:0;
left:524px;
width:220px;
}

#subnav li {margin-bottom:1px;line-height:1em;}

#subnav a {padding:6px;display:block;}

#subnav a.on {background-color:#fff;}

#subnav li {
margin:0;
margin-bottom:.75em;
line-height:1.15em;
}

#body_subscribed .content {padding:24px;}

.content a {color:#c04400;}.content div .orderedcontent {width:100%;float:none;}

.content h3 {font-size:150%;}

.contentblock li {margin-bottom:1em;position:relative;}

.description {line-height:1.33em;}

#content_subnav {
margin-left:1.5em;
margin-top:5em;
margin-bottom:1em;
width:200px;
float:right;
}

#content_subnav li {
line-height:1.15em;
border-bottom:1px solid #baab67;
padding-bottom:.5em;
margin-bottom:.5em;
font-weight:bold;
font-size:105%;
}

#body_home h1 {
position:absolute;
top:326px;
left:12px;
}

#body_home .content h1 {
top:-60px;left:119px;
}

#body_home .head {display:none;}

#body_home #header h1 a {
background-image:url(/i/mas.gif);
width:248px;
height:103px;
margin-top:12px;
}



#body_home #main {
padding-top:230px; 
width:750px; 
background-image:url(/i/home.jpg);
}



#home .keyimg {
font-style:italic;
font-size:85%;
color:#666;
}

#home .keyimg img {
margin-bottom:.5em;
}

#body_home .content {
width:400px;
float:right;
}

#body_home #news {
font-size:110%;
margin-bottom:1.5em;
}

#body_home #sidebar {
width:240px;
margin-top:170px;
float:left;
}


#body_home #sidebar .block {margin-left:12px;}

#body_home dl#news dt {
margin-bottom:.2em;
font-family:arial, sans;
font-size:110%
}


#home #news .head {
font-weight:normal;
text-transform:uppercase;
letter-spacing:.2em;
border-bottom:1px dotted #ddd;
margin-bottom:1em;
font-family:"trebuchet ms", sans;
font-size:90%;
color:#999;
}

#home #news dd {
font-size:90%;
}

#tapas h2 {
margin:0;
margin-top:1em;
margin-bottom:.3em;
}

#tapas h3 {
background-image:url(/i/underscore.gif);
background-repeat:no-repeat;
background-position:0 1em;
padding-left:30px; 
font-weight:normal;
margin:0;font-size:100%;
}

#tapas li {
margin:0;
margin-bottom:.25em;
line-height:1.2em;
}

#body_tapas #mainlist li ul, #body_tapas #mainlist li ul li {margin:0; margin-bottom:.5em;}

#menunav {
position:absolute;
top:-160px;
right:24px;
font-size:120%;
width:200px;
padding:0;
background-color:#333;
border:1px solid #ffee92;
}
#menunav li {
height:1.8em;
}

#menunav li a {
display:block;
text-transform:uppercase;
letter-spacing:.15em;
padding:.5em;
line-height:1em;
}

#menunav li a:hover {
text-decoration:none;
background-color:#fff;
}


#mainlist .contentblock {margin-right:.5em;}
#mainlist .contentblock h2 {font-size:115%;margin-bottom:.5em;}
#mainlist .contentblock h3 {font-size:105%;}
#mainlist .contentblock, div.price {display:inline;}

#rsslink {display:none;}



.newscontent {margin-bottom:1.5em;}

#news h3 {font-size:120%;}

#news {
position:relative;
padding-top:64px;
padding-bottom:12px;
}




#aside {
color:#ccc;
width:220px;
float:right;
line-height:1.3em;
margin-right:12px;
}

#aside h3 {
font-size:140%;
color:#fff;
margin-bottom:.5em;
}

#aside b {color:#fff;}

#aside img {
border:1px solid #999;
margin-bottom:.25em;
}

#sidebar {
margin-bottom:1.5em;
color:#999;
font-size:95%;
line-height:1.33em;
width:540px;
margin-top:12px;
}

#sidebar p {line-height:1.4em;}

#sidebar address {margin:1em 0 .25em;}

#sidebar a {color:#f0a041;}

#sidebar h3 {
margin:0;
font-weight:normal;
font-size:85%;
text-transform:uppercase;
letter-spacing:.1em;
padding:4px;
text-align:center;
}



#sineup {
padding:12px 0 60px;
padding-left:10px;
font-size:90%;
line-height:1.2em;
background-image:url(/i/signup_bg.gif);
background-repeat:no-repeat;
background-position:0 0;
font-size:100%;
}



#sineup h3 {
font-size:95%;
font-weight:normal;
margin:0;
text-transform:uppercase;
font-size:85%;
letter-spacing:.1em;
background-image:url(/i/emas.gif);
background-repeat:no-repeat;
text-indent:-9999px;
}

#sineup .text {
width:140px;
background-color:#fff;
padding:2px 6px;
margin-top:.5em;
color:#666;
margin-right:4px;
line-height:1em;
}


#sineup .btn {margin-top:.55em;}

div#sineup, #sidebar .block {
float:left; 
width:230px;
margin-right:12px;
}


#footer {
text-align:center;
font-size:80%;
color:#555;
clear:both;
}

#footer a {color:#666;}