/*	SKIN.CSS - Stylesheet for the visual style 
	(background properties and images and foreground colors)
	Nothing in skin.css should cause elements in the layout to change position */

body {
	background: #602217 url(../images/skin/bg/bg_repeat.png) repeat-x top;
}
#header { background: url(../images/skin/bg/content_top.png) no-repeat bottom; }
#main { background: url(../images/skin/bg/content_repeat.png) repeat-y top; }
#footer { background: url(../images/skin/bg/footer_out.png) repeat-x bottom; }
#ctas {
	background: url(../images/skin/bg/watermark.png) no-repeat 0 51px;
	min-height: 121px;
}
.f-w1 { background: url(../images/skin/bg/footer_in.png) no-repeat bottom; }
.c-w1 {
	padding: 37px;	
}
.article {
	margin: 0 -30px;
	padding: 0 30px 10px;
	background: url(../images/skin/bg/article_separator.png) no-repeat bottom;
}
.post-box {
	overflow: hidden;
}
.summary {
	float: left;
	width: 306px;
	padding-top: 10px;
}
.summary:first-child {
	padding-right: 18px;
	border-right: 1px dashed #cbb3ac;
	margin-right: 20px;
}
.article-body {

}
.home .short .article-body { 
	height: 3em; 
	text-overflow: ellipsis; 
	overflow: hidden; 
	-o-text-overflow: ellipsis;
	width: 100%;
}

body a.buttonA, body .buttonA a {
	background: #f68711 url(../images/skin/bg/arrow.png) no-repeat right;
/*	background: -webkit-gradient( radial, 50% 50%, 0, 40% 40%, 60, from(#f68711), to(#f35d00) ); 
	background-image: -moz-radial-gradient(center 45deg, ellipse closest-corner, #f68711 0%, #f35d00 100%); */
	display: inline-block;
	margin: 20px 0;
	padding: 5px 20px 5px 10px;
	border: 1px solid #fbc793;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: inset 0 0 12px rgba(222,94,0, 1);
	-webkit-box-shadow: inset 0 0 12px rgba(222,94,0, 1);
	color: White;	
	font-size: 15px;
	text-decoration: none;
	
}
body a.buttonA:hover, body .buttonA a:hover { background-color: #f7942a;  }
a.buttonA.back, .buttonA.back a {
	padding: 5px 10px 5px 20px;
	background: #f68711 url(../images/skin/bg/arrow-back.png) no-repeat left;
}
.navigation .buttonA { float: right; }
.navigation .back { float: left; }
.navigation { overflow: hidden; }
.section-lower {
	margin: 10px -36px 0;
	padding: 0 36px;
	clear: both;
	background: url(../images/skin/bg/question.png) no-repeat top;
	overflow: hidden;
}
.question {
	width: 214px;
	float: left;
	display: inline;
	padding: 15px 30px 0 89px;
}
	.question h3 {
		font-size: 50px;
		font-weight: bold;
		color: #f3931d;
		margin-left: -89px;
	}
	.question h4 {
		color: #524038;
		font-size: 23px;
		font-weight: normal;
		margin: 5px 0;
	}
.video {
	float: left;
	width: 358px;
}

#bottomlinks {
	background: url(../images/skin/social/default.png) no-repeat left bottom;
}
#bottom-inner { position: relative; overflow: hidden; }
#bottomlinks .overlay {
	position: absolute;
	left: -1200px; bottom: 0;
	width: 530px;
	height: 208px;
}
#bottom-inner .btn_email { background-image: url(../images/skin/social/contact-over.jpg); }
#bottom-inner .btn_facebook { background-image: url(../images/skin/social/facebook-over.jpg); }
#bottom-inner .btn_twitter { background-image: url(../images/skin/social/twitter-over.jpg); }
#bottom-inner .btn_itunes { background-image: url(../images/skin/social/itunes-over.jpg); }
#bottom-inner .btn_rss { background-image: url(../images/skin/social/rss-over.jpg); }

#bottomlinks .btn_email .btn_email { left: 0; }
#bottomlinks .btn_facebook .btn_facebook { left: 0; }
#bottomlinks .btn_twitter .btn_twitter { left: 0; }
#bottomlinks .btn_itunes .btn_itunes { left: 0; }
#bottomlinks .btn_rss .btn_rss { left: 0; }

#searchbar {
	position: absolute;
	bottom: 5px; right: 0;
	width: 395px;
	height: 33px;
}
#searchbar .searchbox {
	background: url(../images/skin/searchbox.png);
	width: 242px;
	height: 25px;
	padding: 8px 0 0 32px;
}
#searchbar .buttonA { position: absolute; top: 0; right: 36px; margin: 0; }
.searchbox input { border: 0; background-color: transparent; width: 240px; }