/*   
Theme Name: Newsong Church
Author: Various
*/

/* COLORS
** Matte Color for Rotating Words (GIF): #747474
** Links: #22a7af
** Accent: #00C0F3
** Background: #030303;
***********************************************************************/

/* GLOBAL
***********************************************************************/
html { background: #030303; }
body { color: #fff; font: 87.5%/1.5 Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; }
a:link, a:visited, a:hover, a:active { color: #22a7af; }
a:hover { text-decoration: none; }

h1, h2, h3, h4, h5, h6 { font-family: Bebas, Helvetica, "Helvetica Neue", Arial, sans-serif; margin: 0 0 0.5em 0; word-spacing: 0.25em; }
h1 { font-size: 255%; }
h2 { font-size: 218%; }
h3 { font-size: 164%; }
h4 { font-size: 145%; }
h5 { font-size: 127%; }
h6 { font-size: 100%; }

img { margin-bottom: 0.5em; }

/* CONTAINER
***********************************************************************/
#container { background: url(images/bg_container.png) no-repeat; width: 961px; height: 664px; margin: 0 auto; position: relative; }

/* LOGO
***********************************************************************/
#logo { position: absolute; top: 102px; left: 92px; z-index: 10; width: 210px; height: 105px; display: block; background: url(images/sprite.png) no-repeat; outline: none; text-indent: -9999em; background-position: -458px -130px; }
body.home #logo { background-position: -248px -130px;
	_background-position: -249px -130px; /* our sprite is 1px off in IE6 */ }

/* ROTATOR
***********************************************************************/
#rotator, #content { position: absolute; top: 29px; left: 70px; width: 821px; height: 518px; }
#rotator { margin: 0; background: url(images/slide_default.jpg) no-repeat; /* displayed only if javascript is disabled */ }
#rotator li { list-style: none; display: none; }

/* NAVIGATION
***********************************************************************/
#navigation { 
	margin: 0; background: url(images/sprite.png) no-repeat; height: 53px; position: absolute; top: 49px; left: 48px; z-index: 10; 
	padding-left: 26px; width: 840px; /* width = 866 - left padding */ }
#navigation li { float: left; list-style: none; }
#navigation a { display: block; height: 36px; background: url(images/sprite.png) no-repeat; text-indent: -9999em; outline: none; }

#nav_home a { width: 85px; background-position: 0 -55px; }
#nav_home a:hover, #nav_home a.current { background-position: 0 -91px; }
#nav_donate a { width: 100px; background-position: -85px -55px; }
#nav_donate a:hover, #nav_donate a.current { background-position: -85px -91px; }
#nav_latest-news a { width: 152px; background-position: -185px -55px; }
#nav_latest-news a:hover, #nav_latest-news a.current { background-position: -185px -91px; }
#nav_get-involved a { width: 156px; background-position: -337px -55px; }
#nav_get-involved a:hover, #nav_get-involved a.current { background-position: -337px -91px; }
#nav_ryans-blog a { width: 146px; background-position: -493px -55px; }
#nav_ryans-blog a:hover { background-position: -493px -91px; }
#nav_about-us a { width: 119px; background-position: -639px -55px; }
#nav_about-us a:hover, #nav_about-us a.current { background-position: -639px -91px; }
#nav_logo a { width: 65px; background-color: transparent; background-image: none; }

/* BIG BUTTONS
***********************************************************************/
#big-buttons { margin: 0; position: absolute; top: 95px; right: 47px; }
#big-buttons li { list-style: none; background: url(images/sprite.png) no-repeat 0 -130px; width: 248px; height: 154px; position: relative; }
#big-buttons a { display: block; }
#big-buttons img { border: 3px solid #000; margin: 8px; }
#big-buttons img:hover { border-color: #fff; }

#button-1 { z-index: 10; }
#button-2 { margin-top: -9px; z-index: 15; }
#button-3 { margin-top: -9px; z-index: 20; }

/* CONTENT
***********************************************************************/
#content { background: url(images/bg_content.jpg) no-repeat; }
#content .inner { background: url(images/bg_black.png) repeat-y; float: right; margin: 73px 20px 0 0; overflow: auto; 
	position: relative; /* fixes cufon "fixed" issue with IE7 */ 
	padding: 20px; width: 488px; /* width = 528 - left and right padding */
	height: 387px; /* height = 427 - top and bottom padding */
	scrollbar-face-color: #22a7af; scrollbar-track-color: #ceced5; scrollbar-highlight-color: #bbbdbf; scrollbar-darkshadow-color: #848287; scrollbar-arrow-color: #fff; /* for IE only */ }
#content h1, #content h3, #content h4, #content h5, #content h6, 
.page-id-3 #content h2, .page-id-7 #content h2, .page-id-11 #content h2 { color: #00C0F3; }
body.blog #content h3 { color: #fff; }
#content p + h3 { margin-top: 1em; }

div.meta { margin: -10px 0 0.5em 0; }
div.meta span { margin-right: 10px; color: #888; font-size: 0.714em; text-transform: uppercase; }

/* FOOTER (WORDS, COUNTDOWN, ICONS)
***********************************************************************/
#footer { background: url(images/sprite.png) no-repeat 0 -290px; width: 821px; position: absolute; top: 547px; left: 70px; }
#footer p { float: right; margin-top: 15px; color: #fff; margin-right: 20px; font-size:13px }

#words { margin: 0; width: 480px; height: 55px; float: left; 
	background: url(images/words_default.gif) no-repeat; /* displayed only if javascript is enabled */ }
#words li { list-style: none; display: none; }

#countdown { width: 315px; height: 55px; float: right; margin-right: 5px; outline: none; }
#countdown p { font-size: 0.818em; padding: 6px; 
	position: relative; z-index: 10; /* this fixes the "install flash" link not being clickable. */ }
#countdown a { color: #000; }

#icons { margin: 0; position: absolute; top: 64px; left: 9px; }
#icons li { list-style: none; display: inline; margin-right: 8px; }

/* MISCELLANEOUS
***********************************************************************/
.wp-caption { border-width: 1px; padding: 5px; background-color: #000; border-color: #333; border-style: solid; text-align: center; font-style: italic; }
.wp-caption.alignright { float: right; margin: 0 0 10px 10px; }
.wp-caption p { font-size: 12px; margin-bottom: 0; color: #fff; }