/*  
Theme Name: Owl's Nest
Theme URI: http://owlsnesttoys.com
Description: A custom theme for owlsnesttoys.com.
Version: 1.0
Author:
Author URI:
*/

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, 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%; font-weight: normal; font-style: normal; 
	font-variant: normal; word-spacing: normal; letter-spacing: normal; text-transform: none; font-family: inherit;
	vertical-align: baseline; }

body { color: black; background: white; }
ol, ul { list-style: none; }
table  { border-collapse: collapse; border: 0; }
caption, th, td  { text-align: left; font-weight: normal; }
p { margin-bottom: 1em; }
em { font-style: italic; }
strong { font-weight: bold; }

/*
*	DEFAULTS
*/

.clear { clear: both; }

#categories ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
 
#categories li {
  float: left;
  width: 20%;
  margin: 5px;
  padding: 0;
} 

#brands ul {
  float: left;
  width: 65%;
  margin: 0;
  padding: 0;
  list-style: none;
}
 
#brands li {
  float: left;
  width: 20%;
  margin: 5px;
  padding: 0;
} 


/* Begin Main Structure */
body { font-family: Arial, sans-serif; font-size:62.5%; background: #fff33c url("images/bg.gif"); color: #444444; }
a { color: #568917; text-decoration: none; }
a:hover { color: #7ac320; }

/*
*	LAYOUT
*/

#page { padding-bottom: 20px; background-color: #ffffff; width: 914px; margin: 0 auto; border-right: 1px solid #d8cd18; border-left: 1px solid #d8cd18; }

/*
*	HEADER
*/

#header { position: relative; height: 205px; background: #b7d8f7 url("images/header.gif") no-repeat top right; }
#header .logo { display: block; width: 235px; height: 205px; background: #fffffd url("images/logo.gif") no-repeat; text-indent: -1000em; }
#header ul { position: absolute; bottom: 0; right: 0; width: 679px; height: 66px; overflow: hidden; }
* html body #header ul { bottom: -1px; }
#header ul li { float: left; padding-left: 5px; background: url("images/circle.gif") no-repeat 0 47px; }
#header ul li.first { padding-left: 0; }
#header ul li.first { padding: 0 9px 0 0; background: none; }
#header ul li a { float: left; display: block; height: 29px; padding: 37px 14px 0; color: #fffffc; font-size: 14pt; background: url("images/menu-owl.gif") no-repeat top center; }
#header ul li.first a { padding: 37px 4px 0 0; }
#header ul li a:hover { color: #000000; background: url("images/menu-owl.gif") no-repeat bottom center; }

/*
*	SUBMENU
*/

#submenu { margin-bottom: 20px; padding-right: 5px; height: 19px; width: 909px; background: url("images/logo-bottom.gif") no-repeat; overflow: hidden; }
#submenu ul { float: right; }
#submenu ul li { float: left; padding: 0 4px 0 7px; background: url("images/square.gif") no-repeat center left; }
#submenu ul li.first { background: none; }
#submenu ul li a { float: left; font-weight: bold; font-size: 9pt; }


/* Begin Overall General Settings */
	/* Begin Links and Headers */
	
	h1, h2, h3 {
		font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
		font-weight: bold; 
		}
		
	h2 { 
		font-size: 1.6em;
		}

	h3 { 
		padding: 0; 
		font-size: 1.3em; 
		margin: 30px 0 0; 
		}
		
	h3.comments { 
		padding: 0; 
		margin: 40px auto 20px ; 
		}

	h2.pagetitle { 
		margin-top: 30px; 
		text-align: center; 
		}

	h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { 
		color: #333; 
		}

	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 { 
		padding: 4px; 
		margin: 0 0 2px 7px; 
		display: inline; 
		}

	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 */
#contentholder { padding: 0 17px; }

#content { width: 588px; float: left; overflow: hidden; font-size:1.2em; padding:0 17px; }
#content h2 { font-size: 18pt; color: #c20001; padding-bottom: 5px; margin-bottom: 5px; background: url("images/header-underline.gif") no-repeat bottom center; }
#content h3 { margin-top: 25px; padding: 6px 0 0 7px; background: #ff5307 url("images/new-products-header.gif") no-repeat; height: 20px; font-weight: bold; color: #fffffd; font-size: 11pt; }
#content .entry #new-products ul { border: 1px solid #c20000; width: 586px; height: 275px; }
#content .entry #new-products li { font-size: 8pt; float: left; margin: 10px 0; width: 195px; height: 117px; overflow: hidden; text-align: center; }

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 .entry p { font-size: 1.3em; }
	
	.narrowcolumn .postmetadata { text-align: center; }
	
	.narrowcolumn .postmetadata { padding-top: 5px; }

	.entry ul {
		margin: 0px; 
		padding: 0;
		list-style: none;
		} 

	html>body .entry li { margin: 7px 0 8px 10px;}
	
	.entry p a:visited { color: #b85b5a; }
	
	.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: 'Lucida Grande', Verdana, Arial, 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 'Lucida Grande', Verdana, Arial, 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; 
	}
/* End Search Form */



/* Begin Sidebar */
#leftbar {
	float:left;
	}
	
#rightbar {
	float:right;
	}
	
.sidebar { width: 127px; float: left; }
.sidebar .cart { display: block; padding-left: 22px; margin: 0 0 5px 20px; height: 14px; background: url("images/cart.gif") no-repeat center left; font-weight: bold; }
.sidebar .cart:hover { color: #568917; }
.sidebar h2 { text-transform: uppercase; padding-top: 4px; color: #fffffd; text-align: center; width: 127px; height: 17px; background: #ff5307 url("images/sidebar-header.gif") no-repeat; font-size: 8pt; font-weight: bold; }
.sidebar ul li { margin-bottom: 10px; }
.sidebar ul li ul, .sidebar ul li ol { padding: 6px; border: 1px solid #c20000; font-size: 8pt; }
.sidebar ul li ul li { margin: 0; }
.sidebar ul li ol li { margin: 0 0 0 25px; list-style-type: decimal; }
.sidebar #searchform {
	margin:0 auto;
	padding:0;
	}
#s { border: 1px solid #a6a6a6; width: 108px; font-size: 8pt; background: url("images/search-bg.gif") repeat-x; }
#searchsubmit { width: 108px; height: 13px; background: #c20000 url("images/search.gif") no-repeat; text-indent: -1000em; border: 0; cursor: pointer; margin-top: 4px; }
/* End Sidebar */



/* Begin Footer */
#footer { padding: 18px 0; width: 916px; height: 27px; margin: 0 auto; background: url("images/footer.gif") no-repeat; text-align: center; }
#footer li { display: inline; font-size: 8pt; color: #fffffc; padding-left: 7px; background: url("images/mini-square.gif") no-repeat center left; }
#footer li.first { background: none; padding-left: 0; }
#footer li a { color: #fffffc; }
#footer li a:hover { color: #000000; background: none; }
/* End Footer */


/* Begin Calendar */
#wp-calendar { 
	empty-cells: show; 
	margin: 10px auto 0; 
	width: 155px; 
	}

#wp-calendar #next a { 
	padding-right: 10px; 
	text-align: right; 
	}
	
#wp-calendar #prev a { 
	padding-left: 10px; 
	text-align: left; 
	font-size: 9pt; 
	}
	
#wp-calendar a { 
	display: block; 
	text-decoration: none; 
	}

#wp-calendar caption { 
	text-align: center; 
	width: 100%; 
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

#wp-calendar td { 
	padding: 3px 0; 
	text-align: center; 
	}
	
#wp-calendar td.pad:hover { background-color: #fff; }

#wp-calendar th { 
	font-style: normal; 
	text-transform: capitalize; 
	}
/* End Calendar */



/*
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
*/