/* CSS for www.jimmybopp.com */

body {
	margin: 45px 0px 30px 0px;
	padding: 0;
	background-color: #D3BC97;
	background-image: url(./media/bg_diagstripes.gif);
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 1.4em;
	}

h2 {font-size: 9pt; text-transform: uppercase; color: #C6B36B; margin: 0;}

	#resume h2 {padding-top: 10px;}
	
a {color: #C6B36B; text-decoration: none;}
a:hover {text-decoration: underline;}

p {margin: 1em 0px;}

#wrapper {
	width: 694px;
	background-color: #441709;
	margin-left: auto;
	margin-right: auto;
}

/* #header {background-color: #F4EDE8;} */

#header {
	height: 387px;
	width: 694px;
	background-repeat: no-repeat;
	background-image: url(./media/bg_paper.jpg);
}

 #home #header {background-image: url(./media/bg_home2.jpg);}
/*#about #header {background-image: url(./media/hdr_about.jpg);}
#resume #header {background-image: url(./media/hdr_resume.jpg);}
#gallery #header {background-image: url(./media/hdr_gallery.jpg);}
#other #header {background-image: url(./media/bg_paper.jpg);} */

	#home #header #quotation {
		/* Position */
		float: right;
		width: 150px;
		padding-right: 53px;
		padding-top: 130px;
		position: relative;
		clear: none;
		
		/* Style */
		color: #441709;
		font-size: 9pt;
		line-height: 1.6em;
	}

	#home #header #contact {
		/* Position */
		float: right;
		width: 200px;
		padding-right: 25px;
		padding-top: 60px;
		position: relative;
		clear: none;
		
		/* Style */
		color: #441709;
		font-size: 9pt;
		font-weight: bold;
		line-height: 1.6em;
		text-align: center;
	}


	#resume #header #contact,
	#gallery #header #contact,
	#about #header #contact,
	#other #header #contact {
		/* Position */
		float: right;
		width: 400px;
		margin-right: 0px;
		padding-right: 25px;
		padding-top: 18px;
		position: relative;
		clear: none;
		
		/* Style */
		color: #441709;
		font-size: 9pt;
		font-weight: bold;
		line-height: 1.6em;
		text-align: right;
	}

	
#contact a {color: #441709;	text-decoration: none;}
#contact a:hover {text-decoration: underline;}
		
	#resume #header #home_link,
	#gallery #header #home_link,
	#about #header #home_link,
	#other #header #home_link {
		/* Position */
		float: left;
		width: 160px;
		height: 35px;
		margin-left: 13px;
		margin-top: 10px;
		position: relative;
		clear: none;
	}
		
#hdrimage {padding-top: 4px; height: 284px; width: 694px; overflow:hidden; clear:none;}
#home #hdrimage {padding-top: 0px; height: 337px; width: 448px; overflow:hidden; float: left; clear:none;}
		
			
#navigation {
	height: 41px; /* 45 */
	width: 694px;
	padding-top: 10px;
	margin-left:-5px;
	/* background-image: url(./media/bg_topnav.jpg); */
}

 #home #navigation {height: 30px; padding-top: 6px} 
	#navigation .navlink {display: inline;}
	#navigation .navlink img {border: none;}


#content {
	padding: 15px;
	color: #ffffff;
}

	#home #content td.sidebar {width: 200px; border-left: 1px solid #6E4B37; padding: 10px 0px 10px 15px; color: #C6B36B;}
	#home h2 {padding-top: 0; margin-top: 0;}
	
td.rez_title {font-style: italic; text-transform: uppercase; vertical-align: top;}
td.rez_part {vertical-align: top;}
td.rez_info {vertical-align: top;}

.pagetitle {width: 100%; text-align: center; margin: 0;}
.resume_links {color: #C6B36B; text-align: center; line-height: 2em;}
.resume_links a {color: #C6B36B;}

table.gallery_photos {margin: 0px 17px; border: none;}
table.gallery_photos td {padding: 15px;}
table.gallery_photos td a img {border: 1px solid #C6B36B;}
table.gallery_photos td a:hover img {border: 1px solid #ffffff;}
	

#footer {
	background: #C6B36B;
	border: 1px solid #441709;
	color: #441709;
	font-size: 7pt;
	padding: 3px;
}

	#footer a {color: #441709; text-decoration: underline;}
	#footer a:hover {color: #666666;}
	#footer .copyright {display: inline; float: left;}
	#footer .links {display: inline; float: right;}