@charset "UTF-8";

/*

This stylesheet is used in all of timodellmusic.com
created: 10.18.07 by scott cooper
lastmod: 10.25.07 by scott cooper

 */

/* ----- HTML elements ----- */

body {
font-family: Trebuchet MS, Verdana, Arial, sans-serif;
font-size: small; /* allows use of %s for font size */
color: #000;
background: url(images/bg-pattern.gif); /* bg img courtest of squidfingers.com */
}

a, a:visited {
color: #3d362a;
text-decoration: none;
border-bottom: dashed 1px #3d362a;
}

a:hover {
color: #3d362a;
text-decoration: none;
border-bottom: solid 1px #fac33f;
}

table {
border-collapse: collapse;
}

td {
padding: 5px 8px;
border: 1px solid #666666;
}

ul { list-style-type: none;}

/* ----- IDs ----- */

#container {
width: 800px;
margin: 25px 0 0 10%;
}

#header {margin-bottom: 2px;} /* spaces header div from content div*/


#header_logotype {margin-left:200px;} /* spaces title logo img from header logo img */

#content {
background-image: url(images/body-bg.gif);
border-top: 2px solid #fac33f; /* gold horiontal lines */
border-bottom: 2px solid #fac33f;
}

#nav { /* all nav links are in list format*/
float: left;
width: 150px;
}

#nav ul {
margin: 0;
padding: 20px 0; /* spaces nav vertically from content borders */
}

#nav li {
margin: 0;
padding: 0;
line-height: 1.5;
}

#nav a, #nav a:visited {
display: block;
margin: 0;
padding: 0 20px;
font-size: 120%;
color: #3d362a;
text-decoration: none;
border: none;
}

#nav a:hover {
color: #fac33f;
background: url(images/nav-bg.jpg) no-repeat;
}

/* these style the nav link for the current page.
   set the id on the body tag for each page */
#body_home #nav_home a,
	#body_biography #nav_biography a,
	#body_reviews #nav_reviews a,
	#body_listen #nav_listen a,
	#body_projects #nav_projects a,
	#body_compositions #nav_compositions a,
	#body_gallery #nav_gallery a,
	#body_performances #nav_performances a,
	#body_mediakits #nav_mediakits a,
	#body_learn #nav_learn a,
	#body_contact #nav_contact a {
color: #fac33f;
background: url(images/nav-bg.jpg) no-repeat; /* this adds the nav bullet in a background image */
}

#main {
float: right;
width: 600px;
margin: 0 25px;
}

#pagetitle {
font-size: 200%;
font-weight: 500;
padding-right: 10px;
margin: 0px;
}

#footer {
font-size: 90%;
margin-top: 10px;
}

#listen_albums {
margin: 0 0 0 160px;
}

#listen_albums ul {
padding: 10px 0;
}

#listen_albums li {
list-style-type: none;
}

#listen_albums img {
float: left;
margin: 0 0 0 -180px;
}

/* ----- Classes ----- */

.clear {clear: both;}

.spacer {background-color: #eae4da;}

.quotes {
float: left;
font-size: 110%;
font-weight: 600;
}

.imageright {
float: right;
border: 1px solid #000;
margin: 10px 5px;
}

.smalltext {
font-size: 80%;
font-weight: 100;
font-style: italic;
margin-left: 150px;
}

.highlight { /* green outline border w/ white bg */
border: 1px dashed #006600;
padding: 10px;
background: #fff;
}

.bigbullet { 
font-size: 225%;
color: #544324;
vertical-align: middle;
}

.biggreenbullet { 
float: left;
padding: 0 1em;
}

.marginleft {
margin-left: 10px;
}

/* ----- Unused Styles ----- */

.bigtext {
font-size: 150%;
font-weight: 500;
}