@charset "utf-8";
/* Pastor Dave CSS */

/***** Colors *****/
/* White: #ffffff
/* Gray-Light: #828282
/* Gray-Med: #2d2d2f
/* Gray-Dark: #0f0f11
/* Black: #000000
/* Yellow: #e98c1d
/* Red: #4A0000
/* Blue-Med: #1f48b4
/* Blue-Dark: #1a2f67

/***** Whitespace Reset *****/
html, body, div, p, h1, h2, h3, h4, h5, h6, ol, ul, li, span, a, img, a img, form
{
	border:0;
	margin:0;
	padding:0;
  outline:none;
}

/***** Base Styling *****/
body
{
	width:862px;
	margin:30px auto;
	color:#ffffff;
	background:#4A0000 url(images/outerGlowLarge.png) no-repeat center 10px;
	font:14px Arial, Helvetica, sans-serif;
}

body.welcome
{
	background-image:url(images/outerGlow.png);
}

h1
{
	padding:10px 10px 10px 38px;
	background:#0f0f11 url(images/bullet.png) no-repeat 12px center;
	text-transform:uppercase;
	font-size:18px;
	font-weight:normal;
}

h2, h3
{
	text-transform:capitalize;
	font-size:14px;
  font-weight:bolder;
}

h2:before
{
	content:">> ";
}

p
{
	margin:4px 0;
	color:#828282;
}

p.prime, p.blog
{
	margin:0 0 20px 0;
	color:#ffffff;
}

ul, ol
{
	color:#828282;
	text-transform:capitalize;
}

/***** Links *****/
a, a:link, a:visited
{
	color:#FFFFFF;
	text-decoration:none;
}

a:hover, a:active
{
	color:#FFFFFF;
	text-decoration:underline;
}

#navigation a, #navigation a:link, #navigation a:visited
{
	color:#828282;
	background:url(images/gtDark-trans.png) no-repeat top left;
}

#navigation a:hover, #navigation a:active
{
	color:#828282;
	background:url(images/gtLight-trans.png) no-repeat top left;
}

a#current, a#current:link, a#current:visited
{
	color:#ffffff;
	background:url(images/gtLight-trans.png) no-repeat top left;
}

a#current:hover, a#current:active
{
	color:#ffffff;
	background:url(images/gtLight-trans.png) no-repeat top left;
}

/***** Wrapper *****/
#wrapper
{
	height:960px;
	background:#2d2d2f;
  border:1px outset #0f0f11;
  overflow:hidden;
	position:relative;
}

/***** Banner Navigation *****/
#navigation
{
	height:85px;
	background:url(images/bannerGradient.png) repeat-x;
	border-bottom:6px solid #2d2d2f;
	position:relative;
}

#navigation a img
{
	position:absolute;
	top:20px;
	left:40px;
}

#navigation ul
{
	padding-top:10px;
	position:absolute;
	top:35px;
	left:160px;
}

#navigation li
{
	padding:10px 13px;
	border-left:2px solid #2d2d2f;
	display:inline;
}

#navigation a
{
	padding-top:10px;
}

/***** Content *****/
#content
{
	padding:20px;
  position:relative;
}


p.prime
{
	width:600px;
	position:relative;
  left:210px;
  top:-225px;
}

img#prime, img.sermon, img.series
{
	border:3px inset #2d2d2f;
}

p.note
{
	width:180px;
}

div.series, div.sermon
{
	width:600px;
	position:relative;
  left:205px;
  top:-673px;
}

div.series.conf, div.sermon.conf
{
	width:600px;
	position:relative;
  left:205px;
  top:-589px;
}

img.series
{
	margin-right:15px;
	border-width:2px;
  float:left;
}

.sermon .spacer, .series .spacer
{
	width:100%;
	height:5px;
  margin:15px 0;
}

.sermon .pipe
{
	width:5px;
  height:100px;
	margin-right:35px;
	float:left;
}

.sermon .specialPipe
{
	width:5px;
  height:300px;
	margin-right:35px;
	float:left;
}

.sermon h2
{
	position:relative;
  left:-20px;
}

.sermon p
{
	font-size:smaller;
}

.sermon p.video
{
	width:110px;
	margin-right:15px;
  padding:0;
  float:left;
}

.sermon p a.media
{
	width:70px;
  height:33px;
  padding:8px 0 0 0;
  display:inline-block;
  text-align:center;
  background:transparent url(images/mediaButtons.png) 0 0 no-repeat;
}

a#watch
{
	background-position:-74px 0;
}

a#listen
{
	background-position:-148px 0;
}

.hidden
{
	display:none;
}

#player
{
	width:500px;
	padding-top:6px;
	float:left;
}

#intro
{
	width:300px;
	float:right;
}

#chooser
{
  clear:both;
}

#chooser > img
{
	padding:40px 0;
}

#chooser table
{
	width:100%;
}

#chooser h2
{
	position:absolute;
  bottom:-10px;
  right:60px;
}

#wrapper.welcome
{
	width:100%;
  height:815px;
}

div.welcome
{
	width:251px;
  position:absolute;
}

div.welcome + div.welcome
{
  left:305px;
}

div.welcome + div.welcome + div.welcome
{
	left:590px;
}

.welcome .pipe
{
	width:5px;
  height:370px;
	position:absolute;
  left:-20px;
}

.welcome .series
{
	margin:15px 0 0;
	border:2px inset #2d2d2f;
  float:none;
}

.welcome h2
{
	margin:11px 0 0 24px;
  text-indent:-20px;
}

.welcome p
{
	margin:0 0 11px 24px;
}

.welcome ol, .welcome ul
{
	margin-left:44px;
}