/*
Theme Name: YBM
Theme URI: http://blog.youbemom.com
Description: WordPress theme for the YBM Blog
Version: 1.0
Author: YBM
Author URI: http://www.youbemom.com
icons courtesy of http://www.brandspankingnew.net/
*/

/* ---------------------------------------- general styles ---------------------------------------- */
* {
	margin: 0;		/* clear all element margins/padding */
	padding: 0;
}
	
body 
{				/* for IE  		*/
	font-size: 75%; 	/*  default 0.75em/12px	*/
}

html>body {			/* for FF, Opera, Safari child selector	*/
	font-size: 12px;	/* default 0.75em/12px 		 	*/
}

p {
	font-family: verdana, arial, san-serif;
	font-size: 1em;		/* default to body size		*/
	line-height: 1.5em;	/* 18px vertical spacing 	*/ 
}

h1 {
	font-family: georgia, 'times new roman', serif;
}

#page {
	margin:auto;					/* center page 							*/
	width: 63em; 					/* 756px = 756/12  = 63em 					*/
}

#column-wrapper {  
	width: 63em;
	overflow:auto;
}

/* ---------------------------------------- header styles ---------------------------------------- */
#header {
	border-top: 0.3333em solid #006699;	/* 4px top border (4/12 = 0.3333em)  */
	color: #006699;
	overflow: hidden;
	display: block;	
}

	#header #logo {
		float: left;
		background-color: white;
		padding-top: 0.8333em;		/* 50px header height, 30px logo im height, 20px padding	*/
		padding-bottom:0.8333em;	/* padding top/bottom = 20/2 = 10px = 10/12 = 0.8333em 		*/
		width: 39em;			/* logo div width 468px = 467/12 = 39em				*/
		padding-top:1.1667em;   	/* readjustment for 0.3333em top feature border 		*/
		padding-bottom:0.5em;
		}
	
		#header #logo img {
			float: left;
			padding-right: 0.65em;
			width: 2.5em;		/* 30px = 30/12 = 2.5em */
			height: 2.5em;
			border: none;
		}
	
		#header #logo a {
			color: #006699;
			text-decoration: none;
		}

		#header #logo h1 {
			font-family: Georgia, 'Times New Roman', Serif;
			font-size: 1.3333em;	/* 16px = 16/12 = 1.3333em */
			font-weight: normal;
		}

		#header #logo h2 {
			color: #757575;
			font-family: Verdana, Arial, San-Serif;
			font-size: 0.8333em;	/* 10px = 10/12 = 0..8333em */
			font-weight: normal;
		}
	
	#header #search {
		float:right;
		width:22.5em;			/* search div width 288px = 288/12 = 24em */
		padding-top:1.1667em;
		padding-left:1.5em;
		padding-top:1.5em;		/* readjustment for 0.3333em top feature border */
	}

	#searchform input#s {
		font-family: verdana, arial, san-serif;
		width: 13.5em;
	}

	#searchform #searchsubmit {
		vertical-align: bottom;
		margin: 0;
		padding: 0;
		padding-left: 0.3333em;
	}
	
/* ---------------------------------------- featured post styles ---------------------------------------- */
#feature, #banner {
	color:white;
	background-color:#006699;
	width:63em;	/* 468px = 468/12 = 39em					*/
	height:15em; 	/* 144px = 144/12 = 12em  + 3em top/bottom padding = 15em 	*/	
	border-top: 0.3333em solid white;
	border-bottom: 0.3333em solid white;
}

#banner {
	height:auto;
	background: #006699 url(images/banner-bg.jpg) repeat-x;
	background-position: 100% 100%;
}

	#feature .sub-heading, #banner .sub-heading {
		color:#DDEEFF;
		font-family: Georgia, 'Times New Roman', serif;
		font-size: 1em;
		border-bottom:1px solid #99CCCC;
		line-height:1.5em;
	}
		
	#feature .sub-heading strong, #banner .sub-heading strong {
		color:#FFFFFF;
		font-weight:normal;
	}

	#banner .sub-heading {
		padding-top: 1.5em;
		margin-left: 1.5em;
		margin-right: 1.5em;
	}
	
	#feature #feature-post {
		float:left;
		border-right:1px solid #003366;
		padding:1.5em;
		width:35.9167em;	/* 468px - 1px right border = 467/12 = 38.9167em - 3em for left/right padding = 35.9167emi	*/
		height:12em; 		/* 180px = 180/12 = 15em (does not inc. top/bottom padding)					*/	
	}

	#feature h1, #banner h1 {
		font-weight: normal;		
		font-size: 2.6667em;		/* 32px = 32/12 = 2.6667em 								*/
		line-height: 1.125em; 		/* 2x line-height = 36/32 = 1.125em; 36px line height => 18px for top/bottom margins	*/
		margin-top: 0.25em;		/* 8px top (9px -1px sub-heading border) = 8/32 = 0.25em				*/
		margin-bottom: 0.28125em;	/* 9px bottom = 9/32 =  0.28125em							*/
	}
	
	#banner h1 {
		font-size: 2em;
		line-height: 1.5em;
		padding-left: 0.75em;
	}

	#feature h1 a {
		color: #FFFFFF;
		border-bottom:none;
		text-decoration: none;
	}
			
	#feature h1 a:hover {
		border-bottom: 1px solid #FFFFFF;
	}
	
	#feature a {
		color: #DDEEFF;
		border-bottom: 1px dotted #99CCCC;
		text-decoration: none;
	}
	
	#feature a:hover {
		color: #FFFFFF; 
		border-bottom: 1px solid #FFFFFF;
	}
			
	#feature #feature-comments {
		float:left;
		border-left:1px solid #99CCFF;
		background:#006699 url(images/feature-bg.jpg) no-repeat;
		background-position:100% 100%;
		padding:1.5em;
		width:20.9167em;	/* 288px less 1px for left border = 287/12 = 23.9167em - 3em for left/right padding = 20.9167em	*/
		height:12em; 		/* 180px = 180/12 = 15em (does not inc. top/bottom padding)					*/	
	}
	
        #feature #feature-comments ul {
		list-style-type: none;
		color:#99CCCC;
		font-family: verdana, arial, san-serif;
		font-size:0.9167em; 	/* 11px = 11/12 = 0.9167em 				*/
		margin-top: 1.5455em;	/* 18px - 1px sub-heading border = 17/11 = 1.5455	*/
		line-height: 1.6367em;	/* 18/11 = 1.6367em					*/
	}

	#feature #feature-comments ul li {
		background-image: url(images/bullet.gif);
		background-repeat: no-repeat;
		background-position: 0 0.6364em; 	/* -3px/11, 7px/11 	*/
		padding-left: 1.2727em;			/* 14px /11		*/
	}

/* ---------------------------------------- content styles ---------------------------------------- */

#left-column { 
	float:left;
	width:39em; 	/* 468px = 468/12 = 39em */
}

#content {
	padding: 1.1667em 1.5em 0 1.5em;
	background-color:white;
}

	#content h1, #content h2 {
		color: #006699;
		font-size: 1.8333em; /* 24px = 22/12 = 2em */
		font-weight:normal;
		line-height: 0.8182em;
		line-height: 1.5em;
		padding-bottom: 0.8182em;
	}
	
		#content h1 a {
			color: #006699;
			text-decoration: none;
			border:none;
		}
		
		#content h1 a:hover {
			color: #339900;
			background-color: #FFFFFF;
			border: none;
		}

	#content h2 {
		font-size: 1.6667em;
		line-height: 1.2857em;
		padding-bottom: 1em;
	}
	
	#content .byline {
		color: #8C8C8C;
		font-family: georgia, 'times new roman', serif;
		font-size: 0.9167em;
		line-height: 1.6364em;
		padding-top: 0.3em;
		padding-bottom: 1.3364em;
	}
	
	#content .calendar {
		background-image: url(images/calendar.gif);
		background-repeat:no-repeat;
		background-position: -0.1818em 0;
		padding-left:1.4em;
	}
	
	#content .comments {
		background-image: url(images/comments.gif);
		background-repeat:no-repeat;
		padding-left:1.6em;
	}

	#content .category {
		background-image: url(images/tag.gif);
		background-repeat:no-repeat;
		background-position: -0.1818em 0;
		padding-left:1.4em;
	}
	
	#content a {
		color: #339900;
		text-decoration: none;
		border-bottom: 1px dotted #339900;
	}
	
	#content a:hover {
		color: #FFFFFF;
		background-color: #339900; 
		border: none;
	}
	
	#content p {
		padding-bottom:1.5em;
	}

	#content blockquote p {
		padding-bottom:0;
		font-size: 1.1667em;
		line-height: 1.7143em;
		font-family: Georgia, 'Times New Roman', Serif;
		font-style: italic;
	}
	
	#content blockquote {
		padding-left:1.5em;
		margin-left: 1.5em;
		margin-bottom: 1.5em;
		color: #8C8C8C;
		color: #006699;
		color: #8C8C8C;
		border-left: 4px solid #A5A5A5;
	}	
	
	#content ul {
		list-style-type: none;
		font-family: verdana, arial, san-serif;
		padding-bottom: 0.5em;
		padding-left: 1.5em;
	}

		#content ul li {
			background-image: url(images/bullet-grey.gif);
			background-repeat: no-repeat;
			background-position: 0 0.5833em; 	/* 11px/12px = 0.05833em 	*/
			padding-left: 1em;			/* 12px  padding		*/
			padding-bottom: 1em;
			color: #555555;
			line-height:1.6364em;
		}
		
	#content .post-metadata {
		color: #8C8C8C;
		font-family: verdana, arial, san-serif;
		font-size: 0.9167em;
		line-height: 1.6364em;
		padding-bottom: 1.6364em;
	}
		
	#content .navigation, #content .back-link {
		color: #006699;
		font-family: verdana, arial, san-serif;
		font-family: georgia, 'times new roman', serif;
		font-size:1em;
		padding-bottom: 3em;
	}

	#content .back-link {
		font-size: 1em;
		padding-bottom: 1.5em;
	}

	#content .navigation a, #content .back-link a {
		color: #8C8C8C;
		text-decoration: none;
		border-bottom: 1px dotted #006699;
	}

	#content .navigation a:hover, #content .back-link a:hover {
		border-bottom: 1px solid #006699;
		color: #006699;
		background-color:white;
	}

	#content #search h1 {
		padding-bottom:0;
		padding-bottom: 0.25em;
	}
	
	#content .wp-polls-ans {
		font-family: verdana, arial, san-serif;
		background-color: #F5F5F5;
		border-top: 4px solid #D5D5D5;
		padding-bottom: 1.6364em;
		border-bottom: 4px solid #D5D5D5;
		margin-bottom: 1.6364em;
		color: #006699;
	}
	
	#content .wp-polls-ans h2 {
		padding: 1em;
		font-family: georgia, 'times new roman', serif;
	}

	#content .wp-polls-form a {
		color: #006699;
		font-family: verdana, arial, san-serif;
		border-bottom: 1px dotted #006699;
	}

	#content .wp-polls-form a:hover {
		color: #FFFFFF;
		background-color: #006699;
	}

	#content .wp-polls-ul {
		padding-left: 1.6364em;
		padding-right: 1.6364em;
		padding-bottom: 0;
	}

	#content .wp-polls-ul li {
		padding:0;
		margin:0;
		font-style: 0.9167em;
		background-image:none;
		list-style-type: none;
		margin-left: -0.75em;
		padding-bottom: 1.6364em;
	}

	#content .wp-polls-button {
		font-size: 0.9167em;
		color: #DDEEFF;
		background-color: #006699;
		padding: 0.2em 1em 0.2em 1em;
		border: 1px solid #006699;
		margin-bottom: 1em;
	}

	#content .wp-polls-button:hover {
		color: #FFFFFF;
		border: 1px dotted #DDEEFF;
	}

	.alignleft {
		float:left;
	}

	.alignright {
		float:right;
	}	

	.fixed-height {
		height: 24em;
	}	

/* ---------------------------------------- sidebar styles ---------------------------------------- */

#right-column {
	margin-left:39em;
}

#sidebar {
	padding: 1.5em 1.5em 0 1.5em;
}

	#sidebar ul {
		list-style-type:none;
		padding-bottom:1.5em;
	}

	#sidebar ul li ul li {
		color: #8C8C8C;
		font-family: verdana, arial, san-serif;
		font-size:0.9167em;
	}

	#sidebar h1, #sidebar h2 {
		color: #006699;
		font-family: georgia, 'times new roman', san-serif;
		font-weight: normal;
		font-size: 1.0833em;		/* 13px = 13/12 = 1.0833em */
		line-height: 1.3846em;		/* 18px = 18/13 = 1.3846em */
	}
	
	#sidebar p {
		font-size: 0.9167em;
		line-height: 1.6364em;
		padding-bottom: 1.6364em;
	}
	
	#sidebar a {
		color: #990099;
		line-height: 1.6364em;
		text-decoration: none;
		border-bottom: 1px dotted #990099;
	}
	
	#sidebar a:hover {
		color: #FFFFFF;
		background-color: #990099;
		border: none;
	}
		

/* This fixes the IE6 text jog bug.Enable hasLayout with height setting to eliminate jog and	*/
/* reposition div with position, left, and margin-right. For details, see			*/
/* http://www.positioniseverything.net/explorer/threepxtest.html.				*/
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #sidebar {				
	height:1%;			
	position:relative;
	left:-3px;
	margin-right:-3px;
}
/* end text jog hack */


/* ---------------------------------------- single post styles ---------------------------------------- */

#commentform #comment {
	font-family: verdana, arial, san-serif;
	font-size: 1em;
	width: 29em;
}

ol.commentlist {
	color: #606060;
	list-style-type: none;
	font-family:verdana, arial, san-serif;
	margin-bottom: 1.5em;
}

ol.commentlist li {
	font-size: 0.9167em;
	padding-left: 1.6364em;
	padding-right: 1.6364em;
	padding-top: 1.6364em;
	line-height: 1.6364;
}

ol.commentlist li p {
	color: #000000;
}

ol.commentlist li.alt {
	background-color: #F5F5F5;
}

#footer {
	border-top: 4px solid #B5B5B5;
	text-align: center;
	color: #A5A5A5;
}

	#footer-content {
		font-size: 0.8333em;
		font-family: verdana, arial, san-serif;
		line-height: 1.8em;
		padding: 1.8em;
		background-color:#EDEDED;
		margin-top:4px;
	}
			
.clear-float {
	clear:both;
	font-size:0;
	line-height:0;
}