/*  
Theme Name: Washington Street
Theme URI: http://www.dbhcreative.com
Description: The "Washington Street" WordPress theme has been built by <a href="http://www.dbhcreative.com" title="Free WordPress Themes">DBH Creative</a> and comes under a Creative Commons License.
Version: 1.0
Author: Dan Heisel
Author URI: http://www.dbhcreative.com
*/

/*+++++++ BODY +++++++*/
* { margin: 0px; padding: 0px; list-style:none; outline:none; text-decoration:none;}
body { background-color:#2c455d; repeat; font:14px Verdana, Arial, Helvetica, sans-serif; color:#000000;}

/*+++++++ H1,H2,H3 HYPERLINKS +++++++*/
h2,h3 { font:18px Georgia,Times, serif;}
h3 { padding:20px 0 20px 0;}
a:hover { color:#846d49;}
a { color:#533212; font-weight:bold;}

/*+++++++ MISC +++++++*/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 1px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
a img { border: none; }
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}
.clear { clear:both; }
.space { clear:both; height:20px; width:580px;}
img { border:none; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
html>body #content ul { padding: 0 0 0 30px; padding-left: 10px; } 
html>body #content li {	margin: 7px 0 8px 10px; }
#content ul li:before { content: "\00BB \0020"; }
#content ol { padding:0; margin:0;}

/*+++++++ MAIN +++++++*/
#wrapper { width:970px; min-height:400px; margin:0px auto 0px; background: url(images/wrap-edge.png) repeat;}
#main { width:950px; margin:auto; background-image: url(images/wrap-bg.png); background-repeat: repeat-x; background-color: #ffffff; }

/*+++++++ HEADER +++++++*/
#header { width:950px; height:110px; background-color:#3a6c83; margin:0px auto 0px;}
#logo { width:550px; float:left; height:110px;}
#logo h1 { text-indent:-9999px; }
#logo h1 a { display:block; background:url(images/logo.png) no-repeat; height:110px;}
#topsearch { float:right; width: 254px; height: 30px; background: url(images/sbox.png) no-repeat; margin:10px 5px 0 0; }
#topsearch #s { float: left; margin: 6px 0 0 6px; border: 0; width: 210px; background: none; color:#333; }
#topsearch #go { float: right; width:28px; height:30px;  }

/*+++++++ NAV +++++++*/
#nav { width:950px; background:url(images/navbkg.png) repeat-x; height:40px;  margin:0px auto 10px; background-color: #000000; }
#nav ul li.date { float:right; padding-top:10px; padding-right:10px; color:#ffffff; font-size:15px;}

/*+++++++ CONTENT +++++++*/
#content { float:left; width:500px;	min-height:500px; padding-right:10px; padding-left:10px; line-height:160%; }
#content img {margin:0 10px 5px 0;}
#sidebar { float:right; width:345px; padding-right:10px;}
.boxes {background:url(images/line.png) bottom repeat-x; padding-bottom:10px; padding-top:10px;}
.ads {margin-right:1px;}
.ads img {border:2px solid #101010;}
.rss {background:url(images/rss.gif) left no-repeat; padding-left:35px;}
.socialbar {padding:10px 0 10px 0; color:#ccc; font:11px Georgia,Times, serif; background:url(images/socialbar.gif) no-repeat top left; padding:30px 10px 0 20px; height:88px; line-height:20px;}
.socialbar span {color:#FF6600;}
.socialbar a:link {color:#533212;}
.socialbar a:hover {color:#846d49;}
.subscribetext{color:#666;border:1px solid #9FC253;background:#9FC253; width:150px;padding:2px;}
.subscribebutton {background-color:#ffffff; border:none; font-size:11px; color:#000; font-weight:bold; padding:3px;}
#lsidebar { width:160px; float:left;}
#rsidebar { width:180px; float:right;}
#program-quote {color:#900; font-style:italic;}
#program-img {float:right; padding-left:5px; padding-bottom:5px; padding-top:5px;}
#content p { padding-bottom:10px;}
#content h2 { font:24px Verdana, Geneva, sans-serif; text-transform:capitalize; padding-bottom:10px; }
#content h2 a { color:#000000;}
#content p.info { font-size:13px; text-transform:uppercase; color:#333333; padding-bottom:10px;}
#content p.postmetadata { width:500px; background:url(images/postmeta.png) repeat-x; height:26px; line-height:26px; text-transform:uppercase; font-size:13px; color:#999000; padding:0px;}
#content p.postmetadata a { color:#533212; font-weight:normal; height:26px; line-height:26px;}
#content p.tags { width:580px; background:url(images/line.png) repeat-x; height:26px; line-height:26px; text-transform:uppercase; font-size:13px; color:#ff6600; padding:0px;}

/*+++++++ NEXT PREVIOUS +++++++*/
.navigation { width:500px; height:20px; margin-bottom:20px; }
.navigation span.older { background:url(images/older.png) no-repeat left; padding-left:20px; }
.navigation span.newer { background:url(images/newer.png) no-repeat right; padding-right:20px; }

/*+++++++ SIDEBAR +++++++*/
#sidebar h2 { padding-bottom:10px; color:#000;}
#sidebar ul{ margin:10px auto 20px;}
#sidebar ul li{}
#sidebar ul li ul{}
#sidebar ul li ul li{display:block; background:url(images/bullet.png) no-repeat 0 3px; padding-left:18px; padding-bottom:5px;}
#sidebar p { padding-bottom:10px; line-height:140%;}
#sidebar a:hover { color:#846d49;}
#sidebar a { color:#533212; font-weight:normal;}

/*+++++++ COMMENT +++++++*/
.comen { width:500px; margin-bottom:10px;}
.cleft { float:left; width:60px; border:3px double #dadada; }
.cright { float:right; width:500px; }
.comen .cright .ucomen{ font:11px Georgia, Times, serif; text-transform:uppercase; color:#99900;}
.comen .cright .ucomen a { color:#999000;}
#commentform textarea { width: 390px; padding: 2px; }
#commentform label { display:block; float:left; width:100px; color:#9fc253; font:bold 15px Georgia, Times, serif; text-align:right; padding-right:10px;}
#commentform #author { background:url(images/author.gif) no-repeat; width:370px; height:27px; border:none; padding:3px 0 0 30px;}
#commentform #email { background:url(images/email.gif) no-repeat; width:370px; height:27px; border:none; padding:3px 0 0 30px;}
#commentform #url { background:url(images/url.gif) no-repeat; width:370px; height:27px; border:none; padding:3px 0 0 30px;}
#commentform #comment { background:#eeeeee; border:3px solid #878d59;}
#commentform #submit { width:106px; height:34px; padding:10px 0 20px 110px; }


/*+++++++ FOOTER +++++++*/
#footer { width:950px; background:url(images/fooline.png) repeat-x; height:26px; color:#333333; font:12px Georgia,Times, serif; padding-bottom:5px; margin:0px auto 0px;}
#footer p { line-height:26px; padding-top:5px; padding-left: 10px; padding-right:10px;}

/*+++++++ GALLERY +++++++*/
.gallery {text-align:center;}
.gallery img {padding:2px; height:100px; width:100px;}
.gallery a:hover {background-color:#ffffff;}
.attachment {text-align:center;}
.attachment img { padding:2px; border:1px solid #999999;}
.attachment a:hover {background-color:#FFFFFF;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft a:hover {background-color:#FFFFFF;}
.imgleft img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}
.imgright {float:right;}
.imgright a:hover {background-color:#FFFFFF;}
.imgright img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}
.pics { width: 267px; height: 200px; padding: 10px; margin-left: auto; margin-right: auto; padding-right:20px; }
.pics img { padding: 10px; border:  1px solid #ccc; background-color: #eee; width:  267px; height: 200px; top:  0;left: 0 }

/*+++++++ HORIZONTAL NAV MENU +++++++*/
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal {background-color:#000; margin: 0; padding: 0; list-style-type: none; font-size: 100%; cursor: default; width: auto;}

/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive {z-index: 1000;}

/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li {margin: 0; padding: 0; background-color:#000; list-style-type: none; font-size: 100%; position: relative; text-align: left; cursor: pointer; float: left;}

/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul {margin: 0; padding: 0; list-style-type: none; font-size: 100%; z-index: 1020; cursor: default; width: auto; position: absolute; left: -1000em; background-color:#000;}

ul.MenuBarHorizontal li ul li a {font-size: 11px;}

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {left: auto;}

/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li {width: 245px;}

/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul{position: absolute; margin: -5% 0 0 95%;}

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {left: auto; top: 0;}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul {border: 1px solid #000; padding-left: 5px; padding-bottom:8px;}

/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a {display: block;	cursor: pointer; background-color:#000;	padding: 8px 10px 0px; color: #ded162; font: Verdana, Arial, Helvetica, sans-serif; font-weight:600; font-size:13px; text-decoration: none;}

/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {background-color:#000; color: #dadada;}

ul.MenuBarHorizontal a:visited, ul.MenuBarHorizontal a:focus {background-color:#000; color: #ded162;}

ul.MenuBarHorizontal li ul li{ 
clear: left; 
} 
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {background-color:#000; color: #FFF;}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu {background-repeat: no-repeat; background-position: 95% 50%;}

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu {background-repeat: no-repeat; background-position: 95% 50%;}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover {background-repeat: no-repeat; background-position: 95% 50%;}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover {background-repeat: no-repeat; background-position: 95% 50%; font-size:10px;}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe {position: absolute; z-index: 1010; filter:alpha(opacity:0.1);}

/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection 
{ul.MenuBarHorizontal li.MenuBarItemIE {f/loat: left; background: #FFF; }}