/*
Theme Name: Daddy Scrubs
Description: Custom Blog template for Daddy Scrubs
Author: Rick Bjarnason
Author URI: http://www.cheekymonkeymedia.ca
*/

/*---------------------
		Resets
----------------------*/
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;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: 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;
}
/*---------------------
		General Tags
----------------------*/
body {
	background: #ccc; /* set to a neutral grey for now */
	font:10px 'Myriad Pro',Geneva, Arial;/* set default font size to 10px and correct family all the other elements will be em base off of 10px eg 1.1em= 10px */
}
h5 {
	font-size: 1.4em;
	text-transform: uppercase;
}
/*---------------------
		Layout
----------------------*/
#wrapper {
	margin: auto; /* centers the whole site */
	width:960px;
	position: relative;/* for perfect button placement */
	
}
#header {
	background:  #fff url(img/BG-header.jpg) 0 0 no-repeat;
	height:193px;
	position: relative; /* will be absolutely positioning the logo */
}
#content-wrapper {
	background: url(img/BG-wrapper.png) 0 0 repeat-y;
	overflow: hidden;
	width: 100%;
}
#sidebar {
	background: #51351f;
	width:215px;
	float: left;
	min-height:500px; /* absolutely position children tak up no space so we need to declare height */
	/*padding: 0 1em;-- edited April 12/10 RB */
	}
#content,#home-content {
	color: #262262;
	float: right;
	width: 720px;
	padding-bottom: 2em;
}

#footer {
	clear:both; /* using this element to clear the floated elements */
	height: 30px;
	padding-left: 205px;
}
/*---------------------
		Header styles
----------------------*/
#header h1 {
	position: absolute;
	height: 126px;
	left:252px;
	top:24px;
	width:615px;
	
}
#header h1 a {
	display:block;
	height: 109px;
	text-indent: -9999em;
	width:488px;
}
#header small {
	display: block;
	text-indent: -9999em;
}

#main-nav {
	position: absolute;
	text-align: center;
	top:157px;
	left: 251px;
	padding-left: 30px;/* this value will need to be changes when the navigation is expanded too many ie issues with the background to center properly */
	
}
#main-nav li {
	background: url(img/bullet_03.png) no-repeat 100% 5px;
	float:left;
	padding: 0 36px 0 0;
	}
	#main-nav li:last-child, #main-nav .page-item-414 {
		background: none;
	}
#main-nav li a{
	color: #52361f; 
	font-size: 1.8em;
	font-weight: bold;
	height: 20px;
	text-decoration: none;
}
#main-nav li a:hover{
	text-decoration: underline;
}
/*---------------------
		Sidebar styles
----------------------*/
.blog #sidebar {
	padding-top: 220px;
}
.widg {
	/*background: url(img/BG-widg_03.png) no-repeat left 90%;-- edited April 12/10 RB*/
	padding-bottom: 20px;
}
#social {
	
	margin: 30px auto 10px;
	width:160px;
}
#sidebar h3 {
	color: #fff6e5;
	font-size: 1.5em;
	font-weight: normal;
	text-align: center;
}
#order {
	padding-bottom: 0;
}
#order a {
	display: block;
	margin:0 0 20px -9px;
}
.testimonial {
	padding: .5em;
}
.testimonial em{
	color: #fff;
	font-size: 1.2em;
}
.testimonial a {
	display: block;
	color: #6ac6c1;
}
#sidebar ul{
	font-style: normal;
	padding: 10px;
	text-align: center;
}
#sidebar ul li a {
	color:#fff;
	font-size: 1.2em;
	text-decoration: none;
}
#sidebar ul li a:hover{
	color: #6AC6C1;
	text-decoration: underline;
}
#sidebar p {
	color:#fff;
	font-size: 1.2em;
	padding: 5px 0;
}
#read h3 {
	color: #6AC6C1;
	font-size: 1.9em;
	margin-top: -10px;
}
/*#sidebar #read ul li a{
	font-size: 1.5em;
}-- edited April 12/10 RB*/
#stuff {
	background: url(img/BG-stuff.png) no-repeat 0 0;
	font-size: 2em;
	font-weight: bold;
	margin-top: 237px;
	padding: 30px 30px 0 0;
	width: 199px;
	height: 250px;
}
#sidebar #stuff a {
	color: #1e3067;

}
#sidebar #stuff ul {
	float: right;
	margin-top: 76px;
	text-align: right;
}
#sidebar .side-anchor {
	display: block;
	text-indent: -9999em;

}
#blog-link {
	background: url(img/BG-blog-link.png) no-repeat 0 0;
	height: 208px;
	width: 203px;
}
#news  {
	background: url(img/BG-inNews.png) no-repeat 0 0;
	height: 208px;
	width: 203px;

}
#bestProducts {
	background: url(img/BG-bestProducts.png) no-repeat 0 0;
	height: 200px;
	width: 203px;
}
#perfect {
	position: absolute;
	top:155px;
}
/*---------------------
		Content styles
----------------------*/
#blog-wrap {
	background:#e4efee url(img/BG-blog-top.png) no-repeat -3px 0;
	width: 677px;
	min-height: 720px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius:20px;
	
}
#blog-wrap #feedburner{
	width:175px;
	margin:0 0 40px 510px;
}
#feedburner p {
	font-weight: bold;
}
#feedburner label{
	display: block;
}
#content h2,#home-content h2 {
	color: #52361f;
	font-size: 18px;
	padding: 5px 20px 5px 10px;
	text-transform: capitalize;
	
}
#content h2 a,#home-content h2 a{
	color: #52361f;
	text-decoration: none;
}
#content h2 a:hover, #home-content a:hover {
	text-decoration: underline;
}
#content h3, #home-content h3 {
	color: #52361f;
	font-size: 1.7em;
	padding: 15px 20px 5px 10px;

}
#home-content h4 {
	color: #52361f;
	font-size: 2em;
	text-align: center;

}
#content p, #home-content p {
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 5px 40px 5px 10px;
}
#content p.wp-caption-text {
	color: #00A79D;

}
#content a {
	color: #00A79D;
	text-decoration: none;
}
#content a:hover {
	text-decoration: underline;
}
img.alignright {
	float: right;
	margin-left: 20px;
}
img.alignleft {
	float: left;
	margin-right: 20px;
}
.block {
	clear:both;
	padding: 5px 40px 5px 10px;
}
#content hr, #home-content hr {
	clear: both;
	color: #52361f;
	margin:50px 50px 10px ;
}
#cformsform{
	margin: 0;
}
#cformsform legend{
	color: #52361f;
	font-size: 1.7em;
	font-family: 'Myriad Pro',Geneva, Arial;
	font-weight: bold;
}
.linklove {
	display: none;
}
.post {
	background: #FFF;
	border: 1px solid #ccc;
	margin: 10px auto;
	overflow: hidden;
	width: 630px;
}
.post img {
	display: block;
	border: 1px solid #ccc;
	margin:5px auto;
	padding: 10px;
	width: auto;
}
.meta {
	margin-left: 50px;
}
.more-link {
	background: #96cac6;
	border: 1px solid #ccc;	
	color: #fff;
	display: block;
	float: right;
	margin:10px 20px;
	_margin-right: 20px;/* ie6 fix */
	padding: 5px;
	text-decoration: none;
	width:80px;
}
.more-link:hover {
	background: #ccc;
}
.important {
	color: #00A79D;
	font-size: 19px;
}
.page-id-10 #content h2 {
	background: url(img/title-sprite.png) no-repeat -5px 0;
	height: 40px;
	margin: 5px 0;
	text-indent: -9999em;
	width: 200px;
}
.page-id-32 #content h2.page-title {
	background: url(img/title-sprite.png) no-repeat -5px -77px;
	height: 40px;
	margin: 5px 0;
	text-indent: -9999em;
	width: 200px;
}
/*--------------------------
	Homepage styles
--------------------------*/

#landing p {
	font-size:17px;
	padding: 15px 5px;
}
#landing strong {
	font-size:18px;
}
#welcome {
	background: url(img/ScrubsRGB72.jpg) no-repeat right 0;
	padding: 32px 250px 18px 20px;
	width:415px;
	
}
.hilite {
	color: #00a79d;
	font-weight:bold;
	font-size:19px;
}
#homeTitle {
	background: url(img/looking.jpg) no-repeat 10px 0;
	height: 107px;
	text-indent: -9999em;
	width:337px;
}
.cleared {
	border-top: 1px solid #51351f;
	clear: left;
	width: 670px;
	margin: auto;
}
.cleared img {
	float: left;
	margin-right: 14px;
	padding: 15px 0 0;
}
.cleared img.alignright {
	float: right;
	margin: 0;
	padding: 0;
}
.cleared .order-button {
	padding: 0;
}
.price {
	font-size: 19px;
}
#brag-book h2{
	color: #1E3067;
	font-size: 3.8em;
	margin-bottom: 0;
	padding-bottom: 0;
	text-transform: lowercase;
}
#brag-book p {
	font-size: 19px;
	font-style: italic;
	font-weight: normal;
}
#brag-book a {
	color: #00A79D;
	text-decoration: none;
}
#brag-book a:hover {
	text-decoration: underline;
}
.trade {
	font-size: 90%;
}
.pricing td {
	padding:0 5px;
}
#home-content .small-link {
	color: #00A79D;
	font-size: 13px;
	text-decoration: none;
}
#home-content .small-link:hover {
	text-decoration: underline;
}
.media-clear {
	clear: both;
	float: left;
	margin: 10px 0; 
}
/*--------------------------
	About page styles
--------------------------*/
#content p.image-wrap {
	padding: 0;
}
.page-id-2 #content h2 {
	background: url(img/sprites.png) no-repeat -10px -12px;
	height: 53px;
	margin-bottom: 5px;
	text-indent: -9999em;
	width: 200px;
}
.page-id-2 #content p {
	font-size: 1.3em;
	padding-top: 10px;
}
.page-id-2 #content hr {
	margin: 50px 5px;
}
.page-id-2 #content .daddy-blog-head h2 {
	background: url(img/sprites.png) no-repeat -10px -109px;
	height: 107px;
	margin-bottom: 5px;
	width: 200px;
	
}
.page-id-2 #content .daddy-blog-head h2  a {
	display: block;
	height: 107px;
	text-indent: -9999em;
	width: 200px;

}
div.daddy-blog-head {
	background: url(img/mrDaddy.jpg) no-repeat top right;
	height: 616px;
	padding: 100px 350px 0 0;
}
/*--------------------------
	Real Dads styles
--------------------------*/
.page-id-397 #content {
	height: 1700px;
	position: relative;/*for photo placement */
}
.page-id-397 h2 {
	background: url(img/sprites.png) no-repeat -10px -404px;
	height: 130px;
	margin-bottom: 5px;
	text-indent: -9999em;
	width: 434px;

}
.page-id-397 #content p {
	font-size: 1.6em;
	width: 400px;
}
.page-id-397 #content p.wp-caption-text {
	font-size: 1.2em;
	padding: 10px 0 0 40px;
	width: 200px;
}
.page-id-397 #content div {
	position: absolute;
}
#alpha-photo {
	left: 16px;
	top:309px;
	
}
#beta-photo {
	left: 240px;
	top:233px;
	
}
#charlie-photo {
	left: 474px;
	top:310px;
	
}
#delta-photo {
	left: 15px;
	top:742px;
	
}
#echo-photo {
	left: 249px;
	top:648px;
	
}
#foxtrot-photo {
	left: 476px;
	top:742px;
	
}
#golf-photo {
	left: 15px;
	top:1142px;
	
}
#hulu-photo {
	left: 240px;
	top:1033px;

}
#i-photo {
	left: 475px;
	top:1142px;

}
#j-photo {
	left: 240px;
	top:1350px;

}

/*--------------------------
	FAQ's styles
--------------------------*/
.page-id-414 h2 {
	background: url(img/sprites.png) no-repeat -10px -268px;
	height: 67px;
	margin-bottom: 5px;
	text-indent: -9999em;
	width: 597px;

}
.page-id-414 #content {
	padding-left: 20px;
	width: 700px;
}
.page-id-414 #faq-anchor a {
	color: #262262;
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
}
.clear-fix {
	margin: 25px 0;
	padding-right: 20px;
}
.page-id-414 #content p {
	font-size: 1.3em;
	padding: 5px 0;
}
.page-id-414 table {
	font-size: 1.2em;
}
.page-id-414 th {
	padding: 5px;
	text-align: left;
}
.page-id-414 td {
	padding: 5px;
}
.colored {
	margin-bottom: 10px;
}
.colored td {
	border:1px solid #262262;

}
.colored td td {
	border: none;
}
.colored .odd td,.colored .odd th{
	background-color: #d3e9e7;
	
}
.colored .even td, .colored .even th{
	background-color: #acd6d2;
	
}
.set-width th {
	border:1px solid #262262;

}
.set-width {
	width: 400px;
}
/*--------------------------
	Comment styles
--------------------------*/

#commentform p {
	padding:.5em 0;
}
#commentform input {
	border:1px solid #7D6958;
	padding:.2em;
}
#comments-template {
	margin:2em auto;
	clear:both;
	margin-bottom:20px;
	overflow:hidden;
	width:570px;
	padding:20px 30px;
	border:1px solid #ccc;
	position:relative;
}
#comments-template li {
	clear:left;
	border-bottom:1px solid #ccc;
	padding:2em 0;
	overflow:hidden;
}
#comments-template .avatar{
	float:left;
	margin-right:25px;
	background:#afafaf;
	border:1px solid #fff;
	border-right:1px solid #7B7B7B;
	border-bottom:1px solid #7B7B7B;
	padding:4px;
}
.main_comment {
	background:#fff;
	margin-left:133px;
	padding:15px;
}
#respond {
	margin-top:1em;
}
/*--------------------------
	Footer styles
--------------------------*/
#footer ul {
	text-align: center;
}
#footer li{
	display: inline;
	font-size: 1.2em;
	margin: 0 1em;
}
#footer li a{
	color: #52361F;
	text-decoration: none;
}
#footer li a:hover {
	text-decoration: underline;
}	
#footer hr {
	color: #52361F;
	width:80%;
}
#copyright{
	color: #52361F;
	float: right;
	padding: 10px 60px;
}