/*   
Theme Name: YOTN VII
Theme URI: http://www.finenoises.com/
Description: Theme Designed for YOTN Vii
Author: Design: Nathen Ram, Coding: Jono Hale
Author URI: http://www.jonohale.co.nz
Version: 1.0
.
Licensed for yotn.net.nz, All rights reserved by Youth of the Nation Conference.
.
*/
body {
	margin: 0;
	padding: 0;
	background: url(images/background.jpg) center top no-repeat #265d96;

}

#wrapper {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
#header {
	
}

#logo {
	background: url(images/logo.png) center top no-repeat;
	width: 960px;
	height: 324px;
	z-index: 10;
	margin-top:40px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#menu {
	height: 55px;
	background: none;
	z-index: 5;
	margin-top: -45px;
	margin-left:-30px;
	padding-top: 15px;
	font-family: sans-serif;
	font-size: 16px;
	font-weight: bold;
	background: repeat-x;
	width:1020px;

}

#menu ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
z-index: 20;
position: relative;
text-align: center; //set value to "left", "center", or "right"*/
	
}

#menu ul li{
display: inline;
}

#menu ul li a{
color: #000;
padding: 0; /*top padding is 6px, bottom padding is 4px*/
margin-right: 0px; /*spacing between each menu link*/
text-decoration: none;
}

#menu ul li a:hover, .underlinemenu ul li a.selected{
color: #333;
}

#menu .home {float:left;}
#menu .home a { background:url(images/nav/homebutton1.jpg) top center no-repeat; height:0px; width:192px; display:block; overflow:hidden; font-size:1px; padding-top:44px;}
#menu .home a:hover {background:url(images/nav/homebutton2.jpg) top center no-repeat;}

#menu .register {float:left;}
#menu .register a { background:url(images/nav/register1.jpg) top center no-repeat; height:0px; width:156px; display:block; overflow:hidden; font-size:1px; padding-top:44px;}
#menu .register a:hover {background:url(images/nav/register2.jpg) top center no-repeat;}

#menu .guests {float:left;}
#menu .guests a { background:url(images/nav/guests1.jpg) top center no-repeat; height:0px; margin-left:10px; width:163px; display:block; overflow:hidden; font-size:1px; padding-top:44px;}
#menu .guests a:hover {background:url(images/nav/guests2.jpg) top center no-repeat;}

#menu .links {float:left;}
#menu .links a { background:url(images/nav/links1.jpg) top center no-repeat; height:0px; width:169px; display:block; overflow:hidden; font-size:1px; padding-top:44px;}
#menu .links a:hover {background:url(images/nav/links2.jpg) top center no-repeat;}

#menu .media {float:left;}
#menu .media a { background:url(images/nav/media1.jpg) top center no-repeat; height:0px; width:161px; display:block; overflow:hidden; font-size:1px; padding-top:44px;}
#menu .media a:hover {background:url(images/nav/media2.jpg) top center no-repeat;}

#menu .contact {float:left;}
#menu .contact a { background:url(images/nav/contact1.jpg) top left no-repeat; height:0px; width:160px; display:block; overflow:hidden; font-size:1px; padding-top:44px;}
#menu .contact a:hover {background:url(images/nav/contact2.jpg) top left no-repeat;}

#media-hub{
	background:;
	height: 388px;
	width:1000px;
	margin-left:-20px;
}
#media-hub #guestsfp {width: 960px; margin-left:0px; height:160px;}

#media-hub #media {
	height: 164px;
	width: 1000px;
	float: left;
	background: #fff;
}
#media ul {margin:0; padding:0; list-style:none; }
#media ul a {}
#media .registernow a {width:320px; height:0px; padding-top:164px; display:block; background:url(images/registerbutton.jpg) top right no-repeat;  overflow:hidden; float:left;}
#media .promovid a {width: 360px; height:0px; padding-top:164px; display:block; background: url(images/promovidbutton.jpg) top center no-repeat; overflow:hidden; float:left;}
#media .contactus a {width:320px; height:0px; padding-top:164px; display:block; background:url(images/contact_button.jpg) top left no-repeat; overflow:hidden; float:left;}

#social {
	height: 50px;
	width: 780px;
	float:left;
	font-family: sans-serif;
	color: #fff;
	padding: 5px;
	margin-left:20px;
	padding-left:80px;
	padding-right:100px;
	background:url(images/lightbluebg.png);
}

#social ul {
list-style: none;
list-style-type: none;
text-indent: none;
padding: 0;
margin: 0;
}
#social li {height: 45px; width:180px; float:left; margin-right:10px; padding-top:5px; text-align:center;}
#featured {
font-family: sans-serif;
height: 387px;
	
}

#social2 {
	height: 50px;
	width: 780px;
	float:left;
	font-family: sans-serif;
	color: #fff;
	padding: 5px;
	margin-left:0px;
	padding-left:80px;
	padding-right:100px;
	background:url(images/lightbluebg.png);
}

#social2 ul {
list-style: none;
list-style-type: none;
text-indent: none;
padding: 0;
margin: 0;
}
#social2 li {height: 45px; width:180px; float:left; margin-right:10px; padding-top:5px; text-align:center;}
#featured {
font-family: sans-serif;
height: 387px;
	
}

#featured #c1 {
	width: 310px;
	height: 387px;
	padding: 0;
	float: left;
	background: url(images/whitebg.png);
	font-size: 10px;
	color: #333;
}
#c1 h1 {
	font-size: 18px;
	font-family: sans-serif;
	text-align: center;
	background: url(images/latestnews.gif) top center no-repeat;
	height: 49px;
	text-indent: 320px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	margin-top: 7px;
}
#c1 h2 {
	font-size: 14px;
	font-family: sans-serif;
	line-height: auto;
	padding: 0;
	margin: 10px 0 2px 0;
}
#c1 h3 {
	font-size: 10px;
	line-height: auto;
	padding: 0;
	margin: 0;
}
#c1 ul {
	list-style: none;
	list-style-type:  none;
	padding: 5px;
	margin: 0;
	text-indent: 0;
	height:311px;
	overflow:auto;

}

#featured #c2 {
	width: 340px;
	height: 387px;
	padding: 0;
	float: left;
	background: ;
	margin-left: 0px;
	margin-right: 0px;
}
#c2 h1 {
	font-size: 18px;
	font-family: sans-serif;
	text-align: center;
	background: url(images/titles.png) center no-repeat;
	height: 80px;
	text-indent: 320px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

#featured #c3 {
	width: 310px;
	height: 387px;
	padding: 0;
	float: left;
	background: url(images/whitebg.png);
	font-size: 10px;
	color: #333;
}
#c3 h1 {
	font-size: 18px;
	font-family: sans-serif;
	text-align: center;
	background: url(images/testimonies.gif) top center no-repeat ;
	height: 49px;
	text-indent:320px;
	overflow: hidden;
	padding: 0;
	padding-top: 0px;
	margin: 0;
	margin-top: 7px;
	}
	
#c3 ul {heigh: 311px; overflow:auto; list-style: none; padding:5px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }	
#c3 li {padding-bottom: 10px;}	
#footer {
	height: 40px;
	margin-top: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	color: #000;
	font-family: sans-serif;
	font-size: 10px;
}
#wp-content {
	background: url(images/whitebg.png);
	font-family: sans-serif;
	color: #333;
	padding: 5px;
}
#contactpage { width:920px;
height:240px; padding:20px}

/* GUEST PAGE */
#guests {width:960px; height:350px;}
#guests .guestsleft {width: 180px; float:left; overflow:hidden;}
#guests .guestsright {width: 180px; float:right;  overflow:hidden;}
#guests ul {list-style:none; padding:0; margin:0;}
#guests li {padding:0px; margin:0px;}

#guests #none {background: url(images/guests/choose.png) top center no-repeat; width:292px; height:256px; margin-top:0px; margin-left:auto; margin-right:auto; padding-left:290px; padding-top:65px; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight: bold;}

#guests #JohnC {background: url(images/guests/johncairns.png) top center no-repeat; width:292px; height:256px; margin-top:0px; margin-left:auto; margin-right:auto; padding-left:290px; padding-top:65px; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight: bold;}

#guests #MichealJ {background: url(images/guests/michaeljones.png) top center no-repeat; width:292px; height:256px; margin-top:0px; margin-left:auto; margin-right:auto; padding-left:290px; padding-top:65px; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight: bold;}

#guests #JuliaW {background: url(images/guests/juliawright.png) top center no-repeat; width:292px; height:256px; margin-top:0px; margin-left:auto; margin-right:auto; padding-left:290px; padding-top:65px; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight: bold;}

#guests #KemP {background: url(images/guests/kemprice.png) top center no-repeat; width:292px; height:256px; margin-top:0px; margin-left:auto; margin-right:auto; padding-left:290px; padding-top:65px; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight: bold;}

#guests #LeviM {background: url(images/guests/levimarychurch.png) top center no-repeat; width:292px; height:256px; margin-top:0px; margin-left:auto; margin-right:auto; padding-left:290px; padding-top:65px; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight: bold;}

#guests #DaveW {background: url(images/guests/davewiggins.png) top center no-repeat; width:292px; height:256px; margin-top:0px; margin-left:auto; margin-right:auto; padding-left:290px; padding-top:65px; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight: bold;}

#guests #Frisk {background: url(images/guests/thefrisk.png) top center no-repeat; width:292px; height:256px; margin-top:0px; margin-left:auto; margin-right:auto; padding-left:290px; padding-top:65px; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight: bold;}

#guests #Eshalon {background: url(images/guests/eshalon.png) top center no-repeat; width:292px; height:256px; margin-top:0px; margin-left:auto; margin-right:auto; padding-left:290px; padding-top:65px; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight: bold;}