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

body {
	text-align:center;
	margin:auto;
	background-image:url(images/gradient_bg.jpg);
/*	background-color:darkgreen;
	border:10px solid seagreen; */
	}

#wrapper {
	width:990px;
	padding:0 10px;
	text-align:center;
	margin:auto;
/*	background-color:lightgreen;
	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;
	margin:auto;
	}
	
#navbody {
	width:90%;
	margin:0 54px;
	}

.navbtn {
	float:left;
	margin:3px 4px;
	border:3px outset silver;
	width:125px;
	height:25px;
	padding-top:2px;
	background-color:lightblue;
	font-variant:small-caps;
	}
	
.navbtn a {
	text-decoration:none
	}

.navbtn 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;
	padding:0 15px;
	text-align:left;
	}

	
/* Classes and IDs for the home page */


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

.content-section {
	text-align:left;
	}

#newsite {
	margin:1.7em 5% 0.5em 4%;
	border: 10px double darkgreen;
	padding:25px;
	background-color:#d5fbea; 
	}

#sample1 {
	float:left;
	width:350px;
	font-size:12pt;
	font-weight:bold;
	text-align:center;
	}

#sample2 {
	float:left;
	width:350px;
	text-align:center;
	margin-top:7em;
	margin-left:50px;
	font-size:12pt;
	font-weight:bold;
	}


#goodsite {
	font-size:105%;
	margin:1em 2% 1em 2%;
	border: 10px double darkgreen;
	padding:10px 10px 50px 15px;
	text-align:left;
	background-color:#eeeeee; 
	}
	
#sitemaint {
	clear:both;
	margin:1em 2% 1em 2%;
	border: 10px double darkgreen;
	padding:10px 10px 50px 15px;
	text-align:left;
	background-color:#eeeeee; 
	}


#footer_gutter {
	width:100%;
	text-align:center;
	margin:auto;
	}

#footer {
	clear:both;
	width:67%;
	margin:auto;
	text-align:left;
	font-size:75%;
	padding:5px 25px;
	color:darkblue;
	background-color:antiquewhite;
	}
	



/* END */