/*
Theme Name: Rome Baptist
Theme URI: http://romebaptist.org
Description: A custom theme for Rome Baptist Church, that borrows heavily from <a href="http://wordpress.org/extend/themes/twentyeleven">Twenty Eleven</a>
Version: 2.0 (WP 3.0+)
License: GNU General Public License
License URI: license.txt
Author: Rome Baptist Church
Author URI: http://romebaptist.org
Tags: custom
*/

/*	
	RESET STYLES FROM http://meyerweb.com/eric/tools/css/reset/index.html
 */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, address, img, strong, ol, ul, li, dl, dt, dd, fieldset, form, label, legend, input, blockquote, th, td, sup, sub, small, abbr, acronym, q, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { /* HTML5 display-role reset for older browsers */
	display: block;
}
ol, ul , li{	list-style: none;}
fieldset, img, a img { 	border:none; }
img, object, embed {			max-width: 100%;}
img {	-ms-interpolation-mode: bicubic;} /* scale images in IE more attractively */
caption, th, td {
	text-align: left;
	font-weight: normal;
}
address, caption, th { 
	font-style:normal; 
	font-weight:normal; 
}
/*	
	GENERAL SITEWIDE STYLES 
 */
body{	
	background-color: #FFE4CF;
	color: #333333;
	font-family: Cambria, "Palatino Linotype",Georgia, serif;
	line-height: 140%;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	color: #5d220f;
	font-family: 'Cabin', sans-serif;
	margin: .5em 0 .5em;
}
h2{	font-size: 1.5em;}
h3{	font-size: 1.25em;}
h4{	font-size: 1.125em;}
h5{	font-size: 1em;}
h2 a, h3 a, h4 a,
h2 a:visited, h3 a:visited, h4 a:visited,
h2 a:hover, h3 a:hover, h4 a:hover,
h2 a:active, h3 a:active, h4 a:active,
h2 a:focus, h3 a:focus, h4 a:focus  {
	color: #5d220f;
	cursor: pointer;
	text-decoration: none;
}
a{
	color: #BF0B12;
	text-decoration: none;	
}
a:hover, a:focus, a:active{	text-decoration: underline;	}
p, ul, ol {					margin-bottom: 1em;}
strong { 						font-weight: bold; 	}
em { 						font-style: italic; }
abbr, acronym { 				border-bottom : 1px dotted #666; }
small{	font-size: .75em;}
sup, sub{ /* so that they don't mess up the line height*/
	font-size: .85em;
	position: relative;
}
sup{	top: -.5em;}
sub{	bottom: -.25em;}input, textarea{
	background-color: #f6f6f6;
	border: 1px solid #4f1a0a;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.05em;
}
input:focus, textarea:focus {	background-color: #FFFABF;}
blockquote {
	border-left: .25em solid #eaeaea;
	color: #999;
	font-style: italic;
	margin: 1em 2em 0 .625em;
	padding-left: .625em;	
	}
cite {
	margin: 1em 0 0;
	padding-left: 1.5em; /* .625em+.625em+.25em  of blockquote above */
	}
.aligncenter { 
	clear: both;
	display:block; 
	margin:0 auto; 
	margin-bottom: 1.25em!important; 
}
.alignleft { 
	float:left; 
	margin: 0 1.25em 1.25em 0; 
}
.alignright { 
	float:right; 
	margin: 0 0 1.25em 1.25em; 
}
.wp-caption { 
	background:#ffffff; 
	border:1px solid #eaeaea; 
	margin:.625em;
	max-width: 96%;	
	padding:.625em;	
	text-align:center; 
}
.wp-caption-text{
	color: #909090;
	font-size: .9em;
}
.clearfix:before, .clearfix:after{ /* force elements to contain floats */
	content:"";
	display:table;
 }
 .clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}
.clear-ie{ /*ignore this element*/
	display:none;
}
.ie6 .clear-ie
.ie7 .clear-ie
.ie8 .clear-ie{ /*clear floats on IE8 and below*/
	clear:both; 
	display:block; 
	height:1px; 
	margin:-1px 0 0 0 
}
.clear{ 
	clear:both; 
	height:0;
}
/*	
	HEADINGS	
 */
#site-title a{
	color: #5d220f;
	text-shadow: 1px 1px 1px #cccccc;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
#site-title a:hover, #site-title a:focus, #site-title a:active{
	color: #bf0b12;
	text-decoration: none;
	text-shadow: 1px 1px 2px #ffffff;
}
.archive-title, .page-title{	
	border-bottom: 2px dotted;
	padding: 0 0 .5em 0;
	}
/*
	LAYOUT
*/
#main-content, #content-area, #secondary-content{
	background-color: #fff8ef;
	border-color: #eaeaea;
	border-style: solid;
	border-width: 2px 0;
}
#page-footer{	
	background-color: #5d220f;
	border-top-color: #501a0a;
	border-top-style:solid;
	}
/*
	TOP NAVIGATION
*/
.menu-header { 
	background-color: rgb(255, 248, 239);
	background-color: rgba(255, 248, 239, 0.85);
	border-color: #EAEAEA;
	border-style: solid;
	border-width: 2px 0;
	font-family: 'Cabin', sans-serif;
	position:relative;
	text-transform: uppercase;
}
/* Force .menu-header to contain its floated elements */
.menu-header:before, .menu-header:after{
	content:"";
	display:table;
 }
.menu-header:after {	clear:both;}
.menu-header {			zoom:1; /* For IE 6/7 (trigger hasLayout) */}
#menu-romebapt li,
#menu-romebapt a{
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
#menu-romebapt a{	/* romebapt defined in wordpress dashboard > appearance > menus */
	color:#333333;
	display:block;
	font-size:.875em;
    text-decoration:none;   	
}
#menu-romebapt li:hover
#menu-romebapt li:focus{
	background-color: #EAEAEA;
}
#menu-romebapt a:hover, 
#menu-romebapt a:focus, 
#menu-romebapt a:active, 
#menu-romebapt li.current_page_item a, 
#menu-romebapt li.current_page_parent a,
#menu-romebapt li.current-page-ancestor a{
	color: #BF0B12; }
h3#tagline{	color: #454545;}
/* 
	FRONT PAGE
*/
.front-page-columns{
	background-color: #fefefe;
	border-color: #909090;
	border-style: solid;
	border-width: 2px 0;
}
.front-page-columns a{		padding: .25em;}
.front-page-columns a:hover,
.front-page-columns a:active,
.front-page-columns a:focus {
	background-color: #5d220f;
	color: #faf5e6;
	text-decoration: none;
}
.front-page-columns ul, 
.front-page-columns p{
	margin: .375em .875em 0;
}
.news{	margin-right: 0;}
.news ul li  a{
	border-bottom: 1px dotted #5d220f;
	display: block;	
	padding: .375em 0;
}
/*
	POSTS & PAGES
*/
.post{
		margin-top: 1.125em;
		padding-bottom: 1.5em;
	}
.single .post{	padding-bottom: 0;}	
.post img, #mapEmbed img{	
	background-color: #f6f6f6;
	border: 1px solid #eaeaea;
	padding: .375em;
	}
img.wp-smiley{
	background: transparent;
	border: none;
	padding: .125em;
}
.post ul li, .post ol li{	margin-left: 1.5em;	}
.post ul li{			list-style-type: disc;}
.post ol li{			list-style-type: decimal;}
.meta {	
	clear: both;
	color: #909090;	
	font-size: .9em;
	margin: 0 0 1em 0;
	padding: 0;
}
.meta p{		margin-bottom: 0;}
.navigation{ /* links to next and prev post in single post view */
	border-top: 1px solid #909090;
	clear: both;
	font-size: .9em;
	font-style: italic;
}
.nav-prev, .nav-next{
	margin: .5em 0 1.25em;
	width: 49%;
	}
.nav-prev{
	float: left;	
	}
.nav-next{
	float: right;
	text-align: right;
}
/*
	TABLES
*/
table { 
	border: 1px solid #D4D4D4;
	border-collapse: collapse; 
	border-spacing:0; 
	margin: 1.5em 0;
}
caption {	display: none;}
thead tr{	border-bottom: 1px solid #D4D4D4;}
thead th{
	color: #5d220f;
	font-family: 'Cabin', sans-serif;	
}
thead tr,
tbody tr:nth-child(even), /* for striped rows */
tr.oddRow{	background-color: #f0f0f0;}	/* oddRow is for browsers that don't get nth-child */
thead th, td{	padding: .5em 0 .5em .5em;}
/*
	PAGINATION AT BOTTOM OF NEWS PAGE
*/
.pagination {
	clear:both;
	position:relative;
}
.pagination span, .pagination a {
	background: #501a0a;
	border: 1px solid #501a0a;
	color:#ffffff;
	display:block;
	float:left;
	margin: .125em .125em 0 0;
	padding:.375em .5em;
}
.pagination a:hover, 
.pagination a:focus, 
.pagination .current{
	background: #ffffff;
	color:#501a0a;
}
/*
	SIDEBAR
*/
.sidebar-title, #secondary-content .widget-title{
	border-bottom: 2px solid;
	color: #5d220f;
	padding-bottom: .375em;
	}
.sidebar-box{	margin-bottom: 1.5em;}
.sidebar-box ul{		padding-bottom: .625em;}
.sidebar-box ul li a{
	border-bottom: 1px dotted #5d220f;
	display: block;
	padding: .375em;
}
.sidebar-box ul li.current_page_item a{	color: #303030;}
.sidebar-box ul li a:hover,
.sidebar-box ul li a:active,
.sidebar-box ul li a:focus {
	background-color: #4F1A0A;
	color: #f6f6f6;
	text-decoration: none;	
}
/*
	FOOTER
*/
#footer-container{
	clear: both;
	color: #f6f6f6;
	font-size: .875em;
}
#footer-container .widget-title{
	color: #f6f6f6;
	margin-bottom: .5em;
	text-transform: uppercase;
}
#copyright{
	clear: both;
	margin-bottom: 0;
	padding-bottom: 1em;
	text-align: center;
}
.widget{
	clear: both;
	margin: 0 0 1.5em;
}
#footer-container .widget-area + .widget-area + .widget-area {
	margin-right: 0; /* third widget area in footer */
}
#footer-container img{	padding-right: .5em;}
/*
	SEARCH BOX
*/
#searchform{	position: relative;}
#searchform input#s{
	padding: .25em;
	width: 75%;
}
input#searchsubmit,
input.wpcf7-submit{
	background-color: #4f1a0a;
	border: 1px solid #360f03;	
	color: #f6f6f6;
	font-family: Cabin, sans-serif;
	padding: .25em .5em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
}
#searchform input[type="submit"]:hover,
#searchform input[type="submit"]:active,
#searchform input[type="submit"]:focus,  
.wpcf7-form input[type="submit"]:hover,  
.wpcf7-form input[type="submit"]:active,  
.wpcf7-form input[type="submit"]:focus{
	background-color: #faf5e6;
	color: #4f1a0a;
	cursor: pointer;
}

input.wpcf7-submit:hover, 
input.wpcf7-submit:focus{
	background-color: #faf5e6;
	color: #4f1a0a;
	cursor: pointer;
}
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
	background: #eaeaea;
	border-bottom: 1px solid #ddd;
	color: #4f1a0a;
	clip: auto !important;
	font-size: .75em;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}
/*
	MISCELLANEOUS STYLES
*/
h3.disclaimer{ /*in use on where to stay page */
	color: #f00;
	margin-bottom: .6em;
}
.main-content-box{	padding: 0 1.25em;}
p#photoCredits{
	color: #909090;
	font-size: 0.9em;
	}
#q-a h4	{ cursor:pointer; }
#q-a h4.active	{ color:#bf0b12; }
#q-a div   { position:relative; }
#q-a div p	{ padding-bottom:15px; margin:0; }
/*
	CONTACT FORM 7
*/
.wpcf7-form input,
.wpcf7-form textarea{
  border : 1px solid #909090;
  padding : .25em;
}
.wpcf7-select{	padding: .125em;}
.wpcf7-quiz{	width: 7.5em;} /* width of input box */
input.wpcf7-submit{
	clear : both;
	cursor: pointer;
}
/*
	EMBEDDED STATIC GOOGLE MAP ON LOCATION PAGE
*/
#mapEmbed img{	
	background-color: #f6f6f6;
	border: 2px solid #eaeaea;
	padding: 1em;
	}
/*
	MEDIA QUERIES
*/
/* Screens up to 640px wide */
@media screen and (max-width: 640px) {
	#page-container, 
	#content-area,	
	#main-content,
	#secondary-content,
	#footer-container{	
		margin: 0 auto;
		width: 96%; /* allowing 2% on either side */
		}
	#site-title{	letter-spacing: -1px;}
	.menu-header li {	text-align: center;	}		
	.inside{		padding: 1em;	}	
	h3#tagline	{	font-size: 1em;}
	#front-page-content{	margin: 0 auto;	}
	.front-page-columns{
		margin: 0 0 1em;
		padding: 1em 0;
	}
	.front-page-columns .alignright{
		float:none;}
	#secondary-content,
	#page-footer {	
		margin-top: 1em;}
	#page-footer h4{	font-size: 1em;}
	#copyright{
		padding: 0;
		text-align: left;
	}
	.ngg-albumoverview{margin-top: 0;}
}
/* Screens up to 480px wide */
@media screen and (max-width: 480px) {
	p, ol, ul{	margin-bottom: 0.6em;	}
	#site-title{	font-size:1.5em;	}	
	.menu-header { margin: 0 0 .75em;}	
	.menu-header li a{
		border-bottom: 1px solid #EAEAEA;
		padding: .3em 0;
	}
	.menu-header li:last-child a{
		border-bottom: none;
	}	
	.front-page-columns h2{	font-size: 1em;	}
	.front-page-columns .alignright{
		margin: 0;
	}	
	#page-footer{	border-top-width: .2em;	}	
}
/* Screens between 481px and 640px */
@media screen and (min-width: 481px) and (max-width: 640px) {
	p, ol, ul{	margin-bottom: 0.8em;	}	
	#site-title{	font-size:2em;	}	
	.menu-header { margin: 0 0 1em;}
	.menu-header li {	
		float:left;		
		position:relative;
		width: 32%; 
	}	
	.menu-header li a{	padding: .4em 0;}
	.front-page-columns h2{	
		border-bottom: 1px dotted;
		font-size: 1.25em;
		margin: 0 .375em;
		padding-bottom: .375em;
		}
	.front-page-columns .alignright{
		text-align: right;
		}
	#page-footer{	border-top-width: .25em;	}
}
/* Screens between 641 and 1200px */
@media screen and (min-width: 641px) and (max-width: 1200px) {
	p, ol, ul{	margin-bottom: 1em;	}
	#page-container,
	#content-area,
	#footer-container,
	#front-page-content{
		margin: 0 auto;	}
	#page-container, 
	#footer-container{	
		width: 90%; }
	#page-container{
		background: rgb(255, 241, 239);
		background: rgba(255, 241, 239, 0.7);
		-moz-box-shadow: 0 0 4px rgba(93, 34, 15, 0.7);
		-webkit-box-shadow: 0 0 4px rgba(93, 34, 15, 0.7);
		box-shadow: 0 0 4px rgba(93, 34, 15, 0.7);
	}
	.menu-header { margin: 0 0 1.5em;}
	.menu-header li {	
		float:left;	
		padding: .5em 0;	
		position:relative;
		text-align: center;
	}	
	.front-page-columns{
		float: left;
		height: 200px;
		overflow: auto;
		padding: .5em 0;
	}
	.front-page-columns h2{	
		border-bottom: 2px dotted;
		margin: 0 .375em;
		padding-bottom: .375em;
	}
	.front-page-columns .alignright{
		float: none;
		text-align: right;
	}
	#page-footer{	border-top-width: .375em;}
	#page-footer h4{	font-size: 1.125em;}
}
/* Screens between 641 and 800px */
@media screen and (min-width: 641px) and (max-width: 800px) {
	#main-content,
	#secondary-content{
		margin: 0 auto;	}	
	#page-container{	padding: 1em;	}
	#site-title{
		font-size:2.25em;
		letter-spacing: -2px;
	}	
	.menu-header li {	width: 16.5%; }	
	.inside{	padding: 1.2em;	}	
	h3#tagline	{	
		font-size: 1.2em;
		margin: 0;
		padding: 0 0 1em;
		}	
	.front-page-columns{
		margin-right: 2.05%;
		width: 45%;
	}
	.news{	margin: 1.2em 0 0;}
	.front-page-columns h2{	
		font-size: 1.25em;		}	
	#secondary-content,
	#page-footer{	
		margin-top: 1.2em;	}	
	#copyright{
		padding: 0;
		text-align: left;
	}
	form#searchform input#s{	width: 45%;}			
}
/* Screens between 801 and 1200px */
@media screen and (min-width: 801px) and (max-width: 1200px) {
	#page-container{	padding: 1.25em;	}
	#main-content{
		float: left;
		width: 66%; /* 792px/1200px */
	}
	#secondary-content{
		float: right;
		width: 32%;		/* 384px/1200px */
	}	
	#site-title{
		font-size:2.5em;
		letter-spacing: -3px;
	}	
	.menu-header li {	width: 11%; 	}	
	.inside{	padding: 1.5em;	}	
	h3#tagline	{	
		font-size: 1.5em;
		line-height: 1.375em;
		margin: 0;
		padding: 0 0 1.5em;
		}	
	.front-page-columns{
		margin-right: 2%;
		width: 32%;
	}
	.news{	margin: 0;}
	.front-page-columns h2{	
		font-size: 1.5em;	}
	#page-footer{	margin-top: 1.5em;	}
	#footer-container .widget-area{
	float: left;
	margin-right: 2%;
	width: 32%;
	}
	.widget{
		clear: both;
		margin: 0 0 1.5em;
	}
	#footer-container .widget-title{
		margin-bottom: .5em;
	}
	#footer-container .widget-area + .widget-area + .widget-area {
		margin-right: 0; /* third widget area in footer */
	}
	#footer-container img{
		padding-right: .5em;
	}	
}
/* Screens greater than 1200px*/
@media screen and (min-width : 1200px) {
	#page-container, #footer-container{
		margin: 0 auto;
		width: 1000px;
	}
	#page-container{
		background: rgb(255, 241, 239);
		background: rgba(255, 241, 239, 0.7);
		margin: 1.5em auto 0;
		padding: 1.25em;
		-moz-box-shadow: 0 0 4px rgba(93, 34, 15, 0.7);
		-webkit-box-shadow: 0 0 4px rgba(93, 34, 15, 0.7);
		box-shadow: 0 0 4px rgba(93, 34, 15, 0.7);
	}
	#masthead{
		margin: 0 auto;
		position: relative;
	}
	#main-content{	
		float: left;	
		width: 66%; /* two-thirds of available space */
	}
	#secondary-content{
		float: right;
		width: 32%;		
	}
	#content-area{	margin: 0 auto;	}
	#page-footer{
		border-top-width: .375em;
		margin-top: 1.5em;
	}
	.inside{ /*avoiding box model */
		padding: 1.5em; 
	}
	h1{
		font-size: 2.8125em;
		margin: .375em 0 .375em;
	}
	.menu-header { 
		display:block;
		margin: 0 0 1.5em;
		position:relative;
	}
	.menu-header li{
		float:left;
		padding: .5em 0;
		position:relative;
		text-align: center;
		width: 11%; 
	}
	#menu-romebapt li:before{
		content: "";
		height: 6px;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
	}
	#menu-romebapt li.current_page_item:before, 
	#menu-romebapt li.current_page_parent:before, 
	#menu-romebapt li.current-page-ancestor:before{ /* coloured bar above */
		background-color: #5D220F; }
	h3#tagline{
		font-size: 1.5em;
		line-height: 1.375em;
		margin: 0;
		padding: 0 0 1.5em;
	}
	.front-page-columns{
		float: left;
		height: 240px;
		margin-bottom: 1.25em;
		margin-right: 2%;
		overflow: auto;
		padding: 1.25em 0;
		width: 32%;
	}
	.news{	margin-right: 0;}
	div.front-page-columns h2{
		border-bottom: 2px dotted;
		margin: 0 .375em;
		padding-bottom: .375em;
	}
	#front-page-content div.news ul{	margin-bottom: .75em;}
	#footer-container .widget-area{
		float: left;
		margin-right: 2%;
		width: 32%;
	}
}