/*-- styles for ajchurch 2.0 home --*/

html { 
height: 100%;
width: 100%;
margin: 0 0 0 0;
}
body { 
margin: 0 0 0 0;
padding: 0 0 0 0;
background: #000;
}
p { 
font-size: 12px;
font-family: tahoma, arial, sans-serif; 
color: #9c9a70;
text-align: left;
line-height: 1.4;
background-color: transparent;
font-weight: normal;
}
a {
color: #805e36;
text-decoration: none;
}
a:visited {
color: #805e36;
text-decoration: none;
}
a:hover {
color: #b32e2e;
text-decoration: none;
}
a:active {
color: #805e36;
text-decoration: none;
}
img {
border: 0px;
}
h1 {
position: absolute;
font-family: 'Palatino Linotype', 'Times New Roman', serif;
font-size: 34px;
color: #cad7c2;
font-weight: normal;
margin-top: 80px;
margin-left: 650px;
}
.section_title {
width: 460px;
height: 17px;
background: url(images/scroll.png) no-repeat;
padding-top: 10px;
margin: 0 0 0 5px;
}
h2, h3 {
font-family: 'Palatino Linotype', 'Times New Roman', serif;
}
h4 {
font-family:  Tahoma, Helvetica, sans-serif;
font-size: 20px;
color: #a97d4a;
font-weight: normal;
padding-left: 20px;
}
/*----------header-----------*/
#header {
margin: 0px auto;
background: url(images/headerbg.jpg) top center no-repeat;
width: 1400px;
height: 300px;
}
/*---misc---*/
.caption {
font-family: 'Palatino Linotype', 'Times New Roman', serif;
font-size: 12px;
letter-spacing: 1px;
margin-top: -20px;
margin-bottom: 0px;
padding-top: -20px;
margin-left: 80px;
color: #a97d4a;
font-style: italic;
}
.titletext {
font-size: 18px;
}
.linz {
background: url(images/tatstripe.png) center center no-repeat;
margin: 10px 5px;
padding: 15px 0;
height: 46px;
}
.divider {
background: url(images/scroll-divider.png) center center no-repeat;
margin: 2px 5px;
padding: 15px 0;
height: 16px;
}
.small {
font-size: 10px;
}
.downloads {
font-size: 14px;
font-weight: bold;
margin: 10px 0 10px 100px;
color: #a97d4a;
background: url(images/pdf_file.png) left center no-repeat;
padding-left: 30px;
border: 0;
}
.important {
font-size: 14px;
font-weight: bold;
}
.chapterheading {
font-weight: bold;
margin-top: 20px;
margin-left: 130px;
}
.right {
float: right;
margin-right: 10px;
margin-left: 10px;
}
.left {
float: left;
margin-right: 10px;
margin-left: 10px;
}
.clearleft {
clear: left;
}
/*--navigation--*/
#navigation {
position: absolute;
margin-top: 192px;
margin-left: 305px;
width: 760px;
height: 35px;
color: #000;
}
.menu {
margin: 0px 2px 0px 2px; 
padding: 22px 0 0 15px; 
list-style: none; 
background: transparent; 
width: 760px;}
 /* display the list items inline with a right margin to space the buttons. Use this to pre-load the hover image */
.menu li {
display: inline; 
float: left; 
background: url(images/neon_on.png);
}
/* style the links and place the background image to start from left edge */
.menu li a {
display: block; 
height: 32px; 
width: 150px;
float: left; 
background: url(images/neon_off.png); 
text-decoration: none; 
text-align: center;
font-size: 12px; 
font-family: tahoma, arial, sans-serif; 
font-weight: bold;
letter-spacing: 1px; 
line-height: 36px;
color: #000;
}
/* style the b element to posiition it to the right by 10 pixels and even out the text with 10 pixel right padding */
.menu li a b {
margin: 0px; 
display: inline; 
float: left; 
height: 32px; 
width: 150px;
background: url(images/neon_off.png) right top; 
color: #000;
text-align: center;
}
/* style the link hover and the link hover b to replace the background image - border:0 needed for IE6 to work */
.menu li a:hover, .menu li a:hover b {
border:0; 
background-image: url(images/neon_on.png); 
cursor: pointer; 
color: #000;
text-decoration: none;
}
.menu li a.current, .menu li a.current b, .menu li a.current:hover , .menu li a.current:hover b {
background-image:url(images/neon_on.png); 
color: #000; 
cursor: default;
}
/*--content--*/
#outer {
width: 1400px;
margin: 0 auto;
background: #000 url(images/mainbg.jpg) center repeat-y;
}
#middle {
margin: 0 auto;
width: 1400px;
min-height: 702px;
background: url(images/middlebg.jpg) no-repeat;
}
#content {
width: 800px;
margin-top: -20px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0px;
}
/*---maincontent for index page--*/
#maincontent {
float: left;
width: 470px;
margin: 0;
padding: 5px;
}
#maincontent p {
padding-left: 10px;
}
#maincontent h2 {
font-family: 'Palatino Linotype', 'Times New Roman', serif;
font-size: 24px;
color: #b59955;
font-weight: normal;
margin: 30px 0 0 5px;
padding-bottom: 0;
padding-left: 35px;
background: url(images/book_title.png) left top no-repeat;
}
/*--main content for about page--*/
#maincontent_about {
float: left;
width: 470px;
margin: 0;
padding: 5px;
}
#maincontent_about p { 
font-size: 16px;
font-family: tahoma, arial, sans-serif; 
color: #9c9a70;
text-align: left;
line-height: 1.6;
background-color: transparent;
font-weight: normal;
margin-left: 10px;
padding-left: 10px;
}
#maincontent_about h2 {
font-family: 'Palatino Linotype', 'Times New Roman', serif;
font-size: 24px;
color: #b59955;
font-weight: normal;
line-height: 70px;
margin: 30px 0 0 5px;
padding-bottom: 0;
padding-left: 70px;
background: url(images/user-femme.png) left top no-repeat;
}
/*---main content for writing page---*/
#maincontent_writing {
float: left;
width: 470px;
margin: 0;
padding: 5px;
}
#maincontent_writing p {
padding-left: 10px;
}
#maincontent_writing h2 {
font-family: 'Palatino Linotype', 'Times New Roman', serif;
font-size: 24px;
color: #b59955;
font-weight: normal;
margin: 30px 0 0 5px;
line-height: 40px;
padding-bottom: 10px;
padding-left: 40px;
background: url(images/edit.png) left top no-repeat;
}
#maincontent_writing h3 {
font-family: 'Palatino Linotype', 'Times New Roman', serif;
font-size: 20px;
font-weight: normal;
margin: 20px 20px 0 20px;
line-height: 24px;
color: #a97d4a;
padding-left: 30px;
background: url(images/author.png) left top no-repeat;
}
/*--main content for excerpt pages --*/
#maincontent_excerpt {
float: left;
width: 470px;
margin: 0;
padding: 5px;
}
#maincontent_excerpt p {
padding-left: 10px;
font-family: verdana, helvetica, sans-serif;
font-size: 12px;
line-height: 1.3;
color: #9c9a70;
}
#maincontent_excerpt h2 {
font-family: 'Palatino Linotype', 'Times New Roman', serif;
font-size: 24px;
color: #b59955;
font-weight: normal;
margin: 30px 0 0 5px;
line-height: 30px;
padding-bottom: 0px;
padding-left: 10px;
}
/*----------sidebar-----------*/
#sidebar {
float: right;
width: 300px;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 10px;
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.4;
}
.sidetop {
width: 285px;
height: 73px;
background: url(images/sidebar-top.png) no-repeat;
margin-top: 0;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
.sidecontent {
width: 285px;
background: url(images/sidebar-mid.png) repeat-y;
margin-top: -15px;
margin-right: auto;
margin-bottom: -15px;
margin-left: auto;
}
.sidecontent ul {
list-style-type: none;
margin-left: 0px;
}
.sidecontent ul li {
background: url(images/sidebar_li.png) top left no-repeat;
line-height: 1.6;
margin-right: 15px;
margin-left: 5px;
padding-right: 15px;
padding-left: 15px;
}
.sidecontent h4 {
text-align: center;
margin: 0px;
padding-left: 40px;
padding-right: 35px;
}
.sidecontent image {
margin: 0 auto;
border: none;
}
.sidebottom {
width: 285px;
height: 39px;
background: url(images/sidebar-bottom.png) no-repeat;
margin: 0 auto;
}
/*--use for centering images--*/
.centeredimage  {
text-align: center;
margin-top: 10px;
margin-bottom: 15px;
padding: 0px;
}
.centeredimage p {
text-align: center;
margin-top: 0;
}
/*---social bookmarks--*/
.bookmark {
margin: 10px;
text-align: center;
}
.bookmark img {
border: 0;
padding: 0px 10px;
opacity: .4;
-moz-opacity: .4;
filter: alpha(opacity=40);
_filter: alpha(opacity=100);
}
.bookmark img:hover {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}

/*----------footer------------*/
#footer {
clear: both;
background: url(images/footerbg.jpg) bottom center no-repeat;
bottom: 0;
margin: 0 auto;
width: 1400px;
height: 354px;
padding: 0px;
}
#footertext {
width: 750px;
padding-top: 70px;
margin: 30px auto 0 auto;
}
#footertext p {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
text-align: center;
}
#footertext a {
text-decoration: none;
padding-right: 3px;
padding-left: 3px;
}
#footertext a:hover {
padding-right: 3px;
padding-left: 3px;
}