/*
Theme Name: Bredell Blog 2 Custom Theme
Theme URI: http://www.bredellblog.com
Description: This theme is based off of the Bredell & Bredell website, and has been adapted for a blog.
Version: 2.0
Author: Brian Pratt
Tags: 

This theme was designed by Brian Pratt (www.deepbluewave.com), based off
of an original website design at www.bredell.com.
*/

/*========= BODY STYLE =========*/
html { font-size: .625em; }
body 
{ 
	margin: 0;
	padding: 0;
	color: #000000;
	background-color: #FFFFFF;
	background-image: url("images/background.jpg");
	background-repeat: repeat-x;
	background-position: top left;
}
body, td, input, textarea, option, select { font-family: Verdana, Arial, Helvetica, sans-serif; }
table, input, textarea, option, select { font-size: 1em; }
h1, h2, h3, h4, h5, h6, p, ul, ol, li, a { padding: 0; margin: 0; }
textarea {width: 100%;}
p { padding-top: 5px; padding-bottom: 5px;}

a { text-decoration: none; }
a img {  border: none;}
a:link, a:visited { color: #0C4F87; }
a:hover, a:focus, a:active { color: #7E5A36; }


/*========= DIV PARTITIONING =========*/

div#wrapper
{
	width: 900px;
	margin: 0 auto;
	background-color: #FFFFFF;
	border: none;
}
div#header
{
	background-color: #FCFCDC;
	background-image: url("images/headerBG.gif");
	background-repeat: no-repeat;
	width: 860px;	/* Total width: 900px */
	height: 81px;	/* Total height: 121px */
	padding: 20px;
	color: #EFEFEF;
}
#header a:link, #header a:visited,
#header a:hover, #header a:focus, #header a:active
{ color: #EFEFEF; }


div#content
{
	float: right;
	width: 600px;	/* Total width: 640px */
	padding: 20px;  font-size: 1.12em;
}

div#menubar
{
	background-image: url("images/menubarBG.jpg");
	background-repeat: repeat-x;
	width: 900px;
	height: 48px;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	border-left: 1px solid black;
}
#menubar a:hover, #menubar a:focus, #menubar a:active,
#menubar a:link, #menubar a:visited
{
	border-right: 1px solid #AA0000;
	color: #EFEFEF;
	height: 48px;
	
}

div#sidebar
{
	width: 250px;
	margin-right: 500px;
	padding: 5px;
	background-color: #FEFEC4;
}

div#footer
{
	width: 100%;	/* Total width: 900px */
	padding-top: 10px;
	padding-bottom: 10px;
}

/*========= HEADER STYLE =========*/
#header
{
	font-family: times, serif;
	color: #0C4F87;
}
#header h1	/* Title */
{
	font-size: 30px;
	font-weight: 200;
	margin-left: 140px;
	text-decoration: none;
}
#header h2	/* Tagline */
{
	font-size: 20px;
	font-weight: 100;
	margin-left: 145px;
	letter-spacing: 0.24em;
}

/*========= MENUBAR STYLE =========*/
#menubar ul { display: inline; }
#menubar ul li
{
	display: inline;
	list-style-type: none; 
	text-transform: uppercase;
}
#menubar a
{
	float: left;
	display: block;
	font-size: 12px;
	height: 30px;
	text-align: center;
	line-height: 48px;
	padding: 0 20px;
	font-weight: bold;
	background-image: url("images/menubarBG.jpg");
	background-repeat: repeat-x;
}
#menubar a:hover
{
	background-image: url("images/menubarBG-active.jpg");
	background-repeat: repeat-x;
}

/*========= SIDEBAR STYLE =========*/
#sidebar h1	/* Sidebar section headers */
{
	width: 85%;
	height: 20px;
	margin: 10px auto;
	background-color: #F3F3EB;
	background-image: url("images/menubarHeaderBG.jpg");
	background-repeat: repeat-y;
	background-position: top right;
	color: #71643B;
	font-size: 14px;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
	border: 2px solid #1F4266;
}
#sidebar ul li 
{
	list-style-type: none; 
	line-height: 1.5em;
}

#sidebar ul li ul li	/* Sidebar items */
{
	list-style: none;
	margin-left: 2.0em;
}

/*========= POST STYLE =========*/
div.post
{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 15px;
}

div.postheader
{
	width: 100%;
}
.postheader h1	/* Post title */
{
	border-bottom: 1px black solid;
	width: 100%;
	font-family: times, serif;
	font-size: 20px;
	margin: 0; 
	padding: 0;
}

.postheader small	/* Author and date */
{
	float: right;
	font-style: italic;
}

div.postcontent
{
	clear: both;
	padding-top: 10px;
}
.postcontent { line-height: 1.4em; }

div.postfooter
{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	background-color: #FCFCDC;
	border: 1px solid black;
}

/*========= COMMENT STYLE =========*/
li.comment
{
	margin-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

img.avatar
{
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

/*========= FOOTER STYLE =========*/
div#footerbeam
{
	width: 100%;	/*total width: 780px */
	height: 20px;
	border: 1px solid white;
	line-height: 20px;
	background-color: #66A0D0;
}
#footerbeam a 
{
	margin-left: 5px;
	color: #FFFFFF;
	font-weight: bold;
}
#footerbeam a:hover { text-decoration: underline; }
#footerbeam img { vertical-align: middle; }


div#footer
{
	background-color: #091D32;
	background-image: url("images/footerBG.gif");
	background-repeat: repeat-y;
	background-position: center;
}

#footer 
{
	color: white;
	text-align: center;
}
#footer a { color: #ffff66 }
#footer a:hover { text-decoration: underline; }