/*
Theme Name: MadMonkey
Theme URI: http://madmonkey.com/
Description: The default theme for the MadMonkey site
Version: 1.1
Author: Thomas Bradley
Author URI: http://thomasjbradley.ca
Tags: green, custom header, fixed width, two columns, widgets
*/
/**
	Mad Monkey
	Primary Screen+Print Styles
	
	@author		Thomas J Bradley <theman@thomasjbradley.ca>
	@link		http://thomasjbradley.ca
	@version	$Id: style.css 110 2008-10-11 21:25:38Z thomasjbradley $
	
	
	COLOURS:
		Background GREEN: 162c00
		Text Base GREY: ccc
		Link PALE GREEN: c1d48d
		Heading PALE YELLOW: ffc
		
	
	CONTENTS:
		General
		Layout
		Typography
		Forms
		Images
		Misc
			Masthead
			Footer
			Sub-nav
			Module
			Featured & Products
			Cart
	
*/

	
/*----- =General -----*/

body {
	margin: 0;
	padding: 0;
	
	background: #162c00 url("images/common/bg.gif") repeat;
	
	color: #ccc;
	font: normal 100.01%/112% arial,corbiel,verdana,sans-serif;
	}
	
.wrapper:after,
.inside:after,
ul.featured:after,
div.sub-nav:after,
ul.categories:after,
div.store-controls:after,
ul.images:after {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	
	content: ".";
	font-size: 0;
	}
	
div.hr {
	clear: both;
	height: 10px;
	
	background: transparent url("images/common/heading-bg.gif") no-repeat center center;
	border: none;
	}
	
	div.hr hr {
		display: none;
		}



/*----- =Layout -----*/

.wrapper {
	margin: 0 auto;
	padding: 0;
	width: 1034px;
	}
	
#content {
	margin: 0;
	padding: 0;
	
	background: transparent url("images/common/content-bg.gif") repeat-x left top;
	}
	
	#content .wrapper {
		padding: 1px 20px;
		width: 994px;
		
		background: transparent url("images/common/content-wrapper-bg.gif") no-repeat center top;
		}
		
.primary {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	width: 600px;
	}
	
.secondary {
	display: inline;
	float: right;
	margin: 0;
	padding: 0;
	width: 330px;
	}
	
.secondary.extended {
	padding-bottom: 240px;
	}


/*----- =Typography -----*/

h1 {
	margin: 0.8em 0 0.3em 0;
	
	color: #ffc;
	line-height: 1.167em;
	font-size: 1.75em; /* 28pt */
	font-weight: bold;
	}
	
	h1.sub-heading {
		margin-top: 0;
		}
	
h2 {
	margin: 0 0 0.7em 0;
	padding: 0;

	color: #ffc;
	line-height: 1.167em;
	font-size: 1.125em; /* 18pt */
	font-weight: bold;
	}
	
h2.section {
	margin: 1.2em 0 0.7em 0;
	padding: 0 0 7px 0;
	
	background: transparent url("images/common/heading-bg.gif") no-repeat left bottom;
	
	color: #fff;
	}
	
.secondary h2.section {
	padding-left: 20px;
	}
	
.secondary h3 {
	clear: both;
	margin: 2em 0 0 0;
	padding: 0 0 0 20px;
	
	color: #fff;
	line-height: 1.167em;
	font-size: 1.125em; /* 18pt */
	font-weight: bold;
	}
	
p {
	margin: 0 0 1.25em;
	padding: 0;
	
	line-height: 1.25em; /* 20pt */
	}
	
ul,
ol {
	margin-top: 0;
	margin-bottom: 1.25em;
	
	line-height: 1.5em;
	}
	
a,
a:link,
a:visited {
	color: #c1d48d;
	text-decoration: underline;
	}
	
	h1 a,
	h1 a:link,
	h1 a:visited,
	h2 a,
	h2 a:link,
	h2 a:visited {
		text-decoration: none;
		}
	
a:focus,
a:hover,
a:active {
	color: #ffc;
	text-decoration: underline;
	}
	
strong {
	color: #fff;
	}
	
strong.price {
	display: block;
	margin: 0.4em 0 1em 0;
	
	color: #dddc79;
	font: bold normal 2.5em georgia,times,serif;
	}



/*----- =Forms -----*/

form,
fieldset {
	display: block;
	margin: 0;
	padding: 0;
	
	border: 0;
	}

input {
	padding: 0.3em;
	
	background-color: #000;
	border: 1px solid #000;
	
	color: #ccc;
	vertical-align: middle;
	}
	
input#add {
	padding: 0;
	background-color: transparent;
	border: 0;
	}
	
select {
	font-size: 1.2em;
	vertical-align: middle;
	}
	
textarea {
	padding: 0.3em;
	
	background-color: #000;
	border: 1px solid #000;
	
	color: #ccc;
	}

label {
	vertical-align: middle;
	}
	
form.product {

	}
		
	form.product div {
		display: inline;
		float: left;
		}	
	
	form.product label {
		display: block;
		padding: 0.3em 0;
		}

	form.product div.button {
		display: inline;
		float: right;
		padding: 0 0 2em 0;
		}
		
	form.product div.quantity {
		width: 150px;
		}
	


/*----- =Images -----*/

img {
	margin: 0;
	padding: 0;
	
	border: 0;
	}
	
img.store-banner {
	margin: 10px 0 0 0;
	}
	
ul.images {
	margin: 15px 0 0 0;
	padding: 0;
	
	list-style-type: none;
	}
	
	ul.images li {
		display: inline;
		float: left;
		margin: 0 10px 15px 0;
		padding: 0;
		}
		
	ul.images li.primary {
		margin: 0 10px 15px 0;
		padding: 0;
		
		width: auto;
		}



/*----- =Misc -----*/

p.more {
	margin: 0;
	padding: 0 30px 0 0;
	
	text-align: right;
	}

div.date {
	display: inline;
	float: left;
	margin: -0.3em 0.5em 0 -38px;
	padding: 0 0 10px 38px;
	
	background: transparent url("images/common/blog-leaf.gif") no-repeat left top;
	
	color: #c1d48d;
	font-size: 0.75em;
	font-weight: bold;
	text-align: center;
	}
	
	div.date span {
		display: block;
		
		font-size: 1.5em;
		line-height: 0.6em;
		}
		
ul.categories {
	margin: 2em 0;
	padding: 0;
	
	list-style-type: none;
	}
	
	ul.categories li {
		display: inline;
		float: left;
		width: 50%;
		}
		
form button {
	margin: 0;
	padding: 0;
	vertical-align: middle;

	background-color: transparent;
	border: 0;
	cursor: pointer;
	}
	
form#searchform input {
	width: 200px;
	}
	
ul.recent {
	padding: 0 0 0 20px;
	
	list-style-image: url("images/common/arrow.gif");
	}

div.store-controls {
	margin: 0 0 -0.9em 0;
	}

div.cart-items {
	display: inline;
	float: left;
	padding: 0.5em 0 0 0.2em;
	width: 5.3em;

	color: #fff;
	}
	
	div.cart-items strong {
		display: inline;
		float: left;
		
		color: #c1d48d;
		font-size: 2.4em;
		}
		
	div.cart-items span {
		display: inline;
		float: left;
		margin: -0.6em 0 0 0.1em;
		padding: 0;
		vertical-align: top;
		
		font-size: 0.7em;
		line-height: 1em;
		}
		
	div.cart-items em {
		display: inline;
		float: left;
		margin: 0 0 0 0.1em;
		padding: 0;
		
		font-size: 1em;
		font-style: normal;
		font-weight: bold;
		line-height: 1em;
		}
		
form.shop-search {
	display: inline;
	float: left;
	}
	
	form.shop-search input#search-input {
		vertical-align: middle;
		width: 90px;
		}
		
	form.shop-search button {
		margin: 0.3em 0 0 0;
		width: 51px;
		}
		
a.checkout {
	display: block;
	float: right;
	height: 35px;
	margin: 0 -10px 0 0;
	padding: 0;
	width: 95px;
	}
	
ol.steps {
	clear: both;
	margin: 1.5em 0 0 0;
	padding: 0;
	
	list-style-type: none;
	}
	
dl.shop-help {
	margin: 1em 0 0 0;
	padding: 0;
	}
	
	dl.shop-help dt {
		margin: 0;
		padding: 0;
		}
		
	dl.shop-help dd {
		margin: 0 0 1.5em 48px;
		padding: 0;
		}
		
div#pagination {
	padding: 1.5em 0 1em 0;
	
	font-size: 1.25em;
	text-align: center;
	}
	
.sidebar-feature {
	display: block;
	margin-top: 55px;
	}
	


/*----- =Misc Masthead -----*/

#masthead {
	margin: 0;
	padding: 0;
	
	background: #dcf4fa url("images/banners/default.jpg") no-repeat center bottom;
	}
	
#home #masthead {
	background-image: url("images/banners/index.jpg");
	}
	
#about #masthead {
	background-image: url("images/banners/about.jpg");
	}
	
#blog #masthead {
	background-image: url("images/banners/blog.jpg");
	}
	
.shop #masthead {
	background-image: url("images/banners/shop.jpg");
	}
	
	#masthead .wrapper {
		min-height: 490px;
		
		background: transparent url("images/common/masthead-bg.gif") no-repeat center bottom;
		}
		
	.inside #masthead .wrapper {
		min-height: 210px;
		}
		
	#masthead a#logo {
		display: block;
		height: 155px;
		margin-left: -35px;
		position: absolute;
		width: 355px;
		}
		
	#masthead ul.nav {
		margin: 0 0 0 233px;
		min-height: 70px;
		width: 750px;
		padding: 0 0 0 25px;
		position: absolute;
		
		background: transparent url("images/common/nav-bg.png") no-repeat left top;

		list-style-type: none;
		}
		
		#masthead ul.nav li {
			display: inline;
			float: left;
			padding: 14px 0 0 0;
			}
		
		#masthead ul.nav li a,
		#masthead ul.nav li a:link, 
		#masthead ul.nav li a:visited {
			display: block;
			height: 40px;
			margin: 0 10px;
			overflow: hidden;
			padding: 0;
			width: 88px;
			
			background: transparent url("images/common/nav-links.gif") no-repeat left top;
			
			text-indent: -999em;
			}
			
		#masthead ul.nav li a:focus,
		#masthead ul.nav li a:hover, 
		#masthead ul.nav li a:active {
			background-position: left center;
			}
			
		#masthead ul.nav li.active a,
		#masthead ul.nav li.active a:link, 
		#masthead ul.nav li.active a:visited {
			background-position: left bottom;
			}
			
		#masthead ul.nav li#nav-about a,
		#masthead ul.nav li#nav-about a:link,
		#masthead ul.nav li#nav-about a:visited {
			margin: 0 12px;
			width: 100px;
			
			background-position: -110px top;
			}
			
		#masthead ul.nav li#nav-shop a,
		#masthead ul.nav li#nav-shop a:link,
		#masthead ul.nav li#nav-shop a:visited {
			width: 82px;
			
			background-position: -230px top;
			}
			
		#masthead ul.nav li#nav-blog a,
		#masthead ul.nav li#nav-blog a:link,
		#masthead ul.nav li#nav-blog a:visited {
			width: 85px;
			
			background-position: -330px top;
			}
			
		#masthead ul.nav li#nav-about a:focus,
		#masthead ul.nav li#nav-about a:hover,
		#masthead ul.nav li#nav-about a:active {
			background-position: -110px center;
			}
			
		#masthead ul.nav li#nav-shop a:focus,
		#masthead ul.nav li#nav-shop a:hover,
		#masthead ul.nav li#nav-shop a:active {
			background-position: -230px center;
			}
			
		#masthead ul.nav li#nav-blog a:focus,
		#masthead ul.nav li#nav-blog a:hover,
		#masthead ul.nav li#nav-blog a:active {
			background-position: -330px center;
			}
			
		#masthead ul.nav li#nav-about.active a,
		#masthead ul.nav li#nav-about.active a:link,
		#masthead ul.nav li#nav-about.active a:visited {
			background-position: -110px bottom;
			}
			
		#masthead ul.nav li#nav-shop.active a,
		#masthead ul.nav li#nav-shop.active a:link,
		#masthead ul.nav li#nav-shop.active a:visited {
			background-position: -230px bottom;
			}
			
		#masthead ul.nav li#nav-blog.active a,
		#masthead ul.nav li#nav-blog.active a:link,
		#masthead ul.nav li#nav-blog.active a:visited {
			background-position: -330px bottom;
			}
	
	#masthead ul.nav li#nav-contact {
		display: inline;
		float: right;
		padding-top: 8px;
		}
		
		#masthead ul.nav li#nav-contact a,
		#masthead ul.nav li#nav-contact a:link, 
		#masthead ul.nav li#nav-contact a:visited {
			display: block;
			height: 38px;
			margin: 0;
			overflow: hidden;
			padding: 0;
			width: 105px;
			
			background: transparent url("images/common/contact-bg.gif") no-repeat left bottom;
			
			text-indent: -999em;
			}
			
		#masthead ul.nav li#nav-contact a:focus,
		#masthead ul.nav li#nav-contact a:hover, 
		#masthead ul.nav li#nav-contact a:active,
		#masthead ul.nav li#nav-contact.active a,
		#masthead ul.nav li#nav-contact.active a:link, 
		#masthead ul.nav li#nav-contact.active a:visited {
			background-position: left top;
			}
			
	#masthead ul.nav li#nav-feed {
		display: inline;
		float: right;
		padding-top: 15px;
		padding-right: 15px;
		}
		
		#masthead ul.nav li#nav-feed a,
		#masthead ul.nav li#nav-feed a:link, 
		#masthead ul.nav li#nav-feed a:visited {
			display: block;
			height: 40px;
			margin: 0;
			overflow: hidden;
			padding: 0;
			width: 58px;
			
			background: transparent url("images/common/feed-bg.gif") no-repeat left top;
			
			text-indent: -999em;
			}
			
		#masthead ul.nav li#nav-feed a:focus,
		#masthead ul.nav li#nav-feed a:hover, 
		#masthead ul.nav li#nav-feed a:active {
			background-position: left bottom;
			}
		
	#masthead ul.nav-secondary {
		position: absolute;
		}
		
		
		
/*---- =Misc Footer -----*/

div#goto {
	position: absolute;
	right: 0;
	top: -229px;
	}

#footer {
	margin: 1em 0 0 0;
	padding: 0;
	
	background: transparent url("images/common/footer-bg.gif") repeat-x left bottom;
	
	color: #c1d48d;
	font-size: 0.75em; /* 12pt */
	}
	
	#footer .wrapper {
		margin-bottom: 0;
		padding: 0;
		position: relative;
		
		background: transparent url("images/common/footer-wrapper-bg.gif") repeat-y center top;
		}
		
	#footer .wrapper .inside {
		margin: 0;
		padding: 20px;
		width: 994px;
		
		background: transparent url("images/common/footer-wrapper-inside-bg.gif") no-repeat center top;
		}

#footer div.hr {
	margin: 0 0 0.7em 0;
	padding: 0.8em 0 0 0;
	}

#footer div.links {
	display: inline;
	float: left;
	margin-right: 30px;
	width: 275px;
	}

	#footer div.links .primary {
		display: block;
		float: none;
		margin: 0 0 1.5em 0;
		width: auto;
	
		vertical-align: middle;
		}
	
		#footer div.links .primary a {
			vertical-align: middle;
			}
		
		#footer div.links .primary span {
			font-size: 1.5em;
			vertical-align: middle;
			}
			
		#footer div.links p {
			margin: 0 0 0.5em 0;
			padding: 0;
			
			vertical-align: middle;
			}
			
			#footer div.links p img {
				vertical-align: middle;		
				}
			
#footer div.blog {
	display: inline;
	float: left;
	width: 275px;
	}
	
p.blog-link {
	margin-top: -0.3em;
	
	font-size: 1.5em;
	}
	
#footer h3 {
	margin: 0 0 1.3em 0;
	padding: 0;
	
	font-size: 0.75em; /* 12pt */
	}
	
#footer .logo {
	display: inline;
	float: left;
	}
	
#footer small {
	display: inline-block;
	float: left;
	margin: 1.4em 0 0 15px;
	padding: 0;
	
	color: #ccc;
	}
	
#footer ul {
	margin: 0 0 2em 0;
	padding: 0 0 0 18px;
	
	list-style-image: url("images/common/arrow.gif");
	}

form.contact-form {
	padding: 0.2em 0 0 0;
	}
	
form#contact-form-page {
	margin-top: 3em;
	width: 350px;
	}
	
	form.contact-form legend {
		display: none;
		}
	
		form.contact-form div {
			padding-bottom: 0.6em;
			}
	
		form.contact-form label {
			clear: both;
			display: inline;
			float: left;
			margin: 0.2em 0.5em 0 0;
			padding: 0;
			width: 6em;
			
			color: #c1d48d;
			text-align: right;
			}
			
		form.contact-form label.error {
			display: block;
			float: none;
			margin: 0;
			padding: 0.3em 0 0 6.5em;
			width: auto;
			
			color: #ff0;
			text-align: left;
			}
	
		form.contact-form input {
			margin: 0;
			width: 230px;
			}
	
		form.contact-form textarea {
			margin: 0;
			max-width: 230px;
			width: 230px;
			}
		
		form.contact-form div.button {
			padding: 0 10px 0 6em;
			
			text-align: right;
			}
		
		

/*----- =Misc Sub-nav -----*/

div.sub-nav {
	margin: 0;
	padding: 0;
	}

	div.sub-nav ul {
		display: inline;
		float: left;
		margin: -17px -15px 0 -15px;
		padding: 0 60px 3px 0;
		width: 100%;
	
		background: transparent url("images/common/sub-nav-bg.gif") repeat-x left bottom;
	
		list-style-type: none;
		}
		
		div.sub-nav ul li {
			display: inline;
			float: left;
			margin: 0;
			padding: 0;
			width: auto;
			}
			
			div.sub-nav ul li a,
			div.sub-nav ul li a:link,
			div.sub-nav ul li a:visited {
				display: block;
				height: 66px;
				
				background: transparent none no-repeat left top;	
				}
				
			div.sub-nav ul li a:focus,
			div.sub-nav ul li a:hover,
			div.sub-nav ul li a:active {
				background-position: center top;
				}
				
			div.sub-nav ul li.active a,
			div.sub-nav ul li.active a:link,
			div.sub-nav ul li.active a:visited {
				background-position: right top;
				}
				
				div.sub-nav ul li a span {
					display: block;
					height: 55px;
					overflow: hidden;
				
					text-indent: -999em;
					}
					
			div.sub-nav ul li#sub-about a,
			div.sub-nav ul li#sub-about a:link,
			div.sub-nav ul li#sub-about a:visited {
				width: 151px;
				
				background-image: url("images/common/sub-nav-about.gif");
				}
				
			div.sub-nav ul li#monkey a,
			div.sub-nav ul li#monkey a:link,
			div.sub-nav ul li#monkey a:visited {
				width: 170px;
				
				background-image: url("images/common/sub-nav-monkey.gif");
				}
				
			div.sub-nav ul li#bamboo a,
			div.sub-nav ul li#bamboo a:link,
			div.sub-nav ul li#bamboo a:visited {
				width: 181px;
				
				background-image: url("images/common/sub-nav-bamboo.gif");
				}
				
			div.sub-nav ul li#store a,
			div.sub-nav ul li#store a:link,
			div.sub-nav ul li#store a:visited {
				width: 170px;
				
				background-image: url("images/common/sub-nav-store.gif");
				}
				
			div.sub-nav ul li#guys a,
			div.sub-nav ul li#guys a:link,
			div.sub-nav ul li#guys a:visited {
				width: 151px;
				
				background-image: url("images/common/sub-nav-guys.gif");
				}
				
			div.sub-nav ul li#girls a,
			div.sub-nav ul li#girls a:link,
			div.sub-nav ul li#girls a:visited {
				width: 151px;
				
				background-image: url("images/common/sub-nav-girls.gif");
				}



/*----- =Misc Module -----*/

div.module {
	margin: 0;
	padding: 20px;
	
	background: transparent url("images/common/module-top-bg.gif") no-repeat left top;
	}
	
	div.module div.bottom {
		height: 40px;
		margin: -20px;
		
		background: transparent url("images/common/module-bottom-bg.gif") no-repeat left bottom;
		}
		
	div.module h2 {
		margin: 0;
		
		background: none;
		}
		
		div.module h2 img {
			display: inline;
			float: left;
			margin: 0.2em 5px 5px 0;
			}
			
	div.module p.more {
		margin: -1em 0 -2em 0;
		}

	

/*----- =Misc Featured & Products----*/

ul.featured {
	margin: 2em 0 2em -39px;
	padding: 0;

	font-size: 0.875em; /* 14pt */
	list-style-type: none;
	}
	
ul#products-home {
	position: relative;
	margin-right: -390px;
	}

.secondary ul.featured {
	margin-right: 0;
	margin-left: -5px;
	position: relative;
	width: 340px;
	}
	
	ul.featured li {
		display: inline;
		float: left;
		margin: 0 0 0 39px;
		padding: 0;
		}
		
	ul.products li,
	ul#products-home li {
		margin-bottom: 1.5em;
		}

	ul#products-home li {
		margin-left: 37px;
		}
		
	.secondary ul.featured li {
		margin-left: 0;
		margin-right: 4px;
		}
		
	ul.featured li.last-child {
		margin-right: 0;
		}
		
		ul.featured li a,
		ul.featured li a:link,
		ul.featured li a:visited {
			display: block;
			/*padding: 0;*/
			padding: 4px 4px 0 4px;
			
			background: transparent url("images/common/border-hash-top.gif") no-repeat right top;
			/*border: 2px dotted #000;*/
			
			color: #fff;
			text-decoration: none;
			}
			
		ul.featured li a:focus,
		ul.featured li a:hover,
		ul.featured li a:active {
			background-position: left top;
			/*border-color: #016705;*/
			
			color: #ffc;
			}
			
			ul.featured li a span {
				display: block;
				min-height: 210px;
				padding: 0 5px 0.5em 5px;
				width: 150px;
				
				background: transparent url("images/common/border-hash-bottom.gif") repeat-x right bottom;
				/*border: 2px dotted #000;*/
				}
				
			ul.products li a span,
			ul#products-home li a span {
				min-height: 385px;
				}
				
			ul.featured li a:focus span,
			ul.featured li a:hover span,
			ul.featured li a:active span {
				background-position: left bottom;
				/*border-color: #016705;*/
				}
				
			ul.featured li a img {
				margin: 0 -5px;
				}
			
			ul.featured li a strong {
				display: block;
				padding: 0.5em 0 0 0;
				
				color: #c1d48d;
				text-transform: uppercase;
				}
				
				ul.featured li a:focus strong,
				ul.featured li a:hover strong,
				ul.featured li a:active strong {
					color: #ffc;
					}

/*----- =Misc Cart ----*/
.info {
	padding: 5px;
	
	text-align: right;
	}
	
.thumb {
	display: inline;
	float: left;
	margin: 0 1em 0 0 ;
	}
	
#cart {
	margin: 30px 0;
	}
	
#cart h3 {
	margin: 0;
	}
	
#cartform {
	margin: 30px 0;
	}
	
#line-items {
	margin: 0;
	padding: 0;

	border-top: 5px solid #000;

	list-style: none;
	}
	
#line-items li {
	margin-bottom: 2px;
	padding: 10px;
	position: relative;
	
	border-bottom: 1px solid #000;
	}
	
.money, .price {
	color: #dddc79;
	}
	
li#total {
	background: #000;
	border-top: 1px solid #000;
	
	color: #e2e2e2;
	font-size: 1.5em;
	font-weight: bold;
	text-align: right;
	}
	
li#total .money {
	font-size: 22px;
	}
	
#cart label {
	padding-right: 5px;
	
	font-size: 12px;
	color: #e2e2e2;
	}
	
#cart .right {
	position: absolute;
	right: 10px;
	top: 5px;
	
	text-align: right;
	}
	
#update-cart {
	display: inline;
	float: left;
	margin: -5px 0 0 0;
	padding: 0;
	
	background-color: transparent;
	border: 0;
	}
	
#proceed-checkout {
	padding: 0;
	
	background-color: transparent;
	border: 0;
	}