/*   
Theme Name: TBR Theme
Theme URI: http://www.tbrsd.com
Description: Custome theme for the TBR website.
Author: Doug Tondro
Author URI: your-URI
Version: 0.1 beta
Tags: 5-Color Strip, Pale, 2-Column, jQuery enabled
.
No one may use, distribute, or modify this theme for personal or commerical use 
under any circumstances without notification and written permission of The Barrel 
Room., Inc. of San Diego, CA.
.
*/

/*** Eric Meyer's Reset CSS ***/
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;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
blockquote, q {quotes: none;}
del {text-decoration: line-through;}
ins {text-decoration: none;}
ol, ul {list-style: none;}
body {line-height: 1em;}
:focus {outline: 0;}

html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }


/*-- Color Palette ---------
burnt orange: #be7842	olive green: #6e784f
true red: #6a0100	dark red: #310601
creamy white: #f3f7d6
---------------------------*/

/* TBR Structure Elements */
body {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.125em;
	background: #ccc url(./images/bg.jpg) repeat top center;
	}

#header {
	padding-top: 10px;
	font-size: 16px;
	background: transparent url(./images/tbr-colors.jpg) repeat-x top center;
	}

#mast {
	width: 620px;
	float: left;
	}

#top-links {
	width: 320px;
	float: right;
	}

#slideshow {
	padding-bottom: 8px;
	background: transparent url(./images/line-shadow.png) no-repeat bottom center;
	overflow: hidden;
	}

.slg {
	height: 330px;
	}

.ssm {
	height: 210px;
	}

#qlinks {
	padding: 10px 0 20px 0;
	font-size: 16px;
	background: transparent url(./images/line-shadow.png) no-repeat bottom center;
	}

#main {
	font-size: 16px;
	background: transparent url(./images/line-shadow.png) no-repeat bottom center;
	}

#home #main {
	background: transparent url(./images/tbr-colors.jpg) repeat-x bottom center;
	}
	
#content {
	width: 600px;
	margin: 10px 40px 20px 0;
	float: left;
	}

#sidebar {
	width: 320px;
	margin: 10px 0 20px 0;
	float: right;
	font-size: 16px;
	overflow: hidden;
	}

#extra {
	padding: 20px 0;
	clear: both;
	font-size: 16px;
	background: #6a0100 url(./images/extrabg.jpg) repeat top center;
	}

#footer {
	font-size: 16px;
	}

#home #footer {
	border-top: 3px double #6a0100;
	}

.inner {
	width: 960px;
	margin: 0px auto;	
	overflow: hidden;
	}

.one, .two {
	width: 290px;
	margin-right: 30px;
	float: left;
	}

.three {
	width: 320px;
	margin-right: 0px;
	float: left;
	}

#content .one,
#content .two {
	width: 270px;
	margin-bottom:30px;
	}

#content .one {
	clear: left;
	}

#sidebar div {
	width: 320px;
	margin-bottom: 20px;
	float: left;
	}

.bio {
	margin: 20px 20px 30px 0px;
    }

.clearfix {
	display: block;
	visibility: hidden;
	height: 0;
	line-height: 0;
	clear: both;
	}

/* TBR Navigation w-LavaLamp */

ul.nav {
	position: relative;
	float: left;
	width: 620px;
	margin: 5px 0 0 0;
	overflow: hidden;
	white-space: nowrap;
	}

ul.nav li {
	display: block;
	float: left;
	margin: 0px 5px 5px 0px;
	}

ul.nav li.back {
	width: 8px;
	height: 1.7em;
	position: absolute;
	z-index: 8;
	border-bottom: 3px solid #6a0100;
	}

ul.nav li a {
	display: block;
	float: left;
	margin: auto 20px auto 5px;
	padding-top: 5px;
	height: 30px;
	position: relative;
	z-index: 10;
	overflow: hidden;
	color: #6a0100;
	text-decoration: none;
	outline: none;
	letter-spacing: 0;
	}   

ul.nav li a:hover {
	color: #000;
	}

ul.nav li a:hover, 
ul.nav li a:active, 
ul.nav li a:visited {
	border: none;
	}

ul.nav li.current {
	font-weight: bold;
	}

ul.fnav {
	width: 600px;
	margin-right: 40px;
	float: left;
	}

ul.fnav li {
	display: block;
	float: left;
	margin-top: 10px;
	padding: 0px 10px;
	border-right: 1px solid #6a0100;
	}


/*** Heading Styles ***************/

h1, h2, h3, h4, h5, h6 {
	color: #6a0100;
	font-weight: bold;
	}

h1 {
	font-family: "Copperplate Gothic Bold", "Times New Roman", Times, serif;
	margin: 20px 20px 10px 20px;
	font-size: 2.2em;
	}

h2, h3 {
	margin: 10px 20px 10px 0px;
	font-size: 1.4em;
	text-decoration: underline;
	}

h4, h5 {
	margin: 5px 0 5px 0;
	font-size: 1.2em;
	color: #be7842;
	text-decoration: none;
	}

#qlinks h4,
#qlinks h4 {
	margin: 20px 20px 10px 0px;
	font-size: 1.2em;
	line-height: 1.2em;
	color: inherit;
	}

#sidebar #qmenu h4,
#sidebar #qdirections h4 {
	margin: 15px 20px 5px 0px;
	font-size: 1.2em;
	line-height: 1.2em;
	color: #6a0100;
	}

#sidebar #qmenu h4 {
margin-top: 30px;}

#about #main h3 {
	margin-right: 0px;
	display:inline;
	}




/*** Anchor Links ****************/

a:link, a:visited {
	text-decoration: none;
	color: #6a0100;
	}

a:focus {
	text-decoration: none;
	color: #6a0100;
	}

a:hover, a:active {
	text-decoration: underline;
	color: #333;
	}

a.view, a.view:link {
	color: #6a0100;
	}

a.view:hover {
	font-weight: bold;
	}

#qlinks a, 
#qlinks a:link  {
	color: #333;
	}

#qlinks a:hover {
	color: #6e784f;
	text-decoration: underline;
	}

#extra a {
	color: #be7842;
	}

#extra a:hover {
	color: #be7842;
	}

.menusection {
	clear: both;
	margin: 30px 0;
	}

.menusection h3 {
	display: inline;
	margin-right: 15px;
	}

.menusection p {
	margin: 5px 40px 0 80px;
	}

a.viewmenu:link,
a.viewmenu:visited {
	display: inline;
position: relative;
bottom: 2px;
	margin: 0px;
	padding: 2px 6px 2px 8px;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	background-color: #6a0100;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

a.viewmenu:hover {
	background-color: #be7842;
	}

/*** Typography *****************/

p {
	margin: 5px 0 15px 0;
	font-size: 14px;
	line-height: 1.5em;
	color: #333;
	}

#qlinks p {
	margin: -10px 0 15px 0;
	color: #be7842;
	}

#extra .one, 
#extra .two, 
#extra .three {
	color: #fff;
	}

#extra p {
	color: #fff;
	}

.bio p {
	margin: 10px 0 20px 0;
	}

.copyright {
	width: 320px;
	float: right;
	margin-top: 10px;
	text-align: center;
	}

.job-title {
	color: #333;
	}

.more-link {
	display: inline;
	width: 100px;
	padding: 3px 6px;
	margin-left: 15px;
	}

#extra .more-link,
#extra .more-link a {
	background-color: #6e784f;
	color: #f3f7d6;
	}

.adminedit a {
	padding: 3px 5px;
	color: #fff !important;
	background-color: #f00;
	}


/*** Lists ******************/

ul, ol, dl {
	font-size: 0.875em;
	}

.list-title {
	display: block;
	margin-bottom: 5px;
	font-size: 1.1em;
	text-align: center;
	font-weight: bold;
	color: #f3f7d6;
	}

#sidebar .list-title {
	color: #be7842;
	}

dl {
	margin-bottom: 15px;
	overflow: hidden;
	}

dt, dd {
	display: block;
	width: 140px;
	float: left;
	}

#top-links dl {
	font-weight: bold;
	}

#top-links dl {
	margin-top: 20px;
	padding: 5px 0;
	font-size: 0.75em;
	line-height: 1em
	}

#top-links dt {
	margin-right: 10px;
	width: 120px;
	color: #be7842;
	text-align: right;
	text-decoration: underline;
	line-height: 1em
	}

#top-links dd {
	margin: 0 5px 5px 0;
	width: 180px;
	color: #6e784f;
	line-height: 1em
	}

#content dl {
	margin: 10px 0 10px 0;
	}

#content dt {
	width: auto;
	font-weight: bold;
	text-decoration: underline;
	}

#content dd {
	width: auto;
	float: none;
	margin: 0 0 10px 80px;
	}

#content ol {
	margin: 10px 0 20px 30px;
	list-style: decimal;
	}

#content ol li {
	margin-bottom: 5px;
	line-height: 1.5em;
	}

#events #content dl {
	margin: 20px 0 20px 20px;
	font-size:0.875em;
	line-height: 1.5em;
	}

#events #content dt,
#events #content dd {
	float: left;
	clear: left;
	}

#events #content dt {
	font-weight: normal;
	}

#events #content dd {
	margin-bottom: 20px;
	color: #be7842;
	}

#events #content dd li{
	margin-left: 50px;
	color: #6e784f;
	font-size: 1.1em;
	}

.wplc_event_list {
	margin: 10px 0 10px 15px;
	list-style: square;
	color: #6a0100;
	}

.wplc_event_list ul {
	margin: -20px 0 0 40px;
	color: #333;
	line-height: .8em;
	}

.wplc_event_list li {
	margin-bottom: 5px;
	}

.wplc_event_list h3 {
	font-weight: normal;
	}

.wplc_event_list p {
	width: 500px;
	margin-bottom: 30px;
	}

.wplc_event_list .event {
	color: #f3f7d6;
	text-decoration: underline;
	}

#sidebar .wplc_event_list .event {
	color: #6a0100;
	}

#sidebar .wplc_event_list .date {
	color: #be7842;	
	}

#extra .wplc_event_list {
	color: #f3f7d6;
	}

#extra .wplc_event_list .event {
	color: #f3f7d6;
	}

#extra .wplc_event_list .date {
	color: #be7842;	
	}


/*** images *****************/

.icon, .thumb {
	float: left;
	}

.icon {
	margin: 10px 15px 10px 0;
	}

.thumb {
	margin: 0 5px 10px 0;
	border: 1px solid #310601;
	}

.thinslidesleft {
	width: 470px;
	float: left;
	}	

.thinslidesright {
	width: 470px;
	float: right;
	}

.map {
	margin: 15px 0 20px 20px;
	float: right;
	border: 2px solid #6a0100;
	}

#qdirections .icon {
	margin: 10px 10px 10px 0;
	border: 1px solid #6e784f;
	}

#sidebar img.filler {
	padding: 3px;
	border: 1px solid #6e784f;
	}

#header img {
	margin: 15px 10px 0 0 ;
	float: left;
	}




/*** Widget Specific ***************/

#sidebar #bizhours {
	color: #333;
	}

#sidebar #upcoming {
	color: #6a0100;
	}

#qawards img {
	border: 1px solid #6e784f;
	}

/*** Forms Specific ***************/

form {
margin: 20px 0 40px 0;
}

.required {
color: #c00;
}

label {
display: block;
float: left;
width: 140px;
text-align: right;
font-size: 1em;
}

input,
textarea,
select {
margin-left: 10px;
width: 220px;
font-size: 0.8em;
}

textarea {
width: 320px;
}

select {
width: 180px;
}

input.submit {
width: auto;
margin-left: 150px;
}

#main form p {
margin-bottom: 0px;
font-size: 1em;
color: #000;
}

form br {
display: none;
}

span.instructions {
margin-left: 10px;
font-size: .8em;
}

div.wpcf7-response-output {
clear: both;
background-color: #fff !important;
}

.wpcf7-not-valid-tip {
margin: 0 0 0 5px;
width: 200px !important;
font-weight: bold;
line-height: 1.5em;
text-indent: 8px;
text-align: left;
color: #c00;
}



h4#wcquick {
margin-top: 25px;
margin-bottom: 10px;
}

form#wine-club label {
float: left;
width: 5em;
text-align: left;
font-size: 14px;
}

form#wine-club input {
float: left;
width: 170px;
font-size: 12px;
}

form#wine-club .submit {
float: left;
margin: 0px;
margin-left: 6.5em;
width: auto;
font-size: 12px;
}
: 1em;
color: #000;
}

form br {
display: none;
}

span.instructions {
margin-left: 10px;
font-size: .8em;
}

div.wpcf7-response-output {
clear: both;
background-color: #fff !important;
}

.wpcf7-not-valid-tip {
margin: 0 0 0 5px;
width: 200px !important;
font-weight: bold;
line-height: 1.5em;
text-indent: 8px;
text-align: left;
color: #c00;
}



h4#wcquick {
margin-top: 25px;
margin-bottom: 10px;
}

form#wine-club label {
float: left;
width: 5em;
text-align: left;
font-size: 14px;
}

form#wine-club input {
float: left;
width: 170px;
font-size: 12px;
}

form#wine-club .submit {
float: left;
margin: 0px;
margin-left: 6.5em;
width: auto;
font-size: 12px;
}