/*
Theme Name: MinistryCMS
Theme URI: http://www.ministrycms.com/
Description: The default theme for my website :)
Version: 1.0
Author: Chris Wyatt
Author URI: http://chrswyatt.com/
*/


@import url('css/reset.css');
@import url('css/typography.css');

/**************************************/
/*              GLOBALS               */
/**************************************/

body {
	background: #fbfbfb url('img/bg-body.png') repeat-x left top;
	height: 430px;
    margin: 0 auto;
	position:relative;
	width:100%;
}

#inside { background: #fbfbfb url('img/bg-body-inside.png') repeat-x left top; }

a { text-underline: none; }


/**************************************/
/*              HEADER                */
/**************************************/

#header {
	margin: 0 auto;
	width: 960px;
	height: 55px;
}

#logo {
	float: left;
	height:40px;
	width:220px;
}

	#logo a img { margin: 7px 0 0 0; }

#featured {
	background: url('img/bg-featured.jpg') no-repeat 59% 0;
	height: 360px;
}

	#featured .left-col {
		float: left;
		width: 430px;
		margin: 20px 0 40px 0;
	}
	
		.left-col h1 {
			background: url('img/txt-header-welcome.png') no-repeat top left;
			height: 78px;
			width:400px;
			text-indent: -999em;
		}
	
	#featured .right-col {
		float: right;
		width: 529px;
		height: 273px;
		margin: 60px 0 0 0;
	}
	
/**************************************/
/*             NAVIGATION             */
/**************************************/

#top-navigation {
	float: right;
	width: 600px;
}

#top-navigation .globalRootMenu { margin: 18px 0; }

	#top-navigation .globalRootMenu ul { float:right; }

		#top-navigation .globalRootMenu li {
			display: inline;
			margin: 0 15px;
		}
		
.call-to-action { float: left; }
	.call-to-action li { float: left; }

#btn-get-started {
	background:transparent url('img/btn-get-started.png') no-repeat;
	border:0 none;
	height:40px;
	margin:17px 15px;
	text-indent:-999em;
	width:180px;
	display: block;
}

	#btn-get-started:hover {
		background:transparent url('img/btn-get-started.png') no-repeat;
		background-position:0px -42px;
		cursor:pointer;
	}

#btn-tour {
	background:transparent url('img/btn-tour-features.png') no-repeat;
	border:0 none;
	height:40px;
	margin:17px 15px;
	text-indent:-999em;
	width:180px;
	display: block;
}

	#btn-tour:hover {
		background:transparent url('img/btn-tour-features.png') no-repeat;
		background-position:0px -42px;
		cursor:pointer;
	}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/
		
#content {
	margin:0 auto;
	min-height:500px;
	width:960px;
}

#admin #content { margin: 70px 0; }

#content .intro {
	background: url('img/bg-featured-inside.jpg') no-repeat;
}

.info {
	float: left;
	margin: 30px 0 0 0;
}

	.info li {
		display: block;
		float: left;
		height: 140px;
		margin:0 60px 0 0;
		width:260px;
	}

		.info li h4 { padding: 5px 0 0 0; }

.icon-tools, .icon-design, .icon-pricing, .icon-update, .icon-hosting, .icon-support {
	height: 48px;
	padding:0 0 0 60px;
}

.icon-tools { background:url('img/tools.png') no-repeat; }
.icon-design { background:url('img/design.png') no-repeat; }
.icon-pricing { background:url('img/pricing.png') no-repeat; }
.icon-update { background:url('img/update.png') no-repeat; }
.icon-hosting { background:url('img/hosting.png') no-repeat; }
.icon-support { background:url('img/support.png') no-repeat; }

.hr {
	background:transparent url('img/bg-hr.png') repeat-x scroll 0 35px;
	height:50px;
	text-align:center;
	margin: 10px auto;
	width: 100%;
}

.hr-custom {
	background: url('img/bg-hr-thin.png') repeat-x;
	width: 350px;
	height: 3px;
	margin: 5px 0 12px 0;
}

.vr-custom {
	background: url('img/bg-vr-thin.png') repeat-y;
	width: 3px;
	height: 500px;
	margin: 50px 30px;
	float: left;
}

#content .intro h1 .pricing {
	background: url('img/txt-header-pricing.png') no-repeat;
	width: 99px;
	height: 35px;
	float: left;
	margin: 40px 10px;
	text-indent: -999em;
	height:35px;
}

#content .intro h1 .design {
	background: url('img/txt-header-design.png') no-repeat;
	width: 100px;
	height: 35px;
	float: left;
	margin: 40px 10px;
	text-indent: -999em;
	height:35px;
}

#content .intro h1 .features {
	background: url('img/txt-header-features.png') no-repeat;
	width: 128px;
	height: 35px;
	float: left;
	margin: 40px 10px;
	text-indent: -999em;
	height:35px;
}

#content .intro h1 .signup {
	background: url('img/txt-header-signup.png') no-repeat;
	width: 128px;
	height: 29px;
	float: left;
	margin: 40px 10px 0 0;
	text-indent: -999em;
	height:35px;
}

#content .intro h1 .blog {
	background: url('img/txt-header-blog.png') no-repeat;
	width: 64px;
	height: 36px;
	float: left;
	margin: 40px 10px;
	text-indent: -999em;
	height:35px;
}

.features h1 span {
	background: url('img/txt-header-features.png') no-repeat;
	width: 128px;
	height: 29px;
	float: left;
	margin: 40px 10px;
	text-indent: -999em;
}

/*
#content .intro h2 {
	float: left;
	margin: 0 auto;
	line-height: 35px;
}

	#content .intro h2 .pricing {
		background: url('../img/btn-frequent-questions.png') no-repeat;
		height: 35px;
		width: 190px;
		text-indent: -999em;
		display: block;
		float: right;
	}
	
		#content .intro h2 .pricing:hover {
			background: url('../img/btn-frequent-questions.png') no-repeat;
			background-position: 0 -37px;
		}
		
	#content .intro h2 .features {
		background: url('../img/btn-learn-how.png') no-repeat;
		height: 35px;
		width: 190px;
		text-indent: -999em;
		display: block;
		float: right;
	}
	
		#content .intro h2 .features:hover {
			background: url('../img/btn-learn-how.png') no-repeat;
			background-position: 0 -37px;
		}
		
	#content .intro h2 .design {
		background: url('../img/btn-design-templates.png') no-repeat;
		height: 35px;
		width: 190px;
		text-indent: -999em;
		display: block;
		float: right;
	}

		#content .intro h2 .design:hover {
			background: url('../img/btn-design-templates.png') no-repeat;
			background-position: 0 -37px;
		}
		
*/

#pricing-text {
	margin: 73px 0 0 15px;
	font-weight: bold;
	color: #4d4d4d;
}

	#pricing-text li { text-align: right !important; }

#pricing-template {
	margin: 30px auto 0;
	width: 960px;
	background: url('img/bg-pricing.png') no-repeat 0 73px;
	width: 860px;
	height: 218px;
}

#pricing-template li {
	text-align: center;
	margin: 6px 0;
	float: left;
}

.pricing-order {
	float: left;
	margin: 15px 21px;
	width: 100px;
}

.pricing-order li, .pricing-order-wide li { width: 100%; }

.pricing-order-wide {
	float: left;
	margin: 15px;
	width: 125px;
}

#cost-1 {
	background: url('img/bg-price-1.png') no-repeat;
	width: 99px;
	height: 42px;
	text-indent: -999em;
}

#cost-2 {
	background: url('img/bg-price-2.png') no-repeat;
	width: 98px;
	height: 42px;
	text-indent: -999em;
}

#cost-3 {
	background: url('img/bg-price-3.png') no-repeat;
	width: 97px;
	height: 42px;
	text-indent: -999em;
}

#cost-4 {
	background: url('img/bg-price-4.png') no-repeat;
	width: 97px;
	height: 42px;
	text-indent: -999em;
}

#cost-5 {
	background: url('img/bg-price-5.png') no-repeat;
	width: 125px;
	height: 42px;
	text-indent: -999em;
}

.btn-signup {
	background: url('img/btn-sign-up.png') no-repeat;
	width: 90px;
	height: 35px;
	text-indent: -999em;
	margin: 0 auto !important;
	display: block;
}

	.btn-signup:hover {
		background: url('img/btn-sign-up.png') no-repeat;
		background-position:0px -37px;
		cursor: pointer;
	}


#pricing-free {
	float: left;
	margin: 5px 0 0 70px;
}

#pricing-free a {
	color: #616161;
	border-bottom: #616161 1px dotted;
}
#pricing-free a:hover { border-bottom: #4e4e4e 1px solid; }

#included-wrapper {
	clear: both;
	margin: 0 auto;
	width: 860px;
}

#included-header {
	margin: 0 auto;
	width: 860px;
}

#included-header h2 {
	background: url('img/txt-everything-included.png') no-repeat;
	width: 314px;
	margin: 70px auto 0;
	height: 32px;
	text-indent: -999em;
}

.items-included {
	float: left;
	margin: 0 15px 20px 15px;
	width: 185px;
}

#questions-wrapper {
	margin: 0 auto;
	width: 860px;
}

.questions-left-col {
	float: left;
	width: 408px;
	clear: both;
	margin: 50px 20px 70px 0;
}

.questions-left-col ul li, .questions-right-col ul li { margin: 0 0 30px 0; }

.blog-right-col {
	float: left;
	width: 200px;
	margin: 50px 0;
}

.blog-side-nav {
	float: left;
	width: 200px;
	margin: 50px 0;

}

.questions-right-col {
	float: left;
	width: 360px;
	margin: 50px 0;
}

	.questions-right-col li { margin: 0 0 30px 0; }

#features-intro {
	float:left;
	height:321px;
	margin:50px 0;
	width: 100%;
}

#features-intro h2 {
	background: url('img/txt-features-offerings.png') no-repeat;
	width: 498px;
	height: 32px;
	text-indent: -999em;
}

	#features-intro .editing {
		background: url('img/features-editing.png') no-repeat;
		width: 222px;
		margin:0 auto;
		height: 112px;
		display: block;
		text-indent: -999em;
	}

		#features-intro .editing:hover {
			background: url('img/features-editing.png') no-repeat;
			background-position: 0px -114px;
		}

	#features-intro .manage {
		background: url('img/features-management.png') no-repeat;
		width: 222px;
		margin:0 auto;
		height: 114px;
		display: block;
		text-indent: -999em;
	}

		#features-intro .manage:hover {
			background: url('img/features-management.png') no-repeat;
			background-position: 0px -114px;
		}

	#features-intro .forms {
		background: url('img/features-forms.png') no-repeat;
		width: 222px;
		margin:0 auto;
		height: 112px;
		display: block;
		text-indent: -999em;
	}

		#features-intro .forms:hover {
			background: url('img/features-forms.png') no-repeat;
			background-position: 0px -114px;
		}

.features-intro-blurb {
	float:left;
	margin:50px 0 0;
	width:990px;
}
	.features-intro-blurb li {
		display:inline;
		float:left;
		margin:0 48px;
		width:230px;
	}

		.features-intro-blurb li h3 {
			margin:10px 0;
			text-align:center;
		}

#features-listing {
	float: left;
	margin: 70px 0;
}

	#features-listing h2 {
		background: url('img/txt-features-more.png') no-repeat;
		width: 925px;
		height: 26px;
		text-indent: -999em;
	}


#content-design { margin: 50px 0; }

	#content-design p { margin: 30px 0; }

	#content-design h2 {
		background: url('img/txt-design-gallery.png') no-repeat;
		width: 461px;
		height: 32px;
		text-indent: -999em;
	}

#featuresColOne {
	float: left;
	margin-right: 2%;
	width: 48%;
}

	#featuresColOne img {
		float: left;
		margin: 28px 20px 30px 0;
	}
		
		#featuresColOne h3 { margin: 30px 0 10px; }

#featuresColTwo {
	float:right;
	width:48%;
}

	#featuresColTwo img {
		float:left;
		margin:28px 20px 30px 0;
	}

		#featuresColTwo h3 { margin:30px 0 10px; }

#design-intro {
	background:transparent url('img/design-example.jpg') no-repeat scroll right top;
	float:left;
	height:256px;
	margin:50px 0;
	width:100%;
}

	#design-intro h2 {
		background: url('img/txt-design-options.png') no-repeat;
		width: 499px;
		height: 70px;
		text-indent: -999em;
	}

	#design-intro p {
		margin:10px 0;
		width:600px;
	}

#intro-left-col img { float: right; }

	#content #package-template li { margin: 30px 0; }
	
.package-signup {
	width: 350px;
	float: left;
}

.package-info {
	width: 580px;
	float: left;
	margin: 0 0 70px 30px;
}

	.package-info ul li {
		margin: 10px !important;
		font-size: 1.4em;
	}


.package-signup a {
	background: url('img/btn-choose-package.png') no-repeat;
	width: 190px;
	height: 35px;
	display: block;
	text-indent: -999em;
	margin: 0 0 0 160px;
}

	.package-signup a:hover {
		background: url('img/btn-choose-package.png') no-repeat;
		background-position: 0 -37px;
	}

.package-basic {
	background: url('img/txt-design-basic.png') no-repeat 88px 0;
	height: 32px;
	text-indent: -999em;
}

	.package-price-basic {
		background: url('img/txt-design-price-1.png') no-repeat;
		width: 69px;
		height: 31px;
		text-indent: -999em;
		display: block;
		float: left;
		margin: 0 15px 0 0;
	}

.package-essentials {
	background: url('img/txt-design-essentials.png') no-repeat 14px 0;
	height: 32px;
	text-indent: -999em;
}

	.package-price-essentials {
		background: url('img/txt-design-price-2.png') no-repeat;
		width: 69px;
		height: 31px;
		text-indent: -999em;
		display: block;
		float: left;
		margin: 0 15px 0 0;
	}

.package-custom {
	background: url('img/txt-design-custom.png') no-repeat 51px 0;
	height: 32px;
	text-indent: -999em;
}

	.package-price-custom {
		background: url('img/txt-design-price-3.png') no-repeat;
		width: 98px;
		height: 31px;
		text-indent: -999em;
		display: block;
		float: left;
		margin: 0 15px 0 0;
	}

.package-premier {
	background: url('img/txt-design-premier.png') no-repeat 31px 0;
	height: 26px;
	text-indent: -999em;
}

	.package-price-premier {
		background: url('img/txt-design-price-4.png') no-repeat;
		width: 121px;
		height: 31px;
		text-indent: -999em;
		display: block;
		float: left;
		margin: 0 15px 0 0;
	}

#content-signup {
	margin: 30px 0 50px 30px;
	float:left;
	width: 500px;
}

	#content-signup h2 {
		background: url('img/txt-sign-up.png') no-repeat;
		width: 301px;
		height: 25px;
		text-indent: -999em;
	}

.anchor {
	clear:both; 
	float: left;
}
	
	#sitemap li {
		margin: 0 0 4px 0 !important;
	}
	
	#get-started-1 {
		background: url('img/bg-get-started-1.png') no-repeat;
		display: block;
		height: 30px;
		padding: 0 40px;
	}
	
	#get-started-2 {
		background: url('img/bg-get-started-2.png') no-repeat;
		display: block;
		height: 30px;
		padding: 0 40px;
	}
	
	#get-started-3 {
		background: url('img/bg-get-started-3.png') no-repeat;
		display: block;
		height: 30px;
		padding: 0 40px;
	}

.submitButton {
	background: url('img/btn-submit-request.png') no-repeat;
	width: 190px;
	height: 35px;
	display: block;
	text-indent: -999em;
	border: 0;
	font-size: 0px;
	line-height: 0px;
}

	.submitButton:hover {
		background: url('img/btn-submit-request.png') no-repeat;
		background-position: 0px -37px;
		cursor: pointer;
	}
	
	
	 #home .twitter-wrapper {
		background: url('img/bg-twitter.png') no-repeat;
		width: 450px;
		height: 250px;
	}

	 #inside .twitter-wrapper {
		background: url('img/bg-twitter-small.png') no-repeat 0 40px;
		width: 200px;
		height: 221px;
	}
	
/**************************************/
/*               FOOTER               */
/**************************************/
		
#footer-wrapper {
	background: #590202 url('img/bg-footer.png') repeat-x scroll left top;
	float:left;
	height:270px;
	width:100%;
}

	#footer {
		margin: 30px auto;
		width: 960px;
	}
	
		#footer .newsletter {
			float: left;
			width: 300px;
			margin: 30px 0 0 0;
		}

        #newsletter .fieldSelected, #newsletter .medField {
        float: left;
        line-height:5px;
        }

	#newsletter .title {
	font-size: 1.2em;
	color: #f0f0f0;
	line-height: 130%;
	}
	
	#newsletter input {
		border: 1px solid #330101;
		height: 21px;
		padding: 5px 0 0 5px;
                width: 147px;
	}
	
	#newsletter .submitButton {
		background:transparent url('img/btn-subscribe.png') no-repeat scroll 0 0;
		border:0 none;
		height:30px;
		margin:26px 0 0 10px;
		text-indent:-999em;
		width:90px;
                float: right;
	}
	
		#newsletter .submitButton:hover {
			background:transparent url('img/btn-subscribe.png') no-repeat scroll 0 0;
			background-position:0px -32px;
			cursor: pointer;
		}
	
	#footer-wrapper ul li { margin: 0 30px 0 0; }
	
	#footer li {
		float:left;
		width:280px;
	}
		
	#newsletter h5, #footer ul li h5 { margin: 0 0 10px 0; }

	#social .support {
		background: url('img/info.png') no-repeat;
		display:block;
		height:12px;
		line-height:12px;
		padding:10px 55px;
	}

	#social .subscribe {
		background: url('img/rss.png') no-repeat;
		display:block;
		height:12px;
		line-height:12px;
		padding:10px 55px;
	}

	#social .twitter {
		background: url('img/twitter.png') no-repeat;
		display:block;
		height:12px;
		line-height:12px;
		padding:10px 55px;
	}


#MainContent_0_0_pnlViewForm .confirmation-content-message h1, #NewsletterContent_0_0_pnlViewForm .confirmation-content-message h1, #NewsletterContent_1_1_pnlViewForm .confirmation-content-message h1 {
	color: #242424;
	font-size: 1.8em;
}

#MainContent_0_0_pnlViewForm .confirmation-content-message p, #NewsletterContent_0_0_pnlViewForm .confirmation-content-message p, #NewsletterContent_1_1_pnlViewForm .confirmation-content-message p {
	color: #4d4d4d;
	font-size: 1em;
	margin: 20px 0;
}

#MainContent_0_0_pnlViewForm .confirmation-content-message p a, #NewsletterContent_0_0_pnlViewForm .confirmation-content-message p a, #NewsletterContent_1_1_pnlViewForm .confirmation-content-message p a {
	color: #4e4e4e;
	border-bottom: 1px #242424 dotted;
}


#MainContent_0_0_pnlViewForm .confirmation-content-message p a:hover, #NewsletterContent_0_0_pnlViewForm .confirmation-content-message p a:hover, #NewsletterContent_1_1_pnlViewForm .confirmation-content-message p a:hover { border-bottom: 1px #242424 solid; }
	
/**************************************/
/*               TWITTER              */
/**************************************/

#twitter_update_list { margin: 17px; }

	#inside #twitter_update_list { margin: 27px 10px; }

#twitter-link img { margin: -8px 0 0 15px; }

	#inside #twitter-link img { margin: -8px 0 0 -2px; }


#twitter_update_list li:first-child {
	background: none;
	padding: 0 12px 12px;
}

#twitter_update_list li {
	padding: 12px 12px;
	background: url('img/bg-hr-thin.png') repeat-x;
}

	#twitter_update_list li span {
		font-size: 1.4em;
		color:#4C4C4C;
		line-height: 150%;
	}

	#twitter_update_list li a {
		color: #4c4c4c;
		border-bottom: #242424 1px dotted;
		font-size: 1em !important;
		font-weight: bold;
	}	


/**************************************/
/*              BLOGGING              */
/**************************************/


#content-blog {
float:left;
margin:30px 0 70px 0;
width:600px;
}

.blog {
	float: left;
	width: 45%;
}

.blog, #home .twitter-wrapper {
	margin: 50px 15px;
	padding: 0 0 50px 0;
}


 #home .twitter-wrapper {
	float: left;
	width: 47%;
}

#inside .twitter-wrapper {
	float: left;
	width: 200px;
}

#more-blog { margin: 10px 0; }

.blog h3 { margin: 0 0 17px 0; }

.postTitle {
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #616161;
	display: inline;
}

.postTitle:hover { border-bottom: 1px solid #242424; }

.rss a {
	display: block;
	height: 0;
	padding:30px 0 0;
	width:35px;
	overflow: hidden;
	border: none;
	background: url('../img/rss.png') no-repeat;
}


#home .blogList .rss a, #inside .blogList .rss a {
	display: block;
	height: 0;
	padding:0;
	width: 0;
	overflow: hidden;
	border: none;
	background: none;
}

.blogList li:first-child { background:none; }

.blogList li { margin: 0 0 30px 0; }

#content-blog .postBody img { padding:20px; }

#content-blog .postBody p {
	font-size:1.2em;
	margin:10px 0;
}

#content-blog .postTitle, #content-blog h2 { font-size: 2.4em; }

#content-blog h3 { font-size: 1.2em; }

.blogBack {
	float:left;
	padding: 30px 0 0 0;
}

h3.commentsHead {
	background:transparent url('img/bg-hr.png') repeat-x scroll 0 10px;
	height:30px;
	text-align:right;
	margin: 10px auto;
	width: 100%;
	padding:30px 0 0 0;
}

h3 a, .blogBack p a {
color: #4e4e4e;
border-bottom: #4e4e4e 1px dotted;
}

h3 a:hover, .blogBack p a:hover  {
color: #242424;
border-bottom: #242424 1px solid;
}

#content-blog div.comments dt.comment {
background: none repeat scroll 0 0;
border-bottom:1px solid #ccc;
padding:1em 1.5em;
}


#content-blog .comment a {
color: #242424;
font-size: 1.8em;
}

#content-blog .commentNumber {
font-size: 1.2em !important;
}

#content-blog .commentsForm { margin: 30px 0; }

#content-blog .commentDate, #content-blog .commentDate p a {
font-size:0.9em !important;
text-align:right !important;
}

#content-blog .comment p { font-size:1.4em; }

dd.comment, dd.alternate {
border-bottom: 1px dotted #f0f0f0 !important;
margin: 0 0 14px !important;
padding: 10px 10px 0 !important;
font-size: 1.4em;
background:#F9F9F9 !important;
}

#content-blog .commentNumber, #content-blog .commentNumber:hover {
border: none !important;
font-weight:normal !important;
} 

/**************************************/
/*                FORMS               */
/**************************************/