/*  
Theme Name: So Much Joy
Theme URI: http://www.songsofgrace.org/
Description: Theme for Songs of Grace: So Much Joy
Version: 1.0 
Author: Mike Burbidge
Author URI: http://graceevfree.org
*/
/*
"Songs of Grace" (C) 2008 Ted Flynn - Contact the author for usage information */

/* Meyer Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}div {position:relative}
ol, ul {
list-style: none;
}
body {
	line-height: 1;
	color: black;
	background-color: #a7be39;
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-size: 62.5%;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* CSS Document */

/* Utility */
.clear {
clear: both;
}
img.aligncenter {
margin: 0 auto;
display: block;
}
img.alignleft {
margin: 0 5px 5px 0;
float: left;
}
img.alignright {
margin: 0 0 5px 5px;
float: right;
}
#outer-sides {position:relative;
width: 100%;background:url("images/wrapbg.png") center top no-repeat;overflow:visible;z-index:5;margin-bottom:0px;
}#outer {width: 100%;background:url("images/background-shad.gif") center top repeat-y;overflow:visible;padding-bottom:0px;}
#wrapper {
width: 961px;
margin-left: auto;
margin-right: auto;
}
#head {	position:relative;
height: 341px;
width: 961px;
background-color: #c1e5e1;
}#songs-of-grace-smj {	position:absolute;	left:16px;	top:16px;}#grace-christmas {	position:absolute;	right:16px;	top:308px;}
#feature {position:absolute;left: 227px;
height: 321px;
width: 350px;
padding: 0px;
float: left;
}
#head h5	{
text-indent: -9999px;
}
#head h5 a:link, #head h5 a:visited, #head h5 a:hover, #head h5 a:active {
float: right;
width: 549px;
height: 105px;
display:block;
background:url('images/logo.png') no-repeat;
margin:10px 11px 0 0;
padding:0;
}
#head h5 a:focus {
outline:none;
}
#banner {
width: 535px;
height: 189px;
background: url('images/tracksbg.png') center top no-repeat;
float: right;
padding: 39px 11px 0 30px;
}
*html #banner {
height: 193px;
}
#banner h2, #left h2, #ad1 h2, #sidebar h2, #content h2 {
color: #274A4D;
background: url('images/plus.png') left 4px no-repeat;
font-size: 1.65em;
padding-left: 13px;
margin-bottom: 8px;
}
#content .post h2 {
clear: both;
}
*html #sidebar h2 { width: 175px; }

#tracks {
width: 280px;
float: left;
padding: 0 10px 0 0;
background: none;
border-right:0px solid #D0D0D0;
}
#tracks ul, ul.tracks {
background: none;
margin: 0;
padding: 0;
}
#tracks ul li, #content ul.tracks li {
color: #274A4D;
font-size: 1.20em;
margin: 0 0 6px 0;
padding: 0;
}
#tracks ul.side1 {
float: left;
}
#tracks ul.side2 {
float: right;
}
#event {
background: none;
width: 231px;
height: 178px;
float: right;
background: none;
}
*html #event {
width: 210px;
}
#event h5 {
text-indent: -9999px;
display: block;
height: 23px;
width: 210px;
margin: 0 0 12px 0;
padding: 0;
background: url('images/logo_small.png') no-repeat;
}
#event h6 {
color: #57BAC0;
text-transform: uppercase;
font-size: 2.00em;
margin: 0 0 8px 0;
}
#event p {
color: #FFA844;
font-size: 1.5em;
line-height: 23px;
}

#event p a {
color: #FFA844;
}

#event ul.networks {
margin: 20px 0 0 0;
background: none;
}
#event ul.networks li {
float: left;
display: inline;
text-indent: -9999px;
margin-right: 10px;
}
#event ul.networks li a {
display: block;
}
#event ul.networks li.itunes a:link, #event ul.networks li.itunes a:visited, #event ul.networks li.itunes a:hover, #event ul.networks li.itunes a:active {
background: url('images/itunes.png') no-repeat;
width: 37px;
height: 38px;
}
#event ul.networks li.yt a:link, #event ul.networks li.yt a:visited, #event ul.networks li.yt a:hover, #event ul.networks li.yt a:active {
background: url('images/yt.png') no-repeat;
width: 30px;
height: 36px;
}
#event ul.networks li.myspace a:link, #event ul.networks li.myspace a:visited, #event ul.networks li.myspace a:hover, #event ul.networks li.myspace a:active {
background: url('images/myspace.png') no-repeat;
width: 25px;
height: 36px;
}
#event ul.networks li.flickr a:link, #event ul.networks li.flickr a:visited, #event ul.networks li.flickr a:hover, #event ul.networks li.flickr a:active {
background: url('images/flickr.png') left 10px no-repeat;
width: 24px;
height: 36px;
}
#nav {
width: 909px;
height: 21px;
padding: 6px 11px 0 41px;
background: #a8be3b;
overflow: auto;
}
#nav ul li {
margin-right: 18px;
float: left;
font-size: 1.45em;
padding: 0 0 0 25px;
background: url('images/plus2.gif') left no-repeat;
text-transform: uppercase;
}
#nav ul li:first-child {
background: none;
padding: 0;
}
#nav ul li a:link, #nav ul li a:visited {
color: #fff;
text-decoration: none;
}
#nav ul li a:hover {
text-decoration: underline;
}
#contentwrap {
width: 921px;
padding: 23px 0px 23px 40px;
background: url('images/tiler.gif') right top repeat-y;
background-color: #daede8;
overflow: hidden;
}
#contentinner {
width: 921px;
overflow: hidden;
}
#left {
background: none;
float: left;
width: 210px;
padding: 0 10px 0 0;
}
#left .post {
margin-bottom: 18px;
}
#left .post h2 {
background: none;
font-size: 1.30em;
margin-bottom: 5px;
padding: 0;
}
#left .post h2 a:link, #left .post h2 a:visited {
color: #FFA844;
text-decoration: none;
}
#left .post h2 a:hover {
text-decoration: underline;
}
#left .post h2 a:active {
color: #FFA844;
text-decoration: none;
}
#left .post .entry {
margin-top: 8px;
}
#left .post p, #info p, #ad1 p, #static p, #content .post p, #footer p, #formbox p, #feeds p {
font-size: 1.20em;
color: #274A4D;
line-height: 16px;
margin-bottom: 12px;
}
#footer p {
color: #fff;
}
#left .post a:link, #info a:link, #left .post a:visited, #info a:visited, ul.links li a:link, ul.links li a:visited, #content .post p a:link, #content .post p a:visited, ol.commentlist a:link, ol.commentlist a:visited, .navigation a:link, .navigation a:visited, #content a:link, #content a:visited, #feeds a:link, #feeds a:visited {
color: #3f989d;
text-decoration: none;
}
#left .post a:hover, #info a:hover, ul.links li a:hover, #content .post p a:hover, ol.commentlist a:hover, .navigation a:hover, #content a:hover, #feeds a:hover {
text-decoration: underline;
}
#left .post a:active, #info a:active, ul.links li a:active, #content .post p a:active, ol.commentlist a:active, .navigation a:active, #content a:active, #feeds a:active {
text-decoration: none;
}
#left .post small {
color: #274A4D;
text-decoration: underline;
}
#content {
background: none;
float: left;
width: 593px;
padding: 0 0 0 17px;
}
#static {
width: 593px;
overflow: hidden;
background: none;
}
#content h1 {
color: #53777F;
font-size: 1.80em;
margin-bottom: 10px;
line-height: 18px;
}
#content h1 em {
color: #FF8800;
font-style: italic;
}
#content h2 {
clear: both;
}
#content #callout {
width: 168px;
float: left;
margin-bottom: 8px;
padding: 0 0 0 8px;
background: none;
}
#sidebar {
background-color: #c1d9ce;
float: right;
width: 202px;
padding: 0 30px 0 30px;overflow:visible;
}img.sidebar-image {	position:relative;	margin:12px 0 12px 0;}
#ad1 {
width: 202px;
background: none;
}
#ad1 h2 {
color: #fff;
height: 21px;
padding: 3px 0 0 20px;
margin-bottom: 5px;
background: url('images/adh2bg.gif') no-repeat;
}
#ad2 {
width: 201px;
clear: both;
padding-top: 15px;
margin-bottom: 15px;
}
ul.links {
width: 202px;
color: #4BB5BB;
font-size: 1.30em;
margin-bottom: 18px;
}
ul.links li {
margin:0 0 8px 20px;
line-height: 15px;
list-style: disc;
}
#formbox {
width: 202px;
clear: both;
background: none;
}
#formbox h3 {
margin-bottom: 4px;
font-size: 1.90em;
color: #FFA844;
}
p.errors {
border: 1px solid red;
background: #FBC9CF;
padding: 4px;
margin-bottom: 8px;
margin-top: 8px;
color: #274A4D;
display: none;
}
p.success {
display: none;
}
.errorfield {
background: #FBC9CF;
}
#actions {
width: 100%;
height: 40px;
background: url('images/ajax-loader.gif') center 20px no-repeat;
}
form.dl label {
display: block;
}
form.dl input {
width: 191px;
border: 1px solid #3F5F67;
margin-bottom: 4px;
padding: 2px 4px 2px 4px;
font-size: 1.20em;
color: #274A4D;
}
form.dl input.go {
float: right;
width: 66px;
background: #3F616A;
border: none;
color: #fff;
}form.validate label {display: block;}form.validate input {width: 191px;border: 1px solid #3F5F67;margin-bottom: 4px;padding: 2px 4px 2px 4px;font-size: 1.20em;color: #274A4D;}form.validate input.btn {float: right;width: 66px;background: #3F616A;border: none;color: #fff;}
#footer {
width: 1086px;
height: 132px;
padding: 31px 95px 0 0px;left: 50%;margin-left:-543px;background: url('images/footer_bg.gif') no-repeat;}@media screen and (-webkit-min-device-pixel-ratio:0) {    #footer {		width: 1086px;		height: 132px;		padding: 31px 95px 0 0px;		left: 50%;		margin-left:-542px;				background: url('images/footer_bg.gif') no-repeat;	}  }

#footer a:link, #footer a:visited {
color: #36545c;
text-decoration: none;
}
#footer a:hover {
color: #36545c;
text-decoration: underline;
}
#footer a:active {
color: #F0B20B;
}
a.comment-link, #content .post a.comment-link:hover, #content .post a.comment-link:active {
background: url(images/comments.png) left top no-repeat;
color: #FF2222;
background-color: #F6F3E8;
padding: 0 0 0 18px;
}
*html a.comment-link, #content .post a.comment-link:hover, #content .post a.comment-link:active {
background: url(images/comments.gif) left top no-repeat;
background-color: #F6F3E8;
}
#content h2 a:link, #content h2 a:visited {
text-decoration: none;
color: #274A4D;
}
#content h2 a:hover {
text-decoration: underline;
}
#content h2 a:active {
text-decoration: none;
color: #274A4D;
}
#content h3 {
color: #53777F;
font-size: 1.3em;
font-weight: bold;
margin-bottom: 10px;
}
#content h3 a:link, #content h3 a:visited {
text-decoration: none;
color: #274A4D;
}
#content h3 a:hover {
color: #274A4D;
text-decoration: underline;
}
#content h3 a:active {
text-decoration: none;
color: #274A4D;
}
form#commentform {
font-size: 100%;
background: none;
border: none;
padding: 12px;
}
form#commentform label {
font-size: 1.00em;
color: #274A4D;
margin: 0 0 0 7px;
}
form#commentform input {
font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
border: solid 1px #274A4D;
font-size: .90em;
margin-bottom: 4px;
padding: 3px;	
color: #274A4D;
}
form#commentform textarea {
border: solid 1px #274A4D;
font-size: .90em;
font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
padding: 3px;
margin-bottom: 8px;	
color: #274A4D;
width: 100%;
}
form#commentform input#submit {
background: #3F616A;
border: none;
color: #fff;
padding: 6px;
}
h3#comments {
color: #53777F;
font-size: 1.3em;
font-weight: bold;
margin-bottom: 18px;
background: url(images/comments.png) left top no-repeat;
padding: 0 0 0 20px;
}

#content ol.commentlist {
font-size: 1.20em;
width: 100%;
}
#content ol.commentlist li {
width: 370px;
list-style: none;
margin: 0 0 30px 12px;
background: #E8E5DA;
padding: 10px;
}
#content ol.commentlist cite {
font-style: normal;
font-size: .90em;
color: #274A4D;
}
#content ol.commentlist small {
font-size: .90em;
color: #274A4D;
}
#content ol.commentlist li p {
color: #274A4D;
font-size: 12px;
line-height: 15px;
margin-top: 8px;
clear: both;
}
.headmeta {
border-bottom: 1px solid #274A4D;
margin: 0 0 0 0;
}
.entry {
margin-top: 12px;
}
.post {
margin: 0 0 35px 0;
}
#content .headmeta p {
margin-bottom: 0;
}
.post blockquote {
margin-left: 18px;
}
#content .post blockquote p {
font-size: 1.10em;
line-height: 13px;
color: #1C353C;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}#footer-logo {	position:absolute;left:926px;top:64px;}#footer-text {	position:absolute;left:16px;top:64px;color:#ffffff;font-size:1.2em;line-height:1.8em;}
#content img.avatar {
padding: 0;
margin-bottom: 4px;
float: right;
border: none;
}
.navigation {
width: 100%;
overflow: hidden;
height: 25px;
}
#content ul, #content ol {
margin: 0 0 18px 0;
}
#content ul li {
list-style-type: disc;
}
#content ul.tracks li {
list-style-type: none;
}
#content ol li {
list-style-type: decimal;
color: #274A4D;
}
#content ul li, #content ol li {
margin:0 0 5px 35px;
font-size: 11px;
color: #274A4D;
}
#content p {
font-size: 12px;
color: #274A4D;
}
.zg_div {
padding-bottom:20px;
}