@charset "utf-8";
/* CSS Document */
/* -------------------------------- GENERIC STYLES  */
html,body {
    margin:0;
    padding:0;
	height: 100%;
	width: 100%
    }
* html #outer{height:100%;}
* html #outer1{height:100%;}
body {
	color: #fff;
	background: #333;
	background-image: url(../site_images/backdk2.gif);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	}
#outer{
	position: relative;
	min-height:100%;
	margin: 0 0 -7em 0;
	height:auto;
	text-align: center;
	}
a {
	text-decoration: none;
	}
a img {
	border: 0;
	}
a:link {
	color: #CCFFFF;
	}
a:visited {
	color: #CCCCCC;
	}
a:hover {
	color: #66CCCC;
	}
a:active {
	color: #99FFFF;
	}
h1, h2, h3, h4, h5 {
	font-weight: bold;
	}
h1 {
	font-size: 150%;
	text-align: center;
	text-transform: uppercase;
	padding: 0;
	letter-spacing: .4em;
	}
#frontpgcols h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0;
	margin: 0;
	font-size: 90%;
	font-weight: bold;
}
#frontpgcols h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 90%;
	}
h2 {
	font-size: 140%;
	}
h3 {
	font-size: 130%;
	}
h4 {
	font-size: 110%;
	}
h5 {
	font-size: 100%;
	}
p {
	margin: 0 0 1em 0;
	}
.booktitle {
	font-style: italic;
	}
.centeritalic {
	font-style: italic;
	text-align: center;
	}
div.mailform {
	margin: .5em;
	padding: .5em;
	border: solid #ccc 2px;
	}
/* ------------- 1st-PAGE MASTHEAD */
#masthead {
    margin: 0;
    padding: 7.5em 2em 0;
    background: url(../site_images/signature2.jpg) #333 50% 10% no-repeat;
    text-align: center;
    }
.searchform {
    font-size: 70%;
    font-weight: normal;
    letter-spacing: .1em;
    text-align: center;
    position:absolute;
    width: 12em;
    right: 2%;
    top:25px;
    padding:2px;
    }
#bethlee {
    font-size: 130%;
    letter-spacing:0.25em;
    font-weight: bold;
    display: none;
    }
#bethleesub {
    padding: 0 2em 0 0;
    }
#quote {
    background-color: #00a9d4;
    background-image: url(../site_images/quotebarbit3.jpg);
    color: #330000;
    margin: 0 -1.9em 0 -1.9em;
    padding: .4em 10em .1em 10em;
    }
#indexintroquote {
    font-style: italic;
    font-size: 120%;
    }
#indexintroatt {
    font-size: 80%;
    }
/* ------------- INDEX-PAGE HORIZONTAL NAVIGATION BAR   */
#navlinkshome {
    margin: 0 -2em 0 -2em;
    }
#navlinks {
    margin: 0;
    text-align: left;
    }
#navlinks, #navlinkshome {
    padding: 0.5em 2em;
    border-top: solid #3f1100 2px;
    border-bottom: solid #00242a 2px;
    }
#navlinks li, #navlinkshome li {
    display: inline;
    margin-right: 0.5em;
    padding-right: 0.75em;
    border-right: 1px solid #fff;
    font: 1em Georgia, "Times New Roman", Times, serif;
    }
#navlinks li.last, #navlinkshome li.last, #gallerylinks li.last {
    border-right: 0;
    }
/* ------------- FOOTER */
#footer {
    clear: both;
	position: relative;
    width: 100%;
    height:7em;
    padding: 1em 0 0 0;
    margin: -7em 0 0 0;
    background: #333333;
    font-size: 75%;
    text-align: center;
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }
div#counter {
    clear: both;
    width: 50%;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    }
/* ------------- PAYPAL FORM STYLING */
.payform, .payform1 {
    margin: 0 0 1em 2em;
    border: 0;
    }
.payform1 {
	clear: both;
	padding: 2em 0 0 0;
    }
.payform fieldset, .payform1 fieldset {
    border: 0;
    }
#paypal {
    padding: 0 0 0 2em;
    margin: 0 0 0 2em;
    }
/* ------------- 3-COLUMN STYLES FOR INDEX PAGE */
#frontpgcols {
	width: 750px;
	margin: 0 auto;
    padding: 0 0 10em 0;
    height: 1%
    }
#frontpgcols img {
	padding: 0 0 1em 0;
	}
#col1, #col2, #col3, #col3a {
    float: left;
    width: 150px;    
	background-position: center 24px;
    background-repeat: no-repeat;
    margin: 1.5em 0 0 0;
    padding:  2em 0;
    text-align: center;
    background-color: #333;
    }
.subtext {
    font-size: 90%;
    font-style: italic;
    }
#col1 {
    margin-right: 50px;
}
#col2 {
    margin-right: 50px;
    }
#col3 {
    margin-right: 50px;
    }
#col3a {
    }
br.clearcols {
    clear: left;
    }
#fsulogo {
	margin: 1em 0 1em 0;
	}
	

	
	
/* ------------- FOOTER FIRST PAGE*/
#outer1{
	position: relative;
	min-height:100%;
	margin: 0 0 -8.5em 0;
	height:auto;
	text-align: center;
    }
#footer1 {
	clear: both;
	position: relative;
	width: 100%;
	height: 10em;
	padding: 1em 0 0 0;
	margin: 0;
	background: #333333;
	font-size: 75%;
	text-align: center;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    }
div#counter {
    clear: both;
    width: 50%;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    }
/* ------------- MASTHEAD2 */
.skiptocontent {
    font-size: 70%;
    font-weight: normal;
    letter-spacing: .1em;
    text-align: center;
    position:absolute;
    width: 12em;
    right: 2%;
    top:5px;
    padding:2px;
    }
#masthead2 {
    background-image: url(../site_images/signature2a.jpg);
    background-position: 4% 12%;
    background-repeat: no-repeat;
    height: 24px;
    margin: 0;
    padding: 64px 0 0 48px;
    background-color: #333333;
    }
#bethlee2 {
    font-size: 130%;
    letter-spacing:0.25em;
    font-weight: bold;
    display: none;
    }
#bethleesub2 {
    float: left;
    }
	
/* -------------CONTAINER FOR GALLERY CONTENTS */
#container {
    max-width: 1100px;
    margin: 0 0 0 50px;
    padding: 0 0 7em 0;
	overflow: hidden;
    }
	
/* ------------- GALLERY INDEX NAVIGATION */
#gallerylinks {
    padding: 0.5em 2em;
    border-top: solid #3f1100 2px;
    border-bottom: solid #00242a 2px;
    }
#gallerylinks ol {
	width: 12em;
	margin: 0 auto;
	}
#gallerylinks li {
    display: inline;
    margin-right: 0.5em;
    padding-right: 0.75em;
    border-right: 1px solid #fff;
    font: 1em Georgia, "Times New Roman", Times, serif;
    }
#gallerylinks li.last {
    border-right: none;
    }
/* ------------- LEFT NAVIGATION BAR */
#leftnav {
	clear: both;
    height: 1%; /* 'hasLayout' trigger */
    text-align: left;
    margin: 0;
    padding: 0;
    }
#ghead {
    font-weight: bold;
    font-size: 110%;
	text-align: left;
	padding: 1em 0 0 2.25em;
    }
#ghead p {
	text-align: left;
	}
#navlinks2, #navlinks2x, #navlinks3 {
    float: left;
    text-align: left;
/*--    min-height: 450px; --*/
    }
#navlinks2 {
    margin: 0;
    padding: 0 3em 0.5em 3em;
    }
#navlinks2x, #navlinks3{
    margin: 0 6px 0 0;
    width: 145px;
    }
#navlinks2 li, #navlinks2x li, #navlinks3 li {
    display: block;
    list-style-type: none;
    background: #333;
    margin: 0;
    }
#navlinks2 li {
    border-top: 1px solid #fff;
    padding: .2em .3em .2em .3em;
    font: 80% Georgia, "Times New Roman", Times, serif;
    }
#navlinks2 li.first, #navlinks2x li.first, #navlinks3 li.first, #gallerylinks li.first {
    border-top: 0;
    }
#navlinks2x li, #navlinks3 li {
    border-top: 0.5px solid #fff;
    padding: 4px 6px 4px 6px;
    font: .8em Arial, Helvetica, Tacoma, sans-serif;
    }
#navlinks2x ol, #navlinks3 ol {
    margin: 0;
    padding: 0;
    }
#ghead3 {
    font-weight: bold;
    font-size: 110%;
	text-align: left;
    padding: 1em 0 0 90px;
    }
#gmainswap {
    float: left;
    width: 640px;
    height: 400px;
    margin: 0;
    padding: .5em 1em 0 .5em;
    color: #fff;
    background: #333;
    }
#gmainswap img {
    float: left;
    margin: .5em 1em .5em .5em;
    }
#gmainswap h3 {
    margin: 0;
    padding: 0;
    }
.gdescribe {
    text-align: left;
    margin: 0em 2em 0em 0;
    line-height: 1.1;
    }
p.gdescribe, p.gdescribe2 {
    font-size: 80%;
	text-align: left;
    line-height: 1.3;
    padding: 0;
    }
p.gdescribe {
    margin: 2.4em 2em 0 1em;
    }
p.gdescribe2 {
    margin: 0 0 1em 1em;
    }
p.glinks {
    font-size: 80%;
    margin: 2em 2em 1em 2em;
    line-height: 1.3;
    padding: 0;
    }
#gquote {
    font-size: 80%;
    margin: 1em 2em 0 0;
    }
p.price {
    font-size: 80%;
    text-align: left;
    line-height: 1.4;
    }
/* ------------- GALLERY MAIN WINDOW */
#gmain {
    float: left;
    width: 42em;
    min-height: 400px;
    margin: 0 2em 0 0;
    padding: 0;
    background: #333;
    }
* html div#gmain {
    overflow-x:hidden; /* hide horizontal overflow in IE5.x - 6 */
    }
#gmain h3 {
    padding: 0;
    margin: 0;
    }
#gmain img {
    float: left;
    margin: 1.5em;
    }
#gmain #lwb img {
    float: left;
    margin: 1em .4em 1em .3em;
    padding: 0;
    }
#gmain p {
    padding: 0 0 0 2em;
    }
.ginfo {
    font-size: 80%;
    text-align: left;
    font-style: italic;
    margin: 1em 2em 1em 1em;
    }
/* ------------- PREVIOUS/NEXT NAVIGATION */
div.navbuttons {
    float: left;
    width: 42em;
    }
div.navbuttons1 {
    float: left;
    width: 32em;
    padding: 1em 0 0 0;
    }
p.navbuttons {
    text-align: right;
    word-spacing: 6px;
    padding: 0% 5% 0% 0%;
    }
/* ------------- GALLERIES & BOOKSWAPS FRONTPAGE COLUMNS */
#fourcols {
    position: relative;
    width: 750px;
    margin: 0 auto;
    padding: 0 0 10em 0;
    height: 1%
    }
#col4, #col5, #col6, #col7, #col8, #col9, #col10, #col11 {
    float: left;
    background-position: center 24px;
    background-repeat: no-repeat;
    width: 150px;
    margin: 24px 0 0 0;
    padding:  150px 0 0 0;
    text-align: center;
    font-size: 90%;
    font-weight: bold;
    background-color: #333;
    }
#col4 {
    margin-right: 50px;
    background-image: url(../galleries/gallery1/images/evelynbit.jpg);
}
#col5 {
    margin-right: 50px;
    background-image: url(../galleries/gallery2/images/gal2bit.jpg);
    }
#col6 {
    margin-right: 50px;
    background-image: url(../galleries/gallery4/images/franciss.jpg);
    }
#col7 {
    background-image: url(../site_images/g3abit.jpg);
    }
#col8 {
    margin-right: 50px;
    background-image: url(../site_images/g1abit.jpg);
}
#col9 {
    margin-right: 50px;
   background-image: url(../site_images/g2abit.jpg);
    }
#col10 {
    margin-right: 50px;
    background-image: url(../site_images/f3bit.jpg);
    }
#col11 {
   background-image: url(../site_images/g4abit.jpg);
    }
#sixcols {
    position: relative;
    width: 650px;
    padding: 0;
    margin: 0 auto;
    }
#col12, #col13, #col14, #col15, #col16, #col17 {
    float: left;
    background-position: center 24px;
    background-repeat: no-repeat;
    width: 100px;
    margin: 25px 2px 0 2px;
    padding:  150px 2px 0 2px;
    text-align: center;
    font-size: 90%;
    font-weight: bold;
    background-color: #333;
    }
#col12 {
   background-image: url(../site_images/b1bit.jpg);
    }
#col13 {
   background-image: url(../site_images/b2bit.jpg);
    }
#col14 {
   background-image: url(../site_images/b3bit.jpg);
    }
#col15 {
   background-image: url(../site_images/b4bit.jpg);
    }
#col16 {
   background-image: url(../site_images/b5bit.jpg);
    }
#col17 {
   background-image: url(../site_images/b6bit.jpg);
    }
/* ------------- GALLERIES THUMBNAIL "TABLES"
    from http://alistapart.com/stories/practicalcss/ */
div.gallerywrap {
    width: 685px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0 7em 0;
}
div.gallery {
    float: left;
    padding: 2px;
    margin: 4px;
    background-color: #333;
    }
div.gallery a {
    padding: 0;
    margin: 0;
    }
h1.gallerywrap {
    padding: 0;
    }
div.gallerywrapprint {
    width: 660px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0 7em 0;
}
p.galleryintro {
    text-align: center;
    }
div.gallerywrap6 {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0 7em 0;
}
/* ------------- GALLERY ARTIST BOOK DETAIL IMAGES */
#galleryx {
    margin: 0 0 0 -32px;
    padding: 0;
    }
/* ------------- ABOUT PAGE */
#indexintro {
    font-size: 90%;
    color: #CCCCCC;
    padding: 12px 0 0 36px;
    float: left;
    width: 722px;
    }
#gmainwrap {
    width: 750px;
    margin: 0 auto;
    text-align: left;
}
#gmain3 {
    float: left;
    width: 722px;
    margin: 0 2em 0 2em;
    padding: 12px;
    color: #fff;
    background-image: url(../site_images/backlt2.gif);
    }
.artquote {
    color: #333;
    text-align: center;
    }
.artquoteatt {
    color: #333;
    text-align: center;
    font-style: italic;
    font-size: 90%;
    }
.artend {
    color: #333;
    text-align: right;
    font-size: 90%;
    padding: 0 2em 0 0;
    }
.artvertical {
    color: #66cccc;
    font-size: 120%;
    }
.abouttx {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 85%;
    line-height: 18px;
    color: #333;
    padding: 0px 24px 0px 24px;
    }
/* ------------- WEDDING PAGES */
#gmain2 {
    float: left;
    width: 42em;
    height: 433px;
    text-align: left;
    margin: 0 2em 0 0;
    padding: 0;
    background-image: url(../site_images/backlt2.gif);
    }
#gmain2 h2, #gmainw h2 {
    padding: 0 0 0 1em;
    color: #333;
    }
.wedtext {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 75%;
    text-align: left;
    color: #333;
    padding: 0px 24px 0px 24px;
    }
p.wedtext img {
    margin: .25em;
    padding: .5em;
    background-color: #333333;
    }
p.wedtext1 img {
    margin-left: 1em;
    padding: .5em;

    }
#gmain2 li {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 75%;
    color: #333;
    padding: 0px 24px;
    }
#gmain2 a:link, #rcol1 a:link, #rcol2 a:link, #rcol3 a:link {
    color: #006666;
    text-decoration: underline;
    }
#gmain2 a:visited, #rcol1 a:visited, #rcol2 a:visited, #rcol3 a:visited {
    color: #6600CC;
    text-decoration: underline;
    }
#gmain2 p {
    color: black;
    }
#gmainw {
    float: left;
    width: 42em;
    height: 433px;
    margin: 0 2em 0 0;
    padding: 0;
    background-image: url(../site_images/backlt2.gif);
    }
#gmainw a:link, #rcol1 a:link, #rcol2 a:link, #rcol3 a:link {
    color: #006666;
    text-decoration: underline;
    }
#gmainw a:visited, #rcol1 a:visited, #rcol2 a:visited, #rcol3 a:visited {
    color: #6600CC;
    text-decoration: underline;
    }
#gmainw h2 {
    padding: 16px 24px 0 24px;
    color: #333;
    }
/* ------------- RESOURCES PAGES */
div#rcol1, div#rcol2, div#rcol3 {
    margin: 12px;
    padding: 12px 6px 6px 6px;
    text-align: left;
    }
div#rcol1, div#rcol2, div#rcol3 {
    color: #333;
    background-image: url(../site_images/backlt2.gif);
    }
div#wrapperx {
    float:left;
    margin-left: 3%;
    width:90%;
    }
div#rcol1{
    margin-right: 65%;
    }
div#rcol2{
    float:left;
    width:30%;
    margin-left:-57.5%;
    }
div#rcol3{
    float:left;
    width:27%;
    margin-left:-25.5%;
    margin-top: 12px;
    padding: 12px 6px 0 6px;
    }
div#containerx h4 {
    display: block;
    background-color: #333;
    background-image: url(../site_images/backdk2.gif);
    color: #fff;
    text-align: left;
    line-height: 30px;
    padding-left: 24px;
    margin: -10px -3px 0px -3px;
    }
div#containerx h5 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 6px;
    padding-bottom: 6px;
    }
.bibliointro {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    }
div#containerx ul {
    padding-bottom: 6px;
    }
#containerx p {
    padding-top: 6px;
    padding-bottom: 6px;
    }
h1.rheading {
    font-size:140%;
    letter-spacing: 9px;
    }
#rcol1 a:link, #rcol2 a:link, #rcol3 a:link {
    color: #006666;
    text-decoration: underline;
    }
#rcol1 a:visited, #rcol2 a:visited, #rcol3 a:visited {
    color: #6600CC;
    text-decoration: underline;
    }
#rcol1 ul, #rcol2 ul, #rcol3 ul {
    margin-top: -4px;
    }
/* ------------- FREELANCE PAGES */
div.freelancewrap {
    width: 658px;
    margin-left: auto;
    margin-right: auto;
    }
h1.freelancewrap {
    font-size: 140%;
    text-align: center;
    text-transform: uppercase;
    padding: 0;
    letter-spacing: 6px;
    }
p.fdescribe {
    margin: 0;
    text-align: center;
    font-size: 80%;
    line-height: 1.3;
    padding: 0;
    }
#fouter {
    width: 585px;
    height: 100%; /* 'hasLayout' trigger */
    }
#fmain {
    float: left;
    width: 485px;
    margin: 0 2em 0 0;
    padding: 1em;
    background: #333;
    }
* html div#fmain {
    overflow-x:hidden; /* hide horizontal overflow in IE5.x - 6 */
    }
#formemail {
    text-align: left;
    width: 50%;
    margin-right: 20%;
    margin-left: 30%;
}
#bookshow {
    font-size: 75%;
    clear: both;
}
#bookshow img {
	padding-top: .25em;
	}
#moviestage {
    position: relative;
    width: 750px;
    margin: 2em 5em;
	padding: 0 2em 10em 2em;
	height: 1%;
	z-index: 50;
    }
#movie {
    position: relative;
    width: 750px;
    margin: -45em 2em 2em 0;
	padding: 0 4em 10em 8.75em;
	height: 1%;
	z-index: 1;
    }
#wedalert {
	float: right; 
	margin-top: 3.5em;
}