/* {

  margin: 0;

  padding: 0;

  border: 0;

}*/



/*-------body stuff------*/



body {margin: 0;

padding: 20px;

background-color: #DADADA;

font: normal 75% 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;

line-height: 1.5em;

 

 }



#page {background: white right url(images/sidebar.jpg) repeat-y;

text-align: left;

margin: 0 auto;

padding: 0px 0px 0px 0px;

position: relative;

/* The entire template's width is set in this class. */

	width: 750px;

border: 5px #f3f3f3 solid;

}



#header {padding: 0;

margin: 0;

position: relative;

margin: 0 auto;

width: 100%;

background: white;}



#headerimg {margin: 0;

width: 100%;

padding:0px;

background-image: url(images/chruch_header.jpg);

height: 180px;

background-repeat: no-repeat;}



#page hr {display:none;

clear:both;}



h1, h2, h3, h4, h5, h6 {font-weight: normal;

font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;

font-size: 1.6em;

color: #0099CC;}



a {color: #000;}



a:hover {color: #0099cc;}



strong {font-weight:bold;}



em {font-style:italic;}



/*--------images-----------*/



img {padding: 2px;

border: 1px #99ccff solid;

margin: 5px;}



a img {border: 1px #0099CC solid}



a:hover img {border: 1px #ccffff solid}



/* ----- forms ------- */



input, textarea {background: #f8f8f8;

border:1px solid #999;

border-color:#999 #eef #eef #999;

padding:2px;

color: #444;}



input:focus, textarea:focus {background: #ffffff;}



input:hover, textarea:hover {background:#ffffff;

cursor:text;}



input#submit {border: 1px #0f0000 outset;

background-color: #e9e9e9;}



input#submit:hover {cursor: default;

background-color: #fafafa;}



/*----------content div parameters---------*/



.narrowcolumn {float: left;

padding: 0 0 20px 25px;

margin: 0px 0 0;

width: 380px;}



.widecolumn {float: left;

padding: 0px 25px 20px 25px;

margin: 0px 0px 0px 0em;

width: 490px;

background-color: #ffffff;}



/*-------sidebar----*/



#sidebar {float:right;

padding: 10px 0 10px 0;

margin-left: 5px;

width: 200px;

font-size: 1.1em;}



#sidebar .col {width:140px;

float:left;

padding: 0em 0em 0em 2px}



#sidebar h2 {font-weight: normal;

font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;

font-size: 0.8em;}



#sidebar h3 {font-size: 1.2em;

padding-right: 15px;

padding-left: 10px;

color: White;

background: #1F2D33;

margin-top: 10px;

margin-bottom: 0px;}



#sidebar p {padding-right: 15px;

padding-left: 10px;

text-align: justify;}



#sidebar ul {margin: 0;

padding: 0;

list-style-type: none;

font-size: 1em;}



#sidebar li {margin: 5px 0 3px 8px;}



#sidebar li a {color: #666;

text-decoration: none;}



#sidebar li a:hover {color: #000;}



/*-----------posts------------*/



.post {margin: 15px 0;

padding: 0;

list-style-type: none;

font-size: 1.1em;

background: White;

line-height: 1.5em;

text-align: justify;}



.post a {color: #000;}



.post a:hover {color: #0099CC;}



.post h2 a {color: #0099CC;

text-decoration: none;}



.post h2 a:hover {text-decoration: underline;}



small {font-size: 0.8em;

line-height: 1.5em;

color: #888888}



.postmetadata {font-size: 0.8em;

display: block;

margin-top: 2px;

color: #888888;

border-top: dotted;}



/*-------search form-------*/



#search_frm {position: absolute;

top: 0px;

left: 50%;

margin: 0;

padding: 5px;

width: 740px;

margin-left: -375px;

font-size: 0.9em;

text-align:right;}



input#s {width: 25%;}



#searchsubmit {display:none;}



#commentform input {width: 170px;

padding: 2px;

margin: 5px 5px 1px 0;}



#commentform textarea {width: 100%;

padding: 2px;}



#commentform #submit {margin: 0;

float: right;}



/*-------main navigation----*/



/*thanks to http://www.htmldog.com/articles/suckerfish/dropdowns/*/



#nav, #nav ul {float: left;

width: 100%;

list-style: none;

background: #330000;

padding: 0;

margin: 0 0 0 0;}



#nav a {display: block;

width: 6em;

w\idth: 4em;

color: #ffffff;

text-decoration: none;

padding: 0.25em 2em;

border-right: 1px solid #D3D3D3;

height:19px;}



#nav li {float: left;

padding: 0;

width: 8em;}



#nav li ul {position: absolute;

left: -999em;

height: auto;

width: 14.4em;

w\idth: 13.9em;

font-weight: normal;

margin: 0;}



#nav li li {padding-right: 1em;

width: 13em}



#nav li ul a {width: 13em;

w\idth: 9em;

border-right: none;}



#nav li ul ul {margin: -1.75em 0 0 14em;}



#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}



#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}



#nav li:hover, #nav li.sfhover {background: #4f83e6;}



/*---------top h1 title--------------*/



#header h1 {font-size: 3em;

color: #fff;

font-weight: normal;

height:1em;

position:absolute;

margin-top: 100px;

margin-left: 170px;

margin-bottom: 25px;

padding:0.1em}



#header h1 a {color: #fff;

text-decoration: none;}



#header h1 a:hover {color: #ddd;

text-decoration: none;}



#header h1 a:visited {color: #fff;}







/*-----------footer-----------*/



#footer {clear: both;

background: #4f83e6;

padding: 0px 75px 5px 75px;

font-size: 0.8em;

text-align: center;

border-top: solid 1px #999;

margin-bottom: 0;

color:white;}



#footer a {color: white;}



#footer a:hover {color: #070707;

text-decoration: none;}



/* navigation*/



.navigation {display: block;

text-align: center;

margin-top: 10px;

margin-bottom: 60px;}



.navigation a {color: #0099CC;

text-decoration: none;}



.navigation a:hover {text-decoration: underline;}



.alignright {float: right;}



.alignleft {float: left}



.admin {clear:both;

font-size:0.8em;

border-top: 1px solid;}