/*  
Theme Name: Crossroads Custom v2
Description: A custom theme for Crossroads Student Ministries
Version: 1.0
Author: Cameron Cadiz
*/

/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
q:before, q:after { content:''}
a { text-decoration:none; outline:none; }

/* Some sensible defaults */
strong { font-weight:bold; }
em { font-style:italic; }
a img { border:none; } /* Gets rid of IE's blue borders */

/* Utilities.  Make life easier. */
.clear { clear: both; }
.left { float: left; width:auto;}
.right { float: right; width:auto;}
p .left { margin: 0 10px 20px 0; }
img.buttonimg { border: none;}

/***********
Layout
***********/
body {
	background: #DEDEE4 url(images/bg.png) repeat-x;
	font: 0.7em 'Lucida Grande',Verdana,Helvetica,Arial,sans-serif;
	line-height: 1.7em;
	margin: 0;
	padding: 0;
}

#wrap { margin: 0 auto; width: 692px; }

#preheader { margin: 0 0 -6px 0; padding: 7px;
	text-align: center; font-size: 11px; }

#content { margin: 0; padding: 20px 25px 30px 25px; overflow: hidden; }

.leftside { float:left; width: 440px; }
.rightside { float:right; width: 175px; }

/* .leftside .post { background: transparent url(/images/post-sep.png) no-repeat scroll center bottom; } */

.post { padding: 0 0 15px 0; border-bottom: 1px solid #F1BF84; margin-bottom: 20px;}

.post p { margin-bottom: 9px; }

.post img {  }

.buttonimg { padding-top: 10px;}

/* Author Photo */
.photo { padding-right: 10px;}

/* Header */

#headeroverlay {  margin: -1px 0 0 -1px; padding: 0; height: 215px;
	background: url(images/headeroverlay-trans.png) no-repeat transparent;
}

#headerimg {  height: 215px;
	background: url(images/headerimgs/rotate.php) no-repeat; }

#midwrap { background: #FBFBFB; border: 1px solid #D1D1D1; }

#headerbar { margin-bottom: 15px; height: 35px;
	background: url(images/headerbar.png) repeat-x; border-bottom: 1px solid #f1bf84; border-top: 1px solid #f1bf84; }

#content .title {
	float: left;
	width:auto;
	padding: 50px 0 10px 40px;
	font-size: 3em;
	font-weight: bold;
	color: #FFF;
	font-family: 'Lucida Grande',Verdana,Helvetica,Arial,sans-serif;
}


/* Navigation Tabs */

#nav {
	list-style: none;
	padding: 15px 0 0 0;
	margin: 0;
	height: 33px;
}

#nav ul {
	padding: 0px;
	margin-left: 10px;
}

#nav li {
	text-align: center;
	width:auto;
	display: block;
	float: left;
	margin: 0 2px;
}

#nav li a {
	display: block;
	padding: 7px 10px 5px 10px;
	color: #101010;
	font-size: 1.2em;
	background: url(images/navtab.png) repeat-x;
	border-top: 1px solid #E0B089;
	border-right: 1px solid #E0B089;
	border-left: 1px solid #E0B089;
	border-bottom: 1px solid #F9E2C7;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-radius: 3px;
}

/* Font Size Selector

.fontsize_container {
	background: url(images/fontsizeselector.png) no-repeat;
	position: relative;
	float: left;
	margin: 7px;
	width: 86px;
	height: 22px;
}

.add {
	background: none;
	position: absolute;
	left: 39px;
	height: 22px;
	width: 22px;
	float: left;
	cursor: pointer;
}

.minus {
	background: none;
	position: absolute;
	left: 62px;
	height: 22px;
	width: 25px;
	float: left;
	cursor: pointer;
}

.font_indicator {
	position: absolute;  
	left: 100px;    
	font-size: 10px;  
	display: none; 
	width: 300px;
}
*/

/* Search Bar */

.searchform { padding-top: 10px;}

#headerbar .searchform { float:right; width:auto; padding: 5px 5px 0 0;}


#searchsubmit {
	border: 1px solid #DDD;
	background: #F0F0F0;
	padding: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#searchtext {
	width: 150px;
	padding: 3px;
	border: 1px solid #AEAEAE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* Comments */

#comments {
	margin-top: 15px;
}

textarea#comment { width: 500px; padding: 5px; }

.commentmetadata { font-size: 10px; }


/* Footer */
#footer {
	margin: 0 0 0 -1px;
	float: left;
	padding: 15px 0 15px 0;
	width: 100%;
	background: #F3F3F3;
	border: 1px solid #D1D1D1;
	color: #6D6D6D;
}

.aboutmini {
	float: left;
	padding: 0 0 0 25px;
	width: 240px;
	font-size: 13px;
	line-height: 1.2em;
}

.footer_links {
	width: 175px;
	padding: 0 0 0 20px;
	float: left;
}

.footer_links ul {
	line-height: 20px;
}

.footer_links ul img {
	margin-bottom: -5px;
}

.footer_links li {
	list-style: inside;
}

#footer .title {
	font-weight: bold;
	font-size: 12px;
	color: #6D6D6D;
}

.footer_icons {
	display: block;
	list-style: none;
	margin: -5px 13px 25px 0;
	height: 64px;
	width:auto;
	float: right;
}

.footer_icons li {
	text-align: center;
	display: block;
	float: left;
	margin: 0 2px;
	width:auto;
}

.footer_icons .one a {
	display: block;
	background: url(images/calendar.png) no-repeat;
	width: 64px;
	padding-top: 58px;
}

.footer_icons .two a {
	display: block;
	background: url(images/mapicon.png) no-repeat;
	width: 64px;
	padding-top: 58px;
}

.footer_icons .three a {
	display: block;
	background: url(images/rss.png) no-repeat;
	width: 64px;
	padding-top: 58px;
}

.contact {
	float: right;
	text-align: center;
	width: auto;
	padding: 0 15px 0 0;
}

.contact h2 {
	color: #6D6D6D;
	font-size: 1.7em;
	line-height: .98em;
	font-weight: bold;
	margin: 0;
	padding:0 0 5px 0;
}

.contact_button {
	margin-left: 15px;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 4px;
	width: 183px;
	height: 34px;
	padding-top: 7px;
	background: url(images/contact.png) no-repeat;
	font-size: 1.6em;
	font-weight: bold;
}

.contact_button a {
	color: #FFF;
}

.contact_button a:hover {
	text-decoration: none;
	border-bottom: solid 1px white;
}

.copyright{
	padding: 5px 0 10px 0;
	text-align: center;
	text-transform: uppercase;
	color: #8F8F8F;
	float: left;
	width: 100%;
}

/***********
Typography
***********/

h1, h2, h3, h4, h5, h6 {
	padding: 0;  
	margin: 15px 0; 
}

h1 {
	font-size: 2.8em;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: -1px;
	font-weight: normal;
}

h2 {
	color: black;
	font-family: 'Lucida Grande',Verdana,Helvetica,Arial,sans-serif;
	letter-spacing: -1px;
	font-size: 2.2em;
	font-weight: normal;
	margin: 0 0 15px 0;
}

h3 {
	font-size: 1.5em;
	margin: 0;
	font-weight: normal;
	padding-bottom: 2px;
}

h4 {
	margin: 0;
	padding: 0 0 5px;
	font-size: 13px;
	font-weight: normal;
}

p {
	margin: 0;
}

#content h2 {
	margin: 0 0 25px 0;
	font-family: Georgia,"Times New Roman",Times,serif;
}

#content li {
	list-style-position: inside;
}

.post h1 {

}

.postmetadata {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

.postmetadata alt {
	margin: 0;
	padding: 0 0 0 0;
}

/**********
Contact Page
**********/

.contact_a {
	margin: 30px 0;
	padding: 0;
}

.contact_a h3 {
	font-size: 15px;
	font-weight: bold;
	padding: 0 0 10px 0;
}

.contact_a h3 a, #post-54 h2 a {
	color: #000;
	text-decoration: none;
}


/* Links */

a { color: #4E6A7A;  
	text-decoration: none; }

a:hover { text-decoration: underline; }