﻿/* 
    amateur believer stylesheet
    created by David Muessemeyer
    December 9, 2006
*/

/* --- Defaults --- */
:link, :visited 
{
	text-decoration: none;
}

ul, ol 
{
	list-style: none;
}
body 
{
    background: #393939;
    font-family: Arial, Sans-Serif;
    color: #778877;
}

h1
{
    font-family: Georgia, Serif;
    color: #887766;
}

h2
{
    font-family: Georgia, Serif;
    font-size: 1.7em;
}

h3
{
    font-family: Georgia, Serif;
    font-size: 1.3em;
    
}

/* --- classes --- */
.text
{
    padding-left: 10px;
}



.imgleft
{
    float: left;
    padding: 5px 7px 2px 0px;
}

.imgright
{
    float: right;
    padding: 5px 0px 2px 7px;
}

.leftimg
{
    float: left;
    padding: 5px 7px 5px 5px;
}

.rightimg
{
    float: right;
    padding: 5px 5px 5px 7px;
}

/* --- container --- */
#container
{
    margin: 25px auto;
    width: 920px;
}

/* --- colleft --- */
#colleft
{
    width: 570px;
    height: 600px;
    margin: 0px;
    padding: 0px;
}

/* --- colright --- */
#colright
{
    background: #393939 url(../images/back_main.jpg) no-repeat top center;
    width: 350px;
    height: 600px;
    position: absolute;
    top: 25px;
    margin-left: 570px;
}

/* --- banner --- */
#banner
{
    margin: 45px 0 0 50px;
}

#vert_banner
{
    background: url(../images/pkirk_banner.jpg) no-repeat top center;
    width: 920px;
    height: 200px;
    position: absolute;
    top: 25px;
}

#vert_banner h1
{
    margin: 85px 0 0 85px;
    font-size: 3em;
}
    
/* --- nav-main --- */
#nav-main
{
    margin: -25px 55px 0 0;
    float: right;
    text-align: right;
}

#nav-main li
{
    line-height: 130%;
}

#nav-main li a 
{
	padding-left: 15px;
	font: bold verdana, sans-serif;
	color: #99734D; 
}

#nav-main li a:hover 
{
	background: url(../images/nav_0_off.gif) no-repeat 0 50%;
	color: #887766;
}

/* --- vert_nav-main --- */
#vert_nav-main
{
    margin-left: 140px;
    border-top: solid 2px #99734d;
    width: 375px;
}

#vert_nav-main li
{
    display: inline;
}

#vert_nav-main li a 
{
	padding-left: 15px;
	font: bold verdana, sans-serif;
	color: #99734D; 
}

#vert_nav-main li a:hover 
{
	background: url(../images/nav_0_off.gif) no-repeat 0 50%;
	color: #887766;
}

/* --- content --- */
#content
{
    width: 330px;
    margin: 25px 0 105px 65px;
    clear: both;
}

#content p
{
    width: 240px;
    text-indent: 15px;
    line-height: 120%;
}

/* --- vert_content --- */
#vert_content
{
    background: url(../images/pkirk_bottom.jpg) no-repeat top center;
    width: 920px;
    height: 1319px;
    position: absolute;
    top: 225px;
}

#vert_content h2
{
    margin-left: 115px;
}

#vert_content .book
{
    width: 700px;
    height: 400px;
    margin-left: 130px;
    margin-top: 0px;
    margin-bottom: 20px;
}

.book h3
{
    padding-top: 155px;
    margin-left: 265px;
}

.book p
{
    width: 420px;
    margin-left: 275px;
}

.book a
{
    color: #778877;
    text-decoration: underline;
}

#vert_content .bio
{
    width: 700px;
    height: 400px;
    margin-left: 130px;
    margin-top: 0px;
}

.bio h3
{
    padding-top: 155px;
    margin-left: 265px;
}

.bio p
{
    width: 420px;
    margin-left: 275px;
}

.bio p.two
{
    margin-top: -10px;
}

#vert_content .myform
{
    width: 860px;
    height: 1045px;
    margin-left: 130px;
    margin-top: 0px;
}

/* --- info-site --- */
#info-site 
{
	width: 350px;
	height: 90px;
	margin-left: 25px;
	clear: both;
	font-size: .8em;
}

#vert_info-site 
{
	width: 350px;
	height: 90px;
	margin-left: 425px;
	clear: both;
	font-size: .8em;
}

#info-company 
{
	width: 350px;
	padding-top: 9px;
	font: verdana, sans-serif;
	text-align: center;
	color: #887766;
}

#info-company a 
{
	background: url(../images/nav_1_off.gif) 10px 60% no-repeat;
	padding: 0px 10px 0px 21px;
	color: #887766;
}

#info-company a:hover 
{
	background: url(../images/nav_1_on.gif) 10px 60% no-repeat;
	color: #653A0E;
}

#info-standards 
{
	position: relative;
	top: 10px;
	left: 163px;
	width: 210px;
	font-family: verdana, sans-serif;
	color: #ccc;
}

#info-standards a 
{
	/*color: #778877;*/
	color: #bbb;
}

#info-standards a:hover 
{
	text-decoration: underline;
}