/*
Theme Name: Steeple
Theme URI: http://crextechs.com/
Description: A generic theme built specifically for churches by CrexTechs.com.
Version: 1.0
Author: Bryan Knauber
Author URI: http://crextechs.com/
Tags: 
*/

@import url(reset.css);
em { font-style: italic; }
strong { font-weight: bold; }
hr { display: none; }

body { font: 15px/1.4 Georgia; }

p { padding-bottom: 14px; }

h2 { font-size: 22px; }
.newshead { padding-bottom: 0; }
h3 { font-size: 17px; padding-bottom: 14px; line-height: 1.3; font-style: italic; }
h4 { font-size: 16px; padding-bottom: 10px; line-height: 1.2; }

a { color: #3a153c; text-decoration: none; border-bottom: 1px solid #a09092; }
:focus{ -moz-outline-style: none; outline: none; }

.clearall { clear: both; display: block; }

.alignleft { padding: 5px; background: #fff; border: 1px solid #eee; float: left; margin-right: 15px; clear: left; }
.alignright { padding: 5px; background: #fff; border: 1px solid #eee; float: right; margin-left: 15px; clear: right; }

.meta { font-size: 13px; color: #666; }

/* General Layout */

.ip { padding: 30px 20px; width: 750px; margin: 0 auto; overflow: auto; }

.cip { padding-right: 200px; }
.welcomecontent .cip { padding-right: 0; }


#wrap { padding: 30px 0; width: 750px; margin: 0 auto; overflow: auto; }
#content { float: left; }


/* Header */

#header { background: #3a153c; border-bottom: 3px solid #574143; }
#header h1 { font-size: 27px; padding-bottom: 10px;  }
#header h1 a { color: #e5e4d0; text-decoration: none; font-variant: small-caps; border: 0; }
#header h1 a span { display: none; }
#header h1 a em { font-size: 15px; padding-left: 10px; font-variant: normal; }

#nav li { display: inline; padding-right: 10px; }
#nav li a { color: #eee; text-decoration: none; padding-bottom: 3px; }
#nav li a:hover { color: #fff; border-bottom: 1px solid #eee; }

/* Main Content Area */

#endblock { background: #ddd; font-size: 13px; overflow: auto; color: #222; border-top: 5px solid #c7c7c7; }

#block1 { float: left; width: 240px; padding-right: 10px; }
#block2 { float: left; width: 240px; padding-right: 10px;  }
#block3 { float: left; width: 230px; padding-left: 10px; }
#block3 ul { padding-bottom: 14px; }
#block3 ul a { text-decoration: none; }
#block3 ul a span { color: #555;  }

/* Footer */

#footer { font-size: 13px; clear: both; }
#footer a { color: #333; }


#blogcontent { padding-right: 300px; }
.postmeta, .commentmeta { font-size: 13px; }
.post { padding-bottom: 10px; }

.commentmeta { padding-bottom: 0; }

.commentlist li { margin-bottom: 20px; padding-bottom: 6px; border-bottom: 1px solid #eee; }

#comments { padding-top: 14px; padding-bottom: 25px; }

#commentform { background: #eee; padding: 20px; width: 500px; }
#commentform input { padding: 2px; width: 280px; }
#commentform label { font-size: 13px; width: 200px; display: block; float: left; text-align: right; padding-right: 10px; }
#commentform p { padding-bottom: 3px; }
#commentform textarea { margin-left: 210px; width: 280px; padding: 2px; }
#commentform #submit { margin-left: 210px; width: auto; }

#commentslist { border-top: 1px solid #eee; margin-top: 30px; }

.modnotice { padding-left: 210px; font-size: 12px; color: #777; padding-right: 30px; }