/* Reset
----------------------------------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,
dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,
sup,tt,var,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
:focus{outline:0}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}

form div { float: left; margin-bottom: 0.75em; width: 100%; }
form div label { float: left; }
form div input, form div textarea, form div select { float: right; }
input, textarea, select, label { padding: 3px; }
textarea { overflow: auto; }
label { text-align: right; }
a img { border: 0; padding: 0; }

img { border: 1px solid #333; margin: .5em; padding: 2px; }
img.noborder { border: 0; padding: 0; margin: 0; }

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

sup { font-size: .83em; vertical-align: top; }

/* Structure background-color: #b53030;
----------------------------------------------------------------------------------------- */
body { background: #000 url('../images/bg/rotate.php') no-repeat top center;  }
#header { height: 220px; padding-top: 1em;  }
#header a#logo { background: transparent url('../images/logo.png') no-repeat top left; display: block; float: left; height: 126px; text-indent: -9999px; width: 311px; }
#header #twitter { float: right; margin-top: 1em; }
#header #twitter p { margin-bottom: 0; }
#header #nav { height: 35px; margin-top: 2em; }
#header #nav li { background: transparent url('../images/nav-bg.png') repeat-x top left; display: block; float: left; list-style: none; width: 115px; }
#header #nav li.first, #header #nav li.last { width: 9px; }
#header #nav li.first { background: transparent url('../images/nav-left.png') no-repeat top left; }
#header #nav li.getinvolved { width: 116px; }
#header #nav li.last { background: transparent url('../images/nav-right.png') no-repeat top left; }
#header #nav li a { display: block; width: 100%; }

.verses li { margin-bottom: .5em; }


blockquote { font-style: italic; }
blockquote p { margin-bottom: 0.8em; }

form label { width: 100px; }
form input { width: 340px; }
form textarea { height: 130px; width: 343px; }
form .buttons input { width: 120px; }

#friends { margin-top: 4em; }
.friend { height: 220px; }
.friend div { float: right; width: 300px; }
.friend .image { float: left; width: 150px; }


#footer { border-top: 1px solid #dbdbdb; margin-top: 2em; padding-top: 1em; }

/* Typography
----------------------------------------------------------------------------------------- */
body { color: #fff; font: 85%/1.5 Helvetica, Arial, Verdana, sans-serif; }
h1, h2, h3, h4, h5, h6 { color: #fff; font-family: Helvetica, Arial, sans-serif; font-weight: normal; }
h1 { font-size: 2em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.6em; margin-bottom: 0.5em; }
h3 { font-size: 1.4em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { margin-bottom: 1.5em; }
h5, h6 { font-size: 1em; font-weight: bold; }
a { color: #fff; text-shadow: none; }
p { margin-bottom: 1.5em; }
input, textarea { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 1em; }

#header #twitter a { text-decoration: none; }
#header #twitter a span { text-align: right; text-decoration: underline; }
#header #twitter a:hover span { text-decoration: none; }
#header #nav li { font-size: 1.4em; line-height: 35px; }
#header #nav li a { text-align: center; text-decoration: none; }
#header #nav li a:hover { font-weight: bold; }

.blurb { font-family: "gesta-1","gesta-2", Helvetica, Arial, sans-serif !important; font-weight: 100; font-size: 1.6em; text-align: center;  }
#homepage { font-size: 2.5em; }

.verses li { margin-left: 18px; list-style: decimal; }

#footer a:hover { text-decoration: none; }
#footer .omega { text-align: right; }