/* 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:700px; margin:0 auto; padding:0;}
 
 /* This is the top banner */
 #header {width:100%; height:40px; margin:0; padding:0; background:#040440 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:12px; 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:650px; 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:large; font-weight:900; margin:5px 1em ; padding:0; text-align:left; clear:both; font-family:Arial, Helvetica, sans-serif;}
 #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;}