/* RESET  ============*/
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, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; 	border: 0; 	outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
html {font-size:100.01%;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1em; color: black; background: white;}
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: "" "";}
:link img {border: 0px none;}
img, a img {padding:0; margin:0; border:none; display:block;}
strong {font-weight:bold;}


/* ---------- GENERAL ---------- */
html{font-size:62.5%;font-family:Arial, Helvetica, sans-serif;}
.content {font-size:1.3em;line-height:1.3em}
.content h1{font-size:1.6em;line-height:1em}
.content h2{font-size:1.5em;line-height:1em}
.content h3{font-size:1.4em;line-height:1em}
.content h4{font-size:1.3em;line-height:1em}
.content h5{font-size:1.2em;line-height:1em}
.content h6{font-size:1em;line-height:1em}
.content hr{display:block;background:#aaa;color:#aaa;width:100%;height:1px;border:none}
.content ul{list-style:disc outside}
.content ol{list-style:decimal outside}
.content table{border-top:1px solid #ccc;border-left:1px solid #ccc;border-collapse:collapse}
.content th,.content td{border-bottom:1px solid #ddd;border-right:1px solid #ccc}
.content hr,.content p,.content ul,.content ol,.content dl,.content pre,.content blockquote,.content address,.content table,.content form{margin-bottom:1.6em}
.content p+p{margin-top:-.8em}
.content h1{margin:1em 0 .5em}
.content h2{margin:1.07em 0 .535em}
.content h3{margin:1.14em 0 .57em}
.content h4{margin:1.23em 0 .615em}
.content h5{margin:1.33em 0 .67em}
.content h6{margin:1.6em 0 .8em}
.content th,.content td{padding:.8em}
.content caption{padding-bottom:.8em}
.content blockquote{padding:0 1em;margin:1.6em 0}
.content fieldset{padding:0 1em 1em 1em;margin:1.6em 0}
.content legend{padding-left:.8em;padding-right:.8em}
.content legend+*{margin-top:1em}
.content textarea,.content input{padding:.3em .4em .15em .4em}
.content select{padding:.1em .2em 0 .2em}
.content option{padding:0 .4em .1em}
.content a{position:relative}
.content dt{margin-top:.8em;margin-bottom:.4em}
.content ul,.content ol{margin-left:2.2em}
.content ul ul,content ol ul,.content ul ol,content ol ol{margin-bottom:0}
.content form div{margin-bottom:.8em}
.content button{padding:0.3em 0.5em}
.content blockquote > *{margin:.8em 0}
.content code,.content pre{color:#c33}
.content em {font-style:italic;}

/* General CSS */

body {background-color: #333; padding:0 0 100px 0;}  

#about {
	background:url(site/images/curtaincall.jpg) top left no-repeat;
	margin:0 0 0 auto;
	padding:0;
	position:relative;
	width:670px; height:170px;
}
 
#container {
	background:#555 url(site/images/greybg.gif) -10px 0 repeat-y;
	width:670px;
	position:relative;
	padding:485px 15px 50px 0;
	margin:0 auto; 
	text-align:left;
}

#main {margin:0 auto; width:700px;}

#maggiebio {
	border:2px #b5fd7d solid;
	padding:150px 0 10px 0;	
}

#quote {
	background:url(site/images/quote.png) top left no-repeat;
	position:absolute; top:400px; left:15px;
	width:128px; height:136px;
}
#sidebar {
	position:absolute;left:15px; top:15px;
	width:215px;
}

#slide {width:700px; height:467px;}

#swirls{
	background:url(site/images/swirls.png) top left no-repeat;
	position:absolute; top:0; right:-75px;
	width:574px; height:161px;
}

.intro {width:400px; margin:1em 0 0 auto;}
.details {width:400px; margin:1.6em 0 0 auto;}

.work {clear:left; margin-bottom:3.2em; position:relative;}
.work img.thumb {float:left; padding-top:3px;}
.work ul, .work h5, .work p {margin-left:120px;}
.work h5 {color:#b5fd7d; margin-top:0; margin-bottom:0.5em;}
.work ul li {list-style:none; color:white;}
.work ul li strong {text-transform:uppercase; letter-spacing:1px; font-size:0.8em;}

img.linktophoto {position:absolute; top:0px; left:0px; width:71px; height:31px;} 

p {color: white;}

h1.logo {
	background:url(site/images/logo.jpg) top left no-repeat;
	margin:0 0 0 auto; padding:0;
	text-indent:-9000px;
	position:absolute; top:45px; left:0;
	width:670px; height:440px;
}

h1.headline {
	background:url(site/images/headline.png) top left no-repeat;
	margin:0; padding:0;
	text-indent:-9000px;
	width:315px; height:87px;
}

h3 {color:#b5fd7d;}
#main h3 a, #main h3 a:visited {color:#b5fd7d; text-decoration:none;}
#main p {color:white; text-transform:uppercase; letter-spacing:1px; font-size:0.8em;}
h2 {color:white; text-transform:uppercase; letter-spacing:1px; font-weight:normal;}

.accent {color:#b5fd7d;}
.caps {text-transform:uppercase; letter-spacing:0.08em;}

#sidebar h3 {font-weight:normal;margin-top:0.8em; letter-spacing:1px;}
#sidebar h3, #sidebar p {padding:0 10px;}
#sidebar p {margin:0; color:#eee;}
#sidebar p + p {margin-top:1em;}
#sidebar p.expander {color: #b5fd7d; cursor:pointer; font-size:0.9em; text-transform:uppercase;}

p a, p a:visited {color:#b5fd7d; text-decoration:underline;}