/*
Theme Name: ReAwakeningVitality
Theme URI: http://www.clearpixelwebdesign.com/
Description:
Version: 2.0
Author: Brandon Showers
Author URI: http://www.clearpixelwebdesign.com/
Tags:
*/



/* Begin Typography & Colors */
body { color: #333; font-family: Arial, Helvetica, sans-serif; }
p { margin-bottom: 12px; }
a { color: #64552B; }
#page { background: #FFF url(images/bg-header.jpg) top center repeat-x; }
#header-container { height: 191px; }
#headerimg 	{ margin: 7px 9px 0; height: 192px; width: 740px; }
#content-container { width: 100%; background: url(images/bg-content.jpg) bottom center repeat-x; }
#content { width: 915px; margin: 0 auto; padding: 18px 0 80px 0; }
#content-container #two-column-container { width: 915px; margin: 0 auto; }
#content-container #two-column-container .two-column { float: left; width: 585px; }
#footer-container { width: 100%; background: url(images/bg-footer.jpg) bottom center; }
#footer { width: 915px; margin: 0 auto; padding: 15px; color: #999; }
#footer a { color: #999; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
.clear { clear: both; }
.text-center { text-align: center; }
#header { width: 915px; margin: 0 auto; position: relative; }
#header-image { display: block; position: absolute; top: 12px; width: 357px; height: 133px; background: url(images/logo.jpg) top left no-repeat; text-indent: -9999px; }
#header-image a { display: block; width: 357px; height: 133px; }
#top-widget { position: absolute; right: 0; width: 359px; height: 58px; background: url(images/bg-top-widget.jpg) top left no-repeat; }
div.hr-top { width: 920px; height: 16px; background: url(images/hr-top.gif) bottom center no-repeat; }
div.hr-bottom { width: 920px; height: 16px; background: url(images/hr-bottom.gif) bottom center no-repeat; }
div#tag-line { margin-bottom: 20px; }
div.footer-node { float: left; width: 210px; margin-right: 25px; }
div.footer-node-content { border-top: 1px dashed #999; margin: 5px 0 20px 0; padding: 12px 0; font-size: 14px; }
div.footer-node-content li { list-style: none; }
div.footer-node-content a { display: inline-block; margin-bottom: 8px; }

/* * * * * * * * * * * * * * * 
 *	SIDEBAR STYLES
 * * * * * * * * * * * * * * */
#side-bar-container { width: 283px; float: right; margin-top: 30px; padding-bottom: 80px; }

/* * * * * * * * * * * * * * * 
 *	NAVIGATION STYLES
 * * * * * * * * * * * * * * */
div#main-navigation { position: absolute; top: 155px; left: 0; }
div#main-navigation ul#top-nav { width: 920px; float: left; list-style: none; padding: 0; margin: 0; }
div#main-navigation ul#top-nav li { float: left; margin: 0; padding: 0 25px 0 0; position: relative; }
div#main-navigation ul#top-nav li a { padding: 10px 5px; color: #fff; display: block; text-decoration: none; float: left; } 
div#main-navigation ul#top-nav li a:hover  { text-decoration: underline; }
div#main-navigation ul#top-nav li span { /*--Drop down trigger styles--*/ width: 17px; height: 35px; float: left; background: url(images/subnav-btn.gif) no-repeat center top; }
div#main-navigation ul#top-nav li span.subhover { background-position: center bottom; cursor: pointer; }
div#main-navigation ul#top-nav li ul { list-style: none; position: absolute; left: 0; top: 33px; background: #6995A0; margin: 0; padding: 0; display: none; width: 205px; }
div#main-navigation ul#top-nav li ul li { margin: 0; padding: 0; clear: both; width: 205px; }
html div#main-navigation ul#top-nav li ul li a { width: 185px; background: #8FB5BE; padding-left: 10px; padding-right: 10px; }
html div#main-navigation ul#top-nav li ul li a:hover { /*--Hover effect for subnav links--*/ background: #6995A0; }
html div#main-navigation ul#top-nav li ul li a { float: left; width: 185px; background: #8FB5BE; padding-left: 10px; padding-right: 10px; }

/* * * * * * * * * * * * * * * 
 *	TABLE STYLES	
 * * * * * * * * * * * * * * */
.table-one { width: 283px; background: url(images/table-one-body.gif) repeat; margin-bottom: 30px; }
.table-one-top { width: 283px; height: 14px; background: url(images/table-one-top.gif) repeat; }
.table-one-body { width: 247px; background: url(images/table-one-bottom.gif) bottom center no-repeat; padding: 0 18px 16px 18px; }
.table-one li a, .table-two li a { display: block; margin-bottom: 8px; text-decoration: none; }
.table-one li a:hover, .table-two li a:hover { text-decoration: underline; }
.table-two { width: 599px; background: url(images/table-two-body.gif) repeat; margin-bottom: 30px; }
.table-two-top { width: 599px; height: 23px; background: url(images/table-two-top.gif) repeat; }
.table-two-body { width: 563px; background: url(images/table-two-bottom.gif) bottom center no-repeat; padding: 0 18px 16px 18px; }

/* * * * * * * * * * * * * * * 
 *	HEADER STYLES
 * * * * * * * * * * * * * * */
h2.tag-line { line-height: 21px; font-size: 18px; padding: 12px 0; color: #3f3f3f; font-weight: normal; text-align: center; }
h3.styled { border-bottom: 1px dashed #64552B; margin-bottom: 8px; font-family: Arial, Helvetica, sans-serif; padding-bottom: 12px; }
h2.post { border-bottom: 1px dashed #999; margin-bottom: 12px; font-weight: normal; color: #64552B; font-family: Arial, Helvetica, sans-serif; font-size: 32px; padding-bottom: 12px; }
h2.blog-post { border-bottom: 1px dashed #999; margin-bottom: 12px; font-size: 26px; font-weight: normal; padding-bottom: 12px; }
h2.blog-post a { text-decoration: none; }

/* * * * * * * * * * * * * * * 
 *	HOME PAGE STYLES
 * * * * * * * * * * * * * * */
div#side-bar-home { float: left; width: 283px; }
div#content-copy-home { margin-left: 317px; }
div#homeGallery { border: 1px solid #999; margin-bottom: 30px; height: 286px; overflow: hidden; position: relative; width: 596px; }
#homeGalleryContent { width: 596px; position: absolute; top: 0; left: 0; margin-left: 0; padding: 0; }
.homeGalleryImage { float: left; position: relative; display: none; }
.homeGalleryImage span.top { position: absolute; left: 0; font-size: 14px; text-align: center; padding: 12px 13px; width: 596px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none; top: 0; }
.homeGalleryImage span.bottom { position: absolute; left: 0; font-size: 14px; text-align: center; padding: 12px 13px; width: 596px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none; bottom: 0; }

/* * * * * * * * * * * * * * * 
 *	CSS BUTTONS STYLES
 * * * * * * * * * * * * * * */
a.button {  background: transparent url(images/btn-cap.gif) no-repeat scroll top right;  color: #FFF;  display: block;  float: left;  font: normal 12px arial, sans-serif;  height: 36px;  margin-right: 6px;  padding-right: 15px; text-decoration: none; }
a.button span {  background: transparent url(images/btn-body.gif) no-repeat;  display: block;  line-height: 14px;  padding: 11px 0 11px 15px; font-size: 14px; }
a.button:hover { text-decoration: underline; }
a.button:active {  outline: none; }
a.button:active span {  padding: 12px 0 10px 15px; }

/* * * * * * * * * * * * * * * 
 *	FORM STYLES
 * * * * * * * * * * * * * * */
label { display: block; margin-bottom: 3px; }
input.text { margin-bottom: 8px; background: none; border: 1px solid #666; font-size: 15px; }
input.submit { cursor: pointer; font-size: 12px; background: #555; border: 1px solid #555; padding: 5px; color: #999; }
input.submit:hover { font-size: 12px; background: #707070; border: 1px solid #555; padding: 5px; color: #424242; }
#respond input.submit { font-size: 12px; background: #CCC; border: 1px solid #555; padding: 5px; color: #555; }
#respond input.submit:hover { font-size: 12px; background: #555; border: 1px solid #CCC; padding: 5px; color: #CCC; }
#footer input.text { width: 206px; color: #999; }
#search-box { position: absolute; bottom: 12px; right: 12px; }
#search-box input#header-search { background: url(images/bg-search.gif) no-repeat; width: 147px; height: 18px; border: none; padding: 7px; font-size: 14px; color: #999999; float: left; }
#search-box input#header-search-btn { background: url(images/bg-btn-search.gif) no-repeat; width: 41px; height: 32px; border: none; color: #666; font-size: 14px; float: left; }
#icon-pack { position: absolute; bottom: 12px; left: 12px; }
#icon-pack li { float: left; margin-right: 11px; }
#top-widget-links { position: absolute; top: 14px; left: 12px; font-size: 13px; width: 334px; border-bottom: 1px dashed #64552B; padding-bottom: 12px; }

/* * * * * * * * * * * * * * * 
 *	POST STYLES
 * * * * * * * * * * * * * * */
.entry { line-height: 22px; }
.post { margin-bottom: 62px; }
img.alignleft { float: left; margin-right: 12px; }
img.aligncenter { margin: 0 auto; }
img.alignright { float: right; margin-left: 12px; }
