/*
Theme Name: Woodstoppers
Theme URI: http://www.woodstoppers.com
Description: Woodstoppers Theme for Wordpress
Version: 1 (WP2.8.4)
Author: Obadiah Metivier
Author URI: http://www.middleEARmedia.com
Tags: woodstoppers, wood, turning, pete, skellenger, marquette, michigan, obadiah, middleEARmedia
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";




/*
	 Woodstoppers
	 by middle EAR media
	 http://www.middleEARmedia.com
*/



/*   Colors


     text light-biege: #ffffdd
     text light-orange: #F7C447
	 link border orange: #D9913B
	 reverse text dark-blue: #172E72
     body bg: #1C4381


     teal-green:#4CADA6
	 bg-beige:#FFCC67
     menu-beige:#FFD165
     green-text:#006633
	 blue-text:#003399
	 red-text:#990000
	 
	 
	 
	 
	 bg-dark-blue:#1C4381
	 bg-footer-orange:#BA8441
	 text-yellow:#F7C447
	 text-orange:#D9913B
	 
*/


/*     Utilities     */
* { margin: 0; padding: 0; }
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
.hide {background-image:none; text-indent:-99999px; }
.left {float:left;}
.right {float:right;}

	
.clear { clear: both; }
.center { margin:0 auto; width:627px; }
.green { color:#006633;}
.blue { color:#003399;}
::selection                         { background: #0f0f0f; color: #999999; /* Safari */ }
::-moz-selection                    { background: #0f0f0f; color: #999999; /* Firefox */ }

blockquote





.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*     Layout     */
body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif;  font-size: 1em; line-height: 1.8em; width:100%; background-color:#0f0f0f; background-image:url(../../../images/bg-body.jpg); background-repeat: repeat-x; background-position:top; color:#dddddd;}

#page-wrap { position:relative; margin:0px auto; width:1020px;}

#header { height:219px; background-image:url(../../../images/masthead.jpg); background-position:top center; background-repeat:no-repeat; }
#mill {position:absolute; top:60px; right:-220px;}


#content-wrap {
background-color:#373737;
margin:49px 0 0;
position:relative;
}

#content {
float:left;
padding:0 0 0 40px;
width:635px;
}

#footer {
background-image:url(../../../images/bg-footer.png);
background-position:left top;
background-repeat:no-repeat;
display:block;
height:100px;
padding:0 0 0 70px;
margin:0 0 100px;
}


.footerContent {
color:#D9913B;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
line-height:1.4em;
}
	
.footerContent span { padding:0 0 0 0px;}

#side {
float:right;
font-size:0.8em;
letter-spacing:0.1em;
line-height:1.5em;
margin:30px -11px 0 0;
padding:0;
}



/*     Typography     */

a 									{color:#F7C447; text-decoration:none; outline:none; }

a:hover										{color:#FFFFFF; text-decoration:none; outline:none;}


a:focus 							{outline:none!important;}

p { margin: 0 0 1.4em 0; }

h1, h2, h3, h4, h5, h6 { font-family:Georgia, "Times New Roman", Times, serif; 0 0 5px 0; font-weight:normal; }
 
h1 { }
h1.home { text-align:center; background-image:url(../../../images/title_main.jpg);}

h2 {
color:#CC9933;
font-size:2em;
letter-spacing:0.1em;
margin:40px 0 25px;
padding:0 0 20px;
font-style:oblique;
}


.page-title { }

h3 {
color:#CC9933;
font-size:1.5em;
}

h2.widgettitle {
color:#cc6600;
font-size:1.5em;
letter-spacing:0.2em;
margin:-45px 0 10px;
text-decoration:none;
}

h4 { margin:-45px 0 10px;}
h4.biblio { color:#990000; margin:0 0 0 0;}
h5 {}
h5.biblio { line-height: 1em; margin:0 0 15px 0;}
h6 {}
ol, ul {}
ul {	
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1em;	
	list-style-type:none;
	list-style-image:url(../../../images/bullet.png);
	list-style-position: inside;
	margin:0;
	}
li {}	


ol {	

	font-size: 1em;	
	list-style-position: inside;
	list-style-type:
	margin:0;
	}

.indent { 
    padding:0 0 0 25px;		
	font-size: 1em;	
	list-style-type:circle;
	list-style-image:none;
	list-style-position: inside;
	margin:0;
	}

.content-text {
-moz-border-radius-bottomleft:30px;
-moz-border-radius-bottomright:30px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:30px;
-webkit-border-radius-bottomleft:30px;
-webkit-border-radius-bottomright:30px;
-webkit-border-radius-topleft:0px;
-webkit-border-radius-topright:30px;
border-radius-bottomleft:30px;
border-radius-bottomright:30px;
border-radius-topleft:0px;
border-radius-topright:30px;
background-image:url(../../../images/bg-txt.png);
margin:10px 0;
padding:10px 20px 10px 70px;
width:700px;
border:3px solid #D9913B;
min-height:400px;
}

.wp-caption-text {font-size:0.9em;}

#footer #copy {position:absolute; top:0px; left:5px;}
#footer #mem {position:absolute; top:0px; right:5px;}
#footer a { }
#footer a:hover { }




/*     Links, Buttons and Form Styling     */

.field {
	border:1px solid #11171F; 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	border-radius:2px; 
	padding:5px 8px; 
	font:0.9em Trebuchet MS,sans-serif;
	color:#888;
	background:#ffffff url(../images/field-bg-top.gif) repeat-x top left;
	vertical-align:top;
}	

.field:hover	{
	border: 1px solid #FFCC00;
}
	
.button-old {
 -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px;
background-color:#999999;
border:1px solid #222222;
color:#222222;
font-weight:bold;
margin:0 28px 4px 0;
padding:5px;
text-align:center;
}

.button-old:hover {
background-color:#666666;
color:#000000;
cursor:pointer;
}

.button {
color:#888888;
-moz-border-radius: 2px; 
-webkit-border-radius: 2px; 
border-radius:2px;
background-color:#999999;
background:url(/images/button-bg.gif) repeat-x;
border:1px solid #222222;
font-weight:bold;
margin:0 0 4px 0;
padding:5px;
text-align:center;
width:auto;
border:1px solid #adadad!important;
border-left-color:#ececec!important; 
border-top-color:#ececec!important;
}

.button:hover {
color:#222222;
cursor:pointer;
}

.moreLink { color:#CC0000; padding:3px 5px 0 10px; margin:5px 0px; float:left; font-weight:bold;
text-align:center; border:none; }
.moreLink:hover { color:#FF6666; cursor:pointer; }

.mem {background-image:url(../../../images/mem.png); background-repeat:no-repeat; width:152px; height:16px; text-indent: -99999px; display:block; position:absolute; top:19px; left:258px;}
.mem:hover {background-image:url(../../../images/mem-h.png); background-repeat:no-repeat; width:152px; height:16px; text-indent: -99999px; }


.oldLink {
float:left;
font-weight:bold;
margin:0 0 0 10px;
text-transform:uppercase;
}
.newLink {
float:right;
font-weight:bold;
margin:0;
text-transform:uppercase;
}


.tags { font-size:.9em; border:1px solid #3096D3; padding:10px; background-color:#;}
.tags:hover { border-color:#003366;}

.cats { font-size:.9em; border:1px solid #3096D3; padding:10px; background-color:#;}
.cats:hover { border-color:#003366;}

.postMeta {
color:#999999;
font-size:0.7em;
line-height:1.2em;
text-align:right;
}


.postMetaArchive { font-size:.9em; border:1px solid #3096D3; border-bottom:5px solid #3096D3; border-right:5px solid #3096D3; padding:10px; background-color:#; margin:10px 0 0 0;}
.postMetaArchive:hover { border-color:#003366; background-color:#3096D3;}

.inlineButton { color:#11171F; border:1px solid #11171F; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px; background-color:#C7FF00; padding:3px 5px;}
.inlineButton:hover { color:#11171F; border:1px solid #11171F; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px; background-color:#9BD338; cursor:pointer; padding:3px 5px;}

.pad5-sides {padding:0px 5px;}

.column {
background:transparent url(../../../images/bg-txt.png) repeat scroll 0 0;
border:1px solid #D9913B;
float:left;
font-size:0.8em;
letter-spacing:0.1em;
line-height:1.5em;
margin:0 10px 5px;
padding:0 10px;
width:170px;
}

h3.col {
margin:-45px 0 10px;
padding:0;
}

img.colImg {
height:200px;
margin:0 -10px 10px;
width:190px;
}

/*	Navigation Styles	*/

#nav {margin:0px auto; width:1020px; position:relative;}

#navBar {
height:49px;
line-height:0;
margin:-49px 0 0 -41px;
overflow:hidden;
padding:0;
}

#navBar > li							{ display: block;}
#navBar > li > a						{ display: block; height: 49px; text-indent: -9999px;
	                                  background: url(../../../images/nav-sprite.gif);
	 								  border: none; padding: 0; color:#999999; float:left;}
#navBar > li > a:hover                  { cursor:pointer; color:#eeeeee;}									  

#navBar > li > a#list-one-button		{ width:113px; background-position: 0px 0px; }
#navBar > li.activeCatButton > a#list-one-button { background-position: 0px 49px; }
#navBar > li > a#list-one-button:hover { background-position: 0px 49px; }

#navBar > li > a#list-two-button			{ width:111px; background-position: -113px 0px; }
#navBar > li.activeCatButton > a#list-two-button { background-position: -113px 49px; }	
#navBar > li > a#list-two-button:hover { background-position: -113px 49px; }	

#navBar > li > a#list-three-button			{ width:218px; background-position: -224px 0px; }
#navBar > li.activeCatButton > a#list-three-button { background-position: -224px 49px; }
#navBar > li > a#list-three-button:hover { background-position: -224px 49px; }

#navBar > li > a#list-four-button			{ width:159px; background-position: -442px 0px; }
#navBar > li.activeCatButton > a#list-four-button { background-position: -442px 49px; }
#navBar > li > a#list-four-button:hover { background-position: -442px 49px; }

#navBar > li > a#list-five-button			{ width:258px; background-position: -601px 0px; }
#navBar > li.activeCatButton > a#list-five-button { background-position: -601px 49px; }
#navBar > li > a#list-five-button:hover { background-position: -601px 49px; }

#navBar > li > a#list-six-button			{ width:163px; background-position: -860px 0px; }
#navBar > li.activeCatButton > a#list-six-button { background-position: -860px 49px; }
#navBar > li > a#list-six-button:hover { background-position: -860px 49px; }

								  




a.rssIcon			{ background-image:url(../../../images/feed-icon-28x28.pn); position:absolute; top:5px; right:5px; }
a.rssIcon:hover { background-image:url(../../../images/feed-icon-28x28-h.pn); cursor:pointer; }

#catNav li a#rssIcon				{ display: block; width: 28px; height: 28px; text-indent: -9999px;
	                                  background-image:url(../../../images/feed-icon-28x28.pn); float: left;
	 								  border: none; padding: 0; margin-left: 20px; }
#catNav li a#rssIcon:hover			{ display: block; width: 28px; height: 28px; text-indent: -9999px;
	                                  background-image:url(../../../images/feed-icon-28x28-h.png); float: left;
	 								  border: none; padding: 0;  cursor:pointer;}
									  
/*
	BLOG ENTRIES
*/
.post								{ margin: 0 0 0 0;  float:left; padding:0 0 0px;}
.post-title							{color: #333300;}
.post-title a 						{color: #333300;}
.post-title a:hover 				{color: #336600;}
.post-image							{ margin:0 0 0 0px;}
.post-image-sidebar					{ width:255px; height:50px; overflow:hidden; margin:0 0 0 10px;}
.post-image-sidebar:hover			{ width:255px; height:50px; overflow:hidden; margin:0 0 0 -10px;}

.news-item      					{ margin: 0px 0 20px 0; padding:25px 20px 10px; background-image:url(../../../images/bg-news-item.png); background-position:top left; background-repeat:no-repeat; max-height:400px; }
.news-item-footer     					{ width:400px; height:50px; margin: 0px -20px -20px; padding:0px; background-image:url(../../../images/ft-news-item.png); background-position:top; background-repeat:no-repeat; }

<img src="../../../images/ft-news-item.jpg">
.page								{ margin: 0 0 45px 0; }
.page-contact						{ margin: 0 0 45px 0; height:800px; }
.page-events						{ margin: 0 0 45px 0; min-height:1100px; }

.day								{ color:#670d0d; font-size: 1.2em; font-weight: bold; margin: 0; font-family: Arial, Helvetica, sans-serif;}
.month								{ color:#669900; font-size: 1.2em; font-weight: bold; text-transform: uppercase; margin: 0; padding:15px 0 0; font-family:Arial, Helvetica, sans-serif; }
.year								{ color:#669900; font-size: 1em; font-weight: bold; margin: 0; padding:-5px 0 0; font-family:Arial, Helvetica, sans-serif;}
ol.commentlist						{ list-style: none; }
.comment-bubble						{ background: #990000; color: white; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ol.commentlist li p					{ font-size: 1.0em; }
.gravatar							{ margin-top: 3px; padding: 2px; height: 40px; }




/*	Date Calendar Styles	*/


#post-meta {
color:#cc6600;
font-size:0.8em;
text-align:center;
}

#post-meta:before {
content:attr(x); background-image:url(../../../images/bg-meta.png); margin:-14px 0 0 0px; display:block; width:635px; height:28px; z-index:101;
}

#post-meta:after {
content:attr(x); background-image:url(../../../images/bg-post.png); background-position:bottom center; background-repeat:no-repeat; margin:0 0 0px; display:block; width:635px; height:100px; z-index:101;
}


#post-meta a {
color:#CC9933;
}
#post-meta a:hover {
color:#F7C447;
}




.comments{ 


}

.commentscloud a {color:#224863;}
.commentscloud a:hover {color:#161F2A;}

/*
	COMMENTS
*/
.commentList { }
.commentList ol li { margin: 5px 0 0 90px; padding: 5px; border:1px solid #11171F; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px;}
.commentList ol li.alt { background-color:#3096D3; margin:5px 0 0 90px;}

.xhtml { font-size:.7em; border:1px solid #3096D3; padding:5px; background-color:#;}
.xhtml:hover { border-color:#003366;}

.avatar { float:left;}
.photo {background:#dddddd; padding:5px; margin:0 10px 0px 0;}

.comment-date { font-size:.8em;}

div[class|="comment"] {  
line-height:1.3em; 
}  

#side > ul.side > li {
background-color:#373737;
background-image:url(../../../images/bg-sidebox.jpg);
background-repeat:no-repeat;
border:1px solid;
margin:0 0 30px -10px;
width:299px;
z-index:100;
}

#side > ul.side > li:before {content:attr(x); background-image:url(../../../images/fold.png); margin:-14px 0 0 289px; display:block; width:11px; height:13px; z-index:101;}

#side ul.side li ul { padding:5px;}

#side ul.side li ul li {
background-attachment:scroll;
background-image:none;
background-position:0 0;
background-repeat:repeat;
border-color:-moz-use-text-color -moz-use-text-color #474747;
border-style:none none solid;
border-width:medium medium 1px;
margin:0 0 10px;
width:290px;
}


#side ul.side li p { color:#dddddd; margin:5px; letter-spacing:normal;}

#side-pic { background-image:url(../../../images/pic-side.jpg); width:299px; height:375px; z-index:99; margin:0; border-top:1px solid;}

#side h2.widgettitle {
border-bottom:1px dashed #666666;
margin:10px 0 10px 0;
padding:0 0 10px 5px;
text-transform:uppercase;
font-style:normal;
}

.searchForm {padding:0 0 20px 0;}
img#wpstats{display:none}


#map-wrap {
float:left;
margin: 0 10px 20px 0px;
}

#map {
border:3px solid #D9913B;
}

#map span {padding-left:10px;}

.alt {
background-color:#4C4C4C;
border:5px solid #222222;
margin:5px 0 10px -15px;
padding:10px 10px 5px;
}
.allowedCode {
color:#474747;
font-size:0.8em;
line-height:1.2em;
margin:10px 0;
width:600px;
}

.allowedCode:hover {
color:#999999;
font-size:1em;
line-height:1.2em;
}

#commentform:after {
content:attr(x); background-image:url(../../../images/bg-post.png); background-position:bottom center; background-repeat:no-repeat; margin:20px 0 10px -30px; display:block; width:635px; height:100px; z-index:101;
}

.pageTitle:after {
content:attr(x); background-image:url(../../../images/bg-page-title.png); background-position:bottom center; background-repeat:no-repeat; margin:10px 0 -20px 0px; display:block; width:635px; height:50px; z-index:101; opacity:.5;
}

#searchform:before { 
content:attr(x); background-image:url(../../../images/stopper-spread.png); background-repeat:no-repeat; background-position:top left; display:block; width:281px; height:130px; z-index:101; margin:-60px 0 0 -25px;}

#searchform { padding:20px 10px 5px 30px;}

#gravatar-signup {margin:0 0 -91px;}

#subscribe {
}