/* 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 25px;
/*	background-color:#eeeeee; */
	padding: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 {
	clear:both;
	text-align:left;
	}

#photocd {
	margin:0 23% 1em 23%;
	border: 10px double darkgreen;
	padding:0 10px;
	text-align:center;
	background-color:#eeeeee; 
	}

#shows {
	margin:0 10% 1em 10%;
	border: 10px double darkgreen;
	padding:10px;
	text-align:center;
	background-color:#eeeeee; 
	}

#show_action {
	float:left;
	margin-left:10px;
	}

#show_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	margin-bottom:45px;
}

#lessons {
	font-size:105%;
	margin:1em 2% 1em 2%;
	border: 10px double darkgreen;
	padding:10px 10px 50px 15px;
	text-align:left;
	height:300px;;
	background-color:#eeeeee; 
	}
	
#lessonphoto {
	margin:10px;
	float:right;
	width:400px;
	height:300px;
	text-align:center;
	}

#lessonphoto p {
	font-size:75%;
	font-style:italic;
	font-weight:bold;
	}
	
#publicity {
	clear:both;
	margin:1em 2% 1em 2%;
	border: 10px double darkgreen;
	padding:10px 10px 50px 15px;
	text-align:left;
	background-color:#eeeeee; 
	}

#publicity_gutter {
	margin:10px;
	text-align:center;
	}

#publicity1 {
	float:left;
	margin:10px;
	}

#publicity2 {
	float:left;
	margin-left:10px;
	margin-top:3em;
	}

#publicity3 {
	float:left;
	margin-left:10px;
	margin-top:6em;
	}

#publicity4 {
	float:left;
	margin-left:10px;
	margin-top:10em;
	margin-bottom:1em;
	}

#portrait_gutter {
	width:75%;
	clear:both;
	text-align:center;
	margin:auto;
	}
	
#portraits {
	height:400px;
	margin:1em 2% 1em 2%;
	border: 10px double darkgreen;
	padding:10px 10px 50px 15px;
	text-align:left;
	background-color:#eeeeee; 
	}

#portraitphoto {
	float:right;
	margin: 0 15px 0 15px;
	}

#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 */