/*  
Theme Name: Kiddoos
Theme URI: http://www.kiddosalon.com
*/


/* Begin Main Structure */
body {
	font: 62.5% "Trebuchet MS", Tahoma, sans-serif;
	background: #ffc095 url(images/body.jpg) repeat center top;
	color: #555; 
	margin:0; 
	padding: 20px 0; 
	text-align: center;
	}

#page {
	background: #fff url(images/page.jpg) repeat-y 0 0; 
	margin: 0 auto;
	padding: 0;	
	text-align: left;
	width: 844px;
	}
/* End Main Structure */



/* Begin Header */
#header {
	background:#dee799 url(images/header.jpg);
	height:174px;
	position:relative;
	}
	
#header h1 {
	position:absolute;
	top:-1px;
	left:9px;
	width:392px;
	height:159px;
	background:#fff;
	font:normal 36px "Trebuchet MS", Tahoma, sans-serif;
	text-align:center;
	overflow:hidden;
	margin:0;
	padding:0;
	}
	
#header h1 span {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(images/logo.jpg);
	}
	
#header a {
	color:#fff;
	font:italic bold 18px "Trebuchet MS", Tahoma, sans-serif;
	}
	
#home {
	background:url(images/home.jpg) no-repeat 0 0;
	width:75px;
	padding-top:63px;
	text-align:center;
	position:absolute;
	left:662px;
	top:11px;
	}
	
#contact {
	background:url(images/contact.jpg) no-repeat 0 0;
	width:64px;
	padding-top:48px;
	text-align:center;
	position:absolute;
	left:760px;
	top:26px;
	}
	
#nav {
	margin:0;
	padding:0;
	width:380px;
	position:absolute;
	left:470px;
	top:102px;
	}
	
#nav li {
	margin-right:10px;
	list-style:none;
	float:left;
	background:url(images/navleft.gif) no-repeat 0 0;
	line-height:25px;
	padding-left:7px;
	height:25px;
	margin-bottom:5px;
	}
	
#nav li a {
	padding:0px 7px 2px 0;
	background:url(images/navright.gif) no-repeat right top;
	}
/* End Header */



/* Begin Overall General Settings */
	/* Begin Links and Headers */	
	a, h2 a:hover, h3 a:hover { 
		color: #a191c0; 
		text-decoration: none; 
		}

	a:hover { 
		color: #147; 
		text-decoration: underline; 
		}
		
	p {
		padding:0;
		margin:0 0 10px;
		font-size:1.2em;
		}
	
	h1, h2, h3 {
		font-family: 'Trebuchet MS', "Trebuchet MS", Tahoma, sans-serif;
		font-weight: bold; 
		}
		
	h2 {
		font:italic bold 3em "Trebuchet MS", Tahoma, sans-serif;
		color:#64469d;
		margin:0;
		padding:0; 
		}

	h3 {
		color:#f2a165;
		font:italic bold 1.8em "Trebuchet MS", Tahoma, sans-serif;
		margin:20px 0 0;
		padding:0;
		}
		
	h3.comments { 
		padding: 0; 
		margin: 40px auto 20px ; 
		}

	h2.pagetitle { 
		margin-top: 30px; 
		text-align: center; 
		}
		
	h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
		text-decoration: none; 
		}	
	/* End Links and Headers */
	
	
	
	/* Begin Images */	
	a img {
		border: none;
		}
		
	p img { 
		padding: 0; 
		max-width: 100%; 
		}

	/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

	img.centered { 
		display: block; 
		margin-left: auto; 
		margin-right: auto; 
		}

	img.alignright { 
		margin: 0 0 2px 7px;
		}

	img.alignleft { 
		padding: 4px; 
		margin: 0 7px 2px 0; 
		display: inline; 
		}
	/* End Images */	
	
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777; 
	}	
	
code { 
	font: 1.1em 'Courier New', Courier, Fixed; 
	}
	
acronym, abbr, span.caps { 
	font-size: 0.9em; 
	letter-spacing: .07em; 
	cursor: help; 
	}

acronym, abbr { 
	border-bottom: 1px dashed #999; 
	}
	
.alignright { float: right; }

.alignleft { float: left }

blockquote { 
	margin: 15px 30px 0 10px; 
	padding-left: 20px; 
	border-left: 5px solid #ddd; 
	}

blockquote cite { 
	margin: 5px 0 0; 
	display: block; 
	}

.center { text-align: center; }

hr { display: none; }

.navigation { 
	display: block; 
	text-align: center; 
	margin-top: 10px; 
	margin-bottom: 60px; 
	}
/* End Overall General Settings */



/* Begin Content Areas */
.genmed {
	font-size:1.4em;
	}

#rightbar {
	float:right;
	border:3px solid #ffc095;
	padding:6px;
	width:200px;
	margin-left:25px;
	text-align:center;
	}

#content {
	background:url(images/content.jpg) no-repeat 0 0;
	padding:13px 16px 0;
	}
	
#contentpics {
	padding-top:10px;
	height:180px;
	clear:both;
	}
	
.pic {
	float:left;
	margin-right:2px;
	}

small { 
	font-family: Arial, Helvetica, Sans-Serif; 
	font-size: 0.9em; 
	line-height: 1.5em; 
	}

	/* Begin Post Area */
	.post { 
		margin: 0 0 40px; 
		text-align: justify; 
		}
		
	.postmetadata { clear: left; }
	
	.postmetadata ul, .postmetadata li { 
		display: inline; 
		list-style-type: none; 
		list-style-image: none; 
		}

	.widecolumn .entry p { font-size: 1.05em; }
	
	.widecolumn .post { margin: 0; }
	
	.widecolumn .postmetadata { margin: 30px 0; }
	
	.widecolumn .smallattachment { 
		text-align: center; 
		float: left; 
		width: 128px; 
		margin: 5px 5px 5px 0px; 
		}
		
	.widecolumn .attachment { 
		text-align: center; 
		margin: 5px 0px; 
		}

	.narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; }
	
	.narrowcolumn .postmetadata { text-align: center; }
	
	.narrowcolumn .postmetadata { padding-top: 5px; }

	html>body .entry ul {
		margin-left: 0px; 
		padding: 0 0 0 30px;
		list-style: none; 
		padding-left: 10px; 
		text-indent: -10px; 
		} 

	html>body .entry li { margin: 7px 0 8px 10px; }
	
	.entry p a:visited { color: #b85b5a; }
	
	.entry ul li:before { content: "\00BB \0020"; }
	
	.entry ol { 
		padding: 0 0 0 35px; 
		margin: 0; 
		}
		
	.entry ol li { 
		margin: 0; 
		padding: 0; 
		}
		
	.entry form { text-align:center; }
	/* End Post Area */



	/* Begin Comment Area */
	.alt { 
		background-color: #f8f8f8; 
		border-top: 1px solid #ddd; 
		border-bottom: 1px solid #ddd; 
		margin: 0; 
		padding: 10px; 
		}

	#commentform input { 
		width: 170px; 
		padding: 2px; 
		margin: 5px 5px 1px 0; 
		}
		
	#commentform p { 
		margin: 5px 0; 
		font-family: "Trebuchet MS", Tahoma, sans-serif; 
		}
		
	#commentform textarea { 
		width: 100%; 
		padding: 2px; 
		}
		
	#commentform #submit { 
		margin: 0; 
		float: right; 
		}

	.commentlist { 
		padding: 0; 
		text-align: justify; 
		}
		
	.commentlist li { 
		margin: 15px 0 3px; 
		padding: 5px 10px 3px; 
		list-style: none; 
		font-weight: bold; 
		}
		
	.commentlist p { 
		margin: 10px 5px 10px 0; 
		font-weight: normal; 
		line-height: 1.5em; 
		text-transform: none; 
		}
		
	.commentlist li, #commentform input, #commentform textarea {
		font: 0.9em "Trebuchet MS", Tahoma, sans-serif; 
		}
		
	.commentlist cite, .commentlist cite a { 
		font-weight: bold; 
		font-style: normal; 
		font-size: 1.1em; 
		}

	.nocomments { 
		text-align: center; 
		margin: 0; 
		padding: 0; 
		}

	.commentmetadata { 
		margin: 0; 
		display: block; 
		font-weight: normal; 
		}
	/* End Comment Area */
/* End Content Area */



/* Begin Search Form */
#searchform { 
	margin: 10px auto; 
	padding: 5px 3px; 
	text-align: center; 
	}
	
#sidebar #searchform #s { 
	width: 108px; 
	padding: 2px; 
	}
	
#sidebar #searchsubmit { 
	padding: 1px; 
	}
/* End Search Form */



/* Begin Sidebar */
#sidebar { 
	padding: 20px 0 10px 0; 
	margin-left: 545px; 
	width: 190px; 
	font: 1em "Trebuchet MS", Tahoma, sans-serif; 
	}

#sidebar form { margin: 0; }

#sidebar h2 { 
	font-family: 'Lucida Grande', Verdana, Sans-Serif; 
	font-size: 1.2em; 
	margin: 5px 0 0; 
	padding: 0; 
	}

#sidebar ul, #sidebar ul ol { 
	margin: 0; 
	padding: 0; 
	}
	
#sidebar ul li { 
	list-style-type: none;
	list-style-image: none; 
	margin-bottom: 15px; 
	}
	
#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px; }

#sidebar ul ul li:before { content: "\00BB \0020"; }

#sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0; }

#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; }

#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }

ol li, #sidebar ul ol li { list-style: decimal outside; }
/* End Sidebar */

table {
	margin-bottom:10px;
	}

th {
	border-top:15px solid #fff;
	background:#ECF2C4;
	font-size:10px;
	text-transform:uppercase;
	font-style:italic;
	font-weight:bold;
	color:#839139;
	padding:2px 4px;
	}
	
td {
	font-size:1.2em;
	padding:2px 4px;
	}
	
.border {
	border:2px dashed #EBF1C3;
	}
	
.border td {
	font-size:1.8em;
	font-weight:bold;
	color:#64469D;
	padding:5px;
	}
	
#locks-of-love {
	background:url(images/lol-girl.jpg) no-repeat 0 0;
	padding:15px 430px 0 15px;
	width:323px;
	height:285px;
	font-size:1.2em;
	margin:10px auto;
	}
	
#locks-of-love p {
	padding-bottom:20px;
	}


/* Begin Footer */
#footer { 
	background: #eee url('images/kubrickfooter.jpg') no-repeat top;
	border: none; 
	padding: 0; 
	margin: 0 auto; 
	width: 760px; 
	clear: both; 
	}

#footer p { 
	margin: 0; 
	padding: 20px 0; 
	text-align: center; 
	}
/* End Footer */




/*
Whatever your hand finds to do, do it with all your might,
for in the grave, where you are going, there is neither
working nor planning nor knowledge nor wisdom.
Ecclesiastes 9:10
*/