/*   
Theme Name: Landmark
Theme URI: http://landmarkbaptistcarlsbad.com
Description: Landmark Baptist Church's custom designed theme
Author: Harold Bradley III
Author URI: http://haroldbradleyiii.com
*/

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++
+   Style sheet for http://landmarkbaptistcarlsbad.com   +
+             created by: Harold Bradley III             +
+                     on: 3/19/09                        +
+            last update: 6/19/09                        +
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

* {  /* Defaults */ margin: 0; padding: 0;}

body { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color: #ffffff; /* black bkgrnd */
background-image: url(img/background.jpg); /* blue-white gradient */ background-repeat: repeat-x; /* across the screen */
min-width: 975px; }

h1 {text-align: center; font-size: x-large; color: #000000;}
h1 a{text-decoration: none;}
h2 {text-align: left; font-size: large; color: #000000; margin-top: 20px;}
h3 {margin-bottom: 10px; margin-left: 15px; text-align: left; font-size: medium; color: #000000;}
h4 {text-align: right; font-size: medium; color: #000000;}
h5 {text-align: left; font-size: small; color: #000000;}
h6 {text-align: right; font-size: small; color: #000000;}

blockquote {margin: 30px; text-align: justify; text-indent: 30px; font-style: italic;}

li{list-style-type:disk}

img{border-style: solid; border-width: 1px; margin: 10px;}

a{color: #0028ff;}
a:visited{color: #002852;}

#wrapper { /* Wrapper is above (thus 'below' or behind) the header (it starts at the top, but the header covers the top part up) */
margin: 0 auto; /* Center wrapper*/ width: 975px; background-image: url(img/wrapper.jpg); background-repeat: repeat-y; }

#header {margin: 0 auto; /* Center Header. */ width: 975px; min-height: 512px; background-image: url(img/header.jpg); background-repeat: no-repeat;}

/* +++ MENUBAR +++ */
#menubar {margin: 0; position: relative; left: 205px; top: 212px; width: 800px; height: 28px; text-align: right; display: block;}
#menubar li{margin: 0; padding: 0; height: 28px; /* width is variable */ float: left; overflow: hidden; list-style: none;}
#menubar a {padding: 0 10px; padding-top: 5px; background-image: url(img/menu.jpg);  background-repeat: repeat-x; text-decoration: none; color: #d0d0d0; height: 28px; display: block;}
#menubar a:hover {background-position: 0 -28px; color: #f5f5f5;}
#menubar a:active {background-position: 0 -56px;}
.menu_div {margin: 0; width: 2px; height: 28px; float: left; background-image: url(img/menu_div.jpg); background-repeat: no-repeat;}
/* +++ + +++ + +++ */

#container { /* Content Container - (holds textbox and sidelinks, but could be made to hold just text)*/
margin: 0; margin-top: -240px; /* fills in the header gap (where the cross comes down) */
margin-left: 150px; width: 750px; display: block; background-image: none; min-height: 260px;}

#textbox {width: 600px; float: left; font-size: medium;}
#textbox li {list-style-type:disk; text-align: left; margin: 10px; margin-left: 40px; text-indent: 0px;}
#textbox p {margin-top: 10px; text-align: justify; text-indent: 40px;}
#textbox .noindent p {text-indent: 0px;}

/* +++ Sidelinks Animated Links +++ */
#sidelinks {margin-top: 60px; width: 130px; float: right; text-align: center;}
#sidelinks li {margin: 5px; margin-bottom: 0px; width: 130px; border-style:solid; border-width:1px; background-color: #f0f0f0; list-style: none;}
#sidelinks li a{display: block; padding: 5px; padding-bottom: 0px; width: 130px; color: #000000; text-decoration: none; font-weight: bold; font-size: small; text-align: left; border-style:solid; border-width:1px; background-color: #e5e5e5;}
#sidelinks li ul{display: none; margin-right: -10px; margin-bottom: -5px; background-color: #f0f0f0;} /* Needed for asthetics*/
#sidelinks li a:hover{background-color: #ffffff;} /* White Highlite on Mouseover*/
#sidelinks li:hover > ul{display: block;} /* Make the lower heirarchies visible on Mouseover */
#sidelinks li a:active{margin-top: 2px; margin-left: 2px;} /*Click animation*/
/* +++ + +++ + +++ + +++ + +++ + +++ */


/* +++ Generic Bottom Links +++ */
#bottomlinks{margin: 5px; text-align: center; display: block;}
#bottomlinks li{margin: 0px; display: inline; list-style: none; font-size: x-small;}
#bottomlinks a{text-decoration: none; font-size: x-small; color: #000000;}
#bottomlinks a:visited{color: #000000;}
#bottomlinks a:hover{text-decoration: underline;}
/* +++ + +++ + +++ + +++ + +++ + +++ */


#footer {margin: 0 auto; padding-top: 20px; width: 905px; height: 100px; color: #f0f0f0; font-size: x-small; text-align: center; background-image: url(img/footer.jpg); background-repeat: no-repeat; }
#footer a {color: #ffffff; text-decoration: none;}

.hide {display: none;}

.footnotes{margin-top: 10px; font-style: italic; font-size: small;}
.address{text-align: center; padding: 10px; display: block;}

.alignright{display: block; float: right;}
.alignleft{display: block; float: left;}
.aligncenter{display: block; margin: 10px auto;}

.separator1 {margin: 0 auto; margin-top: 10px; background-image: url(img/separator_1.jpg); background-repeat: no-repeat; width: 700px; height: 15px;}
.separator2 {margin: 0 auto; margin-top: 10px; background-image: url(img/separator_2.jpg); background-repeat: no-repeat; width: 500px; height: 15px;}
.separator3 {margin: 0 auto; margin-top: 10px; background-image: url(img/separator_3.jpg); background-repeat: no-repeat; width: 250px; height: 15px;}
.separator4 {margin: 0 auto; margin-top: 10px; background-image: url(img/separator_4.jpg); background-repeat: no-repeat; width: 100px; height: 15px;}


.blog_post {margin-bottom: 50px;}
.blog_entry {}
.blog_metadata {text-align: right; font-size: small;}
.blog_date {margin-right: 75px; text-align: right; font-size: medium; color: #cfcfcf;}
#blog_comments {}

.comments_heading {margin-top: 25px;}
.comment_container {margin: 30px 15px; margin-top: 0; border: 1px solid #000000; list-style: none;}
.comment_title{margin-right: 40px; text-align: right; font-size: medium;}
.comment_text{padding: 15px;}
.comment_form {margin: 5px; margin-right: 25px; float:right;}

.noindent {text-indent: 0px;}

#blog_nav {display: block; margin-top: 10px;	margin-bottom: 40px; clear: both;}
#r_nav_link {float: right; margin: 10px; margin-right: 100px;}
#l_nav_link {float: left; margin: 10px; margin-left: 200px;}


#directions{margin-left: 100px; text-align: center;}