/*

	File: screen.css
	Media: screen
	Copyright: (c) 2010 Hope Believe Obey


/* Reset Defaults
--------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}

.float-left { float: left; clear: left; }
.float-right { float: right; clear: right; }
.margin-right-5 { margin-right: 5px; }
.margin-right-10 { margin-right: 10px; }
.margin-right-15 { margin-right: 15px; }
.margin-right-20 { margin-right: 20px; }
.margin-right-25 { margin-right: 25px; }
.margin-right-30 { margin-right: 30px; }

/* Fonts
--------------------------------------------------------------------------------------- */


@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('../fonts/League_Gothic-webfont.eot');
    src: url('../fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/League_Gothic-webfont.woff') format('woff'),
         url('../fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('../fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Basic Selectors
--------------------------------------------------------------------------------------- */

html { background: #131315 url(../images/bg/bg_html.jpg) fixed;  }
body { font: normal 62.5% Arial, Helvetica, Verdana, sans-serif; color: #fff; }


h3 { font-size:2.6em; color: #304249; font-family: "HelveticaNeueLight", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 200; line-height: 1em; }
h1, h2, h4, h5, h6 {   font-family: "HelveticaNeueLight", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.6em; color: #666666;}
p { font-size:1.2em; line-height:1.8em; margin:12px 0; }
small { font-size:1.1em;}
form { font-size: 1.2em; }



/* Links
--------------------------------------------------------------------------------------- */

a {font-weight: bold; text-decoration: none;}
a:link { color: #12cfe0;}
a:visited { color: #12cfe0;}
a:hover { color: #999999; text-decoration: underline;}
a:active { color: #12cfe0;}

.btn_purchase { display:block; width: 150px; height: 40px; text-indent: -9999px; background: transparent url(../images/btn/btn_purchase.jpg) top left no-repeat; }
.btn_purchase:hover { background-position: top right;}

.btn_details { display:block; width: 128px; height: 34px; text-indent: -9999px; background: transparent url(../images/btn/btn_details.jpg) top left no-repeat; }
.btn_details:hover { background-position: top right;}


/* Main Structural Selectors
--------------------------------------------------------------------------------------- */
.container { margin: 24px auto 0 auto; padding: 0; width: 960px; overflow: hidden; }
.header { margin: 0; padding: 0; overflow: hidden; width: 960px; height: 188px; }
.content { width: 960px; overflow: hidden; position: relative; color: #fff; margin: 24px 0 0 0; background: transparent url(../images/bg/bg_content.png) 0 0 repeat-y; }
.footer { width: 940px; margin: 8px auto 0 auto; padding: 0 3px 20px 3px; color: #555; overflow: hidden; background: transparent url(../images/bg/bg_footer.jpg) top center no-repeat; }

body.home .content_top { background: none; padding: 0; margin: 24px 0 0 0; }
body.home .content_bottom { background: none; padding: 0; }
body.home .content { background: none; }

body.home { background: transparent url(../images/bg/bg_body_home.jpg) top center no-repeat; }
body.no_bg .content { background:none; }


/* Header Layout
--------------------------------------------------------------------------------------- */

.header h1 { float: left; margin:0; width: auto; }

.header_callout { float: right; display: inline; width: 734px; height: 188px; background: transparent url(../images/bg/bg_callout.png) 0 0 no-repeat;  }
.header_callout h2 { color: #fff; font-size: 2.3em; line-height: 3em; margin: 33px 30px 0 30px; }
.header_callout h2 .cufon { margin-bottom: 10px;}
span.red { color: #a21c12; }



/* Content
--------------------------------------------------------------------------------------- */

.donate { width: 900px; padding: 30px; position: relative; }
.banner { width: 930px; padding: 30px 0 30px 30px; position: relative; }
.banner h3 { font-size: 5em; color: #ffde00; text-align: center; padding-bottom: 15px; }
.banner_left { float: left; display: inline; width: 500px; overflow: hidden; margin: 00; }
.banner_right { float: right; display: inline; width: 370px; overflow: hidden; margin: 0; }
.banner_left h1 { color: #fff; font-size: 3.4em; margin: 0; padding: 0; font-weight: normal; }
.banner_left h4 { color: #fff; font-size: 3.4em; margin: 0; padding: 0; font-weight: normal; }
.banner_right h2 { color: #fff; margin: 24px 0; text-align: center; }
.banner_right h2 a { color: #fce303; }
.banner_left h2 { color: #fff; margin: 14px 0 0 0; font-size: 1.8em; }
.banner_left h2 a { color: #fce303; }
.photos { width: 100%; overflow: hidden; }
.photos img { float: left; display: inline; margin: 20px 20px 0 0; border: 10px solid #1b1b1d; }
.banner p { margin: 24px 0 0 0; width: 900px; }

.graph { width: 370px; height: 120px; background: transparent url(../images/bg/bg_graph.png) 0 0 no-repeat; }
.graph_bar { width: 370px; height: 50px; background: #a21c12; margin-top: 40px; float: left; }
.graph h4 { width: 100%; margin: 15px 0 0 0; font-size: 1.4em; color: #ffffff; text-align: center;  }

.video_description { width: 370px; float: right; display: inline; color: #fff; margin-right: 30px; }
.video_description h1 { font-size: 3em; color: #fff; }

.movie_night h3 { color: #f09db5; }
.movie_night_left { width: 300px; }
.movie_night_right { width: 565px; margin: 15px 0 0 0; }
.movie_night_right h4 { color: #fff; font-size: 3.4em; margin: 0; padding: 0; font-weight: normal; letter-spacing: -.08em; }
.movie_night_right p { line-height: 2.2em; font-size: 1.4em; margin: 20px 0; }
span.pink { color: #f09db5; }

.left_column { float: left; display: inline; margin: 30px 0 30px 30px; overflow: hidden; width: 280px; }
.left_column h3 { font-size: 3em; color: #fff; margin: 0 0 24px 0; }
.left_column h4 { color: #fff; text-transform: uppercase; margin: 24px 0 12px 0; }
span.orange { color: #cf8d2d; }
span.blue { color: #12cfe0; }



.shirt_row { overflow: hidden; clear: both; margin-bottom: 24px; }
.shirt_box_left { width: 128px; float: left; display: inline; overflow: hidden; }
.shirt_box_right { width: 128px; float: right; display: inline; overflow: hidden; }


.content ul, .content dl, .content ol { margin: 16px 0; }
.content ul li, .content dl dd { list-style: disc; display: list-item; margin-left: 32px; padding-left: 4px; font-size: 1.2em; line-height: 1.3em; margin-bottom: 6px; }
.content ol li { display: list-item; margin-left: 32px; padding-left: 4px; font-size: 1.2em; line-height: 1.3em; margin-bottom: 6px; }

ul.icons { margin: 10px 0 0 0; overflow: hidden; list-style: none; }
ul.icons li { float: left; margin: 0 12px 0 0; display: inline; list-style: none; }


/* Footer Layout
--------------------------------------------------------------------------------------- */

.footer .cm { float: right; display: inline; margin-top: 8px; width: 170px; height: 15px; }
.cm img { width: 170px; height: 15px; }
.footer img.church { float: left; display: inline; margin-top: 6px; width: 28px; height: 39px; }

.copyright { width: 100%; float: right; display: inline; margin-top: 8px; }
.copyright p { font-size: 1.1em; margin: 0 0 4px 0; }
.copyright p.last { margin-bottom: 0; }

p.no_margin { margin-top: 0; }


/* Variants
--------------------------------------------------------------------------------------- */

.alternate_right { float: right; }
.alternate_left { float: left; }


/* C.O.A.L.
--------------------------------------------------------------------------------------- */

.content.coal { width: 500px; padding: 30px 30px 45px 30px; margin: 24px auto 0 auto; }

.content.coal h1, .content.coal h2 { font-family: 'LeagueGothicRegular', Helvetica, Arial, sans-serif; font-size: 6.4em; text-transform: uppercase; color: #ffffff; font-weight: 200; letter-spacing: .05em; text-align: center; }
.content.coal h1 span { color: #e42618; }
.content.coal h2 { font-size: 3.4em; letter-spacing: .1em; }

input.btn_coal { display: block; font-size: 2.4em; padding: 12px 0; background: #a21c12; border: 0; -moz-border-radius: 6px; -webkit-border-radius:6px; color: #ffffff; margin: 30px auto 0 auto; width: 95%; text-transform: uppercase; font-family: 'LeagueGothicRegular', Helvetica, Arial, sans-serif; letter-spacing: .05em; }
input.btn_coal:hover { background: #e42618; }