/*   
Theme Name: Integral Grace LLC Theme
Theme URI: http://IntegralGrace.com
Description: This simple <a href="http://IntegralGrace.com" title="Un-Smith Music Theme">Integral Grace LLC</a>
 creates sound experiences for your music clients.
Author: Steven Smith
Author URI: http://StevenRobertSmith.com
Version: 3.0
*/

/**** Global Styles ****/
h1, h2, h3, h4, h5, h6, p, ul, ol, li, a, img {margin: 0; padding: 0; border: 0;}
body {margin: 0; padding: 0; border: 0; width: 100%;
   background: #393839 url(img/whirl-red.jpg) repeat top left;
   background-attachment: fixed;
   color: #000000;
   font-family: Calibri, Helvetica, Verdana, sans-serif; font-size: 87.5%; font-size: 14px; line-height: 1.5em;}


/**** Typography and Colors--fonts, sizes, colors, decorations ****/
h1, h2 {font-size: 1.5em;}
h3 {font-size: 1.25em;}
h4, h5, h6 {font-size: 1.125em;}
h1, h2, h3, h4, h5, h6 {line-height: 1.125em;}
h1, h2, h3, h4, h5, h6, p, ul, li {color: #000000;}
h1, h2, h3, h4, h5, h6, acronym, label, .wp-caption p, .wp-caption-text {color: #000000;
 font-family: Georgia, "Times New Roman", Times, serif;}
p, li, abbr {font-size: 1em; font-family: Calibri, Helvetica, Verdana, sans-serif;}
p {line-height: 1.25em;}
ol, ul {list-style-type: none;}
li {line-height: 1.125em;}
blockquote {color: #000000; font-size: .875em; line-height: 1.125em; background: #ededee; border: #a46810 1px solid;}

a:link {color: #4374b7; text-decoration: none;}
a:visited {color: #662978; text-decoration: none;}
a:hover, a:active, .current_page_item {color: #214184; text-decoration: underline;}

strong {font-weight: bold;}
em {font-style: italic;}
cite {font-family: Georgia, "Times New Roman", Times, serif; font-style: normal;}
cite.fn {font-size: 1.125em;}
abbr, acronym {font-variant: small-caps;}
abbr:hover {border-bottom: 1px dotted #dcddde;}

.alignleft {text-align: left; float: left;}
.alignright {text-align: right; float: right;}
.aligncenter {text-align: center;}
.alignjustify {text-align: justify;}
.wp-caption {text-align: center;}
.wp-caption p, .wp-caption-text {text-align: center; font-variant: small-caps; font-weight: bold; font-size: .75em;}

#wrap {background: #ffffff;}
#header h1, #header h2 {font-size: 2em;}
.menu li {font-variant: small-caps;}
.menu a {font-weight: bold;}
.menu .current_page_item, .menu a:hover {text-decoration: none;}
#headmenu .menu a {padding: 4px 4px 16px 4px;}
#headmenu .menu a:hover {background: url(img/music.png) no-repeat bottom center;}
#headmenu .menu .current_page_item  a {background: url(img/music-beam.png) no-repeat bottom center;}
#content {text-align: justify;}
#content h1, #content h2 {font-size: 1.5em; text-align: center;}
#content h1 a:hover, #content h2 a:hover {text-decoration: none;}
#the_content li {list-style-type: disc;}
#the_content li:hover {list-style-type: circle;}
.postmeta, .postmeta p, .comment-meta, .commentmetadata {font-size: .875em; color: #636466;}
#sidebar {text-align: left;}
#sidebar, #sidebar p, #sidebar li {font-size: .875em; line-height: 1.25em;}
#footer {text-align: center;}
#footer, #footer p, #footer li {font-size: 1em; line-height: 1.25em;}
#footer a:link, #footer a:hover, #footer a:visited {color: #102548;}
.column {text-align: center;}


/**** GENERAL STRUCTURES ****/
h1,h2,h3,h4,h5,h6 {margin: 0;}
p {margin: 1.25em 0;}
li {margin: 1.125em 0;}
img {border: 1px solid #ffffff; margin: .5em; padding: 0;}
a:hover img {border: 1px solid #ededee;}
blockquote {margin: 2.5em 1.5em; padding: 1.5em 2.5em;}
.wp-caption {border: 1px solid #42194f;}
.wp-caption p {margin:0;}
.navigate {height: 4em; padding: 1.5em;}
.navigate .alignleft a {padding: 0 0 0 18px; background: url(img/gear_small.png) no-repeat left center;}
.navigate .alignleft a:hover {background: url(img/gear.png) no-repeat left center;}
.navigate .alignright a {padding: 0 18px 0 0; background: url(img/gear_small.png) no-repeat right center;}
.navigate .alignright a:hover {background: url(img/gear.png) no-repeat right center;}
.clear {clear: both;}
#wrapper {margin: 1.5em auto;}
#wrap {width: 52em; margin: 0 auto; padding: 1.5em 1.5em;}
#round {width: 55em; margin: 0 auto 0 auto; padding: 0;}
.r1 {margin: 0 5px; height: 0px; border-top: 1px solid #ffffff;}
.r2 {margin: 0 3px; height: 0px; border-top: 1px solid #ffffff;}
.r3 {margin: 0 2px; height: 0px; border-top: 1px solid #ffffff;}
.r4 {margin: 0 1px; height: 0px; border-top: 2px solid #ffffff;}

/**** Header Structures ****/
#header {padding: 0 0 1.5em 0; border-bottom: 1px solid #dcddde;}
#header h1, #header h2 {text-align: center; margin: 1.5em;}
#header img {margin: 0 auto; border: 0;}

#headmenu {text-align: center; margin: 0; padding: 0;}
.menu {padding: 0; text-align: center;}
.menu ul {margin: 0; padding: 0;}
.menu li {margin: 0; padding: 0 .5em;}
#headmenu .menu li {display: inline;}

/**** Content Structures ****/
#content {border: 0;}
.narrowcolumn {float: left; width: 31em; margin: 0 auto; padding: 1.5em 1.5em 0 1.5em;}
.widecolumn {width: 40em; margin: 0 auto; padding-top: 1.5em;}
.the_content {padding-bottom: 4em;}
#content h1, #content h2 {margin: .5em;}
#content ul, #content ol {margin: 1.5em; list-style-type: disc;}
#content h3, #content h4, #content h5, #content h6 {margin: 1.5em 0 1.125em 0;}
.postmeta {margin: 0;}
.postmeta p {margin: 0; padding: 0;}

/**** Comment Structure Finesse ****/
#comments, #respond {margin: 1.5em 0; padding: 0;}
#comments ol, #comments ul {margin: 0; padding: 0;}
.commentlist {margin: 0; padding: 0;}
.commentlist ol {list-style: none; margin: 1.5em 0; padding: 0;}
.commentlist ol li {list-style: none; margin: 2.5em 0; padding: 1.5em 0;}
.nocomments {text-align: center; color: #393839;}
.comment, .pingback {margin: 0; padding: 2.5em 0; border-bottom: 1px solid #dcddde;}
.comment-author {margin: 0; padding: 0;}
.says {display: none;}
.avatar {float: right;}
.comment-meta, .commentmetadata {padding: 0; margin: .5em 0;}
.cancel-comment-reply {margin: 0;}

/**** It's Sidebar Structure! ****/
#sidebar {float: right; width: 18em; padding: 0 0 0 1.5em; border-left: 1px solid #dcddde;}
#sidebar ul, #sidebar ol {margin: 1.5em;}
.widget {margin: 2.5em 0;}

/**** Footer Structures ****/
#footer {width: 55em; margin: 3em auto;}
#footer p, #footer li {margin: 0;}
#footer img {margin: 0;}
#footmenu {padding: 1.5em;}
#columns {width: 80%; margin: 1em auto;}
.column {float: left; width: 31%; padding: 0 1%;}

/**** And Some Icons ****/
.cat-archive em {padding: 4px 4px 4px 18px; background: url(img/folder.png) no-repeat left center;}
.cat-archive p {margin:2.5em auto;}
.categories a {padding: 3px 18px 3px 3px; background: url(img/folder.png) no-repeat right center;}
.categories a:hover {background: url(img/folder_open_document.png) no-repeat right center;}
.bubble a {padding:3px 18px 3px 3px; background: url(img/balloon.png) no-repeat right center;}
.bubble a:hover {background: url(img/balloon_pencil.png) no-repeat right center;}
.edit a {padding: 3px 18px 3px 3px; background: url(img/blog.png) no-repeat right center;}
.edit a:hover {background: url(img/blog__pencil.png) no-repeat right center;}
.emailing {padding-top: 2.5em;background: url(img/mail-48.png) no-repeat top left;}
.emailing:hover {background: url(img/mail-64.png) no-repeat top left;}
.feed-little a {padding: 4px 4px 4px 18px; background: url(img/feed-small.png) no-repeat left center;}
.feed-little a:hover {background: url(img/feed.png) no-repeat left center;}
.logo a {text-decoration: none; padding: 1.5em; background: url(img/feather-32.png) no-repeat top center;}
.logo img, .logo a img {border: 0;}
.icons a {padding: 3px 18px 3px 3px; background: url(img/briefcase_small.png) no-repeat right center;}
.icons a:hover {background: url(img/briefcase.png) no-repeat right center;}
.rssup {padding: 16px; background: url(img/rssup.png) no-repeat top center;}
.rssup a {color: #102548;}
.srs a {padding: 4px 18px 4px 4px; background: url(img/gear_small.png) no-repeat right center;}
.srs a:hover {background: url(img/bullet_rtj.png) no-repeat right center;}
.tag-archive em {padding: 4px 4px 4px 18px; background: url(img/tag.png) no-repeat left center;}
.tags a {padding: 3px 18px 3px 3px; background: url(img/tag.png) no-repeat right center;}
.tags a:hover {background: url(img/tag__arrow.png) no-repeat right center;}
.twitter a {padding: 4px 4px 4px 18px; background: url(img/control_000_small.png) no-repeat left center;}
.twitter a:hover {background: url(img/twitter.ico) no-repeat left center;}
.valid {padding: 3px 18px 3px 3px; background: url(img/tick_small.png) no-repeat right center;}
.valid:hover {background: url(img/tick.png) no-repeat right center;}