/*
The Scene and Herd by Emily Thomas
Lovingly designed and coded by John Mani
	JOHN MANI, 2009
	www.johnmani.com
	
	
	Colours:
		#ffd62a
		461572
		#f6d642
		#662499 purple

*/

/*RESET*/
 body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote, th, td 
	{ 
	padding: 0;
	margin: 0;

	}
fieldset, img { 
	border: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
ol, ul {
	list-style: none;
	}
address, caption, cite, code, dfn, em, strong, th, var {
	font-weight: normal;
	font-style: normal;
	}
caption, th {
	text-align: left;
	}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
	}

q:before, q:after {
	content: '';
	}
abbr, acronym { 
	border: 0;
	}
.clear {clear: both;}

/*BODY*/


body	{
		background-image: url(images/background.png); background-repeat:repeat;
		font-family: Georgia, Times; font-size: 0.8em; color: #303030; font-weight: normal;
		line-height: 1.3em;	
		}

body a 	{
		font-family: Georgia, Times; font-size: 1.0em; color: #303030; font-weight: normal;
		text-decoration: none;
		}

html 	{
    		
		} 
		
h2	{
	font-size: 1.4em;
	margin-top:10px;
	}	
	
h3	{
	font-size: 1.2em;
	margin-top:15px;
	color: #662499;
	}	

h3	a{
	font-size: 1.2em;
	margin-top:15px;
	color: #662499;
	}	


			
#background {
				}		

#pagewrap 	{background-image: url(images/bodyrepeat.png); background-repeat: repeat-y;		
   			height: 100%;
			width: 836px;
			margin-left: auto; margin-right: auto; 
			position: relative; top:50px; 
			-webkit-box-shadow: 2px 2px 10px #303030; 
			-moz-box-shadow: 2px 2px 10px #303030;  
  			box-shadow: 2px 2px 10px #303030;
			margin-bottom: 100px;
			}

#header		{
			position: relative; height: 300px; width: 760px;
			}

/*{
			background-color: #fff;	
   			height: 100%;
			width: 760px;
			margin-left: auto; margin-right: auto; 
			position: relative; top:50px;
			-webkit-box-shadow: -0px -0px 35px #000; 
			-moz-box-shadow: -0px -0px 35px #000;  
  			box-shadow: -0px -0px 35px #000;
			}		
*/


h1#header	{
		background-image: url(images/header.jpg); background-repeat: no-repeat;
		height: 278px;
		width: 836px;
		position: relative; top: 0px; left: 0px; 
		margin: 0px 0px 0px 0px;
		text-indent: -9999px;
		}
/*
h1#header	{
		background-image: url(images/header.png); background-repeat: no-repeat;
		height: 39px;
		width: 421px;
		position: relative; top: 40px; left: 40px; 
		margin: 20px 0px 20px 0px;
		text-indent: -9999px;
		}

.emily	{
		background-image: url(images/emilythomas.png); background-repeat: no-repeat;
		position: relative; top: 40px; left: 155px;
		width: 184px; 
		height: 156px;
		text-indent: -9999px;
		
		}

.quote	{
		background-image: url(images/quote.png); background-repeat: no-repeat;
		position: relative; top: -160px; left: 495px;
		width: 231px; 
		height: 141px;
		text-indent: -9999px;	
		}


#description	{
				background-image: url(images/description.png); background-repeat: no-repeat;
				height: 49px;
				width: 479px;
				position: relative; top:35px; left:10px;
				text-indent: -9999px;
				}


*/


#navigation {
			position:absolute; left: 82px; top:300px; 
			font-size: 1.1em;
			display: inline;
			}
			
#navigation a {
			/* background-color: #ffd62a; */
			padding: 2px;
			}			


#navigation div a:hover 	{font-size: 1.5em;}


#home  	{
		background-image: url(images/homeOn.png); background-repeat: no-repeat;
		height: 79px;
		width: 42px;
		position: absolute; top: 25px; left: -42px;
		}

#portfolio	{position: relative; top: -66px; left: 150px;

			}
			
#about		{
			position: relative; top: -33px; left: 75px;
			}

#rss		{
			height: 29px;
			width: 29px;
			position: relative; top: -106px; left: 240px;
			}

h1 a 	{
		display: block;
		width: 100%;
		height: 100%;
  		outline: none;
  		}





#maincontent	{
				float: left;
				position: relative; top: 0px;
				min-height: 500px;
				width: 400px;
				margin: 70px 0px 50px 84px;
				padding-right: 40px;
				background-image: url(images/line.png); background-repeat: repeat-y; background-position:100% 0%;
			
		
				}

.article a {
				color: #662499;
				}

#sidebar	{
			float: right;
			position: relative; top: 70px;
			width: 260px;
			}
			
.chop {background-image: url(images/chop.png); height:162px; width:242px;}			
			
#sidecontent {
			padding-right: 40px;
			}			

#endcontent	{
			background-image: url(images/endcontent.png);
			height: 10px;
			width: 163px;
			margin-left: auto; margin-right: auto;
			margin-top: 100px;
			margin-bottom: 10px;
			}


/*Typography*/
#title	{
		margin: 10px 0 5px 0;
		font-size: 25px;
		line-height: 1.2em;
		}

.metadata	{
			color: #606060;
			margin: 0 0 20px 0;
			}

.metadata a	{
			color: #662499;
			margin: 0 0 20px 0;
			}

.zebra	{
		height: 39px; width: 47px;
		background-image: url(images/zebrahead.jpg);
		position:relative; left:275px; top:27px;
		}

.article p	{
			margin: 10px 0 10px 0;
			}

.comments	{
			font-size: 1.2em;
			margin: 10px 0 0 0;
			}

#comments 	{
			font-size: 1.4em;
			margin: 30px 0 15px 0;
			}

.commenttext	{
				}

li.commentalt 	{
				padding: 15px;
				}

li.comment {
			padding: 15px;
			-moz-border-radius-bottomleft:5px;
			-moz-border-radius-bottomright:5px;
			-moz-border-radius-topleft:5px;
			-moz-border-radius-topright:5px;
			-webkit-border-bottom-left-radius:5px;
			-webkit-border-bottom-right-radius:5px;
			-webkit-border-top-left-radius:5px;
			-webkit-border-top-right-radius:5px;

			background-color:#E6E6E6;
			}
label	{
		font-size: 0.9em;
		}

.button	{
			-moz-border-radius-bottomleft:5px;
			-moz-border-radius-bottomright:5px;
			-moz-border-radius-topleft:5px;
			-moz-border-radius-topright:5px;
			-webkit-border-bottom-left-radius:5px;
			-webkit-border-bottom-right-radius:5px;
			-webkit-border-top-left-radius:5px;
			-webkit-border-top-right-radius:5px;
		background-color: #ffd62a;
		padding: 5px;
		font-family: Georgia;
		}

/*ABOUT*/
/*PORTFOLIO*/
/*SIDEBAR*/
/*FOOTER*/

#footer		{
				background-image: url(images/footer2.png); background-repeat: no-repeat;
				height: 198px;
				width: 1025px;
				margin-top: 30px;
				position: relative; left: -108px;
				text-indent: -9999px;
				}
#footlinks		{
				position: relative; top: -40px; 
				margin-left: auto; margin-right: auto;
				width: 880px;
				color: white;
				}

ul#bottom-nav	{padding:0;margin-left:15px; margin-top: 20px; color:#fff;font-family: Georgia;white-space:nowrap;
				list-style-type:none;}
ul#bottom-nav li a {font-size: 1.2em; font-weight: normal; color: white;}
ul#bottom-nav li {display: inline; margin-left: 10px; font-size: 0.8em; font-weight: normal; color: white;}
#johnmani {position: absolute; right: 40px; top: -5px;}