/* CSS Document for Our Sound Universe created by Julia van der Wyk, www.juliavdesign.com 2007*/

/* Colors to use:
	purple  #522A5F
	tan     #CC9
deep blue   #11679A
dark blue   #182B53
teal        #189C9C
red         #A9050E */
 
 body {background:url(images/stars.jpg); text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif;}
 
 #wrapper {
	background:#11679A;
	width:800px;
	margin:0 auto;
	padding:0;
}
 
 /* This is the top banner */
 #header {
	width:100%;
	height:40px;
	margin:0;
	padding:0;
	background-color: #040440;
	background-image: url(images/logo2.jpg);
}
 #header h1 {color:#fff; font-size:22px; margin:10px 0 0; padding:0; font-family:Arial, Helvetica, sans-serif;}
#header img {float:left; margin: 0 5px 0 0;}
 
 /* Horizontal Main Navigation*/
 
 #nav {width:100%; height:40px; margin:0; padding:0; color:#fff; font-family:Arial, Helvetica, sans-serif;}
 #nav a {
	text-decoration:none;
	color:#fff;
	font-size:14px;
	margin:.25em 0;
	background: url(images/purple_arrow.gif) left no-repeat;
	padding: 0 .5em 0 18px;
}
 #nav a:hover { background:url(images/red_arrow.gif) left no-repeat; color:#A9050E; background-color:#fff;} 
 
 /* Main Content, including page heading and buttons */
 
 #main {background:url(images/teal_blend.jpg) repeat-x bottom; margin:0; padding:0; width:100%; text-align:center;}
 #main img {margin:10px 15px;}
 #main h1 {color:#fff; font-size:21px; margin:1em; font-weight:normal; letter-spacing:3px;}
 #main p {color:#fff; font-size:medium; margin:1em;}
 #main a {color:#fff; font-size:115%;}
 #main a:hover {text-decoration:none;}
 /* Tan Content Box */
 
 #tan {
	background: #eee;
	margin:5px 20px;
	width:750px;
	padding:10px 10px 20px 10px;
}
 #tan h1 {color:#522A5F; font-size:x-large; font-weight:900; margin:5px .75em ; padding:0; text-align:left; clear:both; font-family:Arial, Helvetica, sans-serif;} 
 #tan h2 {
	color:#522A5F;
	font-size:18px;
	font-weight:bold;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-align: left;
}
 #tan p {color:#000; font-size:13px; margin:1em 1.5em; line-height:1.3em; padding:0; text-align:left;}
 #tan a {color:#522A5F; text-decoration:underline; padding:2px;}
 #tan a:hover {background:#fff;}
 #tan img a:hover {background:none}
 #tan blockquote {width:75%; margin:1px; padding:2px; font-style:italic; border-top:#993300 1px solid; border-bottom:#993300 1px solid; background:#fff;}
 #tan blockquote p	{font-size:13px;}
 #tan blockquote.pullquote {width:30%; float:right; background:#fff; border-top:#663399 1px solid; border-bottom:#639 1px solid;}
 #tan .bold {color:#522A5F; font-weight:bold;}
 #tan .clear {clear:both;}
 #tan ol {text-align:left; font-size:13px; line-height:1.5em}
 #tan a li {text-decoration:none;}
 #tan ul {list-style:none; text-align:left; font-size:100%;}
 #tan ul.favorite {list-style-image:url(images/red_arrow.gif); font-size:115%;}
 #tan ul.favorite li {padding:.25em; margin:0;}
 #tan .unclear {clear:none;}
 #tan #hr {height:0; color:#fff; border-top:#fff 5px solid;  width:85%; margin: 10px auto;}
 #tan table {background:#fff; border:#663399 1px solid; margin:10px;}
 #anchor {width:100%; clear:both;}
 
 
 #pull_right {float:right; text-align:left; background:#fff; width:38%; margin:5px; padding:0; border-top:#663399 1px solid; border-bottom:#639 1px solid;}
 #left_divide {float:left; clear:none; margin:0; padding:0; width:60%;}
 /* Footer */
 
 #footer {width:100%; margin:0; padding:10px; color:#fff; font-size:x-small;}
#footer a {color:#fff; text-decoration:underline;}
#footer a:hover {color:#522A5F;} 
 
 /* Classes for Everyone */
.half_width {width:50%; margin:0; padding:0; float:left;}
 .margin10_right {margin:10px; float:right; clear:none;}
 .margin10_left {margin:10px; float:left;}
 #tan img.nomargin {margin:0;}
 dd {margin:5px 2.5em;}