/* BASIC VISUAL STYLES */


body{
    font-family: Helvetica, Arial, Verdana, sans-serif; 
    font-size: 14px;
    background: white; 
}



a, h1, h2, h3, h4, h5, #header ul li a:hover, #header ul li a.current, h1.blog-entry-title, h1.blog-entry-title a, .blog-archive-month, .album-title, .photo-title, .movie-page-title{ color: #FF4400; }


a{ text-decoration: underline;}
a:visited{color: #804000;}
a:active {color: #FFCC66;}
a:hover  {color: #FFCC66;}
a img{ border: 0; }



h1, h2, h3, h4, h5{ 
    margin: 0; 
    padding: 0; 
}
h1{ font-size: 20px; }
h2{ font-size: 18px; }
h3{ font-size: 16px; }
h4{ font-size: 14px; }
h5{ font-size: 12px; }

blockquote{ padding: 10px 15px; margin: 15px 0; background: #EEE; font-style: italic; }



/* LAYOUT */

body{
	margin: 0;
	padding: 10px 0 0 0;
}


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




/* #wrapper snuggly fits in to body */
#wrapper{ 
	width: 100%;
}



#header-container {
	margin: 0 auto; 
	position: relative;
	width: 800px;
	padding: 0px 40px 0px 40px;
}


#header-content {

}




#header-content ul{
	margin: 0;
	padding: 40px 40px 0px 0px; /* For IE6 */
	list-style: none;
	float: right;
}

html > body #header-content ul{ padding: 40px 40px 0px 0px; } /* For all else */
#header-content ul li{ float: left; margin-left: 15px; }
#header-content ul a{ color: #9E9E9E; text-decoration: none; }
#header-content ul a.current{ color: #FF4400; text-decoration: none; }



#main-container{
	margin: 0;
	padding: 20px 40px 20px 40px;
	line-height: 1.5em;
	background: #FFF url('/images/shadow.jpg') top repeat-x;
}


#main-content {
	margin: 0 auto; 
	position: relative;
	width: 800px;
	padding: 30px 0 0 0;
}




	
#footer-container{
	padding: 0px 40px 0px 40px;
	clear: both;
	margin: 0;
	min-height: 50px;
}


#footer-content {
	margin: 0 auto; 
	position: relative;
	width: 800px;
	font-size: .8em;
	text-align: center;
	padding: 10px 0 15px 0; /* For IE6 */
	padding: 0 50px 20px 50px;	
    color: #aaa;	
}
html > body #footer-content{ padding: 15px 0; } /* For all else */

#footer-content a {
    color: #aaa;
    text-decoration: none;
}

#footer-content a:hover {
    text-decoration: underline;
}



#clearer {
    clear: both;
    float: none;
    width: 100%;
}