/*  
Theme Name: Kids Kreations
Theme URI: http://www.kidskreations.net/
Description: A custom theme for Kids Kreations
Author: Matthew Rogers
Author URI: http://www.rogersmj.com/

*/


@import url("reset.css");


body {
	font-family: Georgia, Times, serif; font-size: 13px; color: #333;
}

/*Globals*/
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
a img {border: none;}
p {margin: 5px 0 10px 0; line-height: 17px;}

a {color: #333; text-decoration: none;}
a:hover {color: #c18cb0;}

.alignleft {float: left; margin: 10px 10px 10px 0;}
.alignright {float: right; margin: 10px 0 10px 10px;}

/*Headlines*/
h1{font-size: 25px; font-style: italic; font-weight: normal;}
h2{}
h3{font-size: 19px; font-style: italic; font-weight: normal;}

/*Structure*/
#header {position: relative; z-index: 100; background: url("images/header_bg.png") left top repeat-x; height: 153px; margin-bottom: -10px;}
.container {width: 960px; margin: 0 auto; position: relative;}
	.container.main {padding: 50px 0;}
	.container.front {padding: 0;}

#footer {padding: 20px 0; color: #676767; font-family: Arial, sans-serif; font-size: 11px;}
	#footer a {color: #676767;}

#sidebar {width: 150px; padding: 40px 5px 40px 0; border-right: 1px solid #dfdfdf; float: left;}
#content {width: 772px; padding: 0 0 0 30px; float: left;}

.editlink {padding: 10px 0 0 0; font-size: 10px;}

/*Header*/
#header #logo {padding: 0 0 0 10px;}
#header #info {float: right; text-align: right; padding: 20px 10px;}
	#header #info p {margin: 0;}
	#header #info p.phone {font-size: 18px; line-height: 24px;}
	
	#header #nav {text-align: right; clear: both; font-size: 16px; padding: 5px 10px 0 0;}
		#header #nav li {display: inline-block; margin-left: 30px;}
			#header #nav li a {display: block;}
		
/*Front page*/
#main_image {margin-bottom: 40px;}
#boxes {margin-bottom: 20px;}
	#boxes .box {float: left; width: 219px; padding: 0 14px;}
	#boxes .first {padding-left: 0;}
	#boxes .last {padding-right: 0;}
	#boxes img {padding-bottom: 12px;}
	
#process {clear: both; background: #eaeaea; padding: 30px 20px; color: #767676;}
	#process .left {width: 38%;}
	#process #steps {float: right; width: 55%; padding: 0 0 0 30px;}
	
	#process #steps .step {float: left; width: 50px; }
	#process #steps a.step:hover {color: #c18cb0;}
	
.step {font-family: Arial, sans-serif; font-size: 15px; margin: 15px 0 10px 0; color: #767676; display: block; padding: 8px 10px 12px 40px; }

.step1 {background: url("images/step1.png") 0 0 no-repeat;}
.step2 {background: url("images/step2.png") 0 0 no-repeat;}
.step3 {background: url("images/step3.png") 0 0 no-repeat;}
.step4 {background: url("images/step4.png") 0 0 no-repeat;}
.step5 {background: url("images/step5.png") 0 0 no-repeat;}
	
/*Secondary nav*/
#subnav {font-family: Arial, sans-serif; font-size: 14px;}
	#subnav li {padding: 10px 0 10px 12px;}
	#subnav .current_page_item {background: url("images/arrow_pink.gif") 0 center no-repeat;}
	#subnav .current_page_item a {color: #c18cb0;}
	
	
/*Products*/


/*Galleries*/
.ngg-gallery-thumbnail {margin: 0 10px 15px 0; width: 220px; text-align: center;}
.ngg-gallery-thumbnail a h4 {text-align: left; padding: 2px 5px;}
.ngg-gallery-thumbnail .price {text-align: left; font-size: 13px;}

div#cboxCurrent {display: none !important;}