/*Sydney Vermont CSS by david look - http://davidlook.com */

body {
	margin:0;
	background-color:#E0E6EA;
}

#container {
	
	margin:auto;
	width:800px;
	height:600px;
	background-image: url(images/bg_index.jpg);

}

#left {
	
	float:left;
	width:250px;
	height:600px;
}

#right {
	float:left;
	width:550px;
	height:600px;
}

#titlebox {
	width:250px;
	height:125px;
	padding-top:35px;
	text-align:right;	
}

#titlebox img {
	border:0;
}


#contentnav {
	width:240px;
	height:40px;
	padding-left:40;
	text-align: right;
}

#nav_left {
	width:200px;
	height:360px; /* height is 380px */
	margin:0 0 0 50px; /* positions the menu background over the container background */
	background-image: url(images/bg_left_nav.jpg);
}

#menu {
	float:right;
	width:200px; /* floats right with 50 less pixels to keep it over background */
	padding-top:20px; 
}

#menu a:link, #menu a:visited {
	font-size:0.8em;
	font-family: "American Typewriter" Helvetica, sans-serif;
	display:block;
	padding:5px 10px 5px 20px; 
	font-weight:normal;
	text-decoration:none;
	color:#333;
	line-height: 16px;
}

#menu a:hover {
	text-decoration:underline;
}


#menufoot {
	float:left;
	width:175px;
	padding:50px 0 0 25px;
	font-size:0.6em;
	text-align:left;
	font-family: "American Typewriter" Helvetica, sans-serif;
	color:#000;
}

/* left menu ON class */

#menu a.on:link, #menu a.on:visited {
	font-size:1.0em;
	font-family: "American Typewriter" Helvetica, sans-serif;
	display:block;
	padding:5px 10px 5px 20px; 
	font-weight:bold;
	text-decoration:underline;
	color:#000;
}

#menu a.on:hover {
	text-decoration:underline;
	font-weight:bold;
}
.content_menu_wrap {
	width:510px;
	height:210px;
	background-image: url(images/content_bg.gif);
	background-repeat: no-repeat;
}
.content_menu {font-size:10px; margin:20px 150px; text-align:left; width:50%; font-family: "American Typewriter" Helvetica, sans-serif; }
.content_menu dt {padding:5px 0; font-weight:bold; font-size:18px; color:#000;}
.content_menu dd {margin:0; padding:5px 5px 0 5px;}
.content_menu dd a, dl.latest dd a:visited {font-size:12px; text-decoration:underline; color:#000; font-weight:bold;}
.content_menu dd a:hover {text-decoration:none;}

#headline {
	width:525px; /* floats left with 75 less pixels to keep it over background */
	float:left;
	height:55px;
}

#contentheader {
	float:left;
	height:20px; /* actual height is 55px with 35px top padding */
	width:470px;
	padding:35px 30px 0 0;
	font-size:0.6em;
	text-align:right;
	font-family: "American Typewriter" Helvetica, sans-serif;
	color:#333;
}

#content {
	width:550px; /* floats left with 50 less pixels to keep it over background */
	height:490px;
	float:left;
	text-align:center; /* centers the content */
}

#contentfooter {
	float:left;
	height:20px; /* actual height is 55px with 35px bottom padding */
	width:470px;
	padding:0 30px 35px 0;
	font-size:0.6em;
	text-align:right;
	font-family: "American Typewriter" Helvetica, sans-serif;
	color:#333;
}

#video {

	padding-top:70px;
	margin:0 40px;
	height:100%;
	background-image: none;
	background-repeat:no-repeat;

}

a.davidlook {   
	color:#000;
	text-decoration:none; 
}

/* CV PAGE STYLE */
#cv_menu {
	width:100%;
	height:100%;
	background-image: url(cv/cv_bg.gif);
	background-repeat: no-repeat;
	text-align:right;
}

#top {
	width:470px;
	height:65px;
	padding:55px 40px 0 40px;
}

#middle {
	width:470px;
	height:86px;
	padding:115px 40px 0 40px;
}

#bottom {
	width:470px;
	padding:28px 40px 0 40px;
}
/* MUSIC PAGE STYLE */
#music_menu {
	width:100%;
	height:100%;
	background-image: url(music/music_bg.gif);
	background-repeat: no-repeat;
	text-align:right;
}

#top {
	width:470px;
	height:65px;
	padding:55px 40px 0 40px;
}

#middle {
	width:470px;
	height:86px;
	padding:115px 40px 0 40px;
}

#bottom {
	width:470px;
	padding:28px 40px 0 40px;
}
#hbr {
	width:100%;
	height:100%;
	background-image: url(music/hbr_bg.gif);
	background-repeat: no-repeat;
}
#bonaparte {
	width:100%;
	height:100%;
	background-image: url(music/bonaparte_bg.gif);
	background-repeat: no-repeat;
}
