/*
Theme Name: My Joy Of Living
Theme URI: http://myjoyofliving.com
Description: Custom theme for My Joy Of Living
Version: 1.0
Author: Tom Jenkins
Author URI: http://tgtdesign.com/
Tags: 
*/
/**********************/
/* Reset all Browsers */
/**********************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
abbr, acronym { border:0; }
/************************/
/* Globals for the site */
/************************/
body { font-size:12px; font-family: Arial, Helvetica, "MS Trebuchet", Tahoma; text-align:left; vertical-align:top; background:#231f20; color:#231f20; }
ol {list-style-type:decimal; padding-left:30px;}
ul {list-style-type:disc; padding-left:30px;}
a { text-decoration:none; color:#68582d; }
a:hover { text-decoration:underline; }
a img { border:0px; }
a.normal { font-size: 12px; color: #231f20;}
p { padding:0; margin-bottom:10px; }
blockquote { margin:10px 0px 0px 0px; border-top:2px solid #ddd; background:#f5f5f5; clear:both; }
blockquote p { padding:10px; }
blockquote blockquote { float:none; width:auto; margin:0 10px; background:#fff; }
form, input, textarea { font-family:arial, helvetica, sans-serif; font-size:12px; }
p img { max-width:100%; }
small { font-family: Arial, Helvetica, Sans-Serif; font-size: 10px; line-height: 15px; color:#68583d; }
em { font-style: italic; }
strong { font-weight: bold; }
big { font-family: Arial, Helvetica, Sans-Serif; font-size: 14px; line-height: 25px; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
img.alignbottom { vertical-align: text-bottom; padding-right: 3px; }
.alignleft { float:left; }
.alignright { float:right; }
.clear { margin:0; padding:0; clear:both; }
.rounded { -moz-border-radius:5px; -webkit-border-radius:5px; }
.rounded_top { -moz-border-radius-topright:5px; -moz-border-radius-topleft:5px; -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px; }
.rounded_bottom { -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; }
/**********************************/
/* Start elements specific design */
/**********************************/
#wrapper { margin: 0 auto; width: 962px; background-color:#ffffff; }
/********************/
/* Heading Elements */
/********************/
h1 { font-size:18px; margin-bottom: 25px;; }
#header h1 { margin-left:-5000px; float:left; }
h2 { font-size:16px; font-weight:bold; margin-bottom: 7px; }
#sidebar h2.widgettitle { color: #7e704b; margin-bottom: 4px; }
.sidebar1 h2.widgettitle { font-size: 14px; text-transform: uppercase; }
.sidebar2 h2.widgettitle { font-size: 12px; }
h3 { font-size:14px; font-weight: bold ;margin-bottom: 7px; }
h4 { font-size: 14px; margin-bottom: 7px; }
h5 { font-size: 12px; font-weight: bold; margin-bottom: 7px; }
h6 { font-size: 12px; margin-bottom: 7px; }
.pagetitle { }
/*******************/
/* Header elements */
/*******************/
#header { background:url(images/logo.jpg) top left no-repeat; height:170px; float:left; }
.menu { margin-left:510px; }
.menu ul { list-style-type:none; padding-left:0; }
.menu li { float:left; }
.menu li ul { position: absolute; z-index: 10; padding: 0; margin: 0; display: none; width:100%; }
.menu a { font-size:14px; color:#231f20; padding:0 5px; margin-right:25px; padding-bottom: 5px; display:block; }
.menu a:hover { text-decoration:none; color:#68582d; }
.menu li:hover ul { display:block; }
.menu LI LI { float: none;  }
.menu li li a { background-color: #FFFFFF; width:100px; }
/******************/
/* Content Blocks */
/******************/
#content { padding-left:57px; overflow:hidden; float:left; display:inline; }
#blog_posts { width:475px; float:left; margin-right:33px; }
.post { }
.entry { overflow:hidden; margin: 10px 0 20px; }
.postmetadata { margin-bottom: 25px; border-bottom: 1px dotted #68582d; color:#68582d; font-size: 10px; }
.alt { margin:15px 0; }
.navigation { margin-bottom:30px; }
/*************/
/* Home Page */
/*************/
.home { background: url(images/home_bg.jpg) repeat-y top left; margin-top:28px; }
#head_image { height:100px; overflow:visible; margin-left:474px; margin-top:36px; }
/****************/
/* Generic Page */
/****************/
.gen_page { background: url(images/corner_bg.jpg) no-repeat top right; margin-top:27px; }
/*****************/
/* Services Page */
/*****************/
.wide { width:905px; }
.service, .tail { border:3px solid #a08e5f; margin-bottom: 15px; overflow:hidden; }
.service { width:823px; padding-left:10px; };
.service p, .service img.title { padding: 0 15px; }
.service img.alignright, .service img.alignleft { margin: 0; padding: 0; }
.service img.alignleft { margin-right: 10px; margin-left:-10px; }
.service img.alignright { margin-left: 10px; }
img.title { margin: 15px 0; }
.service_img { border: 2px solid #a29160; margin-top: 30px; }
/**************/
/* Tails Page */
/**************/
.tails_page { background: url(images/tails_bg.jpg) repeat-y top left; margin-top:27px; }
.tails { float:left; overflow: hidden; width: 604px; }
.tailsidebar { background: url(images/tailscorner.jpg) no-repeat top right; width:225px; padding: 25px 25px 0 50px; }
.testimonial { font-size: 12px; }
.tail { width: 579px; float: left; padding: 10px; }
/****************/
/* Comment Area */
/****************/
#comment_block { }
#commentform { }
#commentform textarea { padding:2px; width:100%; }
/***********/
/* Sidebar */
/***********/
#sidebar { float:left; font-size: 10px; }
#sidebar p { font-size: 10px; }
#sidebar ul { list-style-type:none; padding-left:0; }
.sidebar1 { width:204px; margin: 0 10px; }
.sidebar2 { width:158px;  padding-left: 10px; padding-right: 5px; background:url(images/sidebar2_bg.jpg) no-repeat; padding-top:30px; }
.sidebar2 button { margin-left: 25px; margin-top: 3px; }
.sidebar2 .social_share { margin-bottom: 95px; }
.sidebar2 .bookmarks h3 { font-size: 10px; margin-bottom: 2px;}
.sidebar3 { width:397px; }
.widget { margin-bottom: 35px; }
.sidebar_border { border: 2px solid #a29160; }
img.sidebar_border { width: 188px; margin: 8px 0; }
ul#twitter { padding-left: 0; padding-right: 3px; }
UL#twitter LI.tweet { list-style-image: none; padding: 7px 0; border-bottom: 1px dashed #a29160; overflow: hidden; }
UL#twitter IMG { float: left; width:48px; height:48px; border: 1px solid #a29160; }
.tweet_data { margin-left: 52px; padding: 0 0 3px; }
.fan_box { width: 100px; }
.widget_recent_entries li { margin-bottom: 5px; }
/********************/
/* Social Bookmarks */
/********************/
#social_section { border-top:1px dashed #F1EBC7; border-bottom:1px dashed #F1EBC7; margin-bottom: 15px; }
.social_small { padding-left:85px; }
#social_section a { position:relative; }
.social_first { margin-left: 12px; }
/**********/
/* Footer */
/**********/
#footer {  }