/* This is my second CSS file, based on code taken from http://www.csszengarden.com/zengarden-sample.css */
/* This file is intended as the CSS style sheet for the first draft of joefoxjr.com */


/* basic elements */
html {
	font-size: medium;
	background-color: #333333;
	margin: 0;
	padding: 0;
	}
body { 
	font-size: medium; 
	text-align: justify; 
	font-family: Georgia, "Times New Roman", Times, serif;
	}
a:link { 
	text-decoration: underline; 
	color: black; 
	font-style: normal; 
	font-weight: normal; 
	}
a:visited { 
	color: black;
	font-style: normal; 
	font-weight: normal; 
	text-decoration: underline; 
	}
a:hover, a:active { 
	color: #4c4c4c; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: underline;
	}
	
/* specific divs */
#container {
	font-size: medium;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	width: 780px;
	border-color: white;
	border-style: solid;
	border-width: 10px;
	background-color: white;
	margin-top: 0px;
	min-width: 580px;
	max-width: 980px;
	margin-bottom: auto;
	margin-right: auto;
	margin-left: auto;
	color: black;
	-webkit-box-shadow:5px 20px 10px #000000;
	-moz-box-shadow:5px 20px 10px #000000;
	box-shadow:5px 20px 10px #000000;
	-webkit-border-radius-bottom-left:10px;
	-webkit-border-radius-bottom-right:10px;
	-moz-border-radius-bottom-left:10px;
	-moz-border-radius-bottom-right:10px;
	border-radius-bottom-left:10px;
	border-radius-bottom-right:10px;
}

#top_nav_bar {
	width: 800px;
	min-height: 20px;
	min-width: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	max-width: 1000px;
	line-height: normal;
	font-weight: normal;
	background-color: #333333;
	color: #e6e6e6;
	text-align: right;
	font-size: small;
	font-style: normal;
	font-family: Georgia;
}

#top_nav_bar a:link, #top_nav_bar a:visited {
	text-decoration: underline;
	color: white;
}

#top_nav_bar a:hover, #top_nav_bar a:active {
	font-weight: bold;
	text-decoration: underline overline;
}

div.top_nav_bar_item {
	text-align: center;
	width: 75px;
	padding-right: 10px;
	padding-left: 10px;
	float: right;
	color: white;
}

#container_header {
	border-width: 10px;
	border-color: #333333;
	border-style: solid;
	background-color: gray;
	-webkit-box-shadow:0px 0px 10px #000000;
	-moz-box-shadow:0px 0px 10px #000000;
	box-shadow:0px 0px 10px #000000;
}

#main_title {
	padding-left: 10px;
	font-family: "Century Gothic", Verdana, sans-serif;
	font-size: 100px;
	font-style: normal;
	font-weight: normal;
	font-variant: small-caps;
	line-height: normal;
	text-align: left;
	background-repeat: no-repeat;
	color: white;
}

#main_quote {
	padding-left: 10px;
	padding-right: 10px;
	font-style: italic;
	font-size: large;
	padding-bottom: 5px;
	padding-top: 5px;
	font-family: "Century Gothic", Verdana, sans-serif;
	text-align: right;
	color: white;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-color: white;
	border-top-width: 1px;
	border-style: ridge;
}

#menu_bar {
	height: 53px;
	border-width: 10px;
	border-color: #333333;
	border-style: solid;
	background-color: gray;
	left: auto;
	right: auto;
	text-align: center;
	-webkit-box-shadow:0px 0px 10px #000000;
	-moz-box-shadow:0px 0px 10px #000000;
	box-shadow:0px 0px 10px #000000;
}

div.menu_bar_button {
	font-family: "Century Gothic", Verdana, Arial, sans-serif;
	font-size: large;
	text-align: center;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 0px;
	border-top-width: 0px;
	padding-bottom: 15px;
	padding-top: 15px;
	border-color: white;
	padding-right: 24px;
	padding-left: 24px;
	border-style: none;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

div.menu_bar_button a:link, a:visited {

	text-decoration: none;

}

div.menu_bar_button a:hover, a:active {
	background-color: #333333;
	color: white;
	text-decoration: none;
}

#main_content_title h1 {
	width: 500px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 1px;
	border-top-width: 0px;
	font-style: normal;
	font-weight: normal;
	font-size: 50px;
	border-style: solid;
	font-family: "Century Gothic", Verdana, sans-serif;
}

div.content_subsection {
}

#container_footer {
	text-align: center;
	font-style: italic;
	padding-bottom: 5px;
	padding-top: 5px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-top-width: 1px;
	right: auto;
	left: auto;
	width: 770px;
	border-style: solid;
}

#footer {
	margin-top: 25px;
	border-style: none;
	width: 800px;
	min-width: 600px;
	margin-right: auto;
	margin-left: auto;
	max-width: 1000px;
	font-weight: normal;
	color: #e6e6e6;
	text-align: center;
	font-size: small;
	font-style: normal;
	font-family: Georgia;
}

#footer a:link, #footer a:visited {
	text-decoration: underline;
	color: white;
}

#footer a:hover, #footer a:active {
	font-weight: none;
	text-decoration: underline overline;
}

#footer_left {
	border-style: none;
	float: left;
	text-align: left;
}

#footer_right {
	border-style: none;
	float: right;
	text-align: right;
}

small_note {
	font-size: 10px;
	font-style: italic;
	text-align: right;
	font-family: "Century Gothic";
}