/*
THEME NAME: JFON
THEME URI: http://www.jfonwestmichigan.com
DESCRIPTION: A custom theme built exclusively for Justice for our Neighbors in Grand Rapids, MI by <a href="http://rzen.net">rzen media</a>.
TAGS: widgets, sandbox, blueprint, microformats, hcard, hatom, xoxo
VERSION: 1.0.4
AUTHOR: Brian Richards
AUTHOR URI: http://www.rzen.net
*/

/* Two-column with sidebar on left from the /css/ folder  */
@import url('css/2c-r.css');

/* START General Stylings */
* {
	margin:0;
	padding:0;
}
body {
	background:#fff;
	color:#555;
	font:76% Arial,sans-serif;
	line-height:18px;
	margin:0;
	padding:0;
}
a, a:visited {
	text-decoration:none;
	color:#999;
}
a:hover, a:active {
	color:#c33;
}
h1, h2, h3 {
	margin-bottom:4px;
	font-family:"Georgia",serif;
}
h1 {
	font-size:3em;
	color:#333;
}
h2 {
	font-size:2.5em;
	color:#333;
}
h3 {
	font-size:1.5em;
	color:#555;
}
h4 {
	margin-bottom:2px;
}
h4 a, h4 a:visited {
	background:#aaa;
	color:#fff;
	font:italic 1.2em Georgia,serif;
	padding:3px 6px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
h4 a:hover, h4 a:active {
	background:#c33;
	color:#fff;
}
.al, .alignleft {
	position:relative;
	float:left;
	margin-right:10px;
}
.ar, .alignright {
	position:relative;
	float:right;
	margin-left:10px;
}
.ma {margin:auto;}
.cb {clear:both;}
img, p img {
	float:none;
	margin:auto;
	border:0;
}
.more-link {
	display:block;
	position:relative;
	float:right;
}
blockquote {}
blockquote p { margin:0; }
hr {
	border:0;
	padding:0;
	margin:30px 0;
	border-bottom:1px solid #ccc;
}
th {
	background:#eee!important;
}
/* END General Stylings */


/* BEGIN Header */
#language {
	color:#000;
}
#language .meta-sep {
	color:#555;
}
#logo {
	display:block;
	background:url('images/logo.jpg');
	width:165px;
	height:75px;
	margin:25px 15px 0;
	position:relative;
	float:left;
}
#blog-title, #blog-description {
	position:absolute;
	text-indent:-999em;
}
/* END Header */


/* BEGIN Menu */
#nav {
	list-style:none;
	margin:35px 0 15px;
	padding:0;
	position:relative;
	float:left;
	border-bottom:1px solid #ccc;
}
#nav li {
	display:block;
	position:relative;
	float:left;
	height:60px;
	vertical-align:top;
}
#nav li a, #nav li a:visited {
	display:block;
	border-top:2px solid #ccc;
	padding-right:10px;
	margin-right:10px;
	margin-top:1px;
	font:italic 14pt "Georgia",serif;
	color:#555;
	position:relative;
	overflow:hidden;
}
#nav li a:hover, #nav li a:active, #nav li a:focus,
#nav li.current_page_item a, #nav li.current_page_item a:visited {
	border-top:3px solid #c33;
	margin-top:0;
	color:#000;
}
.subtitle {
	display:block;
	font:normal 6pt Arial,sans-serif;
	letter-spacing:0;
	text-transform:uppercase;
	color:#ccc;
}
#nav li a:hover .subtitle, #nav li a:active .subtitle, #nav li a:focus .subtitle,
#nav li.current_page_item a .subtitle, #nav li.current_page_item a:visited .subtitle {
	color:#555;
}
.amp {
	font:italic 1em "Palatino","Georgia",serif;
}
/* END Menu */


/* BEGIN Banner */
#banner {
	position:relative;
	clear:both;
	width:900px;
	height:350px;
	margin-bottom:-70px;
	overflow:hidden;
	z-index:2;
}
#photos {
	background:#333;
	width:600px;
	height:265px;
	margin-right:-10px;
	position:relative;
	float:left;
	z-index:1;
	overflow:hidden;
}
#banner_photos {
	list-style:none;
	margin:0;
	padding:0;
}
.photo_overlay {
	background:url('images/photo_overlay.png') no-repeat;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	z-index:10;
}
#contact {
	background:url('images/contact_bg.png') no-repeat 0 0;
	color:#501c14;
	width:310px;
	height:352px;
	z-index:20;
	position:relative;
	float:right;
}
#contact h3 {
	margin:10px 50px 0;
	color:#fff;
	font:italic 2em "Georgia",serif;
	letter-spacing:-1px;
}
.contact-info {
	margin:0 50px;
	display:block;
}
.contact-sep {
	display:block;
	height:0px;
	width:80%;
	margin:10px auto;
	border-top:1px solid #c72c20;
	border-bottom:1px solid #e55b43;
	position:relative;
	overflow:hidden;
}
#contact .type { display:none; }
#contact .org,
#contact .tel, 
#contact .street-address,
#contact .hours,
#contact .callahead { display:block; }
#contact .org {
	margin-bottom:-5px;
}
#contact .tel {
	color:#f8dbd6;
	font:2em "Georgia",serif;
	letter-spacing:-1px;
}
#contact .adr {
	font:italic 1.2em "Georgia",serif;
}
#contact .hours {
	font-size:.8em;
	text-transform:uppercase;
	line-height:12px;
	margin-top:5px;
}
/* END Banner */


/* BEGIN Layout */
#wrap {
	width:900px;
	margin:0 auto;
}
#nav-above { display:none; }
#nav-above, #nav-below {
	position:relative;
	overflow:hidden;
}
.nav-previous { position:relative; float:left; }
.nav-next { position:relative; float:right; }
#container, #content {
	position:relative;
	z-index:50;
}
/* END Layout */


/* BEGIN Sidebar */
div.sidebar {
	position:relative;
	z-index:51;
}
#primary {
	margin-top:65px;
}
#secondary {
	display:none;
}
.blog #secondary {
	display:block;
}
.sidebar h3 {
	color:#333;
	font:italic 2em "Georgia",serif;
}
.xoxo, .xoxo ul {
	list-style:none;
	margin:0;
	padding:0;
}
.xoxo li {
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid #ccc;
}
.xoxo li li {
	padding-bottom:0;
	margin-bottom:auto;
	border-bottom:0;
}
.xoxo li a, .xoxo li a:visited {
	color:#c33;
	text-transform:uppercase;
	font-size:.8em;
}
.xoxo li a:hover {
	text-decoration:underline;
}
#events-list li {
	text-transform:uppercase;
	font-size:.8em;
}
#events-list li a, #events-list li a:visited {
	font-size:1em;
}
/* END Sidebar */


/* BEGIN Events */
.events-detail h3 {
	display:none;
}
/* END Events */


/* BEGIN Articles */
.post {
	padding-top:30px;
	margin-bottom:30px;
	border-top:1px solid #ccc;
}
.entry-title a, .entry-title a:visited {
	color:#333;
	line-height:24px;
}
.entry-title a:hover, .entry-title a:active {
	color:#c33;
}
.entry-meta {
	text-transform:uppercase;
	font-size:.8em;
	margin-bottom:15px;
}
.entry-meta a, .entry-meta a:visited {
	color:#c33;
}
/* END Articles */


/* BEGIN Comments */
#comments h3 {
	font:italic 1.5em Georgia,serif;
	margin-bottom:5px;
}
.commentlist {
	list-style: none;
	padding: 0;
}
.commentlist small {
	font-size: 8pt;
	color: #696969;
}
#postcomment {
	margin: 40px 0 10px 10px;
	text-transform: none;
}
.commentlist li {
	padding:15px;
	margin:15px;
}
.commentlist .alt {
	background:#eee;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.commentlist .bypostauthor {
	background: rgba(180,0,0,.8);
	color:#fff;
}
.avatar {
	float:left;
	margin-right:5px;
	width:40px;
	height:40px;
}
.commentmetadata a, .commentmetadata a:visited {
	color:#aaa;
}
.comment-header .edit-link {
	position:relative;
	float:right;
}
.comment-header cite {
	color:#333;
	font:14pt "Arial Black",sans-serif;
	font-style:none;
	text-transform:uppercase;
	letter-spacing:-1px;
	margin-bottom: 7px;
	letter-spacing: 0px;
}
.headercomment {
	color:#999;
	font-size:8pt;
}
.commenttext {
	margin-top: 10px;
}
#comments textarea, #comments input {
	background:#eee;
	font-size:9pt;
	width:300px;
	padding:5px;
	margin:2px 5px;
	border:1px solid #ccc;
}
/* END Comments */


/* BEGIN cForms */
input.global {
	background:#eee;
	color:#777;
	font-size:14pt;
	padding:3px;
	border:1px solid #ccc;
}
.cform label,
ol.cf-ol li.cf-box-title,
.cform legend {
	display:inline-block;
	color:#333;
	font:italic 14pt "Georgia",serif;
	letter-spacing:0;
	width:175px;
	margin:0;
	margin-right:5px;
}
.cform ol.cf-ol li.cf-box-title,
.cform legend {
	margin:0 !important;
	width:100%;
	text-transform:none;
	border:0;
	padding:0;
}
.cform li.li--6 label {
	vertical-align:top;
}
.cform textarea, .cform input, .cform select {
	background:#eee;
	color:#777;
	font-size:14pt;
	padding:3px;
	border:1px solid #ccc;
	width:250px;
}
.cform select {
	width:260px;
}
ol.cf-ol li.textonly {
	font-size:1em;
	letter-spacing:0;
}
p.cf-sb {
	text-align:right;
}
.cform input.sendbutton {
	background:#eee;
	color:#777;
	font-size:14pt;
	width:auto!important;
	padding:2px 3px;
	margin-right:10px;
	border:1px solid #aaa;
	text-transform:none;
}
.cform input.sendbutton:hover, .cform input.sendbutton:focus {
	background:#fff;
}
ol.cf-ol li { 
	padding:8px 0;
	margin:0 auto!important;
	border-bottom:1px solid #ccc;
}
input.text, input.title, textarea, select {
	margin:0;
}
span.reqtxt, span.emailreqtxt {
	color:#a44;
}
.cform input.cf-box-a,
.cform input.cf-box-b {
	position:relative;
	clear:both;
	margin:10px 5px 0 180px;
	text-align:right;
}
.cform .cf-group-after,
.cform label.cf-group-after span {
	font-size:1em;
	font-style:normal;
	width:240px;
	margin-top:5px;
}
.linklove { display:none; }
div.success {
	display:inline-block;
	background:#444;
	color:#fff;
	font:1.1em Georgia,serif;
	border:0;
	margin:0;
	padding:0;
	width:auto;
}
div.failure, ol.cf-ol li.cf_li_err {
	background:#FFDFDF!important;
	border-style:solid;
	border-width:1px 0;
	margin:0;
	padding:5px 0;
}
div.failure {
	padding:5px;
	color:#a44;
}
ol.cf-ol li.cf_li_err label {
	color:#a44;
	padding-left:5px;
	width:170px;
}
.cform .cf_error {
	border:3px solid #a44;
	padding:3px;
	width:250px;
}
#li-4-14 {
	text-align:right;
	padding-right:11px;
	border:0!important;
}
/* END cForms */


/* BEGIN Footer */
#footer {
	margin:10px auto;
	padding:10px 0;
	clear:both;
}
#rzen_credit {
	margin:0;
	overflow:hidden;
}
.credit {
	float:left;
}
.credit .design {
	display:block;
}
#login_content {
	float:right;
	text-align:right;
}
#login_links {
	list-style:none;
	margin:0;
	padding:0;
}
#login_links li {
	display:inline;
}
/* END Footer */


/* I Hate IE6 */
* html body .photo_overlay {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/wp-content/themes/jfon/images/photo_overlay.png');
}
* html body #contact {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/wp-content/themes/jfon/images/contact_bg.png');
}