/*
Theme Name: Black Sheep Lodge
Theme URI: http://www.blacksheeplodge.com
Description: A nice, 2-column theme with a lodge style.
Version: 1.0
Author: Matthew Stephens & Kimberly Conklin
Author URI: http://www.codebymatt.com/
Tags: brown, yellow, blue, lodge, cabin, wood, clean

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* RESET */
h1, h2, h3, p, form, ul { margin: 0; padding: 0; }
img { border: 0; }
.clear { clear: both; }

body { background: url(img/bg.jpg); margin: 14px; font-family: Arial, Helvetica, sans-serif; }
#page { width: 912px; background: url(img/bg-page.png) repeat-y;  text-align: left; position: relative; }
#gradient { background: url(img/bg-gradient.gif) repeat-x; margin: 4px; padding: 4px; }
a { color: #00837d; }
.alignright { float: right; margin: -20px 0 20px 0; }

/* HEADER */
#header { background: url(img/bg-stripes.png) repeat-x; background-position: 0 56px; height: 126px; padding-top: 6px; }
h1 { float: left; }
h1 a { display: block; width: 252px; height: 126px; background: url(img/logo.gif) no-repeat; text-indent: -9999px; margin-left: 12px; }
#top-right { float: right; text-align: right; }
#search { margin: 16px 6px 0 0;  }
#nav { float: right; }
#nav ul { list-style-type: none; margin: 25px 0 0 0; text-transform: uppercase; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; letter-spacing: -1px; }
#nav ul li { float: left; }
#nav ul li a { display: block; color: #231f20; text-decoration: none; padding: 7px 15px; }
#nav ul li a:hover { background-color: #dedede; }
#nav ul li.current_page_item, #nav ul li.current_page_item a:hover { background-color: #00837d; }
#nav ul li.current_page_item a { color: white; }

#search { float: right; width: 290px; }
#s { width: 210px; border: 1px solid #ccc8bd; color: #231f20; font-size: 13px; padding: 3px 3px 4px 3px; float: left; margin-right: 6px; }
#searchsubmit { width: 66px; height: 25px; background: url(img/btn-search.png) no-repeat; border: none; cursor: pointer; float: left; }

/* MASTHEAD */
.masthead { width: 926px; height: 224px; position: absolute; top: 146px; left: -7px; background: url(img/bg-masthead.png) no-repeat; }
.masthead img { margin: 20px 24px 20px 18px; float: left; }
.masthead h2 { font-family: Georgia, "Times New Roman", Times, serif; color: white; font-size: 22px; font-weight: normal; margin: 25px 0 10px 0; }
.masthead p { font-size: 13px; line-height: 18px; }
.masthead ul { list-style-type: none; }
.masthead li { float: left; margin-right: 3px; }
#masthead-content { position: relative; height: 235px; }
#rotator { position: absolute; left: 0; top: 0; width: 910px;}

#mast123 { z-index: 99; position: absolute; bottom: 28px; right: 10px; width: 132px; height: 44px; background: url(img/numbers.png) 0 -46px no-repeat;}
#mast123 li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#mast123 li, #mast123 a { height: 39px; display: block; }
#mast1 { left: -4px; }
#mast2 { left: 41px; }
#mast3 { left: 89px; }

#mast1 a.selected { background: transparent url(img/numbers.png) 0 0 no-repeat; width: 46px; height: 46px; }
#mast2 a.selected { background: transparent url(img/numbers.png) -45px 0 no-repeat; width: 48px; height: 46px;  }
#mast3 a.selected { background: transparent url(img/numbers.png) -95px 0 no-repeat; width: 46px; height: 46px; }
#mast123 a { text-decoration: none; text-indent: -9999px; background: url(img/numbers.png); height: 41px; width: 41px; }

/* SIDEBAR */
#sidebar { width: 268px; float: right; margin: 240px 20px 0 0; }
#calendar { font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #222222; margin-bottom: 5px;  }
#events li { list-style-type:none; line-height: 21px; width:245px;   }
.date { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; color: #621f13;  margin: 0px 5px; width: 65px; }
.event { padding-left: 15px; padding-bottom: 4px; margin-left: 15px; background-image:url(img/bullet.png); background-repeat: no-repeat; background-position: 0 7px; padding-bottom: 8px;}
#tweets { font-family:Arial, Helvetica, sans-serif; font-size: 13px; color: #222222; margin-bottom: 20px;   }
#tweets li { list-style-type: none; line-height: 16px; width: 245px; padding-bottom: 12px; }
#tweets li a { color: #00837d; text-decoration:underline; }
#tweets li abbr { font-size: 11px; color: #666; }
#tweets li abbr:before { content: " - "; }
#newsletter { margin-top: 30px; margin-bottom: 30px;  }
#newsletter img { margin-bottom: 15px; }
#nl-email { width: 170px; border: 1px solid #CCC8BD; float: left; font-family: Arial, Helvetica, sans-serif; color: #231f20; font-size: 13px; padding: 3px 4px 4px 4px; }
#nl-button { margin-left: 5px; }
.example { color: #6f6f6f !important; font-style: italic !important; font-size: 14px !important; }

.widgettitle { display: none; }
.widgets { list-style-type: none;  }
.widget li { list-style-type: none; line-height: 21px; margin: 0 0 6px 15px; padding-left: 15px; background-image:url(img/bullet.png); background-repeat: no-repeat; background-position: left 7px; }
.wpng-widget-date-title { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; color: #621f13; display: block; text-decoration: none;  margin-top: 0px;  }
#wpng-cal-widget-events li a { color:#222; text-decoration: none; display: block;  }



/* ENTRIES */
#entries { float: left; margin-top: 250px; width: 566px; padding-left: 20px; }
.entry { margin-bottom: 20px; }
.entry h3 { font-family:Georgia,"Times New Roman",Times,serif; font-size:26px; font-weight:normal; }
.entry h3 a { border-bottom:1px solid #7abab0; }
.entry h3 a { color: #009999; text-decoration: none; }
.posted { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #979797; padding-top: 6px; padding-bottom: 7px; }
.posted a { color: #979797; text-decoration: none; }
.story { font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#222222; line-height: 18px; padding-bottom: 13px; }
.story p { margin-bottom: 15px; }
.comments a { font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; color: #004f7c; width: 139px; height: 40px; text-align: center; padding-top: 9px; background: url(img/button-blank.png) no-repeat; display: block; color: #004f7c; text-decoration: none; }

/* FOOTER */
#footer { background-image: url(img/header-stripes.png); display: block;  background-repeat:repeat-x; background-position: 0px 26px; height: 99px; margin-top: 20px; }
#bottom-left { background-image: url(img/shield.png); background-repeat: no-repeat; background-position:top left; padding-top: 3px;  width: 320px; height: 68px; float: left; margin-left: 15px; }
#bottom-left img { margin-left: 80px;}
#subscribe { margin-top: 17px; }

#footer #nav { float: right; margin-top: 17px; }

/* PAGE SPECIFIC STYLES */
#page-content #entries, #page-content #sidebar { margin-top: 1px; }
#entries .normal { margin-top: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; color: #222222; font-weight: normal; }
#entries .entry { margin-top: 20px; }
.page-title, #entries h2 { border-bottom: 1px solid #aaaaaa; margin-bottom: 10px; }
.media-entry { margin-top: 25px; }
.media-entry h3, #entries .entry {font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; color:#222222; font-weight: normal; }
.source { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #979797; padding: 6px 0 6px 0; }
.media-entry a { color: #00837d; text-decoration: underline; }
.quote { padding-bottom: 5px; }
.commentlist p { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #222222; }
#single h3#comments { font-size: 20px; margin-top: 10px; }
#single a.url, #single span.says { font-size: 18px; }
#single #respond h3 { font-size: 18px; color: #222222; font-weight: normal; }
#single p.small { font-size: 14px; color: #222222; font-weight: normal; }
#commentform label { color: #222222; font-size: 18px; }
.commentmetadata a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #979797; padding-top: 1px; padding-bottom: 7px; color: #979797; text-decoration: none; }
ol { color: #222222; margin: 10px; font-size: 13px; padding: 10px 10px 20px 24px; }
#respond textarea#comment { margin-top: 10px; margin-bottom: 10px; width: 555px; }
#author, #email, #url { width: 300px; }