/*
Theme Name:     GospelJourney2012
Theme URI:      http: //lifein6words.com/
Description:    Custom theme for LifeIn6Words.com & child theme of Boilerplate 
Author:         Mindflint
Author URI:     http: //mindflint.com/
Template:       boilerplate
Version:        1.0
*/

/*********************************************************************************
 General Styles
*********************************************************************************/
.mobile, .thirdoor, .mobile2{
	display:none;
}
html, body {
	background: #fff;
}
.clear { border-bottom: 1px solid #e2ddd6; margin: 3px; }
a, a:visited { color: #a14129; text-decoration: none; }
a:hover { color: #d2684d; }
a.post-edit-link {
	background: #f37151;
	color: #fff;
	float: right;
	padding: 5px;
	text-decoration: none;
	margin-top: 2em;
	position: relative;
	top: 0;
	right: 0;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'TradeGothicLTStdCnNo.18', Arial, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 200%;
}
h2 {
	font-size: 180%;
}
h3 {
	font-size: 165%;
}
h4 {
	font-size: 125%;
}
.screen-reader-text, #skip {
	border: 0; 
	clip: rect(0 0 0 0); 
	width: 1px;
	height: 1px; 
	margin: -1px; 
	overflow: hidden; 
	padding: 0; 
	position: absolute; 
}

/*********************************************************************************
 Header Styles
*********************************************************************************/
#header_wrap, #footer_wrap {
	background: #fff;
}
#header_wrap header {
	height: 118px;
}
#skip {
	display: block;
	text-indent: -9999em;
}
header h1 {
	line-height: 118px;
	width: 211px;
	height: 30px;
	background: url(img/logo_lifein6words.png) center center no-repeat;
	text-indent: -9999em;
	position: relative;
	top: 40px;
}
header nav ul {
	float: right;
}
.menu ul, .menu li {
	margin: 0;
	padding: 0;
}
.menu li {
	list-style-type: none;
	display: block;
	float: left;
	margin-top: 40px;
	padding: 0 5px;
}
.menu li a, .menu li a:visited {
	color: #a0a0a0;
	font-size: 140%;
	text-transform: uppercase;
	text-decoration: none;
	padding: 4px 8px;
}
.menu li a:hover {
	color: #666;
}
.menu li.current_page_item a {
	color: #d2684d;
}
.menu li.current_page_item a:hover {
	cursor: default;
}

/*********************************************************************************
 Content Styles
*********************************************************************************/
#content_wrapper {
	background: #dfdcd6 url(img/bg_paper_lg.jpg) center top no-repeat;
}
#content {
	padding-bottom: 35px;
	color: #5f5f5f;
}
#content article {
	background: #e9e6e0;
	background-color:rgba(255,255,255,0.5);
}
#content article .entry-content {
	padding: 20px 40px 40px 40px;
}
h2.entry-title {
	background: #d2684d;
	color: white;
	padding: 0 20px;
	font-family: 'TradeGothicLTStdCnNo.18', Arial, sans-serif;
	font-size: 300%;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 1.5em;
}

/*********************************************************************************
 Pop-up / Overlay Layout Styles
*********************************************************************************/
#congrats h1,
#congrats h2,
#congrats p {
	padding: 0 15px;
}
#congrats p {
	font-size: 110%;
}
#congrats img {
	display: block;
	margin-left: 20px;
	margin-bottom: 10px;
}

/*********************************************************************************
 Home Styles
*********************************************************************************/
#content h1.lifein6words {
	text-indent: -9999em;
	width: 958px;
	height: 41px;
	background: url(img/text_lifein6words.png) center center no-repeat;
	color: #4d4d4d;
	font-size: 200%;
	margin-top: 40px;
	margin-bottom: 60px;
	font-weight: normal;
	text-align: center;
}
.home #content h2 {
	color: #5f5f5f;
	font-weight: normal;
	font-size: 185%;
/*
	text-indent: -9999em;
	width: 268px;
	height: 192px;
	background: url(img/text_watchvideo.png) top left no-repeat;
*/
}
#home_video iframe {
	display: block;
	float: right;
}
#home_menu {
	display: block;
	width: 100%;
	margin-top: 60px;
}
#home_menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-bottom: 1em;
}
#home_menu li a, #home_menu li a:visited {
	display: block;
	color: #fff;
	font-size: 130%;
	text-decoration: none;
	line-height: 40px;
	background: #d2684d url(img/double_arrow_right.png) 93% center no-repeat;
	padding-left: .75em;
	-moz-transition: all .2s; /* Firefox 4 */
	-webkit-transition: all .2s; /* Safari and Chrome */
	-o-transition: all .2s; /* Opera */
	transition: all .2s;
}
#home_menu li a:hover {
	background: #f37151 url(img/double_arrow_right.png) 96% center no-repeat;
}

/*********************************************************************************
 Footer Styles
*********************************************************************************/
footer {
	padding: 25px 0 50px 0;
}
#copyright {
	color: #a0a0a0;
	line-height: 2em;
	font-size: 90%;
}
#d2s_logo {
	text-align: right;
}
#colophon {
	color: #999;
	font-size: 90%;
	line-height: 1em;
}
#colophon a, #colophon a:visited {
	color: #999;
	text-decoration: none;
}
#colophon a:hover {
	color: #777;
}

/*********************************************************************************
 Shortcode Styles
*********************************************************************************/
.orange {
	color: #d2684d;
	/* background-color: rgba(210, 104, 77, 1); */
}
.button {
	display: block;
	margin: 1em 0;
}
.button a, .button a:visited {
	display: block;
	min-height: 35px;
	line-height: 35px;
	color: #fff;
	font-family: 'Rokkitt', 'Times New Roman', serif;
	font-size: 150%;
	text-decoration: none;
	padding-left: 15px;
	background: url(img/double_arrow_right.png) 91% center no-repeat;
	-moz-transition: all .2s; /* Firefox 4 */
	-webkit-transition: all .2s; /* Safari and Chrome */
	-o-transition: all .2s; /* Opera */
	transition: all .2s;
}
.button a:hover {
	background: url(img/double_arrow_right.png) 95% center no-repeat;
	background-color:rgba(255,255,255,0.15);
}
.contentbox {
	margin-bottom: 40px;
	border: 1px solid #ccc;
}
.contentbox-title {
	padding: 5px 15px;
	font-size: 160%;


}
.contentbox-content {
	padding: 15px 20px;
}

/*********************************************************************************
 Widget Styles
*********************************************************************************/
.xoxo li {
	list-style-type: none;
	padding: 0;
	margin: 0 0 25px 20px;
}
.xoxo .widget-title {
	font-size: 180%;
	text-transform: uppercase;
	line-height: 1.6em;
	border-bottom: 1px solid #e2ddd6;
	margin-bottom: 8px;
}
.xoxo iframe {
	margin: 1em 0;
}