/*  
Theme Name: Elevate
Theme URI: http://www.elevatethemes.com/
Author: Nathan Rice
Author URI: http://www.nathanrice.net/
Version: 1.0
Description: The Custom design for ElevateThemes.com
Tags: None
*/

html, body { margin: 0; padding: 0; }

html {
	background: #FFF url(images/body-bg.jpg) bottom left repeat-x;
}
body {
	background: url(images/shadow.gif) center 170px no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

body * {margin: 0px; padding: 0px;}

.clearfix:after { content: "."; display: block; clear: both; margin: 0px; padding: 0px; height: 0; visibility: hidden; }

/*********************************************
		Link Styles
*********************************************/
a {
	color: #2469a3;
	text-decoration: none;
}
a:hover { color: #444; text-decoration: underline; }

/*********************************************
		Text Elements
*********************************************/
p, ul, ol, blockquote {color: #333;}
ol, ul {
	margin: 5px 35px;
}
blockquote {
	margin: 5px 0px 5px 10px;
	padding: 0px 0px 0px 10px;
	border-left: 1px solid #999;
}
img { border: 0px; background: none; }
p {
	padding: 5px 0px 10px 0px;
	margin: 0px;
	line-height: 16px;
}
#content p {
	line-height: 20px;
}
/*********************************************
		Header Styles
*********************************************/
h1,h2,h3,h4 {
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Sans-Serif;
	font-weight: normal;
	color: #25507C;
}
h1 { /* This style used as title on single posts and pages */
	font-size: 20px;
	padding: 10px 0px 5px 0px;
	margin: 0px;
	text-decoration: none;
}
h2 { /* This style used as header in the sidebars */
	font-size: 18px;
	color: #3a3a3a;
	margin: 10px 0px 0px 0px; padding: 0px;
	font-weight: bold;
}
h3 { /* This style used as the post titles on homepage/archive */
	font-size: 20px;
	padding: 10px 0px 5px 0px;
	margin: 0px;
	text-decoration: none;
}
h3 a {
}
h3 a:hover {
}
h4 { /* This style used as title for comments and as the identifying header on archive page  */
	font-size: 18px;
	padding: 10px 0px 5px 0px;
	margin: 0px;
	color: #666;
	text-decoration: none;
}

/*********************************************
		Horizontal Navigaion Styles
*********************************************/
#menu {
	width: 780px; height: 31px;
	display: block;
	font-size: 13px;
	margin: 10px auto 0px auto; padding: 0px;
	font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", Arial, Sans-Serif;
}
#menu ul {
	display: block; float: right;
	height: 31px;
	margin: 0px; padding: 0px; 
	background: url(images/menu-bg.gif) repeat-x;	
}
#menu ul li {
	display: block;
	float: left;
	list-style-type: none;
	border-right: 1px solid #e1e1e1;
}
#menu ul li.home {
	background: url(images/menu-left.gif) no-repeat;
	padding-left: 15px;
}
#menu ul li.last {
	background: url(images/menu-right.gif) top right no-repeat;
	border: none;
}
#menu ul li a {
	display: block;
	color: #204870;
	text-decoration: none;
	padding: 0px 30px;
	height: 31px; line-height: 31px;
}
/* if you want to set a "current page item" style, do it here */
#menu ul li.current_page_item a, #menu ul li.current_page_item a:visited {
	font-weight: bold;
}
#menu ul li a:hover {
	text-decoration: underline;
}

/*********************************************
		Container Div
*********************************************/
#container {
	background: url(images/container-bg.gif) bottom center no-repeat;
	text-align: center;
}
#container .wrap {
	background: #FFF;
	text-align: left;
    margin: 0px auto; padding: 0px 10px;
    width: 760px;
}

/*********************************************
		Header Styles
*********************************************/
#header {
	clear: both;
	height: 142px;
	text-align: center;
	background: #001731 url(images/header-bg.jpg) repeat-x;
}
#header a {
	width: 800px; height: 142px;
	margin: 0px auto;
	display: block;
	background: url(images/header.jpg) no-repeat;
	text-indent: -9999px;
}

/*********************************************
		HomePage Stuff
*********************************************/
#feature {
	clear: both;
	height: 335px;
	text-align: center;
	background: #001731 url(images/feature-bg.jpg) repeat-x;
}
#feature img {
	margin: 0px auto;
	width: 800px;
}

#featured {
	padding-bottom: 10px;
}
#featured h3 {
	font-weight: normal;
	font-size: 17px;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Sans-Serif;
	color: #25507C;
}
#featured .theme {
	display: inline; float: left;
	width: 245px;
}
#featured .middle {
	margin: 0px 13px 0px 12px;
}
#featured a.demo,
#featured a.details {
	margin-top: 10px;
}
#featured a.demo {
	display: block; float: left;
	width: 122px; height: 38px;
	overflow: hidden;
	background: url(images/demo.gif) no-repeat;
	padding-right: 0px;
}
#featured a.details {
	display: block; float: left;
	width: 122px; height: 38px;
	overflow: hidden;
	background: url(images/details.gif) no-repeat;
}
#featured a.demo span,
#featured a.details span {
	display: block; float: left;
	width: 112px; height: 38px;
	overflow: hidden;
	text-indent: -9999px;
}

.subfeatured {
	overflow: hidden;
	background: url(images/subfeatured-border.gif) bottom center no-repeat;
}
#latestnews {
	display: inline;
	width: 416px; float: left;
	margin: 0px 0px 10px 0px;
	padding: 1px;
	border: 1px solid #DDD;
	margin-bottom: -2000px; padding-bottom: 2000px;
}
#latestnews h4 {
	background: #2469a3 url(images/latestnews-h4.gif) repeat-x;
	color: #FFF;
	padding: 8px;
}
#latestnews .posts {
	padding: 10px;
}
#latestnews p {
	font-size: 11px;
	font-family: Verdana, Arial, Sans-Serif;
	margin: 0px 0px 10px 0px; padding: 0px;
}
#latestnews p.title {
	margin-bottom: 0px;
}

#howitworks {
	display: inline;
	width: 326px; float: right;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	margin: 0px 0px 10px 0px;
	padding: 1px;
	border: 1px solid #DDD;
	margin-bottom: -2000px; padding-bottom: 2000px;
}
#howitworks h4 {
	background: #3a3a3a url(images/howitworks-h4.gif) repeat-x;
	color: #FFF;
	padding: 8px;
}
#howitworks p {
	margin: 5px 0px; padding: 0px 10px;
}
#howitworks img {
	float: right;
}

/*********************************************
		Single Post Styles
*********************************************/
#content {
	width: 495px;
	float: left;
}
#sidebar {
	width: 255px;
	float: right;
	padding: 40px 0px 0px 0px;
}
#sidebar h4 {
	background: #3a3a3a url(images/dark-sidebar-h4.gif) repeat-x;
	color: #FFF;
	font-size: 14px;
	padding: 3px 8px;
}
#sidebar .widget {
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	padding: 1px;
	border: 1px solid #DDD;
}
#sidebar .widget p {
	padding: 5px 8px;
	line-height: 16px;
}
#sidebar .widget ul,
#sidebar .widget ol {
	margin: 0px; padding: 0px;
}
#sidebar .widget li {
	margin: 0px 0px 0px 15px; padding: 0px;
}

/*********************************************
		Theme Landing Page
*********************************************/
#whatismembership {
	background: #C5E2FE url(images/whatismembership.gif) 4px 50% no-repeat;
	border: 1px solid #4793D6;
	padding: 5px 5px 5px 30px;
	margin: 0px 0px 20px 0px;
}

#actionlinks {
	clear: both;
	padding: 0px 0px 10px 0px;
}
#actionlinks a {
	margin-bottom: 5px;
	padding: 0px;
}
#actionlinks a span {
	display: block; float: left;
	width: 122px; height: 38px;
	overflow: hidden;
	text-indent: -9999px;
}
#actionlinks a.signup {
	display: block; float: left;
	width: 122px; height: 38px;
	overflow: hidden;
	background: url(images/signup.gif) top center no-repeat;
	padding-left: 10px;
}
#actionlinks a.donate {
	display: block; float: left;
	width: 122px; height: 38px;
	overflow: hidden;
	background: url(images/donate.gif) top center no-repeat;
}
#actionlinks a.demo {
	display: block; float: left;
	width: 122px; height: 38px;
	overflow: hidden;
	background: url(images/demo.gif) top center no-repeat;
}
#actionlinks a.download {
	display: block; float: left;
	width: 122px; height: 38px;
	overflow: hidden;
	background: url(images/download.gif) top center no-repeat;
	padding-left: 10px;
}
#feed-signup {
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	padding: 1px;
	border: 1px solid #DDD;
}
#feed-signup p,
#feed-signup form {
	padding: 5px 8px;
}
#feed-signup p {
	line-height: 16px;
}
#feed-signup a.feed {
	font-size: 13px;
	background: url(images/feed.gif) 0px 50% no-repeat;
	padding: 0px 0px 0px 18px;
}

#twitter-signup {
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	padding: 1px;
	border: 1px solid #DDD;	
}
#twitter-signup h4 {
	background: #2469a3 url(images/blue-sidebar-h4.gif) repeat-x;
}
#twitter-signup p {
	padding: 5px 8px;
	line-height: 16px;
}
#twitter-signup a.profile {
	font-size: 13px;
	background: url(images/twitter.gif) 0px 50% no-repeat;
	padding: 0px 0px 0px 18px;
}

/*********************************************
		Bottom Div
*********************************************/
#bottom {
	clear: both;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	border: 1px solid #DDD;
	margin: 10px 0px 10px 0px;padding: 1px;
}
#bottom h4 {
	background: #eaeaea url(images/bottom-h4.gif) repeat-x;
	padding: 8px;
	font-size: 17px;
	color: #3a3a3a;
	text-align: center;
}
#bottom .box {
	float: left;
	width: 252px;
}
#bottom .middle {
	width: 252px;
}
#bottom .box img {
	float: right;
}
#bottom p {
	text-align: left;
	padding: 10px;
	line-height: 16px;
}

/*********************************************
		Post & Meta Styles
*********************************************/
.post {
	clear: both;
}
.meta-top {
	clear: both; /* we need this so floats in the post are cleared */
	margin-bottom: 15px;
	margin-top: 5px;
}
.meta-date {
	padding-left: 20px;
	padding-right: 10px;
	background: url(images/calendar.gif) left 50% no-repeat;
}
.meta-comments {
	padding-left: 18px;
	background: url(images/comment.gif) left 50% no-repeat;
}

/*********************************************
		Previous/Next Page Navigation
*********************************************/
.page-nav {
	clear: both; /* To clear any floats */
	margin: 10px 0px;
	padding: 10px 0px;
}
.nav-previous {
	width: 249px; 
	float: left; 
	text-align: left;
}
.nav-next {
	width: 249px; 
	float: right; 
	text-align: right;
}



/*********************************************
		Comment Styles
*********************************************/
#comments {
	display: block;
	width: 100%;
}
#comments h4 {
	border-bottom: 1px solid #DDD;
}
#comments .comment { /* Even Comments: 2,4,6,8,etc. */
	margin: 5px 0px 5px 0px; padding: 10px 0px;
	overflow: hidden;
	border-bottom: 1px solid #DDD;
}
#comments .alt { /* Odd comments: 1,3,5,7,9,etc. */
	margin: 5px 0px 5px 0px; padding: 10px 0px;
	color: #333;
	overflow: hidden;
}
#comments .gravatar {
	display: block; float: left;
}
#comments .commentmeta {
	display: block; float: left;
	padding-left: 8px; padding-top: 2px;
}
#comments .commenttext {
	clear: both;
}

#respond {
	
}
#respond a {
	color: #333;
}
#respond #author,
#respond #email,
#respond #url {
	width: 50%;
}
#respond #comment {
	width: 100%;
}

/*********************************************
		Footer Styles
*********************************************/
#footer {
	width: 760px; height: 130px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	margin: 0px auto;
	padding: 15px 10px;
	clear: both;
	text-align: left;
	color: #FFF;
}
#footer a {
	color: #eef1f4;
	text-decoration: none;
}
#footer a:hover {
	color: #FFF;
	text-decoration: underline;
}
#footer h4 {
	color: #e4e4e4;
}
#footer ul {
	color: #eef1f4;
	margin: 0px; padding: 0px;
	list-style-type: none;
}
#footer ul li {
	margin: 5px 0px; padding: 0px;
}
#footer .box {
	float: left;
	width: 233px;
	padding: 0px 10px;
}
#footer .middle {
	width: 223px;
	padding-left: 20px;
}