/******************************************************************************
 *  "An Uncommon Life" by Bethany Kelly                                       *
 *                                                                            *
 *  Default CSS Style                                                         *
 *  Author: Patrick J. Anderson <pat.j.anderson@gmail.com>                    *
 *                                                                            *
 *  Created on 6 March, 2007                                                  *
 *  Last modified on 6 March, 2007                                            *
 *                                                                            *
 *                                                                            *
 ******************************************************************************/
 
body { 
    background: #cfcfc0 url('../img/layout/body_bg.png') top left repeat-x;
    margin: 0; 
    padding: 0; 
    }
    
a { text-decoration: none; }
 
#page-header { 
    background: black; 
    margin: 0;
    padding: 5px 0 0 0;
    height: 2em;  
    width: 100%; 
    }
#page-header span {
    display: block;
    width: 9.5%;
    float: left;
}
#page-header h1 {
    color: #b41b38;
    font: bold 1.6em 'trebuchet ms', sans-serif;
    margin: 0 10px 0 0;
    padding: 0 10px;
    width: auto;
    float: left;
}
#page-header h1 a {
    color: #b41b38;
	font-family: 'trebuchet ms', sans-serif;
}
#page-header h2 {
    color: #ccc;
    font: normal 1.2em 'trebuchet ms', sans-serif;
    margin: 7px 0 0 0;
    padding: 0;
    width: auto;
    float: left;
}

#chapter-banner {
    border-top: 3px solid #6f6f60;
    height: 120px;
}

#chapter-banner h1 {
    border-bottom: 2px dotted #8f8f80;
    color: #3f3f30;
    font: normal 30px/30px 'trebuchet ms', sans-serif;
    margin: 88px 0 0px 9%;
    padding: 0 0 5px 1%;
    }
 
#page-content { width: 100%; }
 
#page-content div.chapter { 
    border-right: 2px dotted #8f8f80; 
    width: 40%; 
    float: left; 
    margin: 0 1% 0 10%; 
    _margin: 0 1% 0 5%; 
    padding: 2% 3% 2% 0; 
    text-align: justify;
    }
#page-content div.chapter p { 
    font: normal 1em/1.4em georgia, serif; 
}
#page-content div.chapter p strong { 
    font-family: sans-serif; 
}

div#page-content p.vspaced { margin: 30px 0 5px 0; text-indent: 0;}
#page-content p.vspaced span.drop-cap {
    border-right: 1px solid #000;
    color: #000;
    float: left;
    display: block;
    font: normal 40px/40px georgia, serif;
    margin: 0 7px 0px 0;
    padding: 2px 5px 10px 0px;
    text-align: right;
    text-indent: 0;
    width: 70px;
}

a {font-family: sans-serif;}
a:link { color: #6f6f30; }
a:visited { color: #7f7f40; }
a:hover { color: #000; }
a:active { color: #000; }

#page-content div.sidebar { width: 30%; float: left; margin: 0 0 0 1%; padding: 0 0;}
#page-content div.sidebar p {font: normal .8em/1.4em sans-serif; }
#page-content div.sidebar img.main { border: 1px solid #333; margin: -.5% 0 0 -8%; position: relative; z-index: 100;}
#page-content div.sidebar img.main a:link { color: #6f6f30; }
#page-content div.sidebar img.main a:visited { color: #7f7f40; }
#page-content div.sidebar img.main a:hover { color: #000; }
#page-content div.sidebar img.main a:active { color: #000; }
#page-content div.sidebar img.main a.current { color: #000; font-weight: bold;}
#page-content div.sidebar p.morephotos {margin: 0 0 0 100px; font: normal .7em sans-serif; text-align: left}
#page-content div.sidebar p.morephotos a { text-decoration: none; cursor: pointer; }
#page-content div.sidebar p.morephotos a:link { color: #6f6f30; }
#page-content div.sidebar p.morephotos a:visited { color: #7f7f40; }
#page-content div.sidebar p.morephotos a:hover, div.toc ul li a:active { color: #000; }
#page-content div.sidebar p.morephotos a.current { color: #000; font-weight: bold; }
#page-content ul.toc { margin: 10px 0; padding: 0;}
#page-content ul.toc li { 
    font: normal .9em/2.4em sans-serif;
    list-style: none; 
    padding: 0;
    }
#page-content ul.toc li a:link { color: #6f6f30; }
#page-content ul.toc li a:visited { color: #7f7f40; }
#page-content ul.toc li a:hover { color: #000; }
#page-content ul.toc li a:active { color: #000; }
#page-content ul.toc li a.current { color: #000; font-weight: bold;}

#page-footer { clear: both; font-family: sans-serif; text-align: center; margin: 0 5%; padding: 5% 0; width: 90%; }

#page-footer p { color: #9f9f90; padding: 5%;}
 
ul#chapter-navigation { border-top: 2px dotted #afafa0; margin: 0; padding: 5px 2%; width: 96%; }
ul#chapter-navigation li { display: block; padding: 0; }
ul#chapter-navigation li.previous { float: left; }
ul#chapter-navigation li.next { float: right; } 

dl { margin: 1px; padding: 1px; }
dl dt { font: normal 1.1em/1.1em sans-serif!important; margin: 20px 0 5px 0!important; padding: 0; }
dl dd { font: normal .9em/1.4em sans-serif; margin: 20px; padding: 0; }

div#page-content blockquote {
    border-left: 10px solid #dfdfd0;
    font: normal 1em/1.4em sans-serif;
    margin: 20px;
    padding: 10px 10px 10px 20px;
	zoom: 1;

}
div#page-content blockquote.poem {
	text-indent: -20px;
	padding-left: 20px;
}
div#page-content blockquote.poem p {
	margin: 0 0 0 20px;
}
div#page-content blockquote.poem p.verse {
	margin-top: 20px;
}
div#page-content blockquote.bethy{
    border-left: 10px solid #bfbfb0;
    font: normal 1em/1.4em sans-serif;
    margin: 0;
    padding: 10px 10px 10px 20px;
	zoom: 1;
}
div#page-content blockquote.noborder{
    border: none;
}

.thumb {
	float: left;
	margin: 5px;
	padding: 8px;
	width: 180px;
	height: 140px;
	text-align: center;
}

.gallery {
    margin: 1% 1% 0 10%; 
    padding: 2% 3% 2% 0;
    text-align: center;
}
.gallery p {
	font-family: sans-serif;
}

ul#photo-navigation { 
    margin: 0; padding: 0; 
    }
ul#photo-navigation li {
    display: inline;
    font: normal .9em sans-serif;
    margin: 0;
    padding: 0 10px;
}

.thumb img{
	display:block;
	margin:auto;
	margin-bottom: 5px;
}

.clearall{
	clear:both;
}

.gallery a:link { color: #6f6f30; }
.gallery a:visited { color: #7f7f40; }
.gallery a:hover { color: #000; }
.gallery a:active { color: #000; }
.gallery a.current { color: #000; font-weight: bold;}
.gallery img {
	border: 1px solid #000;
    padding: 1px;
}
#photo-banner {
    border-top: 3px solid #6f6f60;
    height: 120px;
}

#photo-banner h1 {
    border-bottom: 2px dotted #8f8f80;
    color: #3f3f30;
    font: normal 30px/30px 'trebuchet ms', sans-serif;
    margin: 88px 0 0px 10%;
    _margin: 88px 0 0px 10%;
    padding: 0 0 5px 1%;
    }
#photo-footer { clear: both; text-align: center; margin: 0 0 0 10%; _margin: 0 0 0 8%; width: 90%; _width: 100% }
#photo-footer p { color: #9f9f90; font-family: sans-serif; padding: 5%;}