/* YouBeMom Message Board stylesheet					*/
/* author: YBM									*/
/* last modified: 7.11.2008							*/
/* CSS frameset implementation courtesy of Martin Carlsson		*/
/* http://www.webpelican.com/web-tutorials/css-frames-tutorial/ 	*/
html { font-size: 100%; }

body {
	font-family: verdana, arial, san-serif;
	font-size:1em;
	background-color:#FDFDFD;
}

.clear {
	clear:both;
	font-size:0;
	line-height:0;
}

/*-------------------------------------- GENERIC FORM STYLES --------------------------------------*/
select, label, input, textarea {
	font-size:0.6875em;
	font-family:verdana, arial, san-serif;
}

select {
	height:1.7273em;
	margin-top:0.0909em;
	border:1px solid #858585;
}

label {
	text-align:right;
	padding:0.3636em 0.4545em 0 0;
}

textarea {
	border:1px solid #B5B5B5;	
}

input.button, a.button {
	font-size:0.6875em;
	color: #FFFFFF;
	width:6.5em;
	height:1.8182em;	
	background: #3385AD url(../images/button-bg.gif) bottom left repeat-x;
	padding-bottom:0.1818em;
	border:1px solid #006699;
}

input.button:hover, a:hover.button {
	cursor:pointer;
}

input.button {
	vertical-align:middle;
}
	
/*-------------------------------------- HEADER STYLES --------------------------------------*/
#header {
	color:#FFFFFF;
	background-color:#006699;
	width:100%;
	border-bottom:1px solid #FFFFFF;
	background: #006699;
	min-width:40.625em;
}

#masthead {
	height:3.125em;
	width:18.75em;
	padding-left:0.3125em;
	overflow:hidden;
}

#masthead a img {
	float:left;
	border:none;
	height:3.125em;
	width:3.125em;
}

#masthead h1 {
	font-size:1em;
	font-family:georgia, 'times new roman', serif;
	font-weight:normal;
	padding-top:0.5625em;
}

#masthead h2 {
	font-size:0.625em;
	font-weight:normal;
	color:#B3D0DF;
}

#header a {
	color:#FFFFFF;
	text-decoration:none;
}

#header ul {
	clear:right;
	float:right;
	font-size:0.6875em;
	padding-right:0.7273em;
	padding-top:4px;
}

#header ul li {
	display:inline;
	float:left;
	border-left:1px solid #FDFDFD;
	padding:0 0.7273em 0 0.7273em;
}

#header ul li.first {
	border-left:none;
	font-weight:bold;
}

#header ul li a:hover {
	text-decoration: underline;
}

a#blog-link {
	float:right;
	width:14.5455em;
	height:2.0909em;
	color: #F0CCF7;
	font-size:0.6875em;
	font-family:georgia, 'times new roman', serif;
	line-height:2em;
	text-align:center;
	margin-right:1.3636em;
	background: #881999 url(../images/blog-bg.gif) bottom left repeat-x;
	border:1px solid #3A123F;
	border-top:none;	
}

a#blog-link:hover {
	color: #FFFFFF;
}
a#blog-link span {
	font-size: 0.8182em;
	font-family: arial, san-serif;
}

/*-------------------------------------- CONTROL STYLES --------------------------------------*/
.controls {
	color:#353535;
	background-color: #F0F0F0;
	border-top:1px solid #A5A5A5;
	border-bottom:1px solid #A5A5A5;
	height:1.625em;
	min-width:46.5625em;
	overflow:hidden;
	padding: 0.3125em 0 0 0.9375em;
}

.controls a.button {
	float:left;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	line-height:1.75em;
	padding:0;
	margin:0 0.3636em 0 0;	
}

.controls select, .controls label, .controls input, .controls a, .controls .divider {
	float:right;
}

.controls select {
	border:1px solid #A5A5A5;
}

.controls select.sort {
	width:9.09091em;
}

.controls input.search, .controls input.no-search  {
	height:1.3636em;
	padding:0.1818em 0 0 1.5455em;
	margin: 0.0909em 0.4545em 0 0;
	background: #FFFFFF url(../images/search.gif) center left no-repeat;
	border:1px solid #B5B5B5;	
	color:#353535;
}

.controls input.no-search  {
	color:#858585;
}

.controls a.search, .controls a.no-search {
	color:#858585;
	font-size:0.6875em;
	padding: 3px 0 0 0;
	margin-right:1.3636em;
	text-decoration:none;
}

.controls a.search {
	color: #353535;
	text-decoration:underline;
}

.controls a.no-search:hover {
	color: #353535;
	text-decoration:underline;
}

.controls .divider {
	color: #A5A5A5;
	border-left:1px solid #A5A5A5;
	margin: 0.125em 0.4375em 0 0.4375em;
	height:1.125em;
}

/*-------------------------------------- FOOTER CONTROL STYLES --------------------------------------*/
#footer-controls .controls {
	min-width:40.625em;
}

.controls ul.pager {
	float:right;
	display:inline;
	margin:0.0625em 0.9375em 0 0;
}

.controls ul.pager li {
	display:inline;
	float:left;
	font-size:0.6875em;
	border:1px solid #A5A5A5;
	border-right:none;	
}

.controls ul.pager li.el {
	border:none;
	border-left:1px solid #A5A5A5;
	padding:0.3636em 0.2727em 0.1818em 0.2727em;
}

.controls ul.pager li a{
	color:#353535;
	float:left;
	text-decoration:none;
	background-color:#FDFDFD;
	padding:0.1818em 0.2727em 0.1818em 0.2727em;
}

.controls ul.pager li a:hover, .controls ul.pager li a.current {
	background-color:#006699;
	color:#FFFFFF;
}

.controls ul.pager li a.next {
	border-right:1px solid #A5A5A5;
}

/*-------------------------------------- FOOTER PANEL STYLES --------------------------------------*/

.footer-panel {
	height:9.125em;
	padding-left:0.9375em;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #A5A5A5;
	background-color:#F5F5F5;
}

.footer-panel h1 {
	font-size:0.875em;
	color:#006699;
	font-family:georgia,'times new roman', serif;
	font-weight:normal;
	padding:0.3em 0 0.3em 0;
}

.footer-panel span.close {
	float:right;
	color:#858585;
	font-size:0.7143em;
	font-family:verdana, arial, sans-serif;
	margin-top:0.3em;
}

.footer-panel span.close  a {
	color:#858585;
	text-decoration:none;	text-align:right;
}

.footer-panel span.close  a:hover {
	color:#353535;
	text-decoration:underline;
}

.footer-panel form {
	border:1px solid #D5D5D5;
	border-top:4px solid #006699;
	background-color:white;
	overflow:hidden;
	width:25.15em;
	width:28.15em;
	padding:0.375em;
	height:auto;
}

.footer-panel form input, .footer-panel form select, .footer-panel form label, .footer-panel form textarea {
	margin:0;
}

.footer-panel form label {
	float:left;
	width:5em;
}

#login-panel {
	min-width:46.875em;
}

#login-message {
	padding-left:0.75em;
	overflow:hidden;
	width:21.875em;
	text-align:center;
}

#login-message h1 {
	font-family:georgia, 'times new roman', serif;
	font-size:1em;
	font-weight:normal;
	line-height:1.125em;
	color:#990099;
	padding:0 0 0.25em 0;
	
}

#login-message h2 {
	color:#990099;
	font-size:0.6875em;
	font-weight:normal;
	color:#006699;
	line-height:1.5em;
}

#login-message h2 a {
	font-weight:bold;
	color:#006699;
}

#login-message h3 {
	color:#757575;
	font-size:0.625em;
	font-weight:normal;
	line-height:1.8em;
	border-top:1px solid #C5C5C5;
	border-bottom:1px solid #C5C5C5;
	background-color:#FEFEFE;
	padding-top:0.3em;
	margin-top:0.5em;
}

#login-message h3 a  {
	color:#006699;	
	text-decoration:none;
}

#login-message h2 a:hover, #login-message h3 a:hover{
	text-decoration:underline;
}

#login-form {
	float:left;
	width:22.1em;
}
 
#login-form input.ti, #post-form input.ti, #reply-form input.ti {
	height:1.3636em;
	padding-top:0.1818em;
	border:1px solid #B5B5B5;	
}
 
#login-form input.ti {
	width:18.75em;
	margin-bottom:0.4545em;
}

#login-form label.cb {
	text-align:left;	
	width:auto;	
	padding:0;
	margin:0; 
	margin-left:0.25em;
}

#login-form input.cb {
	float:left;
	height:1.2727em;
	width:1.2727em;
	margin-left:5.4545em;
}

#login-form  input.submit {
	clear:none;
	margin-left:0.4545em;
	vertical-align:top;
}

#login-form a {
	color:#006699;
	font-size:0.625em;
	margin-left:6em;
	text-decoration:none;
}

#login-form  a:hover {
	text-decoration:underline;
}

#post-form input.ti {
	width:18.6363em;
	margin-right:0.4545em;
	width:23em;
}

#post-form select {
	width:11.3636em;
}

#post-form textarea, #reply-form textarea {
	font-size:0.6875em;
	width:30.4545em;
	width:34.8em;

	margin: 0.4545em 0 0.3636em 0;
	height:3.5455em;
}

#post-form .counter, #reply-form .counter {
	font-size:0.6875em;
	color:#757575;
	margin-left:5.2727em;
	width:11.3636em;
	float:left;
	display:inline;
}

#post-form input.button, #reply-form input.button {
	float:right;
	margin-right:0.4545em;
}

#reply-panel, #post-panel {
	display:none;
}

#reply-panel h1, #post-panel h1 {
	width:33.1em;
}

#reply-form input.ti {
	width:34.8em;
}

/*-------------------------------------- FOOTER  STYLES --------------------------------------*/
#footer {
	background-color:#006699;
}

#footer-bar {
	font-size:0.625em;
	min-width:60em;
	height:1.6em;
	line-height:1.6em;
	border-top: 1px solid #FFFFFF;
	color:#FFFFFF;
	text-align:center;
}

#footer-bar a {
	color:#FFFFFF;
	text-decoration:none;
}

#footer-bar a:hover {
	text-decoration:underline;
}

body.logged-in #content { padding-bottom:3em; }
body.logged-in #footer-wrap {height:1.0625em;}
body.logged-in #footer-controls  {bottom:1.0625em;}

/*-------------------------------------- CONTENT STYLES --------------------------------------*/
#content {
	padding-left:0.9375em;
	padding-right:0.9375em;
	background-color:#FDFDFD;
}

#content h1 {
	color:#006699;
	font-size:1.125em;
	font-weight:normal;
	font-family:georgia;
	line-height:1.5em;
}

#content h1 span{
	display:inline-block;
	font-family:verdana, arial, san-serif;
	font-size:0.5556em;
	vertical-align:top;
	color:#858585;
}

#content h1 span a
{
	color:#858585;
	text-decoration:none; 
}

#content h1 div a:hover {
	color:#353535;
}

#content h2 {
	font-size:.75em;
	font-weight:normal;
	color:#990099;
	line-height:2.75em;
}

 #content h2 a {
	color:#990099;
}

#content ol.sm {font-size:0.6875em;}
#content ol.med {font-size:0.75em;}
#content ol.lg {font-size:0.8125em;}
#content ol.xl  {font-size:0.875em;}

#content ol {line-height:1.5em;}

#content ol ul {font-size:12px;}

#content ol.sm ul a.reply, #content ol.sm ul a.vreply, #content ol.sm ul .body {font-size:0.9167em;}
#content ol.med ul a.reply, #content ol.med ul a.vreply, #content ol.med ul .body  {font-size:1em;}
#content ol.lg ul a.reply, #content ol.lg ul a.vreply, #content ol.xl ul .body  {font-size:1.0833em;}
#content ol.xl ul a.reply, #content ol.xl ul a.vreply, #content ol.lg ul .body  {font-size:1.1667em;}

#content ol.sm ul .meta {font-size:0.8333em;}
#content ol.med ul .meta {font-size:0.9167em;}
#content ol.lg ul .meta {font-size:1em;}
#content ol.xl ul .meta {font-size:1.0833em;}

#content ol.sm ul .body .meta {font-size:0.9091em;}
#content ol.med ul .body .meta {font-size:0.9167em;}
#content ol.lg ul .body .meta {font-size:0.9231em;}
#content ol.xl ul .body .meta {font-size:0.9286em;}

#content ol.thread-list, ol.sticky-list {
	margin-left:25px;
}

#content ol.thread-list ul, #content ol.sticky-list ul, #content ol.permalink ul{
	list-style-type:square;
	padding-left:22px;
}

#content ol.sticky-list {
	list-style:disc url(../images/sticky.gif) outside;
}

#content ol.sticky-list ul {
	list-style-image:none;
}

#content ol.thread-list li.thread, #content ol.sticky-list li.thread  {
	padding-left:1.3636em;
}


#content a.minus, #content a.plus {
	border:1px solid #757575;
	float:left;
	text-decoration:none;
	width:0.8182em;
	height:0.8182em;
	margin:0.2727em 0 0 -1.3636em;
}

#content a.minus {
	background: url(../images/minus.gif) center center no-repeat;
}

#content a.plus {
	background: url(../images/plus.gif) center center no-repeat;
}

#content .meta { 
	font-size:0.9091em;
	color:#858585;
}

#content span.board {
	font-size:0.9091em;
	padding-left:0.4em;
	padding-right:0.4em;
	margin-right:0.5em;
	color:#FFFFFF;
	background-color:#006699; 	
}

#content a, #content a.post, #content a.vpost, #content a.reply, #content a.vreply {
	color:#006699;
	text-decoration:none;
}

#content a:hover, #content a:hover.post, #content a:hover.vpost, #content a:hover.reply , #content a:hover.vreply {
	text-decoration:underline;
}

#content a.post, a.vpost {
	font-weight:bold;
}

#content a:visited.vpost, #content a:visited.vreply {
	font-weight:normal;
	color:#6699CC;
}

#content a:visited:hover.vpost, #content a:visited:hover.vreply {
	color:#006699;
}

#content .body {
	display:none;	
}

#content .meta a {
	color:#FFFFFF;
	background: #3385AD url(../images/button-bg.gif) bottom left repeat-x;
	border:1px solid #006699;
	text-decoration:none;
	padding:0 0.5em 0.1em 0.5em;
	display:inline-block;
	line-height:1em;
	margin: 0.2em 0.3em 0.1em 0;
}

#content .meta a:hover {
	text-decoration:none;
}

#content .meta a.bf {
	background: #00AA00 url(../images/button-bf.gif) bottom left repeat-x;
	border:1px solid #005500;
}


#content .meta a.bh{
	background: #A5A5A5 url(../images/button-bh.gif) bottom left repeat-x;
	border:1px solid #555555;
}

#content img.saved  {
	vertical-align:middle;
	padding-left:0.4545em;
	height:1em;
	width:0.9091em;
}

#content a.embed {
	background:#F0F0F0;
	border-bottom:1px dotted #757575;
	color:#353535;
	text-decoration:none;
}

#content a:hover.embed {
	border-bottom:none;
	text-decoration:underline;
}

#content ul.h {
	display:none;
}

#content ol.permalink {
	list-style:none;
}

#content ol.h-div li.thread {
	border-bottom:1px solid #D5D5D5;
	margin-bottom:0.3636em;
	padding-bottom:0.4545em;
}

#content span.new {
	font-size:1em;
	font-weight:bold;
	color:#990099;
}

#content a.highlight, #content a:hover.highlight, #content a:visited.highlight {color:#00AA00;}
#content a.ybm, #content a:hover.ybm, #content a:visited.ybm {color:#990099;}
#content span.hide, #content span.hide a, #content span.hide a:hover {color:#959595;color:#858585;}
#content span.search{color:#FFFFFF;background-color:#990099;}

#content div.pager, #content div.pager a {
	text-align:center;
	font-family:georgia;
	font-size:0.9090em;
	color:#006699;
	text-decoration:none;
	padding:0.9091em 0 0.9091em 0;
}

#content div.pager a:hover {
	text-decoration:underline;
}

#content a.back-link {
	font-size:0.75em;
	display:block;
	width:11em;
	padding-top:1.2em;
	font-family:georgia, 'times new roman', serif;
}

#hf {
	float:left;
	width:0; 
	height:0; 
	border:none;
}