﻿/* THE EGG TIMER */

/* TABLE OF CONTENTS
********************
A. General - body (home div), general items, and any browser specific fixes
B. Top of Page - items relating to the top of page division
C. Wrap - items relating to the wrap division
D. Header - items relating to the header division and upper navigation
E. Bottom Navigation - items relating to bottom navigation
F. Content - items relating to the content div
G. Sidebar - items relating to the sidebar div
H. Footer - items related to specific pages and sections
*/

/* ***** A. General ********** */

body 
	{
	background-repeat:repeat; 
	background-image: url(../images/background.png); /* gray farmyard */
	width:100px
	font-family:Tahoma, Sans-serif;
	font-size:.9em;
	line-height:1.5em;
	color: white;
	margin: 0;
	padding: 0;
	}
 
.clear 
	{
	clear:both;
	}
 	
a, a:visited , a:active
	{
	color:#DC9000;
	text-decoration:none;
	}

a:hover
	{
	color:maroon;
	}
 
caption
	{
	font-weight:bold;
	}

ol li
	{
	margin-left:15px;
	padding:0;
	}

h1	
	{
	font-size:1.3em;
	line-height:1.6em;
	font-weight:normal;
	color:black;
	margin:0;
	padding:0;
	}
	
h2 
	{
	font-size:1em;
	line-height:1.1em;
	font-weight:bold;
	color:maroon;
	margin:0;
	padding:0;
	}
	
h3 	
	{
	font-size:.9em;
	line-height:1em;
	font-weight:bold;
	color:aqua;
	margin:0;
	padding:0;
	}

.flow 
	{
	float: left;
	margin: 0px;
	padding-right:5px;
	}

/* ***** B. Top of Page ********** - not used here

#top_of_page 
	{
	background: blue;
	height:15px;
	} 
*/

/*  ++++++++++++ SLIDE OPACITY IMPLEMENTATION */

.slidepicture
	{
	/* for IE */
  filter:alpha(opacity=40);
  /* CSS3 standard */
  opacity:0.4;
  }

/*  ++++++++++++ END SLIDE OPACITY IMPLEMENTATION */
  
/*  ++++++++++++ DROP DOWN MENU IMPLEMENTATION */
  
 .menu1
	{
	/* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1;
  }
  
 .menu2
	{
	/* for IE */
  filter:alpha(opacity=0);
  /* CSS3 standard */
  opacity:0;
  }
  
  .menu3
	{
	/* for IE */
  filter:alpha(opacity=0);
  /* CSS3 standard */
  opacity:0;
  }
  
/*  ++++++++++++ END DROP DOWN MENU IMPLEMENTATION */

/* ***** C. Wrap *********** */

#wrap 
	{
	background: #8C5900;  /* brown */
	text-align: left;
	margin:auto;
	margin-top:15px;
	width: 800px;
	border:10px solid #000;
	}  

/* ***** D. Header ************** */

#header 
	{
	height:510px;
	width:100%;
	background: #555555; /* gray */
	border-bottom:10px solid #000;
	}
	
#header p
	{
	margin:0px 0px 0px 0px;
	padding:0;
	color:#505050;  /* gray */
	font-size: .9em;
	height:25px;
	line-height:100px;
	vertical-align:text-bottom;
	}

.leftLinks 
	{
	float:left;
	display:inline;
	text-transform:uppercase;
	margin:0 0 0 0;
	padding:0 0 0 0;
	}
	
.centerLinks 
	{
	float:center;
	display:inline;
	margin-left:500px;
	font-size:3em;
	}
	
.centerLinks a 
	{
	color:green;
	text-transform:uppercase;
	}
	
.centerLinks a:hover 
	{
	color:#E8911F;  
	}
	
.rightLinks 
	{
	float:right;
	display:inline;
	margin:0 0 0 0;
	padding:0 0 0 0;
	}

#abovepictures
	{
	background:#8C5900; /* brown */
	height:150px;
	border-bottom:10px solid #000;
	}

#titleimage
	{
	height:150px;
	width:100%;
	}
	
#slideshow 
	{
	width:100%;
	height:400px;
	z-index:5;
	overflow:hidden;
	margin:15px 25px;
	border:0px solid #000;
	}

#img1
	{
	
	height:335px;
	border:5px solid #000;
	}

#quote
	{
	
	/* HIDE
	position: absolute;
	height:150px;
	width:200px;
	top:300px;
	left:630px;
	border:0px solid #000;
	color:black;
	font-size:20px;
	*/
	padding-right:50px;
	}

/* ***** E. Bottom Navigation ********** */

#navigation 	
	{
	width: 750px;
	margin:0 auto;
	text-align:center;
	}
	
#navigation ul 
	{
	list-style:none;
	width: 750px;
	margin:5px 0 0 0;
	padding:0;
	}
	
#navigation ul li 
	{
	display:inline;
	padding: 0 15px 0 15px;
	font-size:1.4em;
	line-height:1.8em;
	}
	
#navigation ul li a 
	{
	color:black;
	}
	
#navigation ul li a:hover 
	{
	color:white;
	}

	/* HIDE
#home #nav-home a, #nav-artist #nav-artist a, #filmmaker #nav-filmmaker a, #blog #nav-blog nav-french a 
	{
	color: black;
	}
*/

#navigation
	{
	width:750px;
	height:1px;
	padding:10px 0 10px 0;
	}

#navigation  ul#socialIcons 
	{
	list-style:none;
	}
	
#navigation  ul#socialIcons li 	
	{
	display:inline;
	margin:0 5px 0 5px;
	padding:0;
	}
	
#navigation  ul#socialIcons li 
	{
	width:32px;
	height:32px;
	}

.navpicture
	{
	border:2px solid #8C5900;
	}
	
.navpicture:hover
	{
	border:2px solid black;
	}
	
/* ***** F. Content ********** */

#content 
	{
	padding:25px;
	text-align:left;
	margin-bottom:15px;
	}
	
#content p 
	{
	margin:0 0 10px 0;
	padding:0;
	}
	
#content .bottom ul 
	{
	margin:5px 0 5px 0;
	padding:0;
	}
	
#content .bottom ul li 
	{
	margin: 0 0 0 35px;
	padding:0;
	}

#img3
	{
	margin-right:auto;
	margin-left:auto;
	border:5px solid #000;	
	}
	
#ifpminnesota
	{
	vertical-align:top;
	}

/* ***** G. Sidebar ********* not used here
	
#sidebar img 
	{
	border:1px solid #000;
	}

#sidebar 
	{
	float: left;
	clear: left;
	margin: 0px;
	padding-right:10px;
	}
*/

/* ***** H. Footer ********** not used here 
  
#footer 
	{
	width: 800px;
	height:15px;
	clear: both;
	margin: 0 auto;
	padding:0;
	}
	
#footer p 
	{
	text-align:center;
	font-size:.75em;
	color:#55555;  
	margin:5px 0 0 0;
	padding:0;
	}
*/

