/*
Theme Name: Sanders Funeral Home Theme
Theme URI: http://www.sandersfuneral.com
Description: A custom theme and style sheet
Version: Version number 1
Author: Stranger Studios
Author URI: http://www.strangerstudios.com

/*-----------Block Level Elements--------------*/

Body {background: #0F0F3F; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: .9em; color: #222; text-align: center; }

h1, h2, h3, h4, h5 {margin: 0; padding: 0; }

a:link {color: #0F0F3F; }
a:hover {color: #1F1F4C; }
a:visited {color: #555; }

#wrapper {background: #1F1F4C url(images/bg_wrapper.jpg) bottom center no-repeat; padding: 15px 15px 0 15px; }
#page-top {width: 990px; height: 10px; background: #F7F6ED url(images/bg_page-top.gif) top left no-repeat; margin: 0 auto; }
#page {width: 930px; margin: 0 auto; background: #F7F6ED; text-align: left; padding: 10px 25px; border: 5px solid #FFF; border-top: none; border-bottom: none;}
#header {background-image: url(images/bg_header.gif); background-position: 0px 85px; background-repeat: no-repeat; }
#header {* background-position: 0px 95px;}

#topright {float: right; width: 680px; text-align: right; }
#topright p {display: block; height: 20px; color: #B49976; font-size: 1.2em; font-weight: bold; margin: 18px 0 0 0; padding: 0; }
#topright ul {list-style: none; }
#topright ul li {float: left; }

#menu {float: left; list-style-type: none; text-align: left; width: 680px; margin: 20px 0 0 0;}
#menu li {float: left; padding: 0 0 0 28px; }
#menu li.services {width: 60px; padding-left: 0; }
#menu li.preplanning {width: 90px; }
#menu li.memorials {width: 120px; }
#menu li.merchandise {width: 90px; }
#menu li.about {width: 65px; }
#menu li.contact {width: 75px; }

#menu img {margin: 0; padding: 0;}

#menu li a {display: block; height: 30px;}
#menu li a:link, #menu li a:visited {background-position: 0px 0px; }
#menu li a:hover {background-position: 0px -30px;}
#menu li.selected a, #menu li.selected a:link, #menu li.selected a:visited {background-position: 0px -30px; }

#menu li.services a {background-image: url(images/menu-services.gif); width: 60px; height: 30px;}
#menu li.preplanning a {background-image: url(images/menu-preplanning.gif); width: 90px; height: 30px;}
#menu li.memorials a {background-image: url(images/menu-memorials.gif); width: 120px; height: 30px;}
#menu li.merchandise a {background-image: url(images/menu-merchandise.gif); width: 90px; height: 30px;}
#menu li.about a {background-image: url(images/menu-about.gif); width: 65px; height: 30px;}
#menu li.contact a {background-image: url(images/menu-contact.gif); width: 75px; height: 30px;}

#menu li.first img {width: 120px; height: 30px;}
#menu li.second img {width: 135px; height: 30px;}
#menu li.third img {width: 100px; height: 30px;}
#menu li.fourth img {width: 205px; height: 30px;}


#content {float: right; width: 660px; margin-left: 30px;  }

#page-base {width: 990px; height: 10px; background: #F7F6ED url(images/bg_page-base.gif) bottom left no-repeat; margin: 0 auto; }

#footer {width: 980px; margin: 0 auto; text-align: center; color: #D9CFBD; }
#footer a {color: #D9CFBD; }

/*-------------Headings-------------*/

h1 {float: left; width: 245px; }
h2 {color: #1F1F4C; font-size: 1.6em; margin: 15px 0 0 0; }
h3 {color: #713D00; font-size: 1.3em; margin: 20px 0 5px 0; }
h3 a {color: #713D00 !important;}
h3 small {font-size: 10px; }
h4 {color: #713D00; font-size: 1.1em;}
h5 {margin-bottom: 5px; font-size: 1em; padding-top: 8px;}

/*-------------The Post-------------*/

h2 a:hover, h2 a:visited, h2 a { }
.post {padding-bottom: 20px; border-bottom: 2px solid #D9CFBD; }
.post p {margin: 5px 0 10px 0; }
.post a { }
.post ul {margin: 0 0 5px 20px; padding: 0; }
.post ul ul {margin-top: 5px; list-style: disc; font-size: .9em; }
.post li {padding: 0 0 8px 0; }
.entry { }
.archiveentry {font-size: .9em; }
.entrytext .postmetadata { }
.postmetadata alt { }
.postmetadata a { }
.navigation {margin: 1em 0 1em 0;}
.alignleft {width: 45%; float: left; text-align: left;}
.alignright {width: 45%; float: right; text-align: right;}
.center { }
.pagetitle { }
blockquote { }
cite { }
a img { }
acronym, abbr { }

.single {padding-bottom: 10px; }
.single img {float: right; border: 2px solid #E3DACA; width: 200px; margin: 0 0 15px 15px; }

.home {padding-bottom: 10px; }
.home img {float: right; border: 2px solid #E3DACA; width: 100px; margin: 0 0 15px 15px; }


/*--------------Sidebar------------*/

#sidebar {float: left; width: 240px; background: #ECE7DA; margin-top: 15px; }
#sidebar .top {background: url(images/bg_sidebar-top.gif) top left no-repeat; height: 15px; min-height: 15px; }
#sidebar .inner {border-left: 2px solid #E3DACA; border-right: 2px solid #E3DACA; padding: 0 15px; }
#sidebar .base {background: url(images/bg_sidebar-base.gif) bottom left no-repeat; height: 15px; min-height: 15px; }

#sidebar ul {margin: 5px 0 0 0; padding: 0; list-style: none; }
#sidebar ul li {margin-bottom: 8px; }

#sidebar .pic {float: right; margin: 0 0 0 5px; }
#sidebar .pic p {margin: 0; padding: 0; }
#sidebar .pic img {width: 50px; border: 1px solid #E3DACA; margin-bottom: 2px;  }

#sidebar li p {font-size: .8em; margin: 0 0 3px 0; padding: 0; }

/*--------------Comments--------------*/

ol.commentlist {list-style: none; margin: 0; padding: 0; }
ol.commentlist li {padding-bottom: 12px; font-size: .9em; }
ol.commentlist li.alt { }
ol.commentlist a { }
ol.commentlist p {margin: 0; padding: 0 0 6px 0; }

.commentmetadata {margin: 0; padding: 0; font-weight: bold; }
.commentmetadata em {font-weight: normal; color: #713D00; font-style: normal; }

#commentform {background: #ECE7DA; margin-top: 15px; }
#commentform h3 {margin-top: 0; }

#commentform .top {background: url(images/bg_commentform-top.gif) top left no-repeat; height: 15px; min-height: 15px; }
#commentform .inner {border-left: 2px solid #E3DACA; border-right: 2px solid #E3DACA; padding: 0 15px; }
#commentform .inner div {clear: left; }
#commentform .inner .mar {margin-bottom: 8px; }
#commentform .base {background: url(images/bg_commentform-base.gif) bottom left no-repeat; height: 15px; min-height: 15px; }

#commentform label {display: block; float: left; width: 100px; padding-top: 5px; font-size: .9em;}
#commentform small { font-size: .8em; }

/*--------------Search Form-------------*/

#searchform {margin: 5px 0 0 0; padding: 0; }
#searchform #s {float: left; width: 135px; }
#searchform #searchsubmit {float: right; width: 60px; }

/*--------------Contact Form-------------*/

.contactform label {float: left; width: 100px; margin: 0 5px 5px 0; padding-top: 3px; }
.contactform div {clear: left; margin-bottom: 8px; font-weight: bold; }
.contactform textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.contactform input {font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

.contactform-alt label {float: left; width: 180px; margin: 0 5px 5px 0; padding-top: 3px; }
.contactform-alt div {clear: left; margin-bottom: 8px; font-weight: normal; font-size: .9em; }
.contactform-alt textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.contactform-alt input {font-size: 12px; font-family: Arial, Helvetica, sans-serif; }


/*-------------Misc------------------*/
.clear {clear: both; }
.float_right {float: right; }
.float_left {float: left; }

.top1em {margin-top: 1em; }

.small {font-size: .8em; } 

.line {background: #D9CFBD; height: 1px; min-height: 1px; margin: 15px 0 15px 0; font-size: 1px; }

.minipage_content {border-bottom: 1px solid #D9CFBD; padding: 0 0 15px 0; margin-bottom: 15px; }

.message {background: #ECE7DA; border: 1px solid #E3DACA; padding: 10px; font-size: .9em; font-weight: bold; color: #713D00; margin: 5px 0 15px 0; }

.postpic {margin: 0 0 15px 15px; float: right; }

.nobg {background: none; }