/* Red Alchemy CSS File *
 *
 * This file is used to regulate the global html styles
 * 
 */
 
 
body {
    margin:0;
    padding:0;
    text-align:center;
    background:url(images/bg-body.jpg);
    font:62.5% Lucida, Helvetica, Arial, sans-serif;
    color:#333; /* orange: #e03a00; */
}

h1, h2, h3, h4, h5, h6 {
    margin:0;
    padding:0;
    color:#600;
}
h1 {
    font-size:2em;
    padding:0.1em 0;
    margin:1em 0;
}
h2 {
    margin:1em 0;
}
h3 {    
    margin:0.7em 0;
}
p, li {
    font-size:1.2em;
}

a:link, a:visited {
    color:#660000;
    text-decoration:underline;
}
a:hover {
    color:#cc3300;
    background:#ffffcc;
    text-decoration:none;
}
ul {
    list-style:none;
}
#wrapper {
    margin:20px auto 5px auto;
    padding:0;
    text-align:left;
    width:720px;
    min-height:600px;
}

#header {
    width:720px;
    height:136px;
    position:relative;
}
#header #logo {
    background:url(images/logo-bottom.jpg);
    width:210px;
    height:136px;
    position:absolute;
    top:0;
    left:0;
}

#header #right {
    background:url(images/header-top.gif);
    width:510px;
    height:26px;
    position:absolute;
    top:49px;
    left:210px;
}

#header #splash {
    background:url(images/header-img.jpg);
    width:510px;
    height:219px;
    position:absolute;
    top:75px;
    left:210px;
}
#header #splash-sc {
    background:url(images/header-sc.jpg);
    width:510px;
    height:219px;
    position:absolute;
    top:75px;
    left:210px;
}
#header #splash-home {
    background:url(images/header-home.jpg);
    width:510px;
    height:219px;
    position:absolute;
    top:75px;
    left:210px;
}
#header #splash-links {
    background:url(images/header-links.jpg);
    width:510px;
    height:219px;
    position:absolute;
    top:75px;
    left:210px;
}
#header #splash-contact {
    background:url(images/header-contact.jpg);
    width:510px;
    height:219px;
    position:absolute;
    top:75px;
    left:210px;
}
#header #splash-bios {
    background:url(images/header-bios.jpg);
    width:510px;
    height:219px;
    position:absolute;
    top:75px;
    left:210px;
}
#header #splash-isis {
    background:url(images/header-isis.jpg);
    width:510px;
    height:219px;
    position:absolute;
    top:75px;
    left:210px;
}
#header #splash-workshops {
    background:url(images/header-workshops.jpg);
    width:510px;
    height:219px;
    position:absolute;
    top:75px;
    left:210px;
}
#header #splash-press {
    background:url(images/header-press.jpg);
    width:510px;
    height:219px;
    position:absolute;
    top:75px;
    left:210px;
}

#main {
    margin:0;
    padding:0;
    background:url(images/bg-col.gif);
    width:720px;
}
#content-header {
    background:url(images/content-header.jpg);
    width:510px;
    height:158px;
}

#main #navigation {
    margin:0;
    padding:0;
    background:url(images/bg-nav.jpg) repeat-y;
    width:210px;
    float:left;
}

#navigation ul {
	margin:0;
	padding:0; 
	list-style:none;
}
#navigation ul li {
	margin:0;
	padding:0;
}
#navigation ul li a {
	display:block;
	margin:0;
	padding:0;
}

#navigation li {
	margin:0;
	padding:0;
	display:inline;
	border:none;
}
#navigation img {
	margin:0;
	padding:0;
	border:0;
}

#main #content {
    margin:0;
    margin-top:158px;
    padding:0;
    width:510px;
    float:left;
    background:url(images/unicorn.jpg) no-repeat right top;
}
#main-content {
    background:url(images/content-top.gif)  no-repeat;
    padding:8px 0 10px 0;
}
#main-content .inner {
    margin:0 10px;
}

#clearone {
    height:1px;
    clear:both;
}


#footer {
    margin:0;
    padding:0;
    background:url(images/footer.jpg);
    width:720px;
    height:144px;
    clear:both;
}



.italics {
    font-style:italic;
    font-size:1.3em;
}

#content ul {
    list-style:disc;
}
#content ul li {
    margin: 2em 0;
}

.testimonial-author {  
    color:#600;
    padding-left:25px;
    font-weight:bold;
    margin-bottom:20px;
    font-size:10px;
}

.headshot {
    float:right;
    padding:10px 0 10px 10px;
}

.breadcrumb {
    font-size:10px;
}

p.breadcrumb {
    float:right;
    margin:10px;
    margin-right:0;
}

#scNavList {
    margin:0;
    padding:0;
    text-align:center;
}
#scNavList li {
    display:inline;
    font-size:11px;
}

.selected, .selected a {
    font-weight:bold;
    text-decoration:none;
}

.bio {
    float:left;
    margin:4px;
    width:46%;
}

.bio h2 {margin-top:0;}

form p {
	clear:left;
	margin:0;
	padding:0;
	padding-top: 1em;
}
form p label {
	float:left;
	width:30%;
}

#content ul.clutter li {
	padding:0.3em 0;
	margin:0;
}

span.spc {color:#600;}