/*
Client: Sarah Saulson, Handweaver
Author: Lisa Jong-Soon Goodlin
Author URI: http://lisagoodlindesign.com
*/



/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
abbr { border:none }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
a img { border:none } /* Gets rid of IE's blue borders */
a { outline: none }  /* Gets rid of Firefox's outline */


/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }


body {
text-align: center;
background-color: #ffffff;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 62.5%;
}

#wrapper {
width: auto;
height: auto;
margin: 0 auto;
background-image: url(http://sarahsaulson.com/images/sitewide-assets/background.jpg);
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-color: #ffffff;
text-align: center;
}

#subwrapper {
margin:0 auto;
width:950px;
height:auto;
}

#maincontent {
width: 950px;
min-height: 1100px;
background-image: url(http://sarahsaulson.com/images/sitewide-assets/transparent-background.png);
background-repeat: repeat;
padding-bottom: 25px;
}

#header {
padding-top: 15px;
}

.clearfix {
clear: both;
}

.navigation {
min-height: 20px;
width: 950px;
margin: 5px 0 25px 0;
padding: 5px 0 5px 0;
background-color: #104c57;
}

.content-box {	/* HOME PAGE ONLY */
float: left;
height: 350px;
width: 225px;
margin: 20px 40px 20px 40px;
background-image: url(http://sarahsaulson.com/images/sitewide-assets/small-content-box.png);
background-repeat:repeat;
border: #eccdb1 solid 1px;
}

.box-header {	/*SMALL BOXES ON HOME PAGE */
width: 215px;
margin: 5px 5px 10px 5px;
background-color: #104c57;
padding: 3px 0 3px 0;
}

.text-box {
width: 800px;
height: auto;
/*border: #d6d6d6 solid 1px;*/
margin: 25px 10px 0 70px;
padding: 5px 0 15px 0;
background-image: url(http://sarahsaulson.com/images/sitewide-assets/small-content-box.png);
background-repeat: repeat;
border: #eccdb1 solid 1px;
}

#contact-box {
height: 350px;
}

#prayer-shawl-gallery {
margin-top: 25px;
}

#cv {	/* BIO AND CV PAGE */
margin: 50px 40px 20px 40px;
}

#image-text-gallery {
margin-left: 90px;
}

.site-credit {
float: left;
margin: 125px 0 0 40px;
width: 225px;
height: 30px;
background-image: url(http://sarahsaulson.com/images/sitewide-assets/small-content-box.png);

}


/* ********** HEADER STYLE IF USING HADNWRITING IMAGE ********** */

#sarah-header {
margin: 0 0 10px 100px;
height: 79px;
padding-top: 15px;
background-image:url(http://sarahsaulson.com/images/sitewide-assets/header.png);
background-repeat:no-repeat;
background-position:left;
text-indent:-9000px;
}
 
#sarah-header a { 
display : block; 
height : 79px; 
}

/* ********** NAVIGATION STYLE ********** */

.navigation li {
display: inline;
margin: 13px 20px 0 10px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 1.3em;
}

.navigation a:link {
color: #f7efda;
text-decoration: none;
padding: 3px;
}
.navigation a:visited {
color: #f7efda;
text-decoration: none;
padding: 3px;
}

.navigation a:hover {
color: #104c57;
text-decoration: none;
background-color: #f7efda;
padding: 3px;
}


/* ********** TEXT STYLE ********** */

h1 {
font-family: Helvetica,sans-serif;
font-size: 7.0em;
font-weight: bold;
color: #206c6d;
}

h2 {
font-family: "museo-sans-1","museo-sans-2",Helvetica,sans-serif;
font-size: 4.5em;
font-weight: 300;
color: #000000;
margin: 10px;
}

h3 {
font-family: "museo-sans-1","museo-sans-2",Helvetica,sans-serif;
font-size: 2.0em;
font-weight: 300;
color: #206c6d;
margin: 25px;
}

.box-header h3 {
font-family: "museo-sans-1","museo-sans-2",Helvetica,sans-serif;
font-size: 1.0em;
margin: 0;
}

h4 {
font-family: "museo-sans-1","museo-sans-2",Helvetica,sans-serif;
font-size: 1.8em;
font-weight: 300;
text-align: left;
color: #206c6d;
margin: 10px 10px 10px 25px;
}

#cv h4 {
margin-left: 0;
font-size: 1.4em;
}

.heading-left {
margin: 20px 20px 20px 20px;
}

.contact-info {
text-align: left;
font-size: 1.3em;
}

.contact-info h4 {
margin: 20px 0 10px 0;
}

p {
color: #000000;
text-align: left;
font-size: 1.3em;
margin: 10px 45px 10px 45px;
}

.content-box p {
color: #000000;
text-align: left;
font-size: 1.2em;
margin: 10px;
}

.title-publication {
font-style: italic;
font-weight: bold;
}

.site-credit p {
text-align: center;
font-size: 1.0em;
margin: 10px;
}

/* ********** CV LIST STYLE ********** */


#cv li {
text-align: left;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 1.2em;
margin: 10px;
}


/* ********** LINK STYLE ********** */


.content-box p a:link {
color: #206c6d;
text-decoration:underline;
}

.content-box p a:visited {
color: #206c6d;
text-decoration:underline;
}

.content-box p a:hover {
color: #206c6d;
text-decoration:underline;
}

.text-box a:link {
color: #206c6d;
text-decoration:underline;
}

.text-box a:visited {
color: #206c6d;
text-decoration:underline;
}

.text-box a:hover {
color: #104c57;
text-decoration:underline;
}

.text-box-publications a:link {
color: #206c6d;
text-decoration:underline;
}

.text-box-publications a:visited {
color: #206c6d;
text-decoration:underline;
}

.text-box-publications a:hover {
color: #206c6d;
text-decoration:underline;
}

.text-box-contact a:link {
color: #206c6d;
text-decoration:underline;
}

.text-box-contact a:visited {
color: #206c6d;
text-decoration:underline;
}

.text-box-contact a:hover {
color: #206c6d;
text-decoration:underline;
}

.box-header a {	/* CONTENT BOX HEADERS */
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 1.6em;
color: #f7efda;
text-decoration: none;
}

.box-header a:hover {	/* CONTENT BOX HEADERS */
text-decoration: underline;
}

.site-credit p a:link {
color: #206c6d;
text-decoration:underline;
}

.site-credit p a:visited {
color: #206c6d;
text-decoration:underline;
}

.site-credit p a:hover {
color: #206c6d;
text-decoration:underline;
}



/* ********** IMAGE GALLERY STYLE ********** */

.image-gallery {
display: block;
}

.image-gallery li {
display: inline;
width: 200px;
text-align: center;
margin-top: 25px;
}

.image-gallery p {
width: 450px;
font-size: 1.2em;
font-weight: bold;
text-align: center;
margin: 0 0 -15px 175px;
}

.gallery {
float:left;
display: block;
width: 175px;
text-align: center;
margin: 25px;
}

.gallery1 img {	/* FANCYBOX THUMBNAIL PRAYER SHAWLS GALLERY */
padding: 25px;
}

.gallery2 img {	/* FANCYBOX THUMBNAIL PUBLICATIONS GALLERY */
padding: 25px;
}

.gallery3 img {	/* FANCYBOX THUMBNAIL RESIDENCIES GALLERY */
padding: 25px;
}

.gallery4 img {	/* FANCYBOX THUMBNAIL GALLERY */
padding: 25px;
}

.alignleft {
float: left;
margin: 15px 15px 15px 45px;
}

.alignright {
float: right;
margin: 15px 45px 15px 15px;
}

.alignleft-top {
float: left;
margin: 0 15px 15px 45px;
}