/*
Theme Name: That Strickland Baby Theme 2.0
Version: 2.0
Author: Matthew Strickland
Author URI: http://www.stricklycreative.com/
Tags: baby, infant, parents, family, boy, girl
Description: A theme design for my little girl.
*/


/************************************************************************
  CSS Reset
*************************************************************************/

/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}





/************************************************************************ 
	Colors
*********************************************************************


	Pink - 			#ca819b
	Light Blue - 	#cceaee
	Dark Blue - 	#3e6d6d
	Background - 	#f4f6f6
	
								*/





/************************************************************************
  Generic Styles
*************************************************************************/

body { background: #D2F3F8; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 15px; color: #3f5050 }

.float-left { float: left; }

.clear { clear: both; }





/************************************************************************
  Header Section
*************************************************************************/

#header-wrapper { width: 100%; height: 151px; background: url(images/header-wrapper-bg.jpg) repeat-x; }

#header-container { width: 960px; height: 149px; margin: 0 auto; background: url(images/header-bg.jpg) top no-repeat; }

#nav-wrapper { width: 100%; height: 42px; background: url(images/nav-bg.png) repeat-x; }

#nav-container { width: 960px; height: 40px; margin: 0 auto; padding-top: 1px; }


#nav-container ul.main-navigation {  }

#nav-container ul.main-navigation li { display: inline-block; height: 40px; line-height: 40px; float: left; }

#nav-container ul.main-navigation li a { display: inline-block; padding: 0 38px; color: #da799b; text-decoration: none; border-right: 1px solid #b3dbe0; border-left: 1px solid #e8fcff; }

#nav-container ul.main-navigation li a:hover { background: url(images/nav-link-hover.png) repeat-x;   }


	#snapshots1-wrapper { width: 194px; height: 150px; margin-right: 20px; float: right; position: relative; right: 20px; background: url(images/bg-snapshots-small.png) no-repeat; }
	
	.slideshow { position: absolute; top: 25px; left: 28px; }



/************************************************************************
  Content Section
*************************************************************************/

#content-wrapper { width: 960px; margin: 0 auto; }

#content-wrapper-inner { }

#content-container { width: 620px; padding: 15px; float: left; }

.post-container { margin-top: 30px; position: relative;  }



#content-container h1 { margin-bottom: 10px; font-size: 28px; }

#content-container h2 { margin-bottom: 8px; font-size: 23px; }

#content-container h3 { margin-bottom: 10px; font-size: 18px; color: #D771A9; }

#content-container h4 { margin-bottom: 10px; color: #657f7f; font-size: 13px; font-style: italic; }

#content-container p { margin-bottom: 10px; line-height: 20px; }


#content-container ul { margin-left: 50px; margin-bottom: 20px; }

#content-container ul li { list-style: disc; line-height: 20px; }

#content-container ol { margin-left: 50px; margin-bottom: 20px; }

#content-container ol li { list-style: decimal; line-height: 20px; }


#content-container img { margin: 10px 0px; padding: 12px; background: #fff; border: 1px solid #b6dae0; }

#content-container h2 a { color: #3f5050; text-decoration: none; }

#content-container h2 a:hover { text-decoration: underline; }

#content-container h4 a { color: #D771A9; text-decoration: none; }

#content-container h4 a:hover { text-decoration: underline; }


#content-container a { color: #D771A9; text-decoration: none; }

#content-container a:hover { text-decoration: underline; }


.post-date { float: left; background: url(images/bg-date.png) no-repeat; width: 45px; height: 43px; margin-right: 15px; }
	
	.month { color: white; text-align: center; font-size: 12px; font-weight: bold; padding-top: 2px }
	
	.day { color: white; text-align: center; font-size: 25px; padding-top: 4px }
	
.thumbnail { float: left; margin-right: 15px; }

.readmore { float: right; clear: both; }

	
.divider { margin: 15px auto 40px auto; background: url(images/divider.png) repeat-x; width: 100%; height: 2px; }


	
	
	

/************************************************************************
  Sidebar Section
*************************************************************************/

#sidebar-wrapper { width: 280px; float: right; margin-top: 30px; }


.sidebar-top { background: url(images/bg-sidebar-top.png) no-repeat; width: 280px; height: 50px; }

	.sidebar-top h2 { padding-top: 15px; padding-left: 10px; font-size: 23px; color: white; }


.sidebar-content { background: url(images/bg-sidebar.png) repeat-y; padding: 10px; }


	.sidebar-content ul {  }

		.sidebar-content ul li { border-bottom: 1px solid #f5f5f5; border-top: 1px solid #fff; }

			.sidebar-content ul li a { display: block; padding: 10px; text-decoration: none; color: #88b5bc; }

			.sidebar-content ul li a:hover { background: #f5f5f5; padding-left: 15px; }


	.sidebar-content a { color: #D771A9; text-decoration: none; }

	.sidebar-content a:hover { text-decoration: underline; }


.sidebar-bottom { width: 280px; height: 18px; background: url(images/bg-sidebar-bottom.png) no-repeat; margin-bottom: 60px; }



/************************************************************************
  Comments Section
*************************************************************************/

#comments_template { width: 680px; margin:25px 0px 0px 0px; }

#comments_template a { color: #347BA2; text-decoration: none; font-weight: normal; }

#comments_template a:hover { text-decoration: underline; }


.comment_number_wrap { float:left; padding-bottom:5px; border-bottom:dotted 1px #fff; }

	.comment_number_wrap h2 { float:left; margin:0 464px 5px 0; font-size:1.4em; font-weight:bold; color:#347BA2; }
	
	.comment_number { float:right; margin-top:10px; padding-left:20px; background:transparent url(images/comment_icon.png) no-repeat scroll 0 0; color:#347BA2; }


#comments_template ol { margin:0px; padding:0px; }

	#comments_template li { border-bottom:dotted 1px #ddd; list-style-type:none; padding:20px 0px 20px 0px; float:left; height: auto; font-weight:normal; background-image: none; }
	
	
.comment_left { float:left; }

.comment {
	display:block;
	float: left;
	top: 238px;
	left: 1023px;
	width:31px;
	height:26px;
	margin-right: 10px;
	padding-top:4px;
	background-image: url(images/comment.gif);
	color:#5D5D5D;
	font-family:Georgia;
	font-size:13px;
	text-align:center;
	text-decoration:none;
	}

#comments_template p { margin:0px; padding:0px; line-height: 18px; }
	
#comments_template .meta { color:#aaaaaa; font-size:10px; margin-top: 8px; }


.avatar { width:80px; height:80px; }
	
	.avatar_name { width:80px; padding-top:5px; font-size:10px; line-height:12px; text-align:center; }

.comment_right_wrap { float:left; width:564px; }

	.comment_right { float:left; width:522px; margin-left:10px; padding:10px 10px 5px 40px; background:transparent url(images/commentbg.jpg) no-repeat scroll 0 0; }



.comment_form { float:left; padding:25px 0px; }

	.input { float: left; clear: left }

	.comment_form p { float:left; padding:10px 0px; }
	
	.comment_name { float:left; width:600px; margin-bottom: 20px; }
	
		.comment_name label { float: left; margin-bottom: 10px; font-size: 1.2em; font-weight: bold; }
		
		.comment_name input { height: 25px; width: 300px; padding: 5px; background: white; border: 1px solid #cccccc; color: #555555; font-size: 1.3em; line-height: 40px; }
	
	.comment_mail { float:left; width:600px; margin-bottom: 20px; }
	
		.comment_mail label { float: left; margin-bottom: 10px; font-size: 1.2em; font-weight: bold; }
		
		.comment_mail input { height: 25px; width: 300px; padding: 5px; background: white; border: 1px solid #cccccc; color: #555555; font-size: 1.3em; line-height: 40px; }

.message-label { float: left; margin-bottom: 10px; font-size: 1.2em; font-weight: bold; }
	
#comment { width: 600px; height: 300px; float: left; clear: left; margin-bottom: 20px; padding: 5px; background: white; border: 1px solid #cccccc; color: #555555; font-size: 1.1em; line-height: 20px; }

#submit { float: left; clear: left; }
	
.comment_right_bottom { float:left; width:580px; height:11px; margin-top:-2px; margin-left:10px; background:transparent url(images/commentbg_bot.jpg) no-repeat scroll 0 0; }


/************************************************************************
  Footer Section
*************************************************************************/

#footer-wrapper { width: 960px; margin: 15px auto; }