@import url("../taglib/css/reset.css");

/* BASICS & TYPOGRAPHY */

body {
	font: 13px/1.7em "arial", sans-serif;
	color: #ccc;
	background:#1a1d1c url("/images/main/body-bg.png") repeat-x center top;
}

a {
	color: #f57423;
	outline: none !important;
}

a:hover {
	
}

p {
	margin-bottom:25px;
}

h2 {
	font-family:"helvetica neue", "arial", sans-serif;
	font-size:27px;
	letter-spacing:-0.03em;
	margin-bottom:25px;
	color:#fff;
}

h3 {
	font-family:"helvetica neue", "arial", sans-serif;
	font-size:21px;
	letter-spacing:-0.03em;
	margin-bottom:25px;
	color:#fff;
}

h4 {
	font-family:"helvetica neue", "arial", sans-serif;
	font-size:18px;
	letter-spacing:-0.03em;
	margin-bottom:15px;
	color:#fff;
}

p.aside {
	font-size:12px;
}

/* HEADER, NAVIGATION */

#header {
	width:950px;
	float:left;
	color:#222;
}

#nav {
	width:596px;
	height:15px;
	margin:28px 0 0 0;
	background:url("/images/header/nav-bg.png") no-repeat left top;
	float:left;
}

#nav li {
	display:inline;
}

#nav li a {
	display:block;
	float:left;
	text-indent:-3000px;
}

#nav li a.author {
	width:88px;
	height:15px;
}

#nav li a.author:hover {
	background:url("/images/header/nav-bg-hover.png") no-repeat left top;
}

#nav li a.endorsements {
	width:109px;
	height:15px;
	margin-left:20px;
}

#nav li a.endorsements:hover {
	background:url("/images/header/nav-bg-hover.png") no-repeat -108px top;
}

#nav li a.movement {
	width:108px;
	height:15px;
	margin-left:18px;
}

#nav li a.movement:hover {
	background:url("/images/header/nav-bg-hover.png") no-repeat -235px top;
}

#nav li a.resources {
	width:81px;
	height:15px;
	margin-left:19px;
}

#nav li a.resources:hover {
	background:url("/images/header/nav-bg-hover.png") no-repeat -362px top;
}

#nav li a.materials {
	width:75px;
	height:15px;
	margin-left:20px;
}

#nav li a.materials:hover {
	background:url("/images/header/nav-bg-hover.png") no-repeat -463px top;
}

#nav li a.links {
	width:39px;
	height:15px;
	margin-left:19px;
}

#nav li a.links:hover {
	background:url("/images/header/nav-bg-hover.png") no-repeat -557px top;
}

h1 a {
	display:block;
	background:url("/images/header/radical-logo.png") no-repeat center top;
	width:340px;
	height:58px;
	float:left;
	margin-top:66px;
	text-indent:-3000px;
}

p.buy_now_btn a {
	display:block;
	width:163px;
	height:47px;
	text-indent:-3000px;
	background:url("/images/header/buy_now_btn.png") no-repeat center top;
	float:right;
	margin:114px 48px 0 0;
}

p.book-sm {
	width:134px;
	height:213px;
	background:url("/images/header/book-sm.png") no-repeat center top;
	float:right;
	margin:17px 0 0 0;
}
		

/* MAIN CONTAINERS */

#container {
	width:950px;
	margin:0 auto;
}

#content {
	width:950px;
	float:left;
	margin:25px 0 30px 0;
}

#copy {
	width:509px;
	float:left;
	color:#eee;
}

#sidebar {
	width:302px;
	padding:20px;
	background-color:#0f0f0f;
	border:1px solid #272727;
	float:right;
	margin:20px 0 0 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


/* CONTENT */

#chapter_preview {
	width:302px;
	float:right;
}

#chapter_preview input {
	width:148px;
	padding:4px 3px;
	background-color:#000;
	border:1px solid #384040;
	color:#ccc;
}

#chapter_preview button {
	background:url("/images/main/read_chapter-btn.png") no-repeat center top;
	width:136px;
	height:25px;
	line-height:25px;
	text-align:center;
	color:#000;
	font-weight:bold;
	font-size:13px;
	letter-spacing:-0.03em;
	border:none;
	margin-left:5px;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
}
				

/* SIDEBAR */

#sidebar ul li {
	margin:5px 0;
}
		
#booklet {
	width:302px;
	float:left;
	margin-top:50px;
}

#bible_study,
#upcoming_dates {
	width:302;
	float:left;
	margin-top:50px;
}

a.buy_now-btn-sm {
	width:137px;
	height:45px;
	background:url("/images/main/buy_now-btn-sm.png") no-repeat center top;
	text-indent:-3000px;
	float:right;
}

p.sign_up a {
	display:block;
	width:150px;
	height:25px;
	line-height:25px;
	text-align:center;
	color:#000;
	font-weight:bold;
	letter-spacing:-0.03em;
	text-decoration:none;
	background:url("/images/main/sign_up-btn.png") no-repeat center top;
	float:right;
}
				
				
/* FOOTER */

#footer {
	width:950px;
	float:left;
	border-top:1px solid #323232;
	margin:0 0 20px 0;
	padding-top:5px;
	color:#999;
	font-size:11px;
}

p.footer_nav {
	font-size:12px;
	margin-bottom:0;
}

#footer a {
	color:#ccc;
	text-decoration:none;
}

#social_media {
	float:right;
	padding-top:5px;
}

#social_media li {
	float:left;
	display:inline;
}

#social_media li a {
	display:block;
	width:33px;
	height:33px;
	margin-left:4px;
	text-indent:-3000px;
}

#social_media li a.facebook {
	background:url("/images/main/facebook.png") no-repeat center top;
}

#social_media li a.twitter {
	background:url("/images/main/twitter.png") no-repeat center top;
}