/*  
Theme Name: Lord of Grace
Theme URI: http://lordofgrace.com/
Description: Theme for Lord of Grace Church
Author: Tim Bowen
Author URI: http://creativeslice.com/
Version: 1
*/

ul,ol { list-style:none }h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

body {
	font: 62.5% "helvetica neue", helvetica, verdana, sans-serif;
	border-top: 2px solid #d4e6f8;
	text-align: left;
	color: #222;
	background: url(images/bluegray_background.jpg) top repeat-x #fff;
}

a:link {
	color: #065fb9;
	text-decoration: none;
}
a:visited {
	color: #407cb9;
	text-decoration: none;
}
a:hover {
	color: #004c99;
	text-decoration: underline;
}

h1 {
	font-size: 3.3em;
	font-weight: normal;
	font-family: georgia, times, serif;
}

h2 {
	font-size: 1.9em;
	line-height: 1.3em;
	padding-top: .5em;
	text-shadow: 1px 1px 2px #ccc;
	font-family: 'Cardo', georgia, times, serif;
}

h3 {
	font-size: 1.7em;
	line-height: 1.3em;
	font-family: 'Cardo', georgia, times, serif;
}

h4 {
	font-size: 1.6em;
	font-family: georgia, times, serif;
}

h5 {
	font-size: 1.5em;
	font-family: georgia, times, serif;
	color: #666;
}

h6 {
	font-size: 1.4em;
	font-family: georgia, times, serif;
	color: #999;
}

strong, b {font-weight: bold;}

.aligncenter,div.aligncenter {display: block;margin: 0 auto;}
.alignleft {float: left; margin: 2px 10px 2px 0;}
.alignright {float: right; margin: 2px 0 2px 10px;}

hr {
border-top: 1px solid #eee;
border-bottom: 1px solid #cfcfcf;
border-right: none;
border-left: none;
text-align: center;
margin: 2em 0;
}

.wrapper {
width: 900px;
margin: 0 auto;
}

#main {
margin: 15px 0 25px 0;
}


/* header 
--------------------------------------------- */

#header {height: 122px;}

h1#logo a {
margin: 0;
display:block;
width: 159px;
float: left;
margin-left: 60px;
height: 130px;
overflow:hidden;
text-indent: -9999px;
background:url(images/lord_of_grace.jpg) no-repeat left top;
}

h1#logo a:hover {background-position: 0;}

#topsearch {
background: #d4e6f8;
float: right;
padding: 6px 8px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
}

#searchform .textfield {
color: #666;
width: 160px;
padding: 1px 2px;
border: 1px solid #fff;
background: #fff;
float: right;
}

#searchform #mag {
float: right;
padding: 2px 0 0 6px;
}

#rotator {
height: 330px !important;
}
#rotator img {
padding-top: 15px;}

/* =Menu
-------------------------------------------------------------- */

#topmenu {
float: right;
padding: 4px 4px 0 0;
font-size: 12px;
}

#facebook img {
float: right;
padding: 4px;
}

#topmenu li {display: inline; line-height: 24px;padding: 6px;}
#topmenu a {color: #fff;}



#access {
background: #8ebdeb;
border-top: 1px solid #d4e6f8;
border-right: 1px solid #bad3f2;
border-bottom: 1px solid #bad3f2;
border-left: 1px solid #d4e6f8;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: 0 0 20px #bad3f2;
-moz-box-shadow: 0 0 20px #bad3f2;
-webkit-box-shadow: 0 0 20px #bad3f2;
display:block;
float:right;
clear: right;
margin-top: 55px;
padding-right: 10px;
}
#access .menu-main-container,
div.menu-main-container {
	font-size: 13px;
	margin-left: 12px;
}
#access .menu-main-container ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-main-container li,
div.menu li {
	float:left;
	position: relative;
}
#access a {
	display:block;
	text-decoration:none;
	color:#2d2d7f;
	padding:0 10px;
	line-height:30px;
font-weight: bold;
}
#access ul ul {
	display:none;
	position:absolute;
	top:30px;
	left:0;
	float:left;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	z-index: 99999;
}
#access ul ul li {min-width: 180px;}

#access ul ul ul {
	left:100%;
	top:0;
}
#access ul ul a {
	background:#4091e0;
	color: #bad3f2;
	height:auto;
font-weight: normal;
	line-height:1em;
border-bottom: 1px solid #8ebdeb;
	padding:5px 10px;
	width: 160px;
}
#access li:hover > a {
	color:#fff;
	background:#4091e0;
}

#access ul ul :hover > a {
	color:#fff;
	background:#2d2d7f;
}


#access ul li:hover > ul {display:block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color:#fff;
background:#2d2d7f;
}



/* sidebar 
--------------------------------------------- */

#sidebar {
float:right;
display:inline;
width:180px;
padding: 0px 22px 10px 0;
text-align:left;
font-size: 1.2em;
voice-family:inherit;
}

#sidebar h2 {
text-transform: uppercase;
font-weight: normal;
font-size: 1.3em;
line-height: 1.8em;
letter-spacing: .05em;
}

#sidebar li {list-style: none;
border-bottom: 1px dotted #ddd;
padding-bottom: .5em;}

#sidebar li a {display: block;}

#sidebar #map {
width: 180px;
border: 1px solid #ccc;
background: #fff;
margin-top: 15px;
padding: 9px;
text-align: center;
box-shadow: 0px 1px 6px #ccc;
-moz-box-shadow: 0px 1px 6px #ccc;
-webkit-box-shadow: 0px 1px 6px #ccc;
}

/* sidebarnav -------------------------- */

.sidebarpages h2 {
margin: 1em 0 .2em 0;
border-bottom:1px solid #cfcfcf;
}


.widget_pages a {
font-weight:bold;
display:block;
font-size: 1.1em;
text-align: left;
height:1%;
padding:2px;
text-decoration: none;
}

.sidebarpages li {
font-size: .9em;
color: #666;
font-style: italic;
margin-bottom: .5em;
}

.sidebarpages li a {
font-style: normal;
font-weight: bold;
font-size: 1.1em;
}


/* content 
--------------------------------------------- */

#content {
text-align: left;
float: left;
width: 600px;
margin-left: 76px;
}

#contentwide {
text-align: left;
float: left;
width: 825px;
margin-left: 76px;
}

.entry {
padding: 0px 20px 15px 20px;
font-size: 1.4em;
}

.post {
background: #fff;
margin-bottom: 10px;
border-right: 1px solid #ddd;
border-bottom: 1px solid #cfcfcf;
-moz-border-radius-bottomright: 12px;
-moz-border-radius-bottomleft: 12px;
-webkit-border-bottom-right-radius: 12px;
-webkit-border-bottom-left-radius: 12px;
box-shadow: 0px 5px 9px #ccc;
-moz-box-shadow: 0px 5px 9px #ccc;
-webkit-box-shadow: 0px 5px 9px #ccc;
}

.blogpost {
background: #fff;
margin-bottom: 10px;
border-right: 1px solid #ddd;
border-bottom: 1px solid #cfcfcf;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
box-shadow: 0px 5px 9px #ccc;
-moz-box-shadow: 0px 5px 9px #ccc;
-webkit-box-shadow: 0px 5px 9px #ccc;
}

.entry p {
margin: 0 0 1.1em 0;
line-height: 1.5em;
}

.entry h2 {color: black;}

h2.pagetitle  {
color: #666;
padding-bottom: .4em;
font-weight: normal;
text-align: center;
}

.entry h3 {
color: #000;
font-weight: normal;
padding-bottom: .3em;
}

.entry ul {
list-style:disc;
padding-bottom: .6em;
}

.entry ol {
list-style-type:decimal;
}

.entry li {
margin-left: 30px;
padding-bottom: .3em;
line-height: 1.3em;
}

.entry ul ul {
padding-top: .5em;
padding-bottom: 0;
}

.entry ol {
margin-left: 5px;
}

.entry blockquote {
padding-left: 1em;
border-left: 2px solid #cfcfcf;
font-size: .9em;
color: #666;
}

.entry img {max-width: 660px;}

/* .entry table {border: 2px solid #ddd;}
.entry th {
border: none;
padding: 2px 4px;
}
.entry td {
padding: 2px 4px;
border: 1px solid #cfcfcf;
}
*/


.wp-post-image {
float: right;
border: 1px solid #cfcfcf;
margin: 4px 0px 5px 15px;
}

.postmetadata {
font-size: .8em;
color: #666;
margin: .5em 0 1em 0;
}

.entry .wp-caption {
border: 2px solid #cfcfcf;
text-align: center;
background-color: #eee;
padding: 4px 0 0 0;
}

.entry .wp-caption p.wp-caption-text {
padding: 4px;
margin:0;
color: #333;
font-size: 1em;
}

.gallery-caption {
color: #666;
font-size: .9em;
}

.avatar {float: right; border: 1px solid #cfcfcf;}

.post .navigation {
height: 18px;
padding: .5em 1em;
border-bottom: 1px solid #ddd;
}

.navigation a {
padding: 2px 4px;
font-size: 1.2em;
font-weight: bold;
}


/* Edit Post/Page Button for admins
--------------------------------------------- */

.edit a,
.edit a:visited {
background: #999;
color: #fff;
text-decoration: none;
font-size: .7em;
font-weight: bold;
padding: 1px 4px;
border: 1px solid #cfcfcf;
}

.edit a:hover {
background: #e16f00;
border: 1px solid #e16f00;
color: #fff;
}

/* comments
--------------------------------------------- */

#content #commentarea {
padding: 15px 20px;
font-size: 1.2em;
color: #666;
}

ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist li.odd {background: #ddd;}
ol.commentlist li {
border:1px solid #eee;
background: #fff;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
margin:0 0 .5em;
padding:5px 7px 5px 66px;
position:relative;
}
ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight:bold; font-size: 1.2em; line-height: 1.4em;}
ol.commentlist li div.vcard cite.fn { font-style:normal;  }
ol.commentlist li div.vcard img.avatar { background: #fff; border:1px solid #ccc; padding: 2px; left:5px; position:absolute; top:5px; }
ol.commentlist li div.comment-meta { font-size: .8em; line-height: 1.4em; position:absolute; right:1em; text-align:right; top:.8em; }

ol.commentlist li p { font-weight:normal; font-size: 1.1em; line-height: 1.3em; margin:.5em 0; }
ol.commentlist li ul { font-weight:normal; font-size: 1em; line-height: 1em; list-style:square; margin:0 0 .5em; }

ol.commentlist li div.reply {text-align: right;}
ol.commentlist li div.reply a:hover { background:#fef0b6;}
ol.commentlist li div.reply a {
text-decoration:none;
background:#ddd; 
line-height: 1.7em;
border:1px solid #fff;
padding:1px 4px;
font-weight: bold;
font-size: .8em;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; list-style: none; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; }
ol.commentlist ul.children li.odd { background:#eee; }
ol.commentlist ul.children li.even { background:#fff; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }

#commentform textarea {
width: 90%;
border: 1px solid #cfcfcf;
margin: 5px 0;
padding: 5px;
}

/* footer
--------------------------------------------- */

#footer {
clear: both;
border-top: 2px solid #444;
font-size: 1em;
color: #ccc;
text-align: right;
background: #555;
padding: 1em 0;
}

#footer h3 {
color: #fff;
text-shadow: 1px 1px 2px #333;
}
#footertext strong {
color: #ddd;
font-size: 1.2em;
text-shadow: 1px 1px 2px #333;
}

#footer a {color: #ddd;}

#footer .wrapper {
padding-left: 140px;
}

.bottomblock {
float: left;
font-size: 1.3em;
line-height: 1.2em;
text-align: center;
width: 160px;
padding: 5px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
margin: 10px 40px 20px 0px;
background: #444;
}
#footertext {
clear: both;
font-size: 1.2em;
line-height: 1.6em;
text-align: left;
padding: 0 0 10px 0;
}