/***** Master Classes *****/
html,body {
  background:#ccc url(../images/bg.jpg) repeat-y top center;
  font:93.8% Geneva, Helvetica, Arial, sans-serif;
  color:#333;
	line-height:1.5em;
	font-weight:normal;
	text-align:center;
}

a {
  color:#EEE;
}

a:hover {
  color:#FFF;
}

.wrapper {
  width:960px;
  margin:0 auto;
  text-align:left;
}

#header {
  width:100%;
  height:99px;
  background:#080708 url(../images/header.bg.png) repeat-x top left;
  color:#FFF;
}

#header .logo {
  width:192px;
  height:99px;
  margin:0;
  padding:0;
  text-indent:-9999em;
  color:#FF0000;
  background:transparent url(../images/ElevationChurch.png) no-repeat top left;
  float:left;
}

#header .logo a {
  width:192px;
  padding-top:42px;
  height:57px;
  text-decoration:none;
  color:#FFF;
  float:left;
}

#otherSites {
  width:768px;
  height:23px;
  padding-top:3px;
  text-align:right;
  float:left;
}

#otherSites a {
  width:120px;
  height:22px;
  background:transparent url(../images/otherSites.png) no-repeat top left;
  text-align:left;
  text-indent:-9999em;
  float:right;
}

.input-text-left,.input-text-right {
  width:7px;
  height:22px;
  background:#FFF url(../images/input.left.png) no-repeat top left;
  float:left;
}
.input-text-right {background-image:url(../images/input.right.png);}

.input-text {
  width:144px;
  height:17px;
  padding:5px 0 0;
  font:0.8em Geneva, Helvetica, Arial, sans-serif;
  border:0;
  float:left;
}

 #ticker-stripe {
  width:100%;
  height:28px;
  background:transparent url(../images/ticker-stripe.bg.png) repeat-x top center;
}

#ticker {
  width:407px;
  height:26px;
  padding:2px 0 0;
  background:#141414 url(../images/ticker.bg.png) no-repeat top left;
  font:0.8em Geneva, Helvetica, Arial, Sans-Serif;
  letter-spacing:0 !important;
  color:#c1c1c1;
  position:relative;
  left:16px;
  float:right;
}

#ticker h2 {
  background: url("../images/ticker.bullet.png") no-repeat 93px 3px;
    color: #878787;
    display: inline;
    float: left;
    font-size: 13px;
    margin: -2px 2px 0 34px;
    padding: 0;
    text-transform: uppercase;
    width: 104px;
}


#ticker-items li {
  float: left;
  font-size: 12px;
  list-style: none outside none;
  margin-top: -1px;
  padding: 0;
  position: relative;
  width: 196px;
  color: #fff;
}

#ticker-items li {display:none;}
#ticker-items li.alpha {display:list-item;}

/* Social Icon Rules for Ticker */
.socialicons {position: absolute;}

.facebook-elevationchurch {
	top: 0;
	left: 123px;}

.twitter-elevationchurch {
	top: 0;
	left: 102px;}

.facebook-elevation_wrshp {
	top: 0;
	left: 129px;}

.twitter-elevation_wrshp {
	top: 0;
	left: 108px;}

.facebook-stevenfurtick {
	top: 0;
	left: 108px;}

.twitter-stevenfurtick {
	top: 0;
	left: 87px;}

/*End Social Icon Rules */

.plusButton,.roundButton,.roundButton-orange,.emboss {
  height:25px;
  padding:0;
  margin:0 1px 0 0;
  line-height:25px;
  vertical-align:middle;
  background:transparent url(../images/plusButton.bg.png) no-repeat top left;
  text-transform:uppercase;
  text-decoration:none !important;
  color:#BBB !important;
  float:left;
}
.plusButton:hover {color:#CCC !important;}
.plusButton span,.roundButton span,.roundButton-orange span {
  width:auto;
  height:32px;
  padding:0 28px 0 9px !important;
  background:transparent url(../images/plusButton.span.bg.png) no-repeat top right !important;
  float:left;
}

.roundButton,.roundButton-orange {
  height:32px;
  line-height:32px;
  background-image:url(../images/roundButton.bg.png);
  border:0 !important;
  color:#EEE !important;
}
.roundButton:hover,
.roundButton-orange:hover {color:#FFF !important;}
.roundButton span,
.roundButton-orange span {
  padding:0 13px 0 10px !important;
  background-image:url(../images/roundButton.span.bg.png) !important;
}

.roundButton-orange {
  background-position:bottom left;
  color:#fef4e9 !important;
}
.roundButton-orange span {background-position:bottom right !important;}

.emboss {
  height:41px;
  margin:5px 0 0 0;
  background-image:url(../images/emboss.png);
  text-transform:none;
}
.emboss-cup {
  height:17px;
  padding:12px 14px;
  background:transparent url(../images/emboss-cup.png) no-repeat top right !important;
  line-height:18px;
}

#footer {
  width:960px;
  height: 50px;
  margin:0 auto;
  padding:4px 0 0;
  border-top:solid 1px #EEE;
  text-align:left;
  font-size:0.733em;
  line-height:1.25em;
}

#footer a {
  color:#222;
  text-decoration:none;
}
#footer a:hover {text-decoration:underline;}

#footer-nav {
  width:500px;
  height:1.25em;
  padding:0;
  list-style:none;
  float:left;
}

#footer-nav li {
  display:inline;
  font-weight: normal;
}
#footer-nav li a {
  font-weight: bold;
}
#footer-nav li:after {content:' | ';}
#footer-nav li.omega:after {content:'';}

#copyright {
  width:425px;
  height:1.25em;
  text-align:right;
  float:right;
}
#copyright a {color:#AAA !important;}

.ul-select {
  width:206px;
  height:31px;
  text-transform:uppercase;
  position:relative;
  top:-4px;
  float:left;
  z-index:98;
}
.ul-select .selected {
  width:206px;
  height:31px;
  padding:0;
  margin:0 1px 0 0;
  line-height:31px;
  vertical-align:middle;
  background:transparent url(../images/ul-select.png) no-repeat top left;
  text-decoration:none;
  color:#EEE;
  position:absolute;
  z-index:90;
}
.ul-select:hover .selected {background-position:bottom left;}
.ul-select .selected span {
  padding:0 35px 0 12px !important;
  float:left;
}

.ul-select ul {
  padding:0px 0 11px 0;
  background:transparent url(../images/ul-select.end.png) no-repeat bottom left;
  list-style:none;
  display:none;
  position:absolute;
  top:31px;
  z-index:91;
}
.ul-select:hover ul {display:block;}
.ul-select ul a {
  width:181px;
  height:22px;
  padding:4px 12px;
  background:transparent url(../images/ul-select.li.png) repeat-y top left;
  text-decoration:none;
  color:#DDD;
  display:block;
}
.ul-select ul a:hover {color:#FFF; background:#888;}

.fb_share_link {
  height:16px;
  padding:0 0 0 20px;
  background:url(../images/facebook.png) no-repeat top left;
}

#video-nav {
  width:960px;
  height:25px;
  color:#5c5e5e;
  overflow:hidden;
  position:absolute;
  top:569px;
  left:0;
}

#video-nav p {
  width:960px;
  margin-right:-201px;
  float:left;
}

#video-nav em {font-style:normal;}

.loveweek-hours {
  width:100%;
  height:54px;
  padding:131px 0 0 0;
  background:#FFF url(../images/loveweek/hours.jpg) no-repeat top center;
  color:#903;
  text-align:center;
  font-size:2.8em;
  line-height:1em;
  letter-spacing:-0.1em;
}

/* Countdown Timer */

#counter_holder {
  width:368px;
  height:48px;
  padding-top:3px;
  text-align:right;
  float:right;
  position:relative;
  cursor: pointer;
}

#counter_next {
  position:absolute;
  right:138px;
  top:24px;
  font-size:0.85em;
  color:#aaa;
}

#counter,
#counter_live,
#counter_overlay,
#lcm_simlive_countdown {
	width: 131px;
	height: 27px;
	position:absolute;
	right:0;
}

#counter {
	background: url(../images/counter.png) right top;
	color: #ccc;
	font-family: Arial, sans-serif;
	line-height: 27px;
	margin: 6px 0 0;
	position: absolute;
	top: 16px;
	left: auto;
	right: 0;
	bottom: auto;
}

#counter_overlay {
	background: url(../images/counter.png) no-repeat 0 -27px;
}

#counter_overlay,
#lcm_simlive_countdown {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

#counter_h,
#counter_m,
#counter_s {
	font-size: 21px;
	font-weight: normal;
	padding: 0 0 0 7px;
	width: 57px;
	height: 27px;
	position: absolute;
	text-align:left;
	top: 0;
	left: auto;
	right: auto;
	bottom: auto;
}

#counter_h {
	left: 0;
}

#counter_m {
	left: 0;
}

#counter_s {
	left: 67px;
}

#counter_live {
	text-align: center;
	position:absolute !important;
  right:0 !important;
  top:24px !important;
  z-index:99;
}
#counter_live a {
  color: #fff !important;
}

#counter_live a:hover {
  text-decoration:none !important;
}

#videoembed {visibility: hidden; outline: none; margin-top:8px;}

/*iPhone 4 detection*/
#iphone4bug {display:block; visibility: hidden;}
@media all and (-webkit-min-device-pixel-ratio:2) {
	#iphone4bug {display:inline;}
}

