/*Reset and Sitewide html*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
form, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	color: black;
	
	font-family:arial,verdana;
	
	border: solid #b7b7b7 2px;
	border-top:none;
	
}

html { font: 62.5%/1.5 "Lucida Grande", Verdana, sans-serif; background:url('/images/stripe.png');}


ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*HTML Elements*/

h1 {
font-size:3.6em;
border-bottom:dashed 1px #464646; 
}

h2 {
font-size:1.8em;
font-weight:bold;
}

p {
font-size:1.2em;
margin-bottom:1.3em;;
}
/*Layout*/
#container {
width:960px;
margin:10px auto 10px auto;
background: white ;
border:black solid 1px;
}

#header {
text-align:center;
}

#header img{
width: 96em;
height: 18em;
}

#main {
padding:1em;
}

#intro {
background-color:#f9f9f8;
width:61em;
padding:1em;
border-bottom:dashed 0.1em #464646;
}

#profiles {
border-top:dashed 0.1em #464646;
}

#col {
width:27em;
float:right;
background-color:#464646;
margin-left:2em;
padding:1em;
color:white;
}

#col a {
color:white;
}

.qfield {
position:relative;
bottom:0.5em;
margin-right:0.5em;
}

fieldset {
padding:1em;
}

legend {
padding:0.2em;
font-weight:bold;
border:solid 0.1em white;
}

.artistpic {
width:106px;
float:left;
padding:20px;
padding-right:20px;
padding-left:0;
padding-bottom:0;
}

.overide {
padding-right:0px;
}
