/* @override http://www.cornerstone-d6.org/church/wp-content/themes/cornerstone/style.css */

/*  
Theme Name: Cornerstone Community Church
Theme URI: http://www.cornerstone-d6.org
Description: Custom Theme designed by Todd Hiestand
Version: 1.0
Author: Todd Hiestand
Author URI: http://www.toddhiestand.com
*/

/* NORMALIZE Cross browser rendering inconsistencies 
-----------------------------------------------------------------*/

html, body, form, fieldset{ 
margin: 0; padding: 0; font: 12px/150% Geneva; }

h2, h3, h4, h5, h6, p, pre, ol, dl, address{ 
margin: .7em 0;padding: 0; line-height:143%;}

h1 {
	line-height:133%; 
	margin: .5em 0 .5em 0; 
	font-size:1.6em; 
	text-decoration:none; 
	color:#063260;
}


h2 {
	line-height:133%; 	
	margin: .5em 0 .5em 0; 
	font-size:1.4em; 
	text-decoration:none; 
	color:#063260;
}

li, dd { margin-left: 1em;}


form label{ cursor: pointer; }

fieldset{ border: none; }

input, select, textarea{ }

hr {border-top: 1px solid #d8c3ae;width: 100%;height: 1px;}

a {
color:#063260;
text-decoration:underline;
}

a:hover {
color:#000;
text-decoration:underline;
}

p.callout { 
background-color: #fff;
font-size: 1.5em;
font-weight: normal;
width: 150px;
float: right;
text-align: right;
border-top: 3px solid #063260;
padding: 1em;}

/* End Normalization */


/* ----- Layout Structure --------------*/

body {
color:#333;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 1em;
line-height: 143%;
text-align: left;
text-decoration: none;
margin:0;padding:0;
background-image:url(images/bg.jpg);
background-repeat:repeat;
}

#container {
width:780px;
margin:0 auto;
padding:0;
background-color:#fff;
border-left:3px solid #063260;
border-right:3px solid #063260;
}

#title {
width: 770px;
margin:0;
padding:5px;
float:left;
background-color:#063260;
}

h1#title {
font-size:.2em;
margin: 1px;
padding: 0 0 0 3px;
color:#e6cfb8;
}

h2#subtitle {
font-size:.2em;
margin: 1px;
padding: 0 0 0 3px;
color:#e6cfb8;
}

#stoneimg{
width: 780px;
height:200px;
margin:0;
padding:0;
background-image:url(images/stone1.jpg);
background-repeat:repeat-x;
float:left;
}

p#title {
margin:0;padding:20px 0 0 0;font-size:2.5em;text-align:center;font-weight:bold;color: #333;text-align:center;}

p#tagline {
margin:0;padding:10px 0 20px 0;font-size:1.3em;text-align:center;color: #333; text-align:center;}

#middle{
width: 780px;
margin:0;
padding:0;
border-bottom:3px solid #063260;
float:left;
}

p#tag{
width: 385px;
height:204px;
margin:0;padding: 0;
float:left;
background-image:url(images/cut.jpg);
background-repeat:repeat;
border-right:2px solid #063260;
}

#sspro{
width: 370px;
float:left;
margin:0;padding:0px;
background:#fff;
}

#content {
width: 780px;
margin:0;
padding:0;
clear:both;
overflow:hidden;
}

#page { 
width: 740px;
margin:0;
padding:20px;
float:left;
background-color:#FFFFFF;

}

#pageleft {
float:left;
width:520px;
margin:0;
padding:0px;
background-color:#fff;
}

#pageright {
float:right;
width: 220px;
padding: 0px;
margin:0;
background-color:#fff;
font-size:1.2em;
}

h1#pagetitle {
margin:10px 0px 10px 0px;
padding: 0px 0 0px 0px;
border-bottom: 1px solid #063260;
color:#063260;
text-align:left;
font-variant:small-caps;
}

#left{
width: 385px;
margin: 0;padding: 0;
background-color:#fff;
float:left;
padding-bottom: 32767px;
margin-bottom: -32767px;
border-right:3px solid #063260;

}

#callout {
margin:10px;
padding: 0px 10px 15px 10px;
color:#333;
font-size:1em;
}

#callout h1 a{
color:#063260;
margin:0px;
padding: 0px 0 10px 0px;
text-decoration:none;
}

#callout a{
color:#063260;
}

#callout a:hover {
color:#063260;
}

ul#visitors {
margin: 0;
padding:0;
list-style:none;
}

ul#visitors li {
	display: block;
	border-bottom: 1px solid #ccc;
}

ul#visitors li#worship {
	margin: 0px 0 8px 0;
	padding: 0px 0 25px 60px;
	background-image:url(images/worship.jpg);
	background-repeat:no-repeat;
}

ul#visitors li#compass {	
	margin: 15px 0 15px 0;
	padding: 0px 0 25px 60px;
	background-image:url(images/compass.jpg);
	background-repeat:no-repeat;
}


ul#visitors li#podcast {
margin: 15px 0 15px 0;
padding: 0px 0 15px 60px;
background-image:url(images/podcast.jpg);
background-repeat:no-repeat;
}

ul#visitors li#email {
margin: 15px 0 15px 0;
padding: 0px 0 15px 60px;
background-image:url(images/envelope.jpg);
background-repeat:no-repeat;
}

ul#visitors li#stories {
margin: 15px 0 15px 0;
padding: 5px 0 15px 60px;
background-image:url(images/stories.jpg);
background-repeat:no-repeat;
}

.quickhead {
font-size:1.3em;
font-weight:bold;
font-variant:small-caps;
}

#quicks {
width:342px;
margin:10px;
padding: 5px 10px 10px 10px;
color: #333;
font-size:.9em;
border-bottom: 2px solid #063260;
}

#quicks h3{
font-size: 1.2em;
}

h1.contenttitle {
margin:10px 10px 5px 10px;
padding: 0px 0 0px 0px;
border-bottom: 2px solid #063260;
color:#063260;
text-align:left;
text-transform: uppercase;
}

h1.contenttitleright {
margin:10px 10px 5px 10px;
padding: 0px 0 0px 0px;
color:#063260;
text-align:left;
border-bottom: 2px solid #063260;
text-transform: uppercase;
}

.mainleft {
padding: 0px 5px 0px 0px;
margin:0px 10px 5px 10px;
font-size: 1em;
color: #fff;
}

h3.list{
padding: 2px 10px 2px 10px;
margin:2px 10px 0px 0px;
}

#right {
width: 392px;
margin: 0;padding: 0;
background-color:#8298b0;
float:right;
padding-bottom: 32767px;
margin-bottom: -32767px;
}

#footer {
width: 760px;
margin: 0px;
font-size:1.1em;
color: #333;
font-weight:bold;
text-align:center;
background-color:#fff;
border-top:3px solid #063260;
padding: 10px;
clear:both;}

#footer a {
color:#333;
text-decoration:underline;
}

#bread {
font-size:.8em;
}

.postdetails {
font-size:.8em;
font-weight:100;
}

img { 
padding: 5px; 
margin: 3px 7px 3px 7px;
border-top: 1px solid #063260;
border-bottom: 1px solid #063260;
}

a:hover img {
padding: 5px; 
margin: 3px 7px 3px 7px;
border: 1px solid #063260;
border-bottom: 1px solid #063260;
}

.noborder {
border:none;
}


/* ----- Navigation --------------*/

ul#nav{
width:780px;
margin:0;
padding:0;
float:left;
background:#fff;
border-top:2px solid #063260;
border-bottom:2px solid #063260;
text-transform: uppercase;
}


ul#nav li {
display: inline;
list-style-type: none;
float:left;
margin:0 auto;padding:0;
position:relative;
}

ul#nav a { 
display: block;
padding: 5px 32px 5px 33px; 
text-decoration: none;
float: left;
margin: 0 auto;
color: #063260;
border-right: 2px solid #063260;
}

ul#nav a:link, #nav a:visited {
color: #063260;
text-decoration: none;
}

ul#nav a:hover {
color: #fff;
text-decoration: none;
background-color:#063260;
}


ul#nav li ul { /* second-level lists */
position: absolute;
background:#fff;
top:0px;
width: 200px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
list-style:none;
z-index:1000;
padding:0;
margin:0;
border-left: 2px solid #063260;
border-right: 2px solid #063260;
border-bottom: 2px solid #063260;
}

ul#nav li ul li{
float:none;
background:transparent;
}

ul#nav li:hover ul, ul#nav li.over ul { /* lists nested under hovered list items */
left: 0;top:27px;
margin:0; padding:0;
}

ul#nav li ul li a{
background:transparent; 
width:100%; 
font-size:1em; 
height:1em;
padding:10px 0; 
color:#063260; 
text-decoration:none;
border-top: 2px solid #063260;
font-weight:normal;
text-indent:5px;
z-index:1000;}

ul#nav li ul li a:hover{
color: #fff;
}