/*   
Theme Name: Holiday WordPress
Theme URI: http://www.chris-wallace.com/2008/12/06/free-wordpress-theme-holiday-wordpress/
Description: A modern holiday theme.
Author: Christopher Wallace
Author URI: http://www.chris-wallace.com
Version: 1.1
Tags: two column, fixed width, configurable, dynamic sidebar, widget ready, valid XHTML, valid CSS, left sidebar, widgets

  Holiday WordPress by Chris Wallace
  http://www.chris-wallace.com/2008/12/06/free-wordpress-theme-holiday-wordpress/
  
  The CSS, XHTML, design and PHP are released under the GNU General Public License:
  http://www.opensource.org/licenses/gpl-license.php
  
*/

body{margin: 0; padding: 0; font: 12px Arial, Helvetica, sans-serif; background-image:url("images/body-bg.gif")}
a, a:visited{color:#C0161B; text-decoration: none} 
a:hover, a:active{text-decoration: underline}
a:hover img{border-color: #ccc}
a img{border: 0;}
h1{font-size: 2em}
h2{font-size: 1em}
h3{font-size: 1em}
caption{border-radius: 4px; -moz-border-radius: 4px; background-color: #f2f2f2}
code{background-color:#f2f2f2}
pre{ height: auto; background: #f2f2f2; width: 530px; overflow-x: scroll; border: 1px dotted #ccc; border-left:0; border-right:0; padding: 5px}
fieldset{margin: 0; padding: 0; border: 0}
.alignleft, .left{float: left; margin: 0 10px 10px 0}
.alignright, .right{float: right; margin: 0 0 10px 10px}
.continue a{text-indent: -9000px; background: url("images/btn-continue-reading.png") no-repeat top left; width: 150px; height: 26px; display: inline-block}

#container{margin: 0; width: 876px; text-align: left}
/* Header Styles */
#fixed-stripe{background: url("images/header-stripe-bg.png") repeat-x top left; position: absolute; z-index:10; width: 100%; height: 30px;left: 0; top: 0; right: 0;}
#fixed-stripe #totop{ color: white; position: absolute; left: 767px; top: 2px;}

#header{background: url("images/header-trans.png") no-repeat top left; height: 118px; position: relative; z-index:20}
#header h1{float: left; width: 249px; height: 57px; margin-top: 40px; margin-left: 8px;}
#header h1 a{display: block;}
#header h1 a:hover img{border:0}
#header #rss{ color: black; position: absolute; right: 17px; top: 30px;padding-left: 18px; background: url("images/feed-icon-14x14.png") no-repeat left top;}
#header #skip{ color: white; position: absolute; right: 25px; top: 3px; padding-right: 14px; background: url("images/ico-skip-to-content.gif") no-repeat right 3px;}
#header #nav{float: right; margin-top: 70px;}
#header #nav li{float: left; list-style: none; margin-right: 18px}
#header #nav li a{color: #a80d3a; font: bold 12px Georgia, "Times New Roman", Times, serif; text-decoration: none; display: block;}
#header #nav li a:hover{text-decoration: underline}
/* Main Content Styles */

#featured{background:url("images/featured-trans.png") no-repeat right 14px; width: 850px}
#interior #featured{background: none}
.featuredpost{background: url("images/featured-bg-trans.png"); color: white; width:820px; position: relative; z-index: 4; padding-bottom: 20px; margin: -19px 0 -4px 0;}
.featuredpost .buffer{padding: 30px 20px 10px 20px}
.featuredpost h2, .featuredpost h3{margin: 0; padding: 0;}
.featuredpost h2 a{ font: normal 11px Arial, Helvetica, sans-serif; margin: 0 0 3px 0; padding: 0; color: #999999}
.featuredpost h3 a{ font: normal 18px Georgia, "Times New Roman", Times, serif; margin: 0 0 8px 0; padding: 0; color: #ade5eb}
.featuredpost .featured-img{width: 350px; height: 160px; float: left; margin-right: 20px; border: 5px solid white;}

#featured.small .featuredpost .buffer{padding: 15px 10px}
#featured.small .featuredpost{width: 846px; padding: 10px 0 0 0;}
#featured.small .featuredpost h3{margin: 3px 0 5px 0;}
#featured.small .featuredpost h3, #featured.small .featuredpost h3 a{ font: bold 14px Arial; padding: 0; color:white}
#featured.small .featuredpost span{font-weight: bold;color: black; background-color:#9FCDFF; padding: 2px 5px; font:italic 12px Georgia, "Times New Roman", Times, serif; display: inline-block;}
#featured.small a.viewpost{display: inline-block; color: white; font-weight:bold; padding: 5px 8px; }
#featured.small .featuredpost .featured-img{width: 120px; height: 40px; float: left; margin: 0 20px 0 20px; border: 3px solid white; clear: both; margin-top: 10px}


#main-top{background: url("images/content-header-bg-trans.png") repeat-y top left; height: 19px; text-indent:-9000px;position: relative; z-index: 9;}
#main{min-height: 500px; background: url("images/content-bg-trans.png") repeat-y top left;}
#maincontent{display:inline; float:left; padding: 0 30px 10px 30px; width:530px}
#maincontent .postwrapper{border-bottom: 1px dotted black; padding-bottom: 20px; margin-bottom: 20px;}
#maincontent a img{border: 1px solid black; padding: 4px;}
#maincontent .bubble{float: right; width: 58px; height: 49px; background:url("images/comments-bubble.gif") no-repeat top left; text-align:center;}
#maincontent .bubble a{padding: 15px 0; display: block; color: black; font-weight: bold; font-size: 14px;}
#maincontent h1{font: 20px Georgia, "Times New Roman", Times, serif; margin-bottom: 4px}
#maincontent h1 a{color: black; text-decoration: none}
#maincontent h1 a:hover{color:#999; text-decoration: none}
#maincontent div.posted, #maincontent div.tags{font-size: 11px; color: #999999}
#maincontent div.tags{padding-top: 10px}
#maincontent div.tags a{margin-left: 5px; padding-left: 16px; background: url("images/ico-tag.jpg") no-repeat left 2px;}
#maincontent div.posted span{color: black}
#maincontent .more-link{float: right; display: block; text-indent: -9000px; width: 150px; height: 26px; background: url("images/btn-continue-reading.png") no-repeat top left; text-decoration: none; margin: 10px 0; clear: both;}
#maincontent .more-link:hover{color: black; text-decoration: none;}
#maincontent .navigation{margin-top: 20px}
#maincontent .navigation div{width: 46%}
/* Sidebar Styles */

#sidebar-content #left-column{float: left; width: 284px; border-radius-bottomright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-radius-bottomright: 5px; }
#sidebar-content .column{color: black}
#sidebar-content .column div{margin: 15px}
#sidebar-content .column h2{font: italic 15px Georgia, "Times New Roman", Times, serif; color: white; padding-bottom: 0; margin-bottom: 0}
#sidebar-content .column h2 span{background-color: #AE0130; padding: 5px 10px; display: inline-block}
#sidebar-content .column dl dt{float: left; width: 30px; clear: both; margin: 0 0 5px 0; padding: 0; display: block}
#sidebar-content .column dl dd{float: left; width: 150px; display: block; margin: 0 0 0 15px; padding: 0}
#sidebar-content .column dl p,
#sidebar-content .column dl h3{margin: 0; padding: 0; font-size: .9em}
#sidebar-content .column dl p{margin-bottom: 20px}
.column ul{margin: 10px 0 0 0; border-top: 1px solid gray; padding: 0; list-style: none;}
.column ul li{margin: 0; padding: 4px 5px; border-bottom: 1px solid gray;}
div.edit{clear: both}
/* Comment Styles */
#comments{width: 550px; margin: 20px 0 20px -20px; padding-top: 40px}
#comments ol, #comments ol li{margin: 0; padding: 0; list-style: none}
#comments ol li{width: 550px; padding: 0; margin: 0 0 20px 15px}
#comments ol li div.commentmetadata strong a{color: black; text-decoration: none}
#comments ol li div.commentmetadata strong a:hover{text-decoration: underline}
#comments dl dd{margin: 0; padding: 0; float: left;}
#comments dl dt{margin: 0; padding: 0; float: right;}
#comments dl dt a{color: gray; font-style: italic}
#comments dl dd span{ display: block; background-color: #C22040; color: white; font-size: 110%; padding: 5px 8px; font-style:italic}
#comments dl dd span a{color: white; text-decoration: none;}
#comments div.comment-body{border: 1px solid #C22040;border-left: 0; border-right: 0; padding: 15px 10px; clear: both; background-color: #F2F2F2 }
#comments .author dl dd span{background-color: #0099CC}
#comments .author div.comment-body{border-color: #0099CC}
#comments fieldset{margin: 0; padding: 0; border: 0}
#comments fieldset#comment-author small{ margin-left: 15px}
#comments fieldset label, #comments fieldset input, #comments fieldset textarea, #comments h3{margin-left: 15px}
#comments fieldset input{width: 160px; border: 1px inset #aaa; color: black; padding: 3px 0; text-indent: 4px}
#comments fieldset textarea{width: 300px}
#comments h3{color: black; font-size: 120%;}
#comments input[type="submit"]{width: auto; border: 1px outset #ccc; background: #e2e2e2; color: black; padding: 3px 6px; font: bold 16px Arial, Helvetica, sans-serif}
#comments fieldset label{display: block; color: black;	 line-height: 1.4em; margin-top: 7px; margin-bottom: 3px; font-size: 11px}

/* Footer Styles */
#footer{width: 876px;  height: 124px; background: url("images/footer-bg-trans.png") no-repeat top left; clear: both; padding-top: 15px; font-size: 11px; color: white}
#footer a{color: #73d6eb}
#footer a:hover{color:#FFFF66; border-bottom: 1px solid white; text-decoration: none}
#footer .archives{width: 410px; text-align: left; margin: 4px 0 0 180px; }
#footer .archives ul, #footer .archives ul li{margin: 0; padding: 0; list-style:none}
#footer .archives ul li{width: 33%; margin-bottom: 20px;}
#footer .archives a{color: #999999}
#footer .copyright{width: 260px; height: 85px; float: right; text-align: left; margin: 10px 10px 0 0}
#footer .copyright p{margin: 9px 0; padding: 0;}

/* Clear Styles */
.clearboth{clear: both}
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0}
.clearfix {display: inline-block}
html[xmlns] .clearfix {display: block}
* html .clearfix {height: 1%}