/*
Theme Name: Kathy Day
Theme URI: http://kdpr.com/
Description: Custom theme for Kathy Day, visuals by <a href="http://endeavorcreative.com" title="Endeavor Creative">Taughnee Stone</a>, WordPress coding by <a href="http://sawtoothid.com" title="Sawtooth Internet Development - WordPress and Expression Engine Specialist">Steve Johnson</a>
Version: 1.0
Author: The Whine Cooler
Author URI: http://thewhinecooler.com/
*/

/* this stylesheet relies on baseline.css for baseline styles */

/* site layout structure */
#header {height: 246px; width: 100%; background: url(images/header-bkgd.png) top left repeat-x;}
#container,
#header-content,
#footer-content {width:900px;margin:0 auto;position: relative;text-align: left;}
#content, #footer-contact {float:left;width:610px;}
#content {width: 610px; padding-right: 40px; background: url(images/vert-stripes.png) top right no-repeat;}
.sidebar, #footer-news {float: right; width: 225px;}
#top{float:left;width:230px;}
#bottom{float:left;clear:left;width:230px;}
#footer{background: url(images/footer-bkgd.png) top left repeat-x; clear:both; width:100%;min-height: 250px; padding-top: 60px;}

/* Begin General Typography & Colors */
body{font-size: 74.5%; /* Resets 1em to 10px */ color: #394746; text-align: center; line-height: 1.5; font-family: "Trebuchet MS", Verdana, Tahoma, Arial;}


/* general tags and classes */
h1, h2, h3,
h4, h5, h6 {font-family: "Helvetica Neue", Helvetica, Arial, Myriad, sans-serif; color: #6e5577; font-weight: normal; margin-bottom: 0.5em;color: #689390;}
h1 {font-size: 200%;}
h2 {font-size: 23px;}
h3 {font-size: 140%;}
h4, h5, h6 {font-size: 110%;}
a{text-decoration: none; color: #9f71b1;}
a:hover{text-decoration: underline;}
p{margin-bottom: 1em;}
small{font-size: 0.9em;}
acronym, abbr{cursor: help; border-bottom: 1px dashed #999;}
code{font: 1.1em 'Courier New', Courier, Fixed;}
blockquote{margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;}
blockquote cite{margin: 5px 0 0; display: block;}

.alignright{float: right; margin-left: 10px;}
.alignleft{float: left; margin-right: 10px;}
.clear{clear: both;}

p img{padding: 0; max-width: 100%;}
/* Using 'class="alignright"' on an image will (who would've
 thought?!) align the image to the right. And using 'class="centered',
 will of course center the image. This is much better than using
 align="center", being much more futureproof (and valid) */
img.centered{display: block; margin-left: auto; margin-right: auto;}
img.alignright{margin: 0 0 10px 5px; display: inline;}
img.alignleft{margin: 0 10px 5px 0; display: inline;}
img.framed{margin-top: -10px; margin-left: -10px;}



/* container-specific styles */

/* header */
.menu {font-family: Arial, Helvetica, Myriad, sans-serif; font-size: 14px;}
.menu ul li{float: left; text-align: center; margin-right: 22px;}
.menu li a {color: #fff; padding: 12px 10px 11px;display: block;}
.menu li a:hover {text-decoration: none; color: #92cacb;}
.menu li.current_page_item { background: url(images/menu-current.png) center bottom no-repeat;}
.menu li.current_page_item a{ color: #92cacb;}

#kdaylogo {position: absolute; right: 0; top: 71px;}

#headertext {text-align: left; margin-top: 40px;}
#headertext h1, #headertext h2 {margin: 0;}
#headertext h1 a {font-family: "Helvetica Nueue", Helvetica, Arial, Myriad, sans-serif; font-size: 31px; margin-bottom: 10px; color: #234743; font-weight: bold;}
#headertext h2 {font-family: "Trebuchet MS", Verdana, Tahoma, sans-serif; font-size: 18px; line-height: 22px; color: #547774;}
/* sidebar */

.widget {margin-bottom: 15px; padding-left: 15px;}
.widget .title {margin-left: -15px; border-bottom: 1px solid #e5f0ef; padding-bottom: 3px;}

/* sidebar testimonial */
p.testimonial {font-style: italic; font-size: 14px; line-height: 22px; color: #394746;}
p.testimonial img {float: left; margin: 0 10px 3px 0;}
p.testimonial-author {font-family: Arial, sans-serif; font-size: 14px; line-height: 18px; color: #699390;}


/* content area */

.navigation {width: 80%; border: 1px solid #e5f0ef; text-align: center; background-color: #f6faf9; padding: 10px; margin: 10px 0 20px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.post, .page{margin: 0 0 40px; text-align: left;clear: both;}
.post h2 {color: #6e5577;}
.entry{clear: both;}
.postmetadata{clear: both; width: 500px; padding: 10px; border: 1px solid #e5f0ef; background-color: #f6faf9; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.more-link{display: block; font-size: 0.9em; clear: both; text-align: right;}

.commentlist {width: 520px;}
.commentlist li {padding: 10px; margin-bottom: 15px;}
.commentlist li.even {background-color: #f6faf9;}

#commentform textarea {width: 520px;}
.tagsallowed {width: 500px; padding: 10px; background-color: #f6faf9; border: 1px solid #e5f0ef; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

/* Captions */
.wp-caption{border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img{margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text{font-size: 11px; line-height: 17px; padding: 0 4px 5px 0; margin: 0;}

/* footer */
#footer h3.title {border-bottom: 1px solid #A7CFCC; padding-left: 35px; padding-bottom: 0; line-height: 2em;}
#footer h4 {font-size: 120%;}
#footer-contact h3.title {background: url(images/contact-icon.png) top left no-repeat;}
#footer-contact ul li {float: left;}
#footer-contact li li {margin-bottom: 5px;}
li.address {width: 28%;}
li.social {width: 28%;}
li.widget-rss {width: 40%;}
li.social ul li {padding-left: 30px;}
li.twitter {background: url(images/twitter-icon.png) center left no-repeat;}
li.facebook {background: url(images/facebook-icon.png) center left no-repeat;}
li.linkedin {background: url(images/linkedin-icon.png) center left no-repeat;}

#footer-news h3.title {background: url(images/news-icon.png) top left no-repeat;}
#footer-news li {clear: both; margin-bottom: 5px; line-height: 1.1; padding-right: 10px;}
#footer-news .wordlink {display: block; float: left; padding-bottom: 10px; padding-right: 10px;}
#footer-news .release-date {font-weight: bold; padding-right: 10px; float: left;}
#footer-news p.more {text-align: right;}


/* override styles */
#content p {font-size: 14px; line-height: 22px;}
h2.title a:link{text-decoration: none; color: #6F5577;}
h2.title a:active{text-decoration: none; color: #6F5577;}
h2.title a:hover{text-decoration: none; color: #9f71b1;}
h2.title a:visited{text-decoration: none; color: #6F5577;}

/* special page title fix */
#content .catpagediv {margin-bottom: 0;}
#content .catpagediv h1.title {font-size: 250%;}
#content .pressdate {margin-top: -1.2em; line-height: 14px; color: #999;}