@charset "utf-8";

html{	
min-height:100%;
}

body {margin: 0 10px;
min-height:100%;
background:#FFF;
font-family: 'Oswald', sans-serif; font-weight:400;
color: #333; font-size: 14px;
text-align:left;
background-position: center top;
background-repeat:no-repeat;
background-attachment:scroll;
}

@media only screen and (max-device-width: 480px) {
body{display: block}
	}

/*--------------------------MAIN STYLES-----------------------------*/

#wrapper{width: 980px; clear:both; display: block; margin: auto; position: relative; }
#content{display: block; margin: auto; width: 980px; clear: both;}

/*--------------------------HOMEPAGE STYLES-----------------------------*/

#home-feature{width: 980px; display: block}
#home-event{display: block; width: 980px; margin-top: 15px; margin-left: 10px;}
#home-event img{ border:1px solid #007DB9;}
#home-event a:hover img {border :#000 1px solid;}

a:link {color: #007DB9; text-decoration: none;}
a:visited {color: #007DB9; text-decoration: none;}
a:hover {color: #F90; text-decoration: none;}
a img {	border:none;}

#signup-bar{display: block;
	background-color: #333; width: 980px; height: 55px;
	vertical-align:middle; }
	
	
/*--------------------------WHITE PARTY PAGES-----------------------------*/

#wp-wrapper{width: 978px; margin: auto; border: 1px solid #007DB9;background-image:url(2014/img/wp-bg.jpg); clear:both}
#wp-left{width: 170px;float: left}
#wp-right{width: 808px;float: left}

#wp-nav {
	width: 160px;
	margin: 5px;
}

#wp-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

	
#wp-nav li a {	font-size: 1.125em; padding: 3px 10px 3px 10px;
	text-decoration: none;
	text-transform:uppercase;
	margin: 0 0 5px 0;
	border-radius: 5px;
	background: #004A69;

}
	
#wp-nav li a:link {
	color: #FFF;
	display: block;
	background: #004A69;
}

#wp-nav li a:visited {
	color: #000;
	display: block;
	background: #004A69;
}

#wp-nav li a:visited:hover {
	color: #000;
	display: block;
	background: #09C;
}

#wp-nav li a:hover {

	background: #09C;

}

#wp-nav li a:active {
	color: #000;
	display: block;
	background: #004A69;
}
	
	
.lightbox-grid{margin: 10px; }
.lightbox-grid img{max-height: 120px; float: left; margin: 0 10px 10px 0}
.gallery-title{clear: both; padding: 8px; background: #007DB9; font-color: white !important; font-size: 18px; margin: 15px 0;}

/*--------------------------SPONSORS-----------------------------*/
.sponsor-title{width: 140px; color: #000; font-size: 1.000em; margin: 15px 0 20px 15px; }

@media only screen and (max-device-width: 480px) {
.sponsor-title{font-size: 2.000em; }

}

.sponsor-title img{margin: 5px 0 5px 0}
 
 /* WP SPONSORS PAGE */
.sponsor{
display:block; padding: 5px;
width: 750px;
margin-left: 50px;
font-size:14px;
}
	
.sponsor img{margin: 5px 10px 5px 0;
outline: solid 1px #333;
}



/*--------------------------WHITE PARTY CONTENT-----------------------------*/
.wp14event {
display: block; width: 700px; margin: auto; 
margin-bottom: 25px; font-size: 1.0em; text-align:left;
color: #FFF; position: relative; border: 1px solid #007DB9;
}

.wp-date-name{width: 400px; padding: 5px; float: left; background-color:#007DB9;}
.wp-time-venue{width: 280px; padding: 5px;float: left; text-align: right; background-color:#007DB9;}
.wp-key-art{width: 410px; float: left}
.wp-key-art img{width: 410px}
.wp-event-info{font-size: 0.850em; width: 270px; padding: 10px; float:right; vertical-align:middle}
.wp-event-info img{width: 270px; margin-bottom: 5px;}
.wp-price{width: 690px; padding: 5px; float: left; font-size: 0.875em; background-color:#007DB9;}
.wp-price img{float: right; height: 58px;}
.wp-inclusion{width: 290px; padding: 1px 5px;float: right;}

.wp-black{color: #000; margin-right: 10px;}
.wp-white{color: #FFF}

.dj-bio{margin: 10px;clear: both; display: block; font-size: 14px}
.dj-bio-title{font-family: 'Oswald', sans-serif; font-weight:400; color: #007DB9; font-size: 18px;
}
.dj-bio img{width: 200px; margin: 0 20px 20px 0; float: left}


@media only screen and (max-device-width: 480px) {
.wp14event {font-size: 2.500em;}
.wp-date-name{width: 690px;}
.wp-time-venue{width: 690px; text-align: left}
#wp-nav li a {font-size: 2.125em;}

.wide{width: 700px; clear: both; text-align:left; padding: 2px 2px 0 12px;}

.wp-price img{height: 100px;}

.wp-key-art img{width: 700px;}
.wp-event-info{width: 680px; clear: both;}
.wp-event-info img{width: 700px;margin-top: 10px;}

.dj-bio{font-size: 3.000em}

}





.wp14eventfooter {
padding: 4px; vertical-align:top;
font:Arial, Helvetica, sans-serif bold;
color:#ffffff;
background-color:#000;
font-size:12px;
}

.wp14eventprice {
font-size: 12px;
float: right;
text-align: right;
margin-top: 5px;
margin-right: 5px;
}
.wp14day{margin:0 2px 3px 0}



.wpheader{margin-bottom: 10px}

.bio-link{
	position: absolute;
	left: 11px;
	top: 12px;
	width: 87px;
	height: 7px;
}
.bio-link img{width: 100px; height: 20px;}

/*--------------------------FOOTER-----------------------------*/
#footer{display: block; clear:both; margin-top: 10px; margin-bottom: 10px; color: #333;
	font-size:12px; text-align: right;
	font-family: 'Oswald', sans-serif; font-weight:400;
	text-transform:uppercase; border:#007DB9 1px solid;  padding: 4px;}
	
	@media only screen and (max-device-width: 480px) {
#footer {font-size: 14px;
}


}

	





a.linkopacity img {border: none;filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;-khtml-opacity: 1.0;}

a.linkopacity:hover img {filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;-khtml-opacity: 0.7; }


.h1 {
	font-size:15px;
	font-weight: 400;
	color: #009933;
	text-align: center;
}	

blockquote{line-height: normal;}

.h2 {
	font-size:16px;
	font-weight: 400;
	color: #999933;
}	
.H3{ /*DIV of thumbbox that contains "close" link */
font: bold 11px Arial;

color:#FF3366;
padding: 2px 0;
}

.standout {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 3px;
	color: #00FFFF;
}

.smallnavindent {
	font-size:10px;
	color:#99cccc;
	font-weight:400;
	margin-left: 5px;
	padding-left: 5px;
	}


.event {
	background-color:#090909;
}

/*--------------------------CONTACT-----------------------------*/

.contact-cell{
border: #333 1px solid; padding: 6px;
background: #FFFFFF}

.contact-left {
 float:left;
 width:150px; margin-right: 6px;
}
contact-right {
 float:left;

}


.liteform {	

	color:#999999;
	font-size:10px;
}

/*--------------------------PHOTOS-----------------------------*/

.photothumbs {
	float:center;
	vertical-align: middle;
	border:1px solid #999;
	margin: 0px 3px 3px 0px;
}

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 2px;
padding-bottom: 0;
background: #cccccc;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 10px Arial;
letter-spacing: 2px;
line-height: 1.1em;
color: black;
padding: 2px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}


/*--------------------------MAIN NAV-----------------------------*/

#ulnav {width: 980px; margin: auto; display: block;}

@media only screen and (max-device-width: 480px) {

	}

#ulnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 85px;
}
#ulnav ul li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}
#ulnav li a {
	margin: 0;
	padding: 0;
	text-indent: -999em;
	display: block;
	height: 85px;
	text-decoration: none;
}

#home a, #home a:link, #home a:visited {
	background: url(http://jeffreysanker.com/2014/nav/01.png) 0 0 no-repeat;
	width: 406px;
	overflow:hidden;
}
#home a:hover  {background-position: 0 -85px;}

#whiteparty a, #whiteparty a:link, #whiteparty a:visited {
	background: url(http://jeffreysanker.com/2014/nav/02.png) 0 0 no-repeat;
	width: 87px;
	overflow:hidden;
}
#whiteparty a:hover  {background-position: 0 -85px;}

#tickets a, #tickets a:link, #tickets a:visited {
	background: url(http://jeffreysanker.com/2014/nav/03.png) 0 0 no-repeat;
	width: 58px;
	overflow:hidden;
}
#tickets a:hover  {background-position: 0 -85px;}


#hotel a, #hotel a:link, #hotel a:visited {
	background: url(http://jeffreysanker.com/2014/nav/04.png) 0 0 no-repeat;
	width: 47px;
	overflow:hidden;
}
#hotel a:hover  {background-position: 0 -85px;}

#travel a, #travel a:link, #travel a:visited {
	background: url(http://jeffreysanker.com/2014/nav/05.png) 0 0 no-repeat;
	width: 54px;
	overflow:hidden;
}
#travel a:hover  {background-position: 0 -85px;}

#photos a, #photos a:link, #photos a:visited {
	background: url(http://jeffreysanker.com/2014/nav/06.png) 0 0 no-repeat;
	width: 58px;
	overflow:hidden;
}
#photos a:hover  {background-position: 0 -85px;}

#sponsors a, #sponsors a:link, #sponsors a:visited {
	background: url(http://jeffreysanker.com/2014/nav/07.png) 0 0 no-repeat;
	width: 74px;
	overflow:hidden;
}
#sponsors a:hover  {background-position: 0 -85px;}

#bio a, #bio a:link, #bio a:visited {
	background: url(http://jeffreysanker.com/2014/nav/08.png) 0 0 no-repeat;
	width: 51px;
	overflow:hidden;
}
#bio a:hover  {background-position: 0 -85px;}

#contact a, #contact a:link, #contact a:visited {
	background: url(http://jeffreysanker.com/2014/nav/09.png) 0 0 no-repeat;
	width: 65px;
	overflow:hidden;
}
#contact a:hover  {background-position: 0 -85px;}

#facebook a, #facebook a:link, #facebook a:visited {
	background: url(http://jeffreysanker.com/2014/nav/10.png) 0 0 no-repeat;
	width: 17px;
	overflow:hidden;
}
#facebook a:hover  {background-position: 0 -85px;}

#twitter a, #twitter a:link, #twitter a:visited {
	background: url(http://jeffreysanker.com/2014/nav/11.png) 0 0 no-repeat;
	width: 30px;
	overflow:hidden;
}
#twitter a:hover  {background-position: 0 -85px;}


#youtube a, #youtube a:link, #youtube a:visited {
	background: url(http://jeffreysanker.com/2014/nav/12.png) 0 0 no-repeat;
	width: 33px;
	overflow:hidden;
}
#youtube a:hover  {background-position: 0 -85px;}

/*--------------------------MOBILE NAV-----------------------------*/

#mobile-nav {
	width: 980px;
	margin: 5px;
}
	
#mobile-nav li a {font-size: 2.500em; padding: 3px 10px 3px 10px;
	text-decoration: none;
	text-transform:uppercase;
	margin: 0 0 5px 0; width: 100px; height: 200px;
	border-radius: 5px;
}
	
#mobile-nav li a:link, #wp-nav li a:visited {
	color: #FFF;
	display: block; float: left; margin: 5px; 
	background: #004A69;
	
}


#mobile-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

@media only screen and (max-device-width: 480px) {
#mobile-nav{display: block}
	}

/*--------------------------DAYBAR-----------------------------*/

#daybar {
	width: 700px; margin: 20px auto; display: block;

}
#daybar ul {
	margin-top: 10px;
	padding: 0;
	list-style: none;
	height: 126px;
}
#daybar ul li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}
#daybar li a {
	margin: 0;
	padding: 0;
	text-indent: -999em;
	display: block;
	height: 126px;
	text-decoration: none;
}

#day1 a, #day1 a:link, #day1 a:visited {
	background: url(2014/img/daybar/01.jpg) 0 0 no-repeat;
	width: 179px;
	overflow:hidden;
}
#day1 a:hover  {background-position: 0 -126px;}

#day2 a, #day2 a:link, #da2 a:visited {
	background: url(2014/img/daybar/02.jpg) 0 0 no-repeat;
	width: 262px;
	overflow:hidden;
}
#day2 a:hover  {background-position: 0 -126px;}

#day3 a, #day3 a:link, #day3 a:visited {
	background: url(2014/img/daybar/03.jpg) 0 0 no-repeat;
	width: 259px;
	overflow:hidden;
}
#day3 a:hover  {background-position: 0 -126px;}





/* NEW Styles */

.headerlight{
	font-family: "Helvetica Neue", sans-serif;
	font-weight: 300;
	color:#F93;
	font-size:16px;
	letter-spacing:.01em;
	text-align: left;
}

.headerwhite{
	font-family: "Helvetica Neue", sans-serif;
font-weight: 300;
color:#FFF;
	font-size:20px;
	letter-spacing:.01em;}


.headerlightsub{
	font-size:16px;
	color:#9C3;
	font-weight:lighter;
	letter-spacing:.01em;
}
	}

.headerlightsub2{
	font-size:12px;
	color:#CC6;
	font-weight:lighter;
	letter-spacing:.01em;}
	}

.lightrows{
	}
.lightrows td{
	border-top: 1px dotted #333;
border-collapse:collapse;
color:#FFF;
}






/* WP Styles */



#wpdays{
margin-bottom: 0px;
background: #000;
}


#wpsponsors{
padding: 1px; 
position: relative;
left: 30px;
outline:none;
}

#wp-pre-party{
	
}



#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

.thumbnail-grid {text-align:justify; margin-left: 10px; margin-top: 30px;}
.thumbnail-grid img{margin: 5px 5px 0 0; vertical-align:middle};

.gallery-banner{background-color: black; 
	font-family: "Helvetica Neue", sans-serif;
	font-weight: 300;
	color:#F93;
	font-size:16px;
	letter-spacing:.01em; text-align: center;
}


#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 12px;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}
