/* 
	Tangled Tones Music Studio Website Design
	Created by Elton Muuga / Edited by Matthew Nord
	Top Menu w/ dropdowns, #900-based colour scheme
*/

/*****************/
/* Global Styles */
/*****************/

body {
	margin:0.2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	background-color:#fff;
	}
	
a {
	color:#6490BC;
	text-decoration:none;
	}
	
a:hover {
	text-decoration:none;
	border-bottom:1px solid #003399;
	color:#930;
	}
	
h1,h2 {
	color:#FFFFFF;
	border-bottom:0px solid #eee;
	font-size: x-large;
	}
	
h3 { color:#FF6633; }
	
h4 {
	margin:0px;
	padding:0px;
	font-size:14px;
	color:#900;
	text-align:center;
	}
h5 {color:#FFFFFF;
	font-size:large;
	}
	

p { font-size:0.8em; }

li { font-size:0.8em; }

td {
	margin:0.5em;
	padding:0.5em;
	border:1px solid #eee;
	}

/**********/
/* Header */
/**********/
	
#header {
	display:block;
	margin-bottom:0px;
	border:1px solid #ccc;
	background-color:#003399;
	border-bottom-width:0px;
	height:100px;
	}
	
#headertext {
	font-size:2em;
	padding:1.0em;
	/*margin:0.2em;*/
	color:#FFFFFF;
	}
	 
/*************************/
/* Nav+Content Container */
/*************************/

#main_container {
	width:100%;
	margin-bottom:0.5em;
	margin-top:0px;
	}
	
/*************************/
/* Navigation Bar (list) */
/*************************/
	
#navigation {
	text-align:center;
	background-image:url(file:///C|/TTMS/images/newnav_bg.gif);
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
	}
	
#navlist {
	padding: 0 1px 1px;
	margin:0px;
	font: bold 1.0em Verdana, sans-serif;
	}

* html #navlist { padding-top:2px; }

#navlist li {
	list-style: none;
	margin: 0;
	display: inline;
	}
	
#navlist a {
	color: #6490BC;
	}

#navlist li a {
	padding: 0.25em 0.5em 0.25em 0.75em;
	margin:0px 0.4em 0px 0.4em;
	text-decoration: none;
	}

#navlist li a:hover {
	border: 0;
	color: #FFF;
	background: #003399;
	}
	
#navlist li.here a {
	border: 0;
	color: #FFF;
	background: #CCCCFF;
	}


/**************************/
/* Main Content Container */
/**************************/
	
#content {
	padding: 0px 0.4em 0.4em 1.0em;
	/*border:1px solid #ccc;*/
	margin-top:5px;
	}
	
#featuredstory_box {
	float:right;
	margin:0px 0px 0.5em 0.8em;
	padding:1.0em;
	border:1px solid #ccc;
	background-color:#eee;
	width:360px;
	}

#featuredstory_caption {
	text-align:center; 
	color:#990000;
	width:100%;
	}
	
/**********/
/* Footer */
/**********/
	
#footer {
	padding:0px 0px 0px 0.2em;
	color:#003399;
	text-align:center;
	clear:both;
	}
	
/******************/
/* Nav Drop Menus */
/******************/
	
#dropmenudiv{
	position:absolute;
	border:1px solid black;
	border-bottom-width: 0;
	font-size:0.7em;
	line-height:18px;
	z-index:100;
	}

#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid black;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
	color:#003399;
	}

#dropmenudiv a:hover{ 
	background-color:#003399;
	color:#FFFFFF;
	border-color:#CCCCFF;
	}
	
/***************/
/* Quick Links */
/***************/
	
#quicklinks {
	border:1px solid #900;
	background-color:#eee;
	width:200px;
	float:left;
	margin:0.4em 0.5em 0.4em 0.2em;
	padding-top:0.2em;
}

#quicklinks_list {
	margin-top:0.6em;
	list-style-type:none;
	}