/*================================================================
   jonathonrussell.com // Jonathon Russell
   Contact: studio@jonathonrussell.com
   (c) 2007 Jonathon Russell, All Rights Reserved.
   Designed by Jonathon Russell
================================================================*/

/* -------------Standard HTML Styles------------- */

body { margin: 15px 0 0 15px; 
	font-family: "Lucida Grande", verdana, arial, sans, serif; 
	font-size: 11px;
	line-height: 18px;
	color: #5c4734;
}
table { padding-top: 15px; }

em {
	color: #c4ab87;
	text-decoration: none;
}

a:link {
	color: #f28c44;
	text-decoration: none;
}

a:visited {
	color: #BAB49B;
	text-decoration: none;
}

a:hover {
	color: white;
	text-decoration: none;
	background-color: #f28c44;
}

a:active {
	color: #f28c44;
	text-decoration: none;
}

h1 {
	font: italic bold 14px/18px Georgia, "Times New Roman", Times, serif;
	margin: 0;
	color: #918066;
}

h2 {
	color: #8ec6dc;
	font: italic bold 14px/18px Georgia, "Times New Roman", Times, serif;
	margin: 0;
}

h3 {
	color: #8ec6dc;
	font: italic bold 24px/30px Georgia, "Times New Roman", Times, serif;
	margin: 0;
}

h4 {
	color: #5c4734;
	font: italic bold 11px/18px Georgia, "Times New Roman", Times, serif;
	margin: 0;
}

h10 {
	color: #c4ab87;
	font: italic bold 11px/18px Georgia, "Times New Roman", Times, serif;
	margin: 0;
}

h11 {
	color: #9cc0c6;
	font: italic bold 11px/18px Georgia, "Times New Roman", Times, serif;
	margin: 0;
}

h12 {
	color: #9cc0c6;
	font: italic bold 14px/18px Georgia, "Times New Roman", Times, serif;
	margin: 0;
}

h13 {
	color: #9cc0c6;
	font: italic bold 24px/30px Georgia, "Times New Roman", Times, serif;
	margin: 0;
}

h14 {
	color: #BAB49B;
	font: italic bold 14px/18px Georgia, "Times New Roman", Times, serif;
	margin: 0;
}

h15 {
	color: #BAB49B;
	font: italic bold 24px/30px Georgia, "Times New Roman", Times, serif;
	margin: 0;
}

h16 {
	color: #C4AB87;
	font: italic bold 14px/18px Georgia, "Times New Roman", Times, serif;
	margin: 0;
}

h17 {
	color: #C4AB87;
	font: italic bold 24px/30px Georgia, "Times New Roman", Times, serif;
	margin: 0;
}

h18 {
	color: #D0A476;
	font: italic bold 14px/18px Georgia, "Times New Roman", Times, serif;
	margin: 0;
}

h19 {
	color: #D0A476;
	font: italic bold 24px/30px Georgia, "Times New Roman", Times, serif;
	margin: 0;
}

h20 {
	color: #DC9C64;
	font: italic bold 14px/18px Georgia, "Times New Roman", Times, serif;
	margin: 0;
}

h21 {
	color: #DC9C64;
	font: italic bold 24px/30px Georgia, "Times New Roman", Times, serif;
	margin: 0;
}

h22 {
	color: #E49455;
	font: italic bold 14px/18px Georgia, "Times New Roman", Times, serif;
	margin: 0;
}

h23 {
	color: #E49455;
	font: italic bold 24px/30px Georgia, "Times New Roman", Times, serif;
	margin: 0;
}

h24 {
	color: #F28C44;
	font: italic bold 14px/18px Georgia, "Times New Roman", Times, serif;
	margin: 0;
}

h25 {
	color: #F28C44;
	font: italic bold 24px/30px Georgia, "Times New Roman", Times, serif;
	margin: 0;
}

/* -------------Document Layout Styles------------- */

#frame {
	width: 780px;
	text-align: left;
	margin: 0;
}

#masthead {
	width: 100%; height: 146px;
	padding-top: 15px;
	margin-bottom: 15px;
}

#masthead_crew {
	width: 780px; height: 380px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#rotator {
	background: url(images/random_masthead/rotate.php) no-repeat;
	width: 100%;
	height: 142px;
	margin-bottom: 15px;
}

#rotator span { display: none; }

#content {
	position: relative;
	width: 780px;
}

#about_content {
	position: relative;
	width: 780px;
	margin-top: 15px;
}

#create_mast {
	background: url(create/images/create_mast.jpg) no-repeat;
	width: 100%;
	height: 142px;
	margin-bottom: 15px;
}

#listen_mast {
	background: url(listen/images/listen_masthead.gif) no-repeat;
	width: 100%;
	height: 142px;
	margin-bottom: 15px;
}

#read_mast {
	background: url(read/images/read_masthead.jpg) no-repeat;
	width: 100%;
	height: 142px;
	margin-bottom: 15px;
}

#daily {
	position: relative;
	float: left;
	width: 400px;
	background-color: #FCF8D9;
	text-align: left;
}

#right_title {
	width: 362px;
	margin-left: 418px;
	background-color: #FCF8D9;
	text-align: left;
}

#right_feeds {
	width: 362px;
	margin-left: 418px;
	background-color: #FCF8D9;
	text-align: left;
	margin-top: 15px;
}

#right_archives {
	width: 362px;
	margin-left: 418px;
	background-color: #FCF8D9;
	text-align: left;
	margin-top: 15px;
}

#right_info {
	width: 362px;
	margin-left: 418px;
	background-color: #FCF8D9;
	text-align: left;
	margin-top: 15px;
}

#portfolio_content {
	position: relative;
	width: 780px;
}

#portfolio_title {
	position: relative;
	float: left;
	width: 562px;
	background-color: #FCF8D9;
	text-align: left;
}

#portfolio_nav {
	background-color: #fcf8d9;
	width: 200px;
	margin: 15px 0 15px 580px;
}

#portfolio_image {
	background-color: #fcf8d9;
	width: 780px;
	margin: 15px 0;
	height: 450px;
}

#portfolio_caption {
	background-color: #fcf8d9;
	width: 780px;
}

#footer {
	clear: both;
	padding-top: 15px;
}

.dates {
	color: #c4ab87;
	font-size: 9px;
}

.smallprint {
	color: #c4ab87;
	font: 9px/14px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.title {
	font: italic bold 11px/18px Georgia, "Times New Roman", Times, serif;
	color: #5c4734;
}

/* -------------Navigation Styles------------- */

#nav {
	width: 780px;
	height: 50px;
	background-image: url(images/main_nav.gif);
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
	top: 0px;
}

#nav span { display: none; }

#nav li {
	margin: 0;
	padding: 0; list-style: none;
	position: absolute;
	top: 0px;
}

#nav li, #nav a { height: 50px; display: block; }

#nav_home { left: 8px; width: 64px; }
#nav_create { left: 90px; width: 64px; }
#nav_notes { left: 172px; width: 64px; }
#nav_enjoy { left: 254px; width: 64px; }
#nav_inform { left: 336px; width: 64px; }
#nav_travel { left: 418px; width: 64px; }
#nav_listen { left: 500px; width: 64px; }
#nav_read { left: 582px; width: 64px; }
#nav_about { left: 664px; width: 64px; }

#nav_home a:hover {
	background: transparent url(images/main_nav.gif) no-repeat -8px -50px; }
#nav_create a:hover {
	background: transparent url(images/main_nav.gif) no-repeat -90px -50px; }
#nav_notes a:hover {
	background: transparent url(images/main_nav.gif) no-repeat -172px -50px; }
#nav_enjoy a:hover {
	background: transparent url(images/main_nav.gif) no-repeat -254px -50px; }
#nav_inform a:hover {
	background: transparent url(images/main_nav.gif) no-repeat -336px -50px; }
#nav_travel a:hover {
	background: transparent url(images/main_nav.gif) no-repeat -418px -50px; }
#nav_listen a:hover {
	background: transparent url(images/main_nav.gif) no-repeat -500px -50px; }
#nav_read a:hover {
	background: transparent url(images/main_nav.gif) no-repeat -582px -50px; }
#nav_about a:hover {
	background: transparent url(images/main_nav.gif) no-repeat -664px -50px; }