/* 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 image*/
 #header {width:700px; height:auto; margin:0; padding: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; font-family:Arial, Helvetica, sans-serif;}
 #main p {color:#fff; font-size:medium; margin:1em;}
 
 /* Tan Content Box */
 
 #tan { background:#eee; margin:5px 20px; width:660px; padding:0;}
 #tan h2 {color:#522A5F; font-size:large; font-weight:900; margin:5px 1em ; padding:0; text-align:left; font-family:Arial, Helvetica, sans-serif;}
 #tan p {color:#000; font-size:13px; margin:1.5em .75em 1.5em 1.5em; line-height:1.3em; padding:0; text-align:justify;}
 #tan a {color:#522A5F; text-decoration:underline; padding:5px;}
 #tan a:hover {background:#fff;}
 
  #tan blockquote {width:75%; margin:5px auto; padding:2px; font-style:italic; border-top:#993300 1px solid; border-bottom:#993300 1px solid; background:#fff;}
 #anchor {width:100%; clear:both;}
 /*BLURB columns inside Tan content box */
 #tan #blurb {/*width:33%;*/ margin:5px 10px 5px 5px; padding:3px; /*float:right;*/ text-align:left; clear:right; background:#fff; border:#FF9966 1px solid;}
 #tan #blurb h3 {font-size:medium; font-weight:900; font-family:Arial, Helvetica, sans-serif; margin:1em;}
 #tan #blurb p {text-align:left; font-size:10px;}
 #tan #blurb p.hr {border-bottom:1px #000 solid;}
 #tan #blurb a:hover {background:none; color:#f5a225;}
 
 /* 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;}