/*
Theme Name: Bridge Blogging - Main Theme
Description: Theme Designed by Mediatrix and programmed by Luise Lee Designs.
Version: 1.0
Author: Luise Lee Designs 
Author URI: http://www.luiselee.com
Tags: fixed width, two columns, widgets, apple, mac, white, grey

	Bridge Blogging v1.0
	http://www.luiselee.com/

	This theme was designed and built by Luise Lee Designs,
	whose homepage you will find at http://luiselee.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* Reset
-------------------------------------------------------------------*/
* { padding: 0; margin: 0; }
ol ol, ul ul, ol ul, ul ol { margin-left: 20px; margin-bottom: 0; }
img { border: none; }


/* Body
-------------------------------------------------------------------*/
body { 
	font-family: Arial, Helvetica, sans-serif;
	color: #000000; 
	background: #aaccaf; 
}

h1, h2, h3, h4, h5,h6 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #333; }
h1 { font-size: 22px; line-height: 26px; margin-bottom: 10px; }
h2 { font-size: 20px; line-height: 24px; margin-bottom: 7px; }
h3 { font-size: 18px; line-height: 22px; margin-bottom: 5px; }
h4 { font-size: 16px; line-height: 20px; margin-bottom: 5px; }
h5 { font-size: 14px; line-height: 18px; margin-bottom: 5px; }
h6 { font-size: 12px; line-height: 16px; margin-bottom: 5px; }

h1 span { color: #999; }

a { color: #5371c5; text-decoration: none; }
a:hover { color: #5371c5; text-decoration: underline; }
a:visited { color: #5371c5; }

p { margin-bottom: 10px; font-size: 1.1em;}

input, textarea { font: 12px Verdana, Helvetica, Arial, Geneva, sans-serif; }

blockquote { 
	font: italic 14px/22px Georgia, Serif; 
	padding: 5px 10px;
	margin-bottom: 20px;
	background: #eef3f7; 
}



/* Container
-------------------------------------------------------------------*/
#container { 
	width: 100%; 
	padding-bottom: 10px; 
	margin: 20px auto 20px auto;
	overflow: hidden; 
}
#container #wrapper { 
	width: 100%; 
	float: left; 
	overflow: hidden; 
	background: #d6ded4 url(images/sidebar-bg.gif) repeat-y top right; 
}



/* Header
-------------------------------------------------------------------*/
#header { 
padding-left: 50px;

}
#header h1 { 
	font: 6px Verdana;
	margin-bottom: 0; 
	color: #fff; 
}

#subhead h2 {
	padding-left: 50px;
	width: 93%;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #00743f;
	color: #fff;
	font-weight: bold;
	font-size: 1.4em;
	text-shadow: 1px 1px 1px #030; 
}



/* Search
-------------------------------------------------------------------*/
#search {
	position: absolute;
	top: 16px; 
	right: 50px;
}
#search #s { 
	width: 200px;
	height: 20px;
/*	padding: 5px 0 5px 23px;
	vertical-align: bottom;
	line-height: 1px;
	font: normal 12px Verdana, Sans-Serif;
	color: #777;
	border: 0;
	background: #fafafa url(images/search.gif) no-repeat; */
}



/* Navigation
-------------------------------------------------------------------*/

#topNav {

}

#topNav ul { 
padding-left: 40px;
}

#topNav ul li {
	display: inline;
	font-family:Arial, Helvetica, sans-serif;
}

#topNav ul li a { 
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px;
	font-size: 1.1em;
	text-shadow: 1px 1px 1px #030; 
}
#topNav ul li a:hover { 
    color: #fdbc09;	
	border-top: 10px #fdbc09 solid;
	text-shadow: none; 
}

a span.arrows {
   color: #00743f;	
   text-shadow:none;
}

a:hover span.arrows {
	color: #fdbc09;
	text-shadow: none; 
}

/* Main Page design
-------------------------------------------------------------------*/

#mainfeed {
	font-size:1em;
	line-height: 1.3em;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

div#otherfeed {
	clear: both;
}
#otherfeed {
	font-size: 1em;
	line-height: 1.3em;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

#otherfeed div.title a {
	color: #660000;
	font-size: 1.5em;
	text-decoration: none;
	font-weight: bold;
}

#otherfeed div.title { padding-top: 10px; padding-bottom: 3px; }
#otherfeed div.title a:hover { text-decoration: underline; }
#otherfeed div.description {clear: left; padding-top: 10px; padding-bottom: 10px; }
#otherfeed div.pubDate, #otherfeed div.author { display: inline; }
#otherfeed div.author { color: #666666; font-weight: bold; }
#otherfeed div.pubDate { color: #666666; clear: left; font-weight: bold; }

#featuredfeed {
 font-size:1em;
 line-height: 1.3em;
 padding: 0px;
 margin: 0px;
 font-family: Arial, Helvetica, sans-serif;
}

#featuredfeed div.title a {
	color: #ac8c31;
	font-size: 1.5em;
	text-decoration: none;
	font-weight: bold;
}

#featuredfeed div.title { padding-top: 10px; padding-bottom: 3px; }
#featuredfeed div.title a:hover { text-decoration: underline; }
#featuredfeed div.description {clear: left; padding-top: 10px; padding-bottom: 10px; }
#featuredfeed div.pubDate, #featuredfeed div.author { display: inline; }
#featuredfeed div.author { color: #00743f; font-weight: bold; }
#featuredfeed div.pubDate { color: #00743f; clear: left; font-weight: bold; }

#featuredfeed div.description,
#otherfeed div.description {
	max-width: 31em;
	line-height:1.35em;
}

#picklist h1 {
    color: #660000;	
	padding-bottom: 10px;
	border-bottom: 6px #dddddd solid;
}
#picklist ul {
	color: #666666;
	list-style:outside;
	list-style-position: outside;
	padding-left: 20px;
	font-family:Arial, Helvetica, sans-serif;
}

#picklist ul li a { text-decoration: none; color: #666666; }
#picklist ul li a:hover { text-decoration: underline; color: #000000; }

/* Content
-------------------------------------------------------------------*/
#content { 
	float: left; 
	padding: 15px; 
	padding-left: 50px;
	width: 93%; 
	background: #fff; 
	overflow: hidden;
}

#content div.post { 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.0em;
    clear: both;
	margin-top: 10px;
}
#content div.post h1,
#featuredfeed h1 {
	margin-top: 10px;
	padding-top: 3px; 
	padding-bottom: 3px;
	padding-left: 10px;
	width: 100%;
}
#content div.post h1.post-title,
#featuredfeed h1 {
	color: #ffffff;
	background-color: #3657A8;
	margin-top:10px;
}
#content div.post div.post-tags {
	margin-top: 20px;
	margin-bottom: 30px;
}

#featuredfeed h1 {
	background-color: #ac8c31;
}
#content div.post h1.post-title a {
	text-decoration: none;
	color: #ffffff;
}

#content div.post .post-info { 
	color: #AC8C31; 
	padding: 5px 0px 5px 0px; 
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 20px;
}
#content div.post .post-info a { color: #660000; text-decoration:none; }
#content div.post .post-info a:hover { color: #660000; text-decoration:underline; }

#content #pages { text-align: center; }
#content #pages a { font: bold 20px "Trebuchet MS"; color: #414d4c; text-decoration: none; }
#content #pages a:hover { color: #1e2726; }

#content ul,
ol,
dl {
	margin-bottom: 20px;
}
#content ul { list-style: disc; list-style-position: inside; }
#content ol { list-style: decimal; list-style-position: inside; }
#content dl dt { font-weight: bold; }
#content dl dd { font-style: italic; margin: 0 0 5px 20px; color: #555; }

.alignnone { padding-right: 15px; }
.aligncenter { margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 5px 15px 10px 0; }
.alignright { float: right; margin: 5px 0 10px 15px; }

#content #nav-above .nav-previous {text-align: left; float: left; width: 49%; }
#content #nav-above .nav-next {text-align: right; float: right; width: 49%; }

/* Home Page "content" Banner Ads
-------------------------------------------------------------------*/

#content div.onebannerad {
	width: 100%;
	text-align: center;
}
#content div.leftbannerad,
#content div.rightbannerad {
	width: 49%;
	text-align: center;
	background-color: white;
}
#content div.leftbannerad {
	float: left;
}
#content div.rightbannerad {
	float: right;
}
#content div.leftbannerad a,
#content div.rightbannerad a {
	margin: 0;
	padding: 0;
}
#content div.endbannerad {
	clear: both;
}

/* Comment Form
-------------------------------------------------------------------*/
h1.comments-title {
	padding-top: 20px;	
}
#commentform { 
	background: #bad3c8; 
	border: 5px solid #00743f; 
	padding: 10px; 
	color: #555; 
	width: 80%;
}
#commentform p { margin-bottom: 7px; }
#commentform textarea { 
	width: 60%; 
	border: 1px solid #00743f; 
	height: 120px;
}
#commentform input.text { 
	width: 150px; 
	border: 1px solid #00743f; 
	margin-right: 10px; 
	padding: 3px 3px; 
}
#commentform input#submit { padding: 3px 10px; }



/* Comments
-------------------------------------------------------------------*/
#comments .comment { 
	width: 90%;
	background: #bad3c8; 
	margin-bottom: 10px; 
	overflow: hidden; 
	padding-bottom: 5px; 
	border: 1px solid #00743f;
}
#comments .comment .comment-avatar { 
	width: 60px; 
	float: left; 
	padding: 5px 7px; 
}

#comments .comment .comment-content { 
	width: 80%;
	float: left; 
	padding: 10px 15px; 
	margin: 5px 5px 0 0; 
	background: #ffffff ; 
}
#comments .comment .comment-content a { color: #444; }

#comments .comment .comment-info { 
	font-size: 11px;
	color: #777;
	margin-bottom: 5px; 
}
#comments .comment .comment-info span {
	font: bold 20px Arial, Helvetica, sans-serif;  	
	padding-right: 10px; 
	margin-bottom: 5px;
}
#comments .comment .comment-info a { 
	color: #444; 
	text-decoration: none;
}



/* Sidebar
-------------------------------------------------------------------*/
#sidebar { 
	width: 291px; 
	float: right;
	font-size: 1.0em; 
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
}
#sidebar h3 {
	font-weight: bold;
	font-size: 1.1em; 
	color: #333; 
	width: 241px;
}

#sidebar a { color: #333; text-decoration: none; }
#sidebar a:hover { color: #777; }


#sidebar .block ul li { 
	background: url(icons/bullet.gif) no-repeat 0px 3px; 
	list-style: none;
	padding-left: 25px;
}

#sidebar .block ul li.bobby,
#sidebar .block ul li.nader { 
	padding-left: 80px;
	padding-top: 10px;
	padding-bottom: 20px;
}

#sidebar .block ul li.bobby {
	background: url(icons/BobbyWolff.gif) no-repeat 0px 3px; 
}

#sidebar .block ul li.nader {
	background: url(icons/NaderHanna.gif) no-repeat 0px 3px; 
}

#sidebar .block .smalltext {
	font-size: 0.8em;
}

/* Calendar */
#sidebar .block #calendar_wrap .pad { background: none; }
#sidebar .block #calendar_wrap #prev { background: none; }
#sidebar .block #calendar_wrap #next { background: none; }
#sidebar .block #calendar_wrap table { width: 100%; margin: 0;padding: 0;}
#sidebar .block #calendar_wrap table th { width: 14.2%; }
#sidebar .block #calendar_wrap table td { width: 14.2%; background: #fafafa; text-align: center; color: #888; }
#sidebar .block #calendar_wrap table td a { font-weight: bold; }


#sidebox .leftImg, #sidebar .leftImg {
	float: left;
	text-align:left;
	margin-right: 5px;
}
#sidebox .rightImg, #sidebar .rightImg {
	float: right;
	text-align:right;
	margin-left: 5px;
}
#sidebox, #sidebar .block {
	margin-right: 20px;
	margin-left: 15px;
	padding: 10px;
	margin-bottom: 15px;
	font-size: 1.0em;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight: normal;
	background-color: #dddddd;
	width: 241px;
}


.bottom {
	border-bottom: 6px #00743f solid;
	line-height: 1px;
	font-size: 1px;
	width: 241px;
	margin: 15px;
	margin-right: 30px;
	padding-right: 10px;
	padding-left: 10px;
}

#sidebox .subhead, #sidebar .subhead {
    font-weight: bold;
	color: #339966;
	text-transform:uppercase;
}
#sidebox a:hover, #sidebar a:hover { 	text-decoration: underline; color: #339966;}


/* Footer
-------------------------------------------------------------------*/
#footer {
	color:#FFF;
	font-weight: bold;
	width: 100%;
}
#footer a { 
	color:#FFF;
	text-decoration: underline;
}
#footer p { 
	padding: 10px 0px 0px 30px;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 1px #030;
	font-size: 0.9em;
}
#footer a:hover { 
    color: #fdbc09;	
}


/* Home Page BridgeBloggers' and "Other Bridge-Related Blogs" Posts
-------------------------------------------------------------------*/
h1.bridgeblogging {
	margin-top: 10px;
	padding-top: 3px; 
	padding-bottom: 3px;
	padding-left: 10px;
	width: 100%;
	color: white;
	background-color: #3657A8;
}
h1.otherbloggers {
	margin-top: 10px;
	padding-top: 3px; 
	padding-bottom: 3px;
	padding-left: 10px;
	width: 100%;
	color: white;
	background-color: #660000;
}
div.lefthomeposts {
	width: 47%;
	float: left;
}
div.righthomeposts {
	width: 47%;
	float: right;
}
div.lefthomeposts img.avatar,
div.righthomeposts img.avatar {
	display: block;
	float: left;
	padding-right: 12px;
}
div.lefthomeposts a,
div.righthomeposts a {
	margin: 0;
	padding: 0;
}
div.lefthomeposts br,
div.righthomeposts br {
	clear: both;
}
div.lefthomeposts h1,
div.righthomeposts h1 {
	color: #3657A8;
	font-size: 1.2em;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
div.lefthomeposts h2,
div.righthomeposts h2 {
	font-size: 1.0em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
div.lefthomeposts h2 span.author,
div.righthomeposts h2 span.author {
	color: #AC8C31;
}
div.lefthomeposts h2 span.comments,
div.righthomeposts h2 span.comments {
	color: #660000;
}
div.lefthomeposts h3,
div.righthomeposts h3 {
	color: #888;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}

/* Home Page "Other Bridge-Related Blogs" Posts
-------------------------------------------------------------------*/
iframe.otherfeed {
	border: none;
	width: 100%;
}