/*html5doctor.com Reset Stylesheet*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}


/* 
    Document	: base stylesheet
	Package		: Monkeysweat.com
    Author		: Neil Sweeney - http://wolfiezero.com/
	Twitter		: @WolfieZero
*/

html{
	background:		#ECE7E0 url('../img/bg.gif') repeat-x;
	overflow-y:		scroll;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
body{
	width:			900px;
	font:			62.5% Arial, Helvetica, sans-serif;
	margin:			38px auto 0;
	color:			#444;
}
::-moz-selection, ::selection{ 
	background:		#C09;
	color:			#FFF; 
	text-shadow:	none;
}

/*	Type Elements */
p{
	line-height:	1.5em;
	margin:			1.2em 0;
}
h1{
	font:			2.2em 'Maven Pro';
	font-weight:	400;
	margin:			1em 0;
	border-bottom:	1px solid #CCC;
}
h2{
	font:			1.8em 'Maven Pro';
	font-weight:	400;
	margin:			1em 0;
}
h3{
	font:			2.2em;
	line-height:	2em;
}
a{
	color:			#428F01;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
sub,sup{
	font:			75%;
	line-height:	0;
	position:		relative;
}
	sup{top:		-0.5em;}
	sub{bottom:		-0.25em;}


/*	Form Elements */
input[type=submit],input[type=radio],button{
	cursor:			pointer;
}
input[type=radio]{
	vertical-align:	text-bottom;
}
button{
	width:			auto; 
	overflow:		visible;
}
form input[type=text],
form input[type=email],
form select{
	border:			1px solid #AAA;
	background:		-moz-linear-gradient(top,  #EEE, #FFF);
	background:		-webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));	
	filter:			progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#FFFFFF');
}
form input[type=submit]{
	cursor:			pointer;
	border:			1px solid #AAA;
	background:		-moz-linear-gradient(top, #FFF, #EEE);
	background:		-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));	
	filter:			progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');
}
form textarea{
	border:			1px solid #AAA;
	background:		-moz-linear-gradient(top,  #EEE, #FFF);
	background:		-webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));	
	filter:			progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#FFFFFF');
	width:			70%;
	font-family:	Arial;
}
input::-moz-focus-inner,
button::-moz-focus-inner { border: 0; padding: 0; }


/*	Header */
body>header{

}
	body>header>p{
		position:		absolute;
		top:			140px;
		margin:			0 0 0 70px;
		background:		url('../img/logo.jpg');
		width:			510px;
		height:			160px;
		text-indent:	-9999em;
	}
	body>header>nav{
		background:		url('../img/bg-nav.gif');
		width:			100%;
		height:			71px;
		font-size:		1.2em;
		font-weight:	700;
	}
		body>header>nav li{
			margin:			10px 0;
			float:			left;
			width:			10%;
			text-align:		center;
		}
		body>header>nav a{
			display:		block;
			line-height:	50px;
			color:			#EFEFEF;
			width:			100%;
		}
		body>header>nav a.on,
		body>header>nav a:hover{
			background:		url('../img/bg-nav-on.gif') bottom;
		}
		
#main>article{
	float:				left;
	font-size:			1.4em;
	width:				650px;
	margin:				220px 0 30px;
	position:			relative;
	padding:			1em; 
	
	background:			#FFF;
	-webkit-box-shadow:	0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:	0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:			0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-border-radius:	4px; 
	border-radius:		4px;
}
	#main>article p{
		line-height:1.8em;
		
	}
	#main>article ul,
	#main>article ol{
		margin:				0 0 0 30px;
		column-count: 3;
	}
	#main>article li{
		line-height:		1.8em;
		margin:				0.5em 0;
	}
	#main>article .fun{
		margin:				0;
	}
		#main>article .fun li{
			list-style:			none;
			margin:				0 10px 40px;
			width:				300px;
			float:				left;
			line-height:		1em;
			font-size:			2.0em;
			font-family:		'Waiting for the Sunrise';
		}
		#main>article .fun li:nth-child(3n){
			font-family:		'Schoolbell';
		}
		#main>article .fun li:nth-child(2n){
			font-family:		'Over the Rainbow';
		}
	#main>article form{}
		#main>article form label{
			display: block;
		}
	#main>article:before,
	#main>article:after{
		content:			'';
		position:			absolute; 
		z-index:			-2;
		bottom:				15px;
		left:				10px;
		width:				50%;
		height:				20%;
		max-width:			300px;
		-webkit-box-shadow:	0 15px 10px rgba(0, 0, 0, 0.7);   
		-moz-box-shadow:	0 15px 10px rgba(0, 0, 0, 0.7);
		box-shadow:			0 15px 10px rgba(0, 0, 0, 0.7);
		-webkit-transform:	rotate(-3deg);    
		-moz-transform:		rotate(-3deg);   
		-ms-transform:		rotate(-3deg);   
		-o-transform:		rotate(-3deg);
		transform:			rotate(-3deg);
	}
	#main>article::after {
		right:				10px; 
		left:				auto;
		-webkit-transform:	rotate(3deg);   
		-moz-transform:		rotate(3deg);  
		-ms-transform:		rotate(3deg);  
		-o-transform:		rotate(3deg);
		transform:			rotate(3deg);
	}

#main>aside{
	width:				210px;
	padding:			0 0 0 10px;
	float:				right;
}
	#main>aside h2{
		font-weight:		500;
		line-height:		37px;
		margin:				40px 0 5px;
		text-indent:		30px;
		font-size:			2.0em;
        background:			url('../img/img1.gif') no-repeat;
	}
	#main>aside li{
		list-style:			none;
	}
	
	#main>aside .poll{}
		#main>aside .poll legend{
			font-weight:		700;
			font-size:			1.2em;
		}
		#main>aside .poll label{
			display:			block;
			cursor:				pointer;
			margin:				0.5em 0 0.5em 15px;
		}
		#main>aside .poll input[type=submit]{
			font-size:			1.0em;
		}
		
	#main>aside .tellall{}
		#main>aside .tellall h3{
			background:			url('../img/star.gif') no-repeat;
			text-indent:		17px;
			font-size:			1.2em;
			line-height:		14px;
			margin-bottom:		-8px;
		}
			#main>aside .tellall h3 a{
				color:				#495D38;
			}
		#main>aside .tellall p{
			margin-left:		18px;
		}
			
	#main>aside .adore{}
		#main>aside .adore h2{
			background:			url('../img/img2.gif') no-repeat;
		}
		#main>aside .adore li{
			padding:			0.5em 0 0.5em;
			border-bottom:		1px solid #CCC5BB;
		}
		#main>aside .adore a{
			background:			url('../img/arrow.gif') no-repeat 5px 3px;
			padding:			0 0 0 19px;
			display: block;
			color:				#796F21;
		}
		
	#main>aside .rellinks{}
		#main>aside .rellinks h2{
			background:			url('../img/img2.gif') no-repeat;
		}
		#main>aside .rellinks li{
			text-transform: capitalize;
			padding:			0.5em 0 0.5em;
			border-bottom:		1px solid #CCC5BB;
			background:			url('../img/arrow.gif') no-repeat 5px 3px;
			padding:			0 0 5px 19px;
			margin-bottom: 5px;
			display: block;
		}
		#main>aside .adore a{
			color:				#796F21;
		}

#main:after{
	 content:			'.';
     display:			block;
     height:			0;
     clear:				both;
     visibility:		hidden;
}

body>footer{
	clear:				both;
	position:			absolute;
	background:			url('../img/bg-footer.gif');
	font-size:			1.2em;
	height:				139px;
	width:				100%;
	left:				0;
	margin:				40px 0 0;
	color:				#FFF9E6;
}
	body>footer p{
		width:				900px;
		margin:				100px auto 0;
		text-align:			right;
	}