@import url("thumbs.css");

/* 
  -----------------------------------
  Mount Pleasant Cemetery Association 2007 Style Sheet (Master)
  Author: Justin Agoglia
  www.skylardesign.com
  -----------------------------------
*/

/* =Universal Styles
---------------------------------- */
html, body {background: #9C9C4E; font: 100% Verdana, Arial, Helvetica, sans-serif; color: #3B3B3B;}
#wrapper {margin: 0 auto; width: 750px; background-color: #D7C7AA; position: relative; border: 10px solid #FFF;}

a, a:visited  {color: #788F9C;}
a:hover {color: #475863; text-decoration: none;}

* {margin: 0; padding: 0;}

h1, h2, h3 {color: #594828; font-weight: bold;}

h1 {font-size: 1.4em;}
h2, h3 {font-size: 1.2em; padding-top: .2em; border-bottom: 1px solid #594828; width: 50%;}
h3 {font-size: 1.1em; border: none;	color: #333; width: 100%;}
.clear {clear: both;}

.warning {color: red;}

/* =Home Main Content
---------------------------------- */
#masthead {background: #586D79; width: 100%; height: 125px;} /* Topbar */
#masthead #logo {width: 434px; margin-right: auto; margin-left: auto; text-align: center; padding-top: 12px;}

#content {float: left; width: 100%;	font-size: 0.75em; line-height: 1.55; padding-bottom: 1em;}

#content-main p {margin: 1.2em 0 1.3em;}
#content-main p.shorten {margin: 1px 0 -1px;}
#content-main h1 {margin-bottom: .5em;}
#content-main h2 {margin-bottom: -.8em; line-height: 1.2;}
#content-main h3.bump {margin-top: .7em;}

#content-main ul {margin: -.5em 0 1em 2em; list-style: none;}
#content-main li {background: url(../images/bullet.gif) no-repeat 0px 6px; padding-left: 1.8em;}
#content-main li ul {margin: .01em 0 -.03em;}
#content-main li li {margin-left: .7em; background: url(../images/bullet2.gif) no-repeat 0px 5px;}
#content-main #addContent {margin: 1.5em 0 1em;}
#content-main h3 span {font-weight: normal;}
#content-main img.photo {border: 2px solid #9B7E7B;}

/*  = Main Body Content
---------------------------------- */
div#content-main {float: left; margin: 0 auto; width: 690px; padding: 30px; padding-bottom: 1em;}
div#content-sidebar {display: none;}

body.ms div#content-main {width: 405px;}
body.sm div#content-main {width: 365px;}

body.ms div#content-sidebar {display: block; width: 270px;}
body.sm div#content-sidebar {display: block; width: 325px;}

body.ms div#content-main,
body.sm div#content-sidebar {float: left;}

body.sm div#content-main,
body.ms div#content-sidebar {float: right;}

#stylebar {float: left;	width: 100%; background: url(../images/styles/style-about.jpg) no-repeat left top; height: 100px;}
#subNav {float: right; width: 140px;}
#subNav ul {list-style: none;}
#subNav li {text-align: right; padding-right: 1em; margin: -.11em 0;} 
#subNav li a {font-size: 0.65em; font-weight: bold;	color: #FFF; text-transform: uppercase; letter-spacing: 0.01em; text-decoration: none;}
#subNav li a:hover {text-decoration: underline;}

/* =Sidebar Box
---------------------------------- */
#boxIn {width: 218px; background: url(../images/quoteBox-top.jpg) repeat-y left top; border: 2px solid #CAB68A; margin-top: 5.8em; padding-top: .7em; color: #585858;}
#boxOut {background: url(../images/quoteBox-bot.jpg) no-repeat left bottom;}
#boxOut p {font: italic 1.3em/1.2 "Times New Roman", Times, serif; margin: .8em; margin-bottom: 0;}
#boxOut p.cite {font-size: 1.2em; padding: 0 .2em 12em 0; text-align: right; font-style: normal; font-weight: bold; color: #6E6E6E;}
#boxOut h4 {margin: 0 0 .8em 1.5em;}
#boxOut h4 img {display: block;}
#boxOut ul {list-style: none; margin: 0 0 2em 1.5em;}
#boxOut ul li {background: url(../images/bullet3.gif) no-repeat 0px 6px; padding-left: 1em; line-height: 1.7;}

/* =Tables
  ----------------------------------- */
table {background: #FFF; color: #666; width: 690px; empty-cells: show; font-size: .85em; margin: 0 0 2.2em 0; text-align: left;}
table thead th {background: #CCC; font-size: 1.2em; padding: 3px 0 3px 1em; margin: 0 0 5px 0; text-align: left;}
 
table tbody tr.odd {background: #E4E0CD;}
table tbody tr.even {background: #FFF;}
table tbody tr:hover {background: #D7C7AA;} 
table tbody td {padding: 2px; padding-left: 1.2em; font-variant: small-caps;}
table tbody td.nudge-right {padding-left: 2.2em; font-variant: normal;}
table tbody tr:hover td {color: #444;}

/* =Specific Page Styles
---------------------------------- */
body#home #thumbWrap li {padding-left: 0;}
body#services #stylebar {background: url(../images/styles/style-services.jpg);}
body#prices #stylebar {background: url(../images/styles/style-prices.jpg);}
body#photos #stylebar {background: url(../images/styles/style-photos.jpg);}
body#photos2 div#stylebar {background: url(../images/styles/style-photos2.jpg);}
body#contact #stylebar {background: url(../images/styles/style-contact.jpg);}
body#cremations #stylebar {background: url(../images/styles/style-cremations.jpg);}
body#cremationsFAQ #stylebar {background: url(../images/styles/style-cremations-faq.jpg);}
body#uniqueCremations #stylebar {background: url(../images/styles/style-cremations-unique.jpg);}
body#funeralhms #stylebar {background: url(../images/styles/style-funeralhms.jpg);}
body.florists #wrapper #stylebar {background: url(../images/styles/style-florists.jpg);}
body.monuments #wrapper #stylebar {background: url(../images/styles/style-monuments.jpg);}
body#photos #boxIn, body#photos2 #boxIn {margin-top: 8.3em;}

/* =Affiliate Styles
---------------------------------- */
body#funeralhms #content-main li {background-image: none; margin: 0 0 1.2em -45px;}
body#funeralhms #content-main h2 {margin-bottom: .5em; text-transform: uppercase; font-size: small;}
body#funeralhms #content-main h3 {font-size: 1.25em; margin-bottom: -.2em;}
body#funeralhms #content-main li p {margin: 0;}

/* =Cremations
---------------------------------- */
body.cremations h2 {width: 100%;}

body#uniqueCremations #content-main li {background: none; padding-left: 0;}
body#uniqueCremations #content-main li h2 {text-transform: uppercase; font-size: small; font-size: 1.2em;	padding: .2em 0 .5em; line-height: 1.1; font-weight: bold; border: none; width: auto;}
body#uniqueCremations #content-main ol ul li {padding-left: 1.7em; line-height: 1.1; background: url(../images/bullet2.gif) no-repeat 0px 5px; margin: 0 0 .7em -10px;}

/* =Footer Styles
---------------------------------- */
#footer {float: left; width: 750px; background: #586D79;}
#footer-Content {padding: .5em 0 .5em 2em; color: #FFF;}
#footer-Content p {letter-spacing: .01em; font-size: .7em }
#footer-Content p.cite {margin-top: 5px;}
#footer-Content > p {margin-bottom: 0;}
#footer-Content a {color: #FFF; text-decoration: underline;}
#footer-Content a:hover {color: #CCC; text-decoration: none;}