/* 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 image*/
 #header {width:700px; height:auto; margin:0; padding:0;}
 
 /* Horizontal Main Navigation*/
 
 #nav {
	width:100%;
	height:20px;
	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; 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:760px;
	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;
}
 #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%;*/
	padding:3px; /*float:right;*/
	text-align:left;
	clear:right;
	background:#fff;
	border:#FF9966 1px solid;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
 #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;}