/* -----------------------------------------------------------
	Theme Name:	Paintpots
	Version: 	1.0
	Author: 	Simon Shull Foust
	Email:		simon@simonsportfolio.com
	Website:	http://www.simonsportfolio.com
	Note: 		CSS & HTML by Simon Shull Foust
----------------------------------------------------------- */



/* -----------------------------------------------------------
		UNIVERSALS
----------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	outline: none;
}

p, ul { padding: 0 0 15px 0; }

body {
	background: #fff url('../images/bg-main.gif') top repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 1.5em;
	color: #666;
}

. { color: #; }

.bold { font-weight: bold; }

/* -----------------------------------------------------------
		LINKS
----------------------------------------------------------- */

a {
	color: #056839;
	text-decoration: none;
	position: relative;
	cursor: pointer;
}

a:hover {
	color: #66b78c;
	text-decoration: underline;
}

a img { border: 0; }

#copyright a { color: #bbb; }

/* -----------------------------------------------------------
		LISTS
----------------------------------------------------------- */

ul, ol {
	margin-left: 30px;
}

/* -----------------------------------------------------------
		MAIN NAVIGATION
----------------------------------------------------------- */

#nav ul {
	margin: 0 0 0 10px;
	list-style: none;
	height: 46px;
	line-height: 48px;
	font-weight: bold;
	color: #fff;
}

#nav li {
	float: left;
	height: 46px;
}

#nav li a {
	display: block;
	text-decoration: none;
	height: 46px;
	padding: 0 13px 0 11px;
	color: #fff;
	background: url('../images/nav-divider.png') top right no-repeat;
	_background: url('../images/nav-divider.gif') top right no-repeat; /* for ie 6 */
}

/* #nav li a.last  { background: transparent } */

#nav li a:hover {
	text-decoration: underline;
}

li.home { width: 57px; }
li.about { width: 75px; }
li.facilities { width: 74px; }
li.security { width: 71px; }
li.healthy { width: 104px; }
li.prices { width: 61px; }
li.gallery { width: 123px; }
li.contact { width: 86px; }

li.home b, li.about b, li.facilities b, li.security b, 
li.healthy b, li.prices b, li.gallery b, li.contact b
   { color: #999 }

/*
#home #nav li.home a, 
#about #nav li.about a, 
#facilities #nav li.facilities a, 
#facilities-babies #nav li.facilities a, 
#facilities-toddlers #nav li.facilities a, 
#facilities-nursery-one #nav li.facilities a, 
#facilities-nursery-two #nav li.facilities a, 
#facilities-classroom #nav li.facilities a, 
#facilities-outside-play #nav li.facilities a, 
#security #nav li.security a, 
#healthy #nav li.healthy a, 
#prices #nav li.prices a, 
#gallery #nav li.gallery a, 
#contact #nav li.contact a 
{ color: #989898; }
*/

/* -----------------------------------------------------------
		SECONDARY NAVIGATION
----------------------------------------------------------- */

#sidebar ul {
	margin: 0 0 0 10px;
	list-style: none;
	color: #808080;
	width: 200px;
	line-height: 26px;
	font-size: 110%;
}

#sidebar li {
	float: none;
	height: 26px;
	width: 200px;
	border-bottom: 1px #d7d7d7 solid;
}

#sidebar li a {
	display: block;
	text-decoration: none;
	padding-left: 35px;
	width: 165px;
	color: #808080;
}

#sidebar li a:hover {
	text-decoration: underline;
}

/*
#facilities-babies #sidebar li.babies a, 
#facilities-toddlers #sidebar li.toddlers a, 
#facilities-nursery-one #sidebar li.nursery-one a, 
#facilities-nursery-two #sidebar li.nusery-two a, 
#facilities-classroom #sidebar li.classroom a, 
#facilities-outside-play #sidebar li.outside-play a 
{ color: #d83192; font-weight: bold }
*/



/* -----------------------------------------------------------
		STRUCTURE & TYPOGRAPHY
----------------------------------------------------------- */



li.babies b, li.toddlers b, li.nursery-one b, li.nursery-two b, li.classroom b, li.outside-play b 
   { color: #D83192 }


#wrap {
	background: url('../images/bg-wrap.png') top no-repeat;
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg-wrap.png',sizingMethod='scale');
	width: 998px;
	margin: 20px auto 0 auto;
	font-size: 90%;
}

	#header {
		position: relative;
		height: 134px;
	}
	
		.branding {
			position: absolute;
			top: 32px;
			left: 50px;
		}
	
		#nav {
			background: url('../images/bg-nav.gif') no-repeat;
			position: absolute;
			top: 80px;
			right: 60px;
			width: 674px;
			height: 46px;
		}
	
	#subHeader {
		height: 248px;
		text-align: center;
	}
	
	#content {
		background: url('../images/bg-content.png') center repeat-y;
		_background-image: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg-content.png',sizingMethod='scale');
		font-size: 95%;
	}
	
		#mainContent {
			float: left;
			padding-right: 20px;
			margin: 15px 0 0 65px;
			_margin-left: 32px; /* for ie 6 */
			width: 590px;
			border-right: 1px #ccc solid;
		}
	
		#sidebar {
			float: right;
			margin: 15px 58px 0 0;
			_margin-right: 27px; /* for ie 6 */
			width: 250px;
		}
	
	#footer {
		width: 998px;
		margin: 0 auto;
		clear: both;
		background: url('../images/bg-footer.png') top no-repeat;
		_background-image: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg-footer.png',sizingMethod='scale');
		height: 23px;
	}
	
	#copyright {
		width: 975px;
		margin: 0 auto;
		text-align: right;
		padding-right: 23px;
		padding-bottom: 20px;
		color: #bbb;
		font-size: 85%;
	}

/* -----------------------------------------------------------
		HEADINGS
----------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	padding: 0 0 15px 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
}

h1 { font-size: 140%; color:#cb3593;}

h2 { font-size: 180%; }

h3 { font-size: 160%; }

h4 { font-size: 140%; }

h5 { font-size: 120%; }

h6 { font-size: 200%; }

/* -----------------------------------------------------------
		CLEARFIX
----------------------------------------------------------- */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
  
.clearfix { display: inline-table; }

/* Hides from IE-mac \*/

* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* End hide from IE-mac */


/* James' Script */
.item_outer   { background: #fafafa; margin-top: 15px; margin-right: 40px; padding: 10px; width: 130px; height: 200px; float: left; border: solid 1px #dcdcdc }
.item_img  { background: #e6e6e6; margin-right: 10px; padding: 5px; width: 120px; float: left }
.item_txt   { width: 120px; float: left }