/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

/* 2.3 Header */
#header{padding: 0px 0;clear:both;position:relative;}

#logo  { float:left; }
#logo img  { }
#logo .site-title, #logo .site-description  { font-family:Verdana, Geneva, sans-serif; color: #000; display:none;  }
#logo .site-title a { color:#555; font-size:36px; line-height:0px; text-transform:none; font-weight:bold; text-decoration:none; letter-spacing:-3px; }
#logo .site-title a:hover { text-decoration:underline; }
#logo .site-description { color:#777; font:italic 14px Georgia, serif; }

#topad{float:right; margin-top:0px; padding: 0px;}

/* Featured / Slider */

#featured .subscribe { position:absolute; right:0; top:25px; }
#featured .alignleft {margin: 0px 20px 0px 0px;float: left;}

#slider-block { overflow:hidden; min-height:320px; }

.container { width:940px; height:320px; overflow:hidden; position:relative; margin: 0 20px;}
.slides { position:absolute; top:0; left:0;  }
.slides div.slide { position:absolute; top:0; width:940px; display:none;}

#loopedSlider { width:980px; margin:0 auto; padding:28px 0;}
#loopedSlider .nav-buttons { list-style-type:none; margin:0; padding:0; position:relative;}
#loopedSlider li#p { position:absolute; top:130px; left:0px; }
#loopedSlider li#n { position:absolute; top:130px; right:0px; }

#featured h2 { color:#111; font-size:20px; padding:5px 0 20px; line-height:28px; font-weight:normal; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15) }
#featured h2 a, #featured li a {
	color: #111;
}
#featured li a {
	text-decoration: none;
}
#featured h4 { font-size:18px; color:#333; font-family:Arial, Helvetica, sans-serif; line-height:22px; letter-spacing:1px; }
#featured .slider-image {padding: 5px;}

.postcard-front { float: left; width: 450px; margin: 0px 20px 3px 10px; }
.postcard-back { float: left; width: 408px; min-height: 265px; padding: 20px;}

.postcard-content { float: left; width: 240px; }
.postcard-content p { font-size:13px; line-height:20px; color: #777; font-family: Arial, Helvetica, sans-serif; }
.postcard-content h2 {width: 215px;}
.postcard-meta { float: right; width: 128px; margin-top: 90px; padding-left: 20px; border-left: 1px solid #cccccc; font-size:11px; position:relative}

.stampdate {
	width: 82px;
	padding-top: 15px;
	height: 65px;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4)
}

.postcard-back .stampdate {
	position: absolute;
	right: -4px;
	top: -85px;
}

.single .stampdate {
	float: left;
	margin: 0 20px 15px 0;
}

.stampdate .postMonth {
	float: left;
	font-size: 14px;
	width: 82px;
	line-height: 14px;
	text-align: center;
	
}

.stampdate .postDay {
	font-size: 36px;
	width: 82px;
	line-height: 30px;
	float: left;
	text-align: center;
}

.postcard-meta li {
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}

/* 2.4 Content */
#content{padding: 30px 0;}

* html #content{}

#main{width:700px;}
#main.fullwidth  { width: 940px; }
#main.home {
	width: 460px;
}