/* # # # # # # #  Base Elements  # # # # # # # */

h1, h2, h3, h4, p { margin: 0 0 1em; }

h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }

p { text-align: justify; }

.clear { clear: both; }

a:link, a:visited { color: #555; text-decoration: none; }
a:hover, a:active { color: #999; text-decoration: none; }

/* # # # # # # #  Structural  # # # # # # # */

html, body { height: 100%; }
body { background-color: #fff; background-image: url(../graphics/header-background.png); background-repeat: repeat-x; font: 11px/140% Verdana, Arial, Sans-Serif; }

#container { min-height: 100%; position: relative; }

#header { background-image: url(../graphics/header-overlay.png); height: 185px; margin: 0 auto 5px auto; width: 808px; position: relative; }

#content { margin: 0 auto; padding-bottom: 52px; width: 744px; }

#footer { background-image: url(../graphics/footer-background.png); bottom: 0; color: #ddd; font-size: 80%; height: 32px; line-height: 32px; margin: 0; padding: 0; position: absolute; text-align: center; width: 100%; }
#footer a:link, #footer a:visited { color: #aaa; text-decoration: none; }
#footer a:hover, #footer a:active { color: #ddd; text-decoration: none; }

/* # # # # # # #  Navigation  # # # # # # # */

#nav-bar { list-style-type: none; margin: 0; padding: 0 20px 0 0; position: absolute; right: 0px; top: 144px; }
#nav-bar li { font-size: 80%; letter-spacing: 0.1em; float: left; line-height: 2.5em; margin: 0 1em; padding: 0; text-transform: uppercase; }
#nav-bar a:link, #nav-bar a:visited { color: #222; text-decoration: none; }
#nav-bar a:hover, #nav-bar a:active { color: #555; text-decoration: none; }

/* # # # # # # #  Content  # # # # # # # */

.content-pane { background-color: #c8c8c8; border: 1px solid #515151; margin: 1em 0; padding: 3px; }
.content-pane .pane-header { margin: 0 0.5em 3px 0.5em; position: relative;}
.content-pane .pane-header h2 { font-size: 85%; letter-spacing: 0.2em; margin: 0; text-transform: uppercase; }
.content-pane .pane-image { background-color: #fff; margin-bottom: 3px; padding: 5px; }
.content-pane .pane-image .thumbnail-scaled { display: block; height: 68px; width: 100%; }
.content-pane .single .pane-image .thumbnail-scaled { height: 117px; }
.content-pane .pane-image img { display: block; margin: 0 auto; }
.content-pane .body { background-color: #fff; color: #717171; overflow: hidden; padding: 1em; }
.content-pane .body p { background-color: #fff; color: #717171; }
.content-pane ul { list-style-type: disc; margin-bottom: 1em; padding-left: 2em; }
.content-pane .pane-header .navigation { color: #fff; font-size: 85%; margin: 0; position: absolute; right: 0; text-transform: lowercase; top: 0; }
.content-pane .pane-header .navigation a:link, .content-pane .pane-header .navigation a:visited { color: #fff; }
.content-pane .pane-header .navigation a:hover, .content-pane .pane-header .navigation a:active { color: #eee; }

#about .body, #news .body { height: 160px; }
#about { float: left; margin-bottom: 0; width: 330px; }

#news { float: right; margin-bottom: 0; width: 376px; }
#news .pane-header h2 { float: left; }

.post h3 { font-size: 100%; font-weight: normal; text-transform: uppercase; margin-bottom: 0; }
.post h4 { font-size: 100%; font-weight: normal; font-size: 80%; margin-top: 0.25em; text-transform: uppercase; }
.post h4 .date { border-top: 1px solid #ccc; display: inline; padding-top: 0.25em; }
.single h4 .date { border-top: none; display: inline; padding-top: 0; }
.post .body p { margin-top: 1em; margin-bottom: 0; }

.post p.item-meta-data { text-align: right; }
#category-items .pane-image { border-bottom: 2px dotted #ccc; margin-bottom: 0; margin-top: 3px; }

a#promotion { display: block; margin: 22px auto; }

#contact .body { padding: 0; }
#contact ul { float: left; font-size: 90%; list-style-type: none; margin: 0; padding: 1.5em 2em; position: relative; }
#contact ul li { margin: 0 0 1em 0; padding: 0; }
#contact .contact-details { font-size: 150%; }
#contact ul li#contact-address { position: absolute; left: 20em; top: 1.5em; width: 15em; }
#contact a#mini-map { border-left: 3px solid #c8c8c8; display: block; float: right; padding: 0.75em; }

.page-content { float: left; width:440px; }
.page-sidebar { float: right; width: 282px; }
.previous { float: left; }
.next { float: right; }

#testimonials { list-style-type: none; margin: 0; padding: 0; }

.post .body p.price { margin-top: 2em; }
.post .body p.price span { background-color: #c8c8c8; color: #fff; padding: 0.25em 0.75em; }

#comments { margin: 40px 0 10px 0; }
.comment-list { margin: 0 auto; }
.comment-list li { padding: 1em 1em 0 1em; }
.comment-list li.alt { background-color: #eee; }
.comment-list .comment-meta { float: left; }
.comment-list li.alt .comment-meta { float: right; }
#comment-form textarea { height: 100px; width: 300px; }
#respond { margin-top: 30px; }

#map { height: 250px; }
.bubble { width: 160px; font-size: 80%; color: #333; }
.bubble p { margin: 0; }