/*
THEME NAME: Lutheran Service Builder
THEME URI: http://lutheranservicebuilder.com
DESCRIPTION: A custom design for the Lutheran Service Builder Web site, based on the 960 Grid System and the CSS Sandbox theme.
TAGS: widgets, semantic, css layout, white, javascript
VERSION: 2.1.1
AUTHOR: Ryan J. Markel
AUTHOR URI: http://ryan.themarkelfamily.com
*/

/* --------------------------------------------
960 Grid System imports: reset file, containers
-------------------------------------------- */

@import url('960gs/reset.css');
@import url('960gs/960.css');

/* ------------------
General text settings 
------------------ */

p { font-family: Georgia, Times, Times New Roman, serif;
	font-size: 15px;
	line-height: 1.2; 
	margin: 3px 0 10px 0;
	text-align: justify; }
	
p.detailtext {font-family: Georgia, Times, Times New Roman, serif;
	font-size: 12px;
	color: #777;}
	
a { color: #0078C8;
    text-decoration: none; }
    
a:hover { color: #0095f8; }

h3.subheadline {font-family: Lucida Grande, Lucida Sans, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: -1px;
	margin: 30px 0 5px 0;}

/* -----------------
General div settings
----------------- */

body {background: #fff url('img/masthead9.png') no-repeat top center;
	background-position: 50% 10px;}

#wrapper {}

#header { height: 70px; 
	padding-top: 10px;
	margin-bottom: 0px; }
		  
#menu { height: 62px; 
	margin-top: 0px;
	margin-bottom: 0px;}
		
#supercontainertop { height: 5px; }
		
#supercontainer { padding-top: 0px; }
 
#content { }

.sidebar { }

#footer { }

div.spacer {font-size: 1px;
	margin: 5px 0;}

/* ---
Header
--- */

/* #header h1 {font: 64px Lucida Grande, Lucida Sans, Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: -3px;
	text-align:center;} 
	
#header h1 a {color: #000;}	*/

#header h1 {display:none;}

#blog-description {display: none;}

#menu ul {white-space: nowrap;
	padding-top: 46px;
	margin-bottom: 3px;}

#menu ul li {display: inline;
	float:left;
	list-style-type: none;
	font-family: Lucida Grande, Lucida Sans, Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 16px;
	margin-right: 60px;
	border-bottom: 1px dotted #777;}
	
#menu ul li.firstmenu {margin-left: 11px;}
	
#menu ul li.lastmenu {float:right;
	margin: 0 11px 0 0;}
			  
#menu ul li a:link, #menu a:visited {color: #000;
	text-decoration: none;}

/* ---------------------------------------------------------------------------------------------------------
New gallery feature styles; Can't use div.attachment because shortcodes can link to galleries in other posts
--------------------------------------------------------------------------------------------------------- */

div.gallery{clear:both;float:left;width:100%;}
div.gallery dl{float:left;text-align:center;}
div.gallery dl dt{margin:0;}
div.gallery dl dd{margin-left:0;}
div.entry-attachment,div.entry-caption{text-align:center;}
div.entry-attachment img,div#nav-images div img{overflow:hidden;}
body.attachment div#nav-images{clear:both;width:100%;}
body.attachment div#nav-images div{padding:1em 0;width:50%;}
body.attachment div#nav-images div.nav-previous{text-align:left;}
body.attachment div#nav-images div.nav-next{text-align:right;}
body.attachment div.entry-meta,body.attachment div#comments{clear:both;}

/* -------------------------------------------------------
Quick Tour on the Home Page - inspired by beanstalkapp.com
------------------------------------------------------- */

#tour {height: 234px;
	overflow: hidden;}
	
#tour .container-tour {width: 10000px;}	

#tour .frame {float: none;
	margin-right: 40px;
	width: 780px;
	overflow: hidden;}

html>body #tour .frame {float: left;}

#tour .descr {float: left;
	margin: 10px 0 0 0;
	width: 340px;}

#tour .descr h1 {margin: 0px 0px 0px -1px;
	font-family: Lucida Grande, Lucida Sans, Helvetica, Arial, sans-serif;
	font-size: 20px;
	text-align: left;
	letter-spacing: -1px;}
	
#tour .descr p {line-height: 1.3;
	font-size: 14px;}

#tour .descr p strong {font-weight: normal;
	background-color: #d6ebff;}
		
#tour .gfx {float: right;}

#tour .gfx img {display: block;
	margin: 0;
	padding: 0;}
		
/* ------------
Tour navigation
------------ */

.tour-nav {background-color: #e2e2e2;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #7f7e7f;}
	
.tour-nav ul {margin: 0 36px;
	padding: .5em 0;
	font-size: 13px;
	font-family: Lucida Grande, Lucida Sans, Helvetica, Arial, sans-serif;
	overflow: hidden;}

.tour-nav li {float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 19.9%;}
	
.tour-nav li a {display: block;
	margin: 0;
	padding: .5em 1em .5em .5em;
	line-height: 1.3;
	height: 32px;
	border-left: 1px solid #ccc;}
	
.tour-nav li a:link,
.tour-nav li a:visited {color: #39C;
	text-decoration: none;}
			
.tour-nav li a.active:link,
.tour-nav li a.active:visited {background-color: #bfcadc;
	text-decoration: none;}
			
.tour-nav li a:hover {background-color: #adbed9;}
			
.tour-nav li a:link strong,
.tour-nav li a:visited strong {	}

.tour-nav li a:hover strong {color: #069;
	text-decoration: none;}
	
.tour-nav li a.active:link strong,
.tour-nav li a.active:visited strong {color: #000;
	border: 0;}
				
/* -------------------
Home Page Main Content
------------------- */

.page h2.entry-title {display: none;}
			   
h1.headline {font-family: Lucida Grande, Lucida Sans, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 45px;
	letter-spacing: -3px;
	margin: 20px 0px 20px 0px;
	text-align: center;}
		
#bottomcontainer {padding: 30px 0px;}

#content {}

#details h2 { font-family: Lucida Grande, Lucida Sans, Helvetica, Arial, sans-serif;
	font-style:italic;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: -1px;
	margin: 0 0 25px 0; }
	      
#details h3 { font-family: Lucida Grande, Lucida Sans, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: -1px;
	margin: 30px 0 0 0; }
	
#sidebar3 {}
	
	
/* -------------------
Home Page Testimonials
------------------- */
div.testimonial-short {margin: 40px 0px;
	padding: 5px 15px 15px 15px;
	background: #d6ebff;
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px;}
	
div.testimonial-short h2 {font-family: Lucida Grande, Lucida Sans, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 34px;
	letter-spacing: -2px;
	padding: 10px;
	text-align: center;}
	
div.testimonial-short p {font-style: italic;
	font-size: 16px;
	margin-bottom: 45px;}
	
div.testimonial-short p.morelink {margin: -20px 0 0 0;}

div.testimonial-short cite {float: right;
	font-family: Lucida Grande, Lucida Sans, Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 12px;}
	
/* --------------------
Home Page Sidebar Stuff
-------------------- */

h3.widgettitle {font-family: Lucida Grande, Lucida Sans, Helvetica, Arial, sans-serif;
	font-size: 16px;
	margin: 0 0 5px 0;
	letter-spacing: -1px;}

ul.requirementslist {list-style-type:none;
	list-style-position: inside;
	margin: 0 0 40px 0;}
	
ul.requirementslist li { font-family: Georgia, Times, Times New Roman, serif;
	font-size: 13px;
	margin: 0 0 4px 0;}

li.widget {margin: 0 0 40px 0;}

li.widget ul li {font-family: Georgia, Times, Times New Roman, serif;
	font-size: 13px;
	line-height: 1.5em;}

/* ------------------------
Actual WordPress Blog Posts
------------------------ */

#container {margin: 10px 0px;}

#nav-above {display:none;}

#the-date {border-bottom: 1px solid #bbb;
	margin-bottom: 20px;}

h2.date-line {font-family: Gill Sans, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 20px;
	color: #aaa;}
	
div.post {margin-bottom: 40px;}

div.entry-content {font-family: Georgia, Times, Times New Roman, serif;}

h2.entry-title {font-family: Lucida Grande, Lucida Sans, Helvetica, Arial, sans-serif;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: -2px;
	margin-left: -1px;
	margin-bottom: 10px;}
	
h2.entry-title a {color: #000;}

div.entry-date {display:none;}

div.entry-content ul {list-style: square outside;
	margin: 15px 30px;}
	
div.entry-content ul li {margin: 5px 0 0 0;}

div.entry-meta {background: #f3f3f3;
	margin-top: 25px;
	padding: 5px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #999;}
	
div.entry-meta a {color: #999;}

img.centeralignimg {padding-right: 5px;
	vertical-align: text-bottom;}

span.author {padding: 0 10px 0 0;}

span.cat-links {padding: 0 10px 0 0;}

span.edit-link {padding: 0 10px 0 0;}

span.comments-link {padding: 0 10px 0 0;}

div.comments {margin: 25px 0 0 0;}

div.comments h3 {font-family: Lucida Grande, Lucida Sans, Helvetica, Arial, sans-serif;
	font-size: 16px;
	margin: 0 0 10px 0;
	letter-spacing: -1px;
	border-bottom: 1px solid #999;}
	
li.comment {margin: 20px 0 0 0;
	padding: 10px;
	background-color: #f3f3f3;}

div.comment-author {font-family: Lucida Grande, Lucida Sans, Helvetica, Arial, sans-serif;
	font-size: 20px;
	letter-spacing: -1px;
	font-weight: bold;
	margin-bottom: 5px;}
	
div.comment-meta {font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #999;}

img.avatar {padding: 5px 5px 0 0;}

div#respond {margin: 25px 0 25px 0;}

div#respond h3, div.form-label {font-family: Lucida Grande, Lucida Sans, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0 0 0;
	letter-spacing: -1px;}

/* ---------
Pricing Page
--------- */

table.pricing_chart {margin: 20px 0px 10px 0px;
	font-family: Lucida Grande, Lucida Sans, Helvetica, Arial, sans-serif;
	font-size: 13px;}

table.pricing_chart th, table.pricing_chart td {border-bottom: 1px solid #f3f3ff;
	padding: 15px 5px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;}

table.pricing_chart thead th {padding: 0;
	color:#000;
	font-size: 16px;
	font-weight: bold;
	border: 0;}
	
table.pricing_chart thead .buttons td {border-bottom: 2px solid #c7d5e1 !important;
	padding: 5px 5px;}

table.pricing_chart tbody th {text-align:left;
	color: #889;}
	
table.pricing_chart tbody .reduced_price th {font-weight: normal;
	color: #778;}

table.pricing_chart .reduced_price th {background-color: #FAFAFF;
	border-color: #F3F3FF;}

table.pricing_chart .reduced_price td {background-color: #EFEFFF;
	border-color: #E1F1FA;}
	
table.pricing_chart .reduced_price th {font-weight: bold;}
				
table.pricing_chart tr.price td {color: #445;
	font-size: 12px;}
	
table.pricing_chart tr.price td strong {color: #333;
	font-size: 15px;}

table.pricing_chart strong.yes {position: relative;
	display: block;
	margin: 0 auto;
	color: #000;
	font-size: 16px;}
	
table.pricing_chart .buttons td {padding-top: 0;}
table.pricing_chart .buttons td .button {margin-left: 15px;}
	
table.pricing_chart th.th_blank {width:20%;}
table.pricing_chart th.th_content {width:16%;}
table.pricing_chart .normal_price td {background-color:#adbed9;}
table.pricing_chart .reduced_price td {background-color:#d6ebff;}

table.pricing_chart .yes {background: url(http://cphconnect.org/builder/files/2008/08/tick.png) center no-repeat;}
table.pricing_chart .no {background: url(http://cphconnect.org/builder/files/2008/08/cross.png) center no-repeat;}

/* ----
Buttons
---- */	
		
a.button {display: block;
	float: left;
	margin: 5px 0;
	padding: 0;
	font: 11px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif !important;
	color: #445;
	text-decoration: none!important;
	text-shadow: #FFF 1px 1px 0;
	background: url(./img/button-left.gif) 0 0 no-repeat;
	height: 26px;
	overflow: hidden;
	cursor: pointer;}

* html a.button {display: inline;}

a.button:hover {color: #223;
	text-decoration: none;
	background-position: 0 -26px;}

a.button:active {color: #000;
	text-decoration: none;
	background-position: 0 -52px;}

a.button span {float: left;
	margin-left: 12px;
	padding: 6px 12px 6px 0;
	font-size: 100%;
	background: url(./img/button-right.gif) 100% 0 no-repeat;
	height: 26px;}

a.button:hover span {background-position: 100% -26px;}

a.button:active span {background-position: 100% -52px;}

a.button span b.icon {position: relative;
	float: left;
	margin: 0 3px 0 -4px;
	width: 16px;
	height: 16px;
	background-position: 0 0;
	background-repeat: no-repeat;}

/* ------------------------------------------------
IE6 is stupid. It makes me have to do these things.
------------------------------------------------ */

* html a.button span { padding-top: 5px; }
* html a.button span b.icon { margin-top: 1px; }

/* -----
Tooltips
----- */

.tooltip-img {vertical-align: -2px;}

.tool-tip {color: #FFF;
	text-align: left;
	width: 200px;
	z-index: 13000;}
 
.tool-title {padding: 8px 8px 4px;
	margin: 0;
	font-weight: bold;
	font-family: Lucida Grande, Lucida Sans, Helvetica, Arial, sans-serif;
	font-size: 16px;	
	color: #bfcadc;
	background: #333;}
 
.tool-text {padding: 4px 8px 8px;
	font-size: 12px;
	line-height: 14px;
	background: #333;}
	
/* ----------------------
Support Request Form Page
---------------------- */

select.dropdown, select.emailtype {font-size: 18px;
	padding:3px;}
	
select.dropdownsmall {font-size: 12px;
	padding:3px;
	margin-right:10px;}
	
input.emailsubject, input.textfield {width: 550px;
	font-family: courier,monospace;
	font-size: 14px;
	padding: 3px;
	background-color: #d6ebff;}

input.emailaddress, input.emailname, input.congregation, input.congurl, input.emailaddress, input.textfieldshort, input#url {width: 350px;
	font-family: courier,monospace;
	font-size: 14px;
	padding: 3px;
	background-color: #d6ebff;}
	
input.textfieldreallyshort, input#author, input#email {width: 200px;
	margin-right: 10px;
	font-family: courier, monospace;
	font-size: 14px;
	padding: 3px;
	background-color: #d6ebff;}
	
textarea, textarea.testimonial, textarea.textarea {width: 550px;
	height: 200px;
	font-family: courier,monospace;
	font-size: 14px;
	padding: 3px;
	background-color: #d6ebff;}
	
textarea#comment {margin-bottom:10px;}
		
input.button, #wpcf7-f2-p399-o1 input.button, input.submit, input#submit {width: auto;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 16px;
	font-family: Lucida Grande, Lucida Sans, Helvetica, Arial, sans-serif;
	background-color: #fff;}

/* ------------
Disclaimer Page
------------ */

ol.disclaimerlist {list-style-type: decimal;
	margin: 0 30px 0 50px;}
	
ol.disclaimerlist li {margin-bottom: 20px;}

/* --------------
Testimonials Page
-------------- */

div.testcolumnleft p, div.testcolumnright p {font-style: italic;
	font-size: 16px;
	margin-bottom: 45px;
	line-height: 22px;}
	
div.testcolumnleft p {padding-right: 20px;}

div.testcolumnright p {padding-left: 20px;}
	
div.testcolumnleft cite, div.testcolumnright cite {float: right;
	font-family: Lucida Grande, Lucida Sans, Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 12px;}

/* -----------
Downloads Page
----------- */

div.attention, div.attentionred {margin-bottom: 20px;}

div.attentioncell {border: 2px solid #ffa500;
	background: #ffffc2;
	padding: 10px;
	text-align: center;}
	
div.attentioncell p {text-align: center;}

div.attentioncellred {border: 2px solid #820801;
	background: #ffbcb8;
	padding: 10px;
	text-align: center;}
	
div.attentioncellred p {text-align: center;}

h4.versionnumber {font-family: Lucida Grande, Lucida Sans, Helvetica, Arial, sans-serif;
	font-size: 28px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;}
	
table.cw-table tr td {padding: 15px;}

table.cw-table tr td img {margin: 5px;}

/* ---
Footer
--- */

#footer {border-top: 1px solid #888;
	padding-top: 10px;
	padding-bottom: 10px;}
		
#footer p {font-size: 13px;
	margin: 0 0 0 0;}