/*
Theme Name: Books & Bars
Theme URI: 
Description: Theme for www.BooksAndBars.com, derived loosely from <a href="http://www.switchroyale.com/?page_id=21">Azul</a>.
Version: 1.0
Author: Michael Phenow
Author URI: http://mnphenow.com
Tags: custom, blue, fixed-width
*/

body {
	background-color: #b6d3da;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.2em;
	color: #3d3227;
	text-align: left;
}

a, a:link, a:visited { color: #3d6e79; font-weight: bold; }
a:hover, a:active { color: #3d6e79; border-bottom: 5px solid #3d6e79; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; }

#container { width: 1000px; margin: 0 auto; }

#header {
	height: 295px;
	width: 1000px;
	background: url(images/header_background.png) #464646;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0 auto;
	padding: 0;
	font-size: 16px;
	position: relative;
}

#header a { text-decoration: none; border: none; color: #3d3227; }
#header a:hover { color: #3d3227; }

#header #header_logo {
	position: absolute;
	top: 41px;
	left: 143px;
	width: 360;
	height: 160px;
}

#header #titleQuote {
	float: right;
	width: 320px;
	height: 180px;
	margin: 45px 120px 0 0;
	font-size: 14px;
	line-height: 1.2em;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	color: #3d3227;
}

/* ========================================================================= */

#navbar {
	position: absolute;
	top: 230px;
	left: 270px;
	height: 30px;
	font-family: Arial, sans-serif;
}

#navbar ul { margin: 0; padding: 0; }

#nav { height: 60px; }
 
#nav li { float: left; list-style: none; display: inline; margin-right: 0px; }
 
#nav a, #nav a:visited { display: block; float: left; height: 30px; 
	padding: 0; margin: 0 10px; font-size: 18px; color: #3d3227;
	font-weight: bold; text-decoration: none; line-height: 30px; }

#nav a:hover, #nav a:active, 
li.current_page_parent a, 
li.current_page_parent a:visited, 
#nav li.current_page_item a, 
#nav li.current_page_item a:visited { 	
	background: url(images/nav_hover_background.png);
	background-repeat: no-repeat;
	background-position: top center;
	color: #3d3227; 
	border-bottom: 5px solid #3d3227; }
 
/* ========================================================================= */

#contentContainer {
	font-size: 14px;
	line-height: 1.6em;
	background: url(images/content_background.png);
	background-repeat: repeat-y;
	width: 1000px;
	padding: 0 0 0 70px;
	margin: 0 0 0 0;
	float: left;
}

#posts { }

/* layout table */ 
table.layout { font-family: verdana, arial, halvetica, sans-serif; 
  font-size: 12px; margin: 0; padding: 0; width: 855px; }
table.layout td { vertical-align: top; }

/* left */
td.left { padding: 0 1em 1em 1em; }
td.left h2 { font-size: 1.1em; border-bottom: 5px solid #3d3227; margin-top: 1em; }
td.left img.spacer { width: 120px; height: 0px; }

/* topicsAnywhere */
div.topicsAnywhere { font-size: 10px; padding-bottom: 30px;
	line-height: 1.2em; }
div.topicsAnywhere a:link, div.topicsAnywhere a:visited,
div.topicsAnywhere a:hover, div.topicsAnywhere a:active { border: none; 
	font-weight: bold; }
div.topicsAnywhere a:link, div.topicsAnywhere a:visited {}
div.topicsAnywhere a:hover { border: none; text-decoration: underline; }
div.topicsAnywhere a:active {}

/* twitter */
div#twitter { font-size: 10px; line-height: 1.2em; }
div#twitter ul, div#twitter li { margin: 0; padding: 0; list-style-type: none; }
div#twitter ul { display: block; }
div#twitter li { display: block; margin-top: 1em; padding-bottom: 1em;
	border-bottom: 1px solid #e0e0e0; }
div#twitter li a { display: block; text-decoration: none; margin: 0;
  padding: 0; border-bottom: none; font-weight: normal; }
div#twitter a:link, div#twitter a:visited,
div#twitter a:hover, div#twitter a:active { border: none; font-weight: bold; }
div#twitter a:link, div#twitter a:visited {}
div#twitter a:hover { border: none; text-decoration: underline; }
div#twitter a:active {}

/* content */
td.content { width: 100%; height: 100%; padding: 0 2em;
  line-height: 1.6em; }
td.content li { padding-bottom: 1em; }
td.content img.book { float: right; margin: 0 0 10px 10px; border: none; }
td.content img.indexBook { float: left; margin: 10px 0; 
  border: none; border-right: 20px solid #fff; }

/* notice */
td.content p.notice { font-style: italic; }

/* schedule */
td.content table.schedule { font-size: 12px; border: 1px solid #eee;
  line-height: 1.4em; width: 100%; margin: 15px 0; }
td.content table.schedule th { text-align: left; vertical-align: top;
  padding: .3em 1em .3em 1em; }
td.content table.schedule td { padding: .3em 1em .3em 1em; width: 100%; }
td.content table.schedule td.spacer { height: 100%; }
td.content table.schedule td.pic { padding: 10px; }
td.content table.schedule td.pic img { border: none; }
td.content table.schedule td.pic a:link, td.content table.schedule td.pic a:visited,
td.content table.schedule td.pic a:hover, td.content table.schedule td.pic a:active {
  border: none; text-decoration: none; }

/* booksPage */
div#booksPage img { 
	float: left;
	clear: both;
	margin: 0 30px 20px 40px;
	border: none; }

/* mailList */
td.content table.mailList { margin: 10px 0 0 0; font-size: 12px; }
td.content table.mailList td { padding: .3em 1em .3em 0; vertical-align: middle; }
td.content table.mailList td.submit { width: 100%; text-align: right; }

/* contact */
td.content table.contact { font-size: 12px; line-height: 1.4em; width: 100%; }
td.content table.contact th { text-align: left; padding: .3em 1em .3em 0; 
  border-bottom: 1px solid #eee; }
td.content table.contact td { padding: .5em 1em .5em 1em;
  border-bottom: 1px solid #eee; }

/* right */
td.right { padding: 0 1em 1em 1em; line-height: 1.4em; }
td.right h2 { font-size: 1.1em; border-bottom: 5px solid #3d3227; margin-top: 1em; }
td.right h3 { font-size: 0.9em; border-bottom: 1px dotted #ccc; margin-top: 1em; 
  color: #666; }
td.right img.spacer { width: 120px; height: 0; }

/* rightAds */
div.rightAds { margin: 100px 0 0 0; }

/* sponsors */
td.sponsors { text-align: center; padding: 10px 0; }
td.sponsors img { border: none; margin: 0 10px 10px 10px; }
td.sponsors a:link, td.sponsors a:visited, td.sponsors a:hover, 
  td.sponsors a:active { border: none; text-decoration: none; }

/* footer */
td#footer { padding: 10px; 20px; text-align: center; 
  border-top: 1px solid #999; }
td#footer a:link, td#footer a:visited, td#footer a:hover, td#footer a:active {
  font-weight: normal; border: none; }

td.logo a:link, td.logo a:visited,
td.logo a:hover, td.logo a:active { border: none; }

/* footerAds */
div.footerAds { text-align: center; margin: 20px 100px 20px 0; }

/* quotes page */
p.even { background-color: #f0f0f0; padding: 1em; }
p.odd { background-color: #ffffff; padding: 1em; }

.entry .commentbubble a {
	float: left;
	background: url(images/commentbubble.gif);
	background-repeat: no-repeat;
	background-position: 0 -1px;
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 10px;
	margin: 0 5px 0 0;
	border: none;
}

.date {
	font-size: 12px;
	color: #999999;
	line-height: 1.5em;
}

.post {
	margin: 0;
}

.tags {
	font-size: 10px;
	line-height: 1.5em;
	color: #999999;
}

.post h2 { /* page / post titles */
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.2em;
	margin: 20px 0 10px 0;
	padding: 0 0 10px 0;
}

.post h3 { /* menu sections */
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 22px;
	font-weight: bold;
	margin: 30px 0 10px 0;
}

.post h4 { /* menu items */
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 18px;
	font-weight: normal;
	margin: 20px 0 -10px 0;
}

.post h5 { /* menu preamble */
	font-size: 12px;
	text-align: left;
	font-weight: normal;
	font-style: italic;
	line-height: 1.2em;
	margin: 0 0 20px 0;
}

.post h6 { /* menu footnotes */
	font-size: 12px;
	text-align: center;
	font-weight: normal;
	font-style: italic;
	line-height: 1.2em;
	margin: 2em 0 0 0;
	padding: 1em 0 0 0;
	border-top: 1px solid #999;
}

.post div.googlemap {
	float: left;
	text-align: left;
	margin: 20px 0 0 0;
	background-color: #fff;
	border: 6px solid #fff;
}

.post a, .navigation a {
	color: #3d6e79;
	text-decoration: none;
	border-bottom: 1px solid #3d6e79;
}

.post a:hover, .navigation a:hover {
	color: #3d3227;
}

.post a img {
	border: none;
}

.postmetadata {
	font-size: 10px;
	line-height: 1.5em;
}

.post img.alignleft {
	float: left;
	margin: -10px 10px 10px -25px;
	padding: 26px 28px 34px 32px;
	background: url(images/picture_frame.png);
	background-repeat: no-repeat;
	background-position: center;
}

.post img.alignleft.noframe {
	background: none;
	margin: 0 30px 30px 0;
	padding: 0;
}

.post img.alignright {
	float: right;
	margin: -10px -20px 10px 10px;
	padding: 26px 28px 34px 32px;
	background: url(images/picture_frame.png);
	background-repeat: no-repeat;
	background-position: center;
}

.post img.alignright.noframe {
	background: none;
	margin: 0 0 30px 30px;
	padding: 0;
}

.post img.aligncenter {
	text-align: center;
}

.post .wp-caption {
	border: 1px solid #cccccc;
	background: #ebebeb;
	text-align: center;
	padding: 10px 5px 0 5px;
}

.post .wp-caption-text {
	margin: 0;
	font-size: 12px;
}

#commentform #author, #commentform #email, #commentform #url, #commentform #comment {
	background: #ffffff;
	border: 1px solid #cccccc;
	color: #666666;
}

.commentlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.commentlist li {
	background: #ebebeb;
	padding: 20px;
	border: 1px solid #cccccc;
	margin: 0 0 20px 0;
}

.avatar {
	float: left;
	margin: 0 5px 0 0;
}

.sidebar {
	margin: 0 0 0 610px;
}

.sidebar ul {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;
}

.sidebar h2 {
	margin: 0 0 5px 0;
	font-size: 16px;
	color: #666666;
	width: 210px;
	border-bottom: 1px solid #cccccc;
}

.sidebar p {
	margin: 0 0 5px 0;
	width: 200px;
}

.sidebar a {
	color: #831818;
	text-decoration: none;
}

.sidebar a:hover {
	color: #3d3227;
}

#footer {
	clear: both;
	height: 400px;
	background: url(images/footer_background.png);
	background-repeat: no-repeat;
	font-family: Verdana, sans-serif;
	margin: 0;
	padding: 50px 20px 0 110px;
}

#footer div#footerContents { height: 120px; }

#footer div#footerContents strong {
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 22px;
	display: block;
	margin: 40px 0 5px 420px;
}

#footerNavbar { margin: 70px 0 0 120px; }
#footerNavbar ul li a { font-size: 16px; font-weight: bold; }

#footer div.credits a {
	color: #666;
	text-decoration: none;
}

#footer div.credits a:hover {
	color: #999;
}

#footer div.credits { text-align: right; font-size: 10px; 
	margin: 70px 60px 0 0; padding: 0; }
#footer p { font-size: 12px; }
#footer a { color: #3d3227; text-decoration: none; }
#footer a:hover { color: #3d3227; }
