/* =================================================================
	RESET AND REBUILD
================================================================= */

	/* http://meyerweb.com/eric/tools/css/reset/ */
	/* v1.0 | 20080212 */
	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}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

	html { height:100%; }

	/* Font size */
	body { font-size:15px; line-height:20px; }
	h1,h2,h3,h4,h5,h6 { line-height:1em; }

	/* Rebuild margins */
	ol { list-style-type:decimal; }
	ul { list-style-type:disc; }
	li { margin-left:30px; }
	p,dl,hr,ol,ul,pre,table,address,fieldset { margin-bottom:20px; }

	/* http://sonspring.com/journal/clearing-floats */
	.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }

	input,select,textarea{font-size:100%; font-family:inherit;}


/* =================================================================
	TEXT
================================================================= */

	body { font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
	h1,
	#sermon-title { font-family:Georgia, "Times New Roman", Times, serif; }

	a { white-space:nowrap; }

/* =================================================================
	LAYOUT
================================================================= */

	body { background:url(/assets/icampus/bg-repeat.png) 50% 0 repeat; }

	.container { width:960px; margin:0 auto; }

	#no-script { position:fixed; top:0; left:0; z-index:1000; width:100%; height:100%; background:url(/assets/global/black-75.png) 0 0 repeat; }
	#no-script-content { width:300px; margin:200px auto 0 auto; padding:20px; border:15px solid #494949; background:#FFF; }

	#lights { position:absolute; top:0; left:0; z-index:99; width:100%; height:410px; background:url(/assets/icampus/bg.jpg) 50% 0 no-repeat; }

	#wrapper { position:relative; z-index:100; }


/* =================================================================
	NAV
================================================================= */
	#header { position:absolute; top:0; left:0; z-index:101; width:100%; height:61px; background:url(/assets/icampus/sprite-01.png) 0 -360px repeat-x; }
	#logo { float:left; display:block; width:323px; height:61px; margin-left:15px; background:url(/assets/icampus/sprite-01.png) 0 -421px repeat-x; overflow:hidden; text-indent:-9999px; }
	#header ul { float:left; margin:18px 0 0 80px; list-style:none; font-size:12px; }
	#header li { display:block; float:left; height:30px; margin:0; line-height:30px; }
	#header li span { cursor:pointer; }
	#header li span,
	#header li a { display:block; float:left; padding:0 20px 0 28px; font-weight:bold; color:#9B9B9B; background:url(/assets/icampus/sprite-01.png) -940px 0 no-repeat; text-decoration:none; }
	#header li span:hover,
	#header li a:hover { color:#FFF; background-position:-940px -90px; }
	#header li#lights-toggle span { padding-left:16px; background-position:-940px -60px; }
	#header li#lights-toggle span:hover { background-position:-940px -150px; }
	#header li#help a { padding-left:20px; padding-right:0; background-position:-940px -30px; }
	#header li#help a:hover { background-position:-940px -120px; }


/* =================================================================
	STAGE (video, description, and chat)
================================================================= */

	/* Stage */
		#stage { position:relative; z-index:100; height:410px; }

		/* Center = left:205px; */
		#stage-content { position:absolute; top:90px; left:0; z-index:100; width:550px; height:360px; background:url(/assets/icampus/sprite-01.png) 0 0 no-repeat; }


	/* Player */
		#player-wrapper { position:absolute; top:0; left:20px; z-index:100; width:478px; height:328px; padding:16px; background:url(/assets/icampus/sprite-01.png) -20px 0 no-repeat; }
		#lcm_video { display:none; }
		#lcm_simlive_countdown { position:absolute; bottom:24px; left:16px; width:465px; height:50px; padding-left:15px; line-height:50px; background:url(/assets/global/black-75.png) 0 0 repeat; color:#FFF; font-size:13px; }

	/* When live */
		body.live #video_image,
		body.live #lcm_simlive_countdown { display:none; }
		body.live #lcm_video { display:block; }


	/* Description and chat */
		/* Show = left:531px;  Hide with tag = left:165px;  Hide completetly = left:140px; */
		#description,
		#chat { position:absolute; top:0; left:165px; z-index:99; width:384px; height:340px; padding:20px 0 0 6px; background:url(/assets/icampus/sprite-01.png) -550px 0 no-repeat; }
		#chat-entries-wrapper { width:347px; height:254px; padding:5px; margin-bottom:8px; overflow:auto; }
		.chat-on #chat-entries-wrapper { background:#FFF; }
		#chat-entries { list-style:none; margin:0;}
		#chat-entries li { display:block; margin:0; padding:5px 0; border-bottom:1px dotted #CCC; line-height:20px; font-size:13px; background:#FFF; overflow:hidden; cursor:default; }

		#chat-entries li.system { padding-left:7px; font-style:italic; color:#777; }
		#chat-entries li.stats,
		#chat-entries li.commands { padding-left:7px; font-size:12px; color:#444; }
		#chat-entries li.userlist { text-align:right; }

		/* Names */
		#chat-entries span,
		#chat-entries strong { margin-right:5px; padding:2px 4px; font-size:11px; font-weight:normal; background:#AAA; color:#FFF; cursor:pointer;
			-webkit-border-radius: 3px;
			-moz-border-radius: 4px;
			border-radius: 3px; }
		#chat-entries .moderator { background:#9F181C; }
		#chat-input { width:270px; height:20px; line-height:20px; padding:2px 5px; border:none; background:transparent; color:#FFF; font-size:14px; }
		#chat-submit { position:absolute; bottom:41px; right:27px; width:68px; height:28px; background:url(/assets/icampus/sprite-01.png) -323px -421px no-repeat; }
		.chat-participant #chat-submit { background-position:-392px -421px; }

		#description { left:580px; width:315px; height:290px; top:20px; z-index:98; font-size:14px; color:#C2C2C2; background:none; }
		#series-title { font-size:27px; color:#FFF; }
		#sermon-title { display:block; margin-bottom:15px; font-size:19px; font-style:italic; color:#FDFFCA; }
		#description p { line-height:20px; }
		#icampus-times { width:280px; font-size:11px; line-height:14px; margin:-4px 0 0 0; }

		#chat-toggle { position:absolute; top:80px; right:0; display:block; width:26px; height:180px; cursor:pointer; }


/* =================================================================
	CONNECT
================================================================= */

	#connect { position:absolute; top:410px; width:100%; height:450px; padding:75px 0 50px 0; background:#5F5F5F url(/assets/icampus/bg.jpg) 50% -410px repeat-x; }
	#connect-container { position:relative; width:920px; margin:0 auto; }

	#map { overflow:hidden; }

	#connect-tabs { list-style:none; margin:0; height:58px; background:url(/assets/icampus/sprite-01.png) 0 -550px no-repeat; }
	#connect-tabs li { float:left; display:block; margin:0 6px 0 0; }
	#connect-tabs a { display:block; width:112px; height:58px; overflow:hidden; text-indent:-9999px; background:url(/assets/icampus/sprite-01.png) 0 -483px no-repeat; }

	#connect-tabs li.on a#map-link { background-position:-142px -483px; }
	#connect-tabs a#prayer-link { background-position:-284px -483px; }
	#connect-tabs li.on a#prayer-link { background-position:-426px -483px; }
	#connect-tabs a#contact-link { background-position:-567px -483px; }
	#connect-tabs li.on a#contact-link { background-position:-710px -483px; }
	#connect-tabs a#give-link { background-position:-852px -483px; }
	#connect-tabs li.on a#give-link { background-position:-994px -483px; }

	#share { position:absolute; top:0; right:20px; }
	#share ul { float:left; list-style:none; }
	#share li { float:left; margin:0; }
	#share span,
	#share li a { float:left; display:block; width:34px; height:34px; margin-left:7px; overflow:hidden; text-indent:-9999px; background:url(/assets/icampus/sprite-01.png) -323px -449px no-repeat; }
	#share span { width:105px; margin-right:10px; }
	#share li#share-facebook a { background-position: -443px -449px; }
	#share li#share-email a { background-position: -485px -449px; }
	#share li#share-twitter a { background-position: -526px -449px; }

	#connect-content { overflow:auto; width:870px; max-height:440px; padding:10px 14px 10px 14px; border-width:0 1px; border-style:solid; border-color:#616161; background:#D7D7D7; }

	#map { width:870px; height:350px; }

	#prayer,
	#contact,
	#give { display:none; }

	#connect-footer { overflow:hidden; height:10px; background:url(/assets/icampus/sprite-01.png) 0 -636px no-repeat; }



	#dev { position:fixed; bottom:0; left:50px; z-index:9999; }

/* =================================================================
	CONTACT FORM
================================================================= */

	#contact-form,
	#contact-form input,
	#contact-form select,
	#contact-form textarea { color:#555; }
	#contact-form ol { overflow:hidden; margin:0; list-style:none; }
	#contact-form li { margin:0; }
	#contact-form h2 { color:#888; padding:10px 0; font-size:14px; }

	#contact-form .info { position:relative; float:left; width:400px; }
	#contact-form .info li { float:left; }
	#contact-form .info label { display:none; }
	#contact-form .info input,
	#contact-form .info textarea { border:1px solid #CCC; height:30px; padding-left:10px; margin:0 5px 2px 0; line-height:30px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }

	#contact-form .info #MessageName { width:280px; padding-left:110px; }

	#MessageSalutation { position:absolute; top:42px; left:10px; width:90px; border:1px solid #CCC; font-size:13px; }

	#contact-form .info textarea { width:380px; height:70px; }

	#MessageEmail,
	#MessagePhone,
	#MessageAddress { width:380px; }

	#MessageCity { width:130px; }
	#MessageState { width:45px; }
	#MessageZip { width:55px; }
	#MessageCountry { width:95px; }

	#MessageMaritalStatus, #MessageAgeGroup { margin:5px 5px 0 0; padding:4px; }

	#contact-form .decision { float:right; width:460px; font-size:14px; }
	#contact-form .decision ol { padding:10px 7px; border:1px solid #CCC; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#FFF; }
	#contact-form .decision ol.nextSteps { margin-bottom:20px; }
	#contact-form .decision li { padding-bottom:10px; }
	#contact-form .decision input { margin-right:7px; }

	#contact-form .submit { text-align:right; }
	#contact-form .decision #contact-submit { width:132px; height:28px; margin:0; background:url(/assets/icampus/sprite-01.png) -688px -421px no-repeat; }

	#contact-success { display:none; }
	#contact-success img { background:url(/assets/icampus/sprite-01.png) -820px -421px no-repeat; cursor:pointer; }