/*
Theme Name: PrayMiami
Theme URI: http://www.praymia.org
Description: Pray MIA represents a challenge to the Christ followers in Miami to pray for their city. The unchanging "I AM" God is at work in the heart of this fantastic city. If you can say "I AM" in Miami because God has me here then you should be praying for this city.
Version: 1.0
Author: Prototype Syndicate
Author URI: http://www.prototypesyndicate.com
*/


/* begin the basics */
html, body {
font-size: 12px; /* Resets 1em to 10px */
font-family: Arial, Helvetica, sans-serif;
background: #0a090f url(images/bg.jpg) top center no-repeat;
color: #868686;
margin: 0;
padding: 0 0 20px 0;
color:#5C5A71;
font-family:"Trebuchet MS",Helvetica,Arial,Verdana,sans-serif;
font-size:13px;
font-style:normal;
font-weight:normal;
letter-spacing:1px;
line-height:1.6em;
}

}

* html body{
  overflow:hidden;
} 

* html div#content{
  height:100%;
  overflow:auto;
}


h1, h2, h3 {
font-weight: normal;
}

h1 {
font-size: 4em;
text-align: center;
}

h2 {
font-size: 1.6em;
}

h3 {
font-size: 1.3em;
margin: 0;
padding: 0;
}

a:link, a:visited {
color: #a9a7bc;
text-decoration: none;
}

a:hover {
color: #C73B37;
}

a {
outline: none;
}

img {
border: none;
}

.alignleft {
	border: none;
	margin:0 14px 14px 0;
	padding:0;
}

#wrapper {
width: 1024px;
background: url(images/logo.png) top center no-repeat;
margin: 0px auto;
overflow: hidden;
}
/* end the basics */

/* begin site header */
#header {
width: 1024px;
height: 35px;
padding: 5px 0 0 0;
line-height: 1em;
float: right;
}

#header p {
margin: 0;
padding: 0;
}

blockquote {
font-family: Georgia, serif;
color:#C73B37;
font-size: 10px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 2em;
margin:20px 0;
padding:10px;
border-top: 1px solid #5C5A71;
border-bottom: 1px solid #5C5A71;
}

#tagline { float: left; color: #EBEBEB; margin: 10px 0 0 149px; visibility: hidden; }

/* end site header */

.facebox h3 {
margin: 0;
padding: 0;
}

.facebox p {
margin: 0 0 10px 0;
}

.facebox h3 {
color: #EBEBEB;
}

/* begin content slider */
#content .carousel  {
position: relative;
}

#content .main {
margin: 0;
}

#content .carousel a.prev {
display: block;
position: absolute;
width: 380px;
height: 575px;
background: url("images/previous.png") no-repeat 0 0;
top: 45px;
left: 0;
z-index: 10000;
}

* + html #content .carousel a.prev  {
top: 5px;
}

#content .carousel a.prev:hover {
background: url("images/previous.png") no-repeat 0 -786px;
}  

#content .carousel a.next {
display: block;
position: absolute;
width: 380px;
height: 575px;
background: url("images/next.png") no-repeat 0 0;
top: 45px;
right: 0;
z-index: 10000;
}

* + html #content .carousel a.next  {
top: 5px;
}

#content .carousel a.next:hover {
background: url("images/next.png") no-repeat 0 -786px;
}  

#content .carousel a:hover, #content .carousel a:active {
border: none;
outline: none;
}    

#content .carousel .rotate {
float: left;
margin: 132px 0 0 0;
position: relative;
visibility: hidden;
left: -5000px;
}

#content .carousel ul {
margin: 0;
}

#content .carousel li img {border:none;}
#content .carousel li {width: 335px;height: 500px;margin: 0 10px 0 10px;}

#content .widget img {
cursor: pointer;
}

.intro { margin: 0; padding: 0 5px 10px 0; font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;font-size: 13px;font-style: normal;font-weight: normal;letter-spacing: .25px;line-height: 1.6em; color:#5c5a71;}

.intro p { margin: 10px 0 0 0;}

.intro h3, #facebox h2 { margin: 20px 0 1px 0; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; line-height: 1em; color:#c73b37; }
.intro h3 a, .intro a { color:#c73b37; }
.intro h3 a:hover, .intro a:hover { color:#a92723; }

.intro h4, #facebox h4 { margin: 5px 0 20px 0; font-family: Helvetica, Arial, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; line-height: 1em; color:#373747; }

.entry {
	padding: 5px 0;
	margin:0 0 20px 0;
	border-bottom: 1px solid #252430;
}

.entry img {
padding: 0;
background:#252430;
padding:3px;
}

.video {
width: auto;
text-align: center;
margin: 8px 0 -10px 0;
padding: 0;
}
/* end content slider */

/************ begin the basics *************/

#footpanel {
	position: fixed;
	bottom: 0; left: 0;
	z-index: 10010; /*--Keeps the panel on top of all other elements--*/
	background:#0a090f;
	border-top: 1px solid #373747;
	border-bottom: none;
	width: 94%;
	margin: 0 3%;
}

*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

#footpanel ul {
	padding: 0; margin: 0;
	float: left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
#footpanel ul li{
	padding: 0; margin: 0;
	float: left;
	position: relative;
}
#footpanel ul li a{
	padding: 2px 5px 7px;
	float: left;
	text-indent: -9999px; /*--For text replacement - Shove text off of the page--*/
	height: 16px; width: 20px;
	text-decoration: none;
	color:#5C5A71;
	font-size: 10px;
	font-weight: bold;
	position: relative;
}

html #footpanel ul li a.active { /*--Active state when sub-panel is open--*/
	background-color: #fff;
	height: 17px;
	margin-top: -2px; /*--Push it up 2px to attach the active button to sub-panel--*/
	border: 1px solid #555;
	border-top: none;
	z-index: 200; /*--Keeps the active link on top of the sub-panel--*/
	position: relative;
}

#footpanel a.home{
	background: url(images/logo_small.gif) no-repeat 15px center;
	width: 50px;
	padding-left: 60px;
	padding-right: 20px;
	border-right: 1px solid #373747;
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
a.about{ background: url(images/about_icon.png) no-repeat center center;  }
a.community{ background: url(images/community_icon.png) no-repeat center center; }
a.newsletter{ background: url(images/newsletter_icon.png) no-repeat center center; }
a.updates{ background: url(images/updates_icon.png) no-repeat center center; }
a.facebook{ background: url(images/facebook_icon.png) no-repeat center center; }
a.cafepress{ background: url(images/tshirt_icon.png) no-repeat center center; }
a.suggest{ background: url(images/suggest_icon.png) no-repeat center center; }
#footpanel a.ps{
	background: url(balloon.png) no-repeat 15px center;
	width: 150px;
	padding-left: 40px;
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
#footpanel li#pspanel, #footpanel li#alertpanel { font-family: Times,serif;	float: right; }  /*--PS Link--*/

#footpanel li#ps, #footpanel li#alertpanel {	float: right; }  /*--Right align the chat and alert panels--*/

#footpanel a small {
	text-align: center;
	width: 70px;
	background: url(images/pop_arrow.png) no-repeat center bottom;
	padding: 0 5px 5px;
	display: none; /*--Hide by default--*/
	color: #560801;
	font-size: 1em;
	font-weight: bold;
	text-indent: 0;
}
#footpanel a:hover small{
	display: block; /*--Show on hover--*/
	position: absolute;
	top: -37px; /*--Position tooltip 35px above the list item--*/
	left: 50%;
	margin-left: -40px; /*--Center the tooltip--*/
	z-index: 9999;
}

/*--COMMENTS FORM--*/

#respond {
	margin: 0;
	padding:30px 0 0 0;;
	border-top:1px solid #252430;
}

.comment-body {
	width: 95%;
	margin:0 0 20px 0;
}

.comment-author vcard {
}

.avatar {
	background-color: #25232f;
	padding:3px;
	margin:0 20px 10px 0;
	border: 1px solid #363544;
	float: left;
}


label {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

textarea, input {
	margin: 0;
	padding: 10px;
	background:#262531;
	border:1px solid #000;
	width: 650px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	letter-spacing: .75px;
	line-height: 1.6em;
	color:#9089a4;
}

#submit {
	margin: 0 0 20px 0;
	padding: 7px 5px 5px;
	width: 200px;
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1.5px;
	line-height: 1.6em;
	background:#000;
	border: 1px solid #3c3a49;
	cursor:pointer;
}


/*--CONTACT FORM--*/

div.wpcf7 {
	margin: 0;
	padding: 0;
	background-color:#2e2c38;
	text-transform: uppercase;
}

div.wpcf7 p {
	font-weight: bold;
	padding:10px 100px;
	margin: 0;
	width:400px;
}

div.wpcf7 input, div.wpcf7 textarea {
	margin: 10px 0;
	padding: 7px 5px 5px;
	width: 450px;
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	letter-spacing: .75px;
	line-height: 1.6em;
	background:#000;
	border: 1px solid #3c3a49;
}

div.wpcf7 .file {
	margin: 10px 0;
	padding: 7px 5px 5px;
	width: 450px;
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.6em;
	background:#000;
	border: 1px solid #3c3a49;
	display: block;
}

div.wpcf7 .submit {
	margin: 0 0 20px 0;
	padding: 7px 5px 5px;
	width: 100px;
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1.5px;
	line-height: 1.6em;
	background:#000;
	border: 1px solid #3c3a49;
	cursor:pointer;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

img.ajax-loader {
	border: none;
	vertical-align: middle;
}