/* CSS file for Woolf's Eye Digital Arts trial site */

body {
	text-align:center;
	margin:auto;
	background-color:darkgreen;
/*	border:10px solid seagreen; */
	}

#wrapper {
	width:990px;
	padding:0 10px;
	text-align:center;
	margin:auto;
	background-image:url(images/riverfare_arena_bg.jpg);
	background-attachment:fixed;
	}
	
#header {
	height:120px;
	width:980px;
/*	margin-left:25px;*/
	text-align:center;
	font-style:italic;
	color:darkblue;
	/*background-image:url(images/header_bg.jpg);*/
	}
	
/* Div IDs for the title text at the top of each topic page.

Wolf picture is always centered left.  Next to it, "Woolf's Eye Digital Arts" in medium-size text, fantasy font.  Lower, larger, and centered is the page title.
*/

#logo {
	font-size:150%;
	font-family:"Comic Sans MS", fantasy;
	font-weight:bold;
	text-align:center;
	color:blue;
	}
	
#pagetitle {
	font-size:250%;
	margin-top:0;
	font-weight:bold;
	font-family:"Comic Sans MS", fantasy;
	color:darkblue;
	text-align:center;
	}
	

#leftear {
	float:left;
	}	

#rightear {
	float:right;
	}

/* Navigation bar, across top of page below main header */

	
#navbar {
	clear:both;
	text-align:center;
	width:100%;
	margin:auto;
	height:2.2em;
	}
	
#navbody {
	width:95%;
	margin:auto;
	}

.navbtn-1, .navbtn-2 {
	display:block;
	float:left;
	margin:3px  12px;
	border:3px outset silver;
	width:125px;
	height:2em;
	text-align:center;
	background-color:lightblue;
	}

.navbtn-1 {
	padding-top:0.5em;
}

.navbtn-1 a {
	display:block;
	text-decoration:none
	}

.navbtn-1 a:hover {
	}
	

.navbtn-2 {
	padding-bottom:0.5em;
	}

.navbtn-2 a {
	display:block;
	text-decoration:none
	}

.navbtn-2 a:hover {
	}
	
/* min-width of the page as a whole is set to 1000px.  In this design, the full width is available for content. */

#content {
	min-width:950px;
	margin:0;
	}

#content h2 {	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	margin-top:0;
	}


.content-section {
	clear:both;
	width:80%;
	margin:auto;
	border: 10px double darkgreen;
	padding:10px;
	text-align:center;
	background-color:#eeeeee; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	margin-bottom:45px;
	padding:10px 35px;
	text-align:left;
	}

#equation-gutter {
	text-align:center;
	}

#equation {
	width:200px;
	margin:0 auto;
	padding:10px;
	background-color:ivory;
	text-align:left;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	font-size:125%;
	}

#skill_list {
	margin-left:15px;
	list-style-type:none;
	}

#skill_list li {
	margin-top: 1em;
	}

#footer_gutter {
	clear:both;
	width:100%;
	text-align:center;
	}

#footer {
	width:67%;
	margin:auto;
	text-align:left;
	font-size:75%;
	padding:5px 25px;
	color:darkblue;
	background-color:antiquewhite;
	}
	
/* styles for Photo ordering page */

#sm_frontpage {
	float:right;
	margin:5px;
	}

#sm_gallery {
	float:left;
	margin:15px;
	}

#orderblock {
	clear:both;
	}


.introline {
	font-size:1.5em;
	font-style:italic;
	}

/* END */