/*
---------------------------------------------------------------------------------

	12TH AND OLIVE
	global screen styles

	created: march '10
	updated: june '10
	
	design and code by:
	matthew brown / www.thingsthatarebrown.com

---------------------------------------------------------------------------------
*/


/* ---- global ---- */

body { border-top: 15px solid black; font-family: georgia; font-size: 15px; line-height: 22px;}
.main { background: url('../img/home-bg.png') no-repeat top left; }
a { color: #512f49; text-decoration: underline;}
a:hover { color: #863272; text-decoration: none;}

p { }

#callout { text-indent: -9999px; height: 375px; background: url('../img/callout.png') no-repeat;}
#logo a { display: block; width: 220px; text-indent: -9999px; height: 258px; background: url('../img/logo.png') no-repeat;}

/* ---- navigation ---- */

#nav { margin: 25px auto }
#nav ul, #nav li { margin:0;padding:0; }
#nav li { list-style: none; float: left; }
#nav li a { color: #333; text-transform: uppercase; font-size: 14px; letter-spacing: 2px; margin-right: 20px; padding: 7px 20px 7px 0; border-right: 1px solid #ccc; text-decoration: none; }
#nav li.last a { border-right: none; }
#nav li a:hover { text-decoration: underline; }

#winetastings { background: url('../img/winetastings.png') no-repeat; height: 280px; }
#winetastings h2 { text-indent: -9999px;}
#winetastings p { text-align: center; font-size: 14px; line-height: 18px; margin-top: 40px; display: block;}

#callout span { height: 300px; display: block;}
a#button-directions { text-indent: -9999px; display: block; height: 48px; width: 211px; background: url('../img/button-directions.png') no-repeat; }
a#button-directions:hover { opacity: 0.87; -moz-opacity: 0.87; filter:alpha(opacity=87); }

#blog { margin-left: 20px }
#blog h3 { color: #333; text-transform: uppercase; font-size: 14px; letter-spacing: 2px; font-weight: normal; margin: 5px 0 15px 0; line-height: 14px; }
#blog h4 { margin: 0 0 2px 0; padding: 0; line-height: 22px; }
#blog h4 a { text-decoration: none; }
#blog h4 a:hover { text-decoration: underline; }
#blog h5.date { font-size: 12px; color: #666; text-transform: uppercase; margin: 0 0 10px 0; }

/* ---- blog ---- */

body.single #logo { margin-top: -148px }

#blognavtop { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 10px; position: relative }
#blognavtop div { display: inline;}
.addthis_toolbox { position: absolute; right: 0; }

.alignleft { float: left; display: inline; margin-right: 20px; margin-left: -20px; position: relative; }
.alignright { float: right; display: inline; margin-left: 30px; margin-right: -20px; margin-bottom: 20px; position: relative; clear: right; }
.aligncenter { display: inline; text-align: center; margin: 0 }

.post h2, .page h2 { color: #512344; font-size: 36px; line-height: 1.15em; font-weight: normal; margin: 0 0 6px 0; }
.post h3 { color: #999; font-size: 15px; font-weight: normal; text-transform: uppercase; }

.page h2 { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 30px; }
.page h3 { font-size: 24px; line-height: 1.15em; font-weight: normal; margin: 0 0 6px 0; }

.home h2, .home h3 { border:none; padding:none; margin:0; padding:0;}

/* ---- sidebar ---- */

#sidebar { background: #e5e5e5; position: relative; margin-top: -85px; }
#sidebar p { margin-bottom: 0; }
#sidebar .inner { padding: 20px; }

#contactinfo { margin-bottom: 20px }
#contactinfo span.phone a { font-size: 24px; letter-spacing: -1px; line-height: 28px; text-decoration: none; color: #000;}
#contactinfo a { font-size: 15px; display: block; }

span.sep { display: block; padding: 0 0 10px 0;}

a#maplink { background: url('../img/map.png') no-repeat; height: 120px; display: block; text-indent: -9999px;; }
a#maplink:hover {opacity: 0.66; -moz-opacity: 0.66; filter:alpha(opacity=66); }


/* ---- footer ---- */

#footer { height: 200px; background: #333; border-top: 4px solid #444; margin-top: 45px; }
#footer #ftlogo { margin-top: 30px; display: block; }
#footer a:hover#ftlogo img { opacity: 0.87; -moz-opacity: 0.87; filter:alpha(opacity=87); }

#footer small { font-size: 11px; color: #666; }
#footer small a { color: #666; }

#ftnav { position: relative; }
#ftnav ul { position: absolute; right: 0; top: 60px; }
#ftnav ul, #ftnav li { margin:0;padding:0; }
#ftnav li { list-style: none; float: left; }
#ftnav li a { color: #efefef; text-transform: uppercase; font-size: 14px; letter-spacing: 2px; margin-right: 20px; padding: 7px 20px 7px 0; border-right: 1px solid #666; text-decoration: none; }
#ftnav li.last a { border-right: none; margin-right: 0; padding-right: 0; }
#ftnav li a:hover { text-decoration: underline; }