/*-------------------------------------------------------------------------------------------------------------------------------------------------
Basic Style Sheet

Version: 1.1
Author: Nathan Winter
Copyright: VampireFreaks
Website: http://www.tritonfestival.com
-------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Resets
-------------------------------------------------------------------------------------------------------------------------------------------------*/
html, body, div, h1, h2, h3, h4, ul, ol, li, form, fieldset, input, textarea { margin: 0;  padding: 0; font-size: 100%; }
ul { list-style: none; }
img, fieldset { border: 0; }
h1, h2, h3, h4 { font-weight: normal; }
em { font-style: italic; }
strong { font-weight: bold; }

/* Global
-------------------------------------------------------------------------------------------------------------------------------------------------*/
html, body, div { height: 100%; }
html { margin-left: -1px; } /*1-pixel background shift bug*/

/* Clear
-------------------------------------------------------------------------------------------------------------------------------------------------*/
.clear { display: inline-block; }
/* Holly Hack Targets IE Win only */
html .clear { height: 1%; }
.clear { display: block; }
/* End Holly Hack */
.clear:after { content: " "; height: 0; visibility: hidden; display: block; clear: both; }

/* Floats
-------------------------------------------------------------------------------------------------------------------------------------------------*/
.floatleft { float: left; }
.floatright { float: right; }

/* Body Styles
-------------------------------------------------------------------------------------------------------------------------------------------------*/
body { color: #9fa1a4; font-family: Verdana, Arial, Helvetica, sans-serif; background: #00334e url(../../i/bg-body.png) repeat-y center 0; }
p, span { font-size: 12px; font-weight: normal; font-style: normal; line-height: 18px; text-align: left; }

/* Link Styles
-------------------------------------------------------------------------------------------------------------------------------------------------*/
a:link, a:focus, a:active, a:visited, a:hover { text-decoration: none; outline: none; }
a:link, a:focus { color: #25aae1; }
a:active { color: #d4effd; }
a:visited { color: #18769d; }
a:hover { color: #fff; }

/* Layout-Wrapper
-------------------------------------------------------------------------------------------------------------------------------------------------*/
#wrapper { background-color: #000; position: relative; left: 50%; width: 780px; margin-left: -390px; height: auto !important; height: 100%; min-height: 100%; }

/* Layout-Top
-------------------------------------------------------------------------------------------------------------------------------------------------*/
#top { background-image: url(../../i/bg-top.png); background-repeat: no-repeat; height: 70px; width: 780px; }
#top ul { position: relative; top: 12px; right: 33px; margin: 0px; padding: 0px; width: 108px; float: right; list-style-type: none; }
#top ul li, #top ul li a { float: left; }
#top ul li a { display: block; text-indent: -9999px; }
#top ul li.vampirefreaks { background-image: url(../../i/logo-vampirefreaks.png); background-repeat: no-repeat; margin-right: 10px; }
#top ul li.vampirefreaks a:hover { background-image: url(../../i/logo-vampirefreaks.png); background-repeat: no-repeat; background-position: right 0; }
#top ul li.audiolust { background-image: url(../../i/logo-audiolust.png); background-repeat: no-repeat; background-position: left 0; }
#top ul li.audiolust a:hover { background-image: url(../../i/logo-audiolust.png); background-repeat: no-repeat; background-position: right 0; }
#top ul li.vampirefreaks a { width: 39px; height: 42px; }
#top ul li.audiolust a { width: 49px; height: 42px; }


/* Layout-Header
-------------------------------------------------------------------------------------------------------------------------------------------------*/
#header { background-image: url(../../i/bg-header.png); background-repeat: no-repeat; height: 212px; width: 780px; }
#header h1 { top: 34px; left: 9px;  }
#header h1 a { position: relative; display: block;  text-indent: -9999px; width: 402px; height: 156px;}

/* Layout-Content
-------------------------------------------------------------------------------------------------------------------------------------------------*/
#contentWrapper { position: relative; top: 34px; left: 33px; width: 714px; }
#mainContent { background-image: url(../../i/bg-content.png); background-repeat: no-repeat; }

/* Layout-Content-Headers
-------------------------------------------------------------------------------------------------------------------------------------------------*/
.header-news { background-image: url(../../i/contentheaders.png); background-repeat: no-repeat; background-position: 0 0; }
.header-bands { background-image: url(../../i/contentheaders.png); background-repeat: no-repeat; background-position: 0 -25px; }
.header-schedule { background-image: url(../../i/contentheaders.png); background-repeat: no-repeat; background-position: 0 -50px; }
.header-tickets { background-image: url(../../i/contentheaders.png); background-repeat: no-repeat; background-position: 0 -75px; }
.header-venue { background-image: url(../../i/contentheaders.png); background-repeat: no-repeat; background-position: 0 -100px; }
.header-links { background-image: url(../../i/contentheaders.png); background-repeat: no-repeat; background-position: 0 -125px; }
.header-contact { background-image: url(../../i/contentheaders.png); background-repeat: no-repeat; background-position: 0 -150px; }

/* Layout-Sidebar-Headers
-------------------------------------------------------------------------------------------------------------------------------------------------*/
.header-info { background-image: url(../../i/sidebarheaders.png); background-repeat: no-repeat; background-position: 0 0; }
.header-buy { background-image: url(../../i/sidebarheaders.png); background-repeat: no-repeat; background-position: 0 -25px; }

/* Layout-Navigation
-------------------------------------------------------------------------------------------------------------------------------------------------*/
#mainNav ul, #footer ul { width: 714px; height: 55px; float: left; padding: 0; list-style-type: none; }
#mainNav ul { margin: 0 0 20px; }
#footer ul { margin: 0 0 10px; }
#mainNav ul li, #footer ul li { float: left; }
#mainNav ul li a, #footer ul li a { background-image: url(../../i/nav.png); background-repeat: no-repeat; text-indent: -9999px; display: block; float: left; }

/* Layout-Navigation-Links
-------------------------------------------------------------------------------------------------------------------------------------------------*/
#mainNav ul li.nav-news a, #mainNav ul li.nav-news a:link, #mainNav ul li.nav-news a:visited { background-position: 0 0; width: 107px; height: 55px; }
#mainNav ul li.nav-bands a, #mainNav ul li.nav-bands a:link, #mainNav ul li.nav-bands a:visited { background-position: -107px 0; width: 85px; height: 55px; }
#mainNav ul li.nav-schedule a, #mainNav ul li.nav-schedule a:link, #mainNav ul li.nav-schedule a:visited { background-position: -192px 0; width: 121px; height: 55px; }
#mainNav ul li.nav-tickets a, #mainNav ul li.nav-tickets a:link, #mainNav ul li.nav-tickets a:visited { background-position: -313px 0; width: 99px; height: 55px; }
#mainNav ul li.nav-venue a, #mainNav ul li.nav-venue a:link, #mainNav ul li.nav-venue a:visited { background-position: -412px 0; width: 84px; height: 55px; }
#mainNav ul li.nav-links a, #mainNav ul li.nav-links a:link, #mainNav ul li.nav-links a:visited { background-position: -496px 0; width: 76px; height: 55px; }
#mainNav ul li.nav-contact a, #mainNav ul li.nav-contact a:link, #mainNav ul li.nav-contact a:visited { background-position: -572px 0; width: 142px; height: 55px; }

/* Layout-Footer-Navigation-Links
-------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer ul li.nav-news a, #footer ul li.nav-news a:link, #footer ul li.nav-news a:visited { background-position: 0 0; width: 107px; height: 55px; }
#footer ul li.nav-bands a, #footer ul li.nav-bands a:link, #footer ul li.nav-bands a:visited { background-position: -107px 0; width: 85px; height: 55px; }
#footer ul li.nav-schedule a, #footer ul li.nav-schedule a:link, #footer ul li.nav-schedule a:visited { background-position: -192px 0; width: 121px; height: 55px; }
#footer ul li.nav-tickets a, #footer ul li.nav-tickets a:link, #footer ul li.nav-tickets a:visited { background-position: -313px 0; width: 99px; height: 55px; }
#footer ul li.nav-venue a, #footer ul li.nav-venue a:link, #footer ul li.nav-venue a:visited { background-position: -412px 0; width: 84px; height: 55px; }
#footer ul li.nav-links a, #footer ul li.nav-links a:link, #footer ul li.nav-links a:visited { background-position: -496px 0; width: 76px; height: 55px; }
#footer ul li.nav-contact a, #footer ul li.nav-contact a:link, #footer ul li.nav-contact a:visited { background-position: -572px 0; width: 142px; height: 55px; }

/* Layout-Navigation-Links-Hover
-------------------------------------------------------------------------------------------------------------------------------------------------*/
#mainNav ul li.nav-news a:hover, #mainNav ul li.nav-news a:focus, #mainNav ul li.nav-news a:active { background-position: 0 -55px; }
#mainNav ul li.nav-bands a:hover, #mainNav ul li.nav-bands a:focus, #mainNav ul li.nav-bands a:active { background-position: -107px -55px; }
#mainNav ul li.nav-schedule a:hover, #mainNav ul li.nav-schedule a:focus, #mainNav ul li.nav-schedule a:active { background-position: -192px -55px; }
#mainNav ul li.nav-tickets a:hover, #mainNav ul li.nav-tickets a:focus, #mainNav ul li.nav-tickets a:active { background-position: -313px -55px; }
#mainNav ul li.nav-venue a:hover, #mainNav ul li.nav-venue a:focus, #mainNav ul li.nav-venue a:active { background-position: -412px -55px; }
#mainNav ul li.nav-links a:hover, #mainNav ul li.nav-links a:focus, #mainNav ul li.nav-links a:active { background-position: -496px -55px; }
#mainNav ul li.nav-contact a:hover, #mainNav ul li.nav-contact a:focus, #mainNav ul li.nav-contact a:active { background-position: -572px -55px; }

/* Layout-Footer-Navigation-Links-Hover
-------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer ul li.nav-news a:hover, #footer ul li.nav-news a:focus, #footer ul li.nav-news a:active { background-position: 0 -55px; }
#footer ul li.nav-bands a:hover, #footer ul li.nav-bands a:focus, #footer ul li.nav-bands a:active { background-position: -107px -55px; }
#footer ul li.nav-schedule a:hover, #footer ul li.nav-schedule a:focus, #footer ul li.nav-schedule a:active { background-position: -192px -55px; }
#footer ul li.nav-tickets a:hover, #footer ul li.nav-tickets a:focus, #footer ul li.nav-tickets a:active { background-position: -313px -55px; }
#footer ul li.nav-venue a:hover, #footer ul li.nav-venue a:focus, #footer ul li.nav-venue a:active { background-position: -412px -55px; }
#footer ul li.nav-links a:hover, #footer ul li.nav-links a:focus, #footer ul li.nav-links a:active { background-position: -496px -55px; }
#footer ul li.nav-contact a:hover, #footer ul li.nav-contact a:focus, #footer ul li.nav-contact a:active { background-position: -572px -55px; }

/* Layout-Navigation-Links-Selected
-------------------------------------------------------------------------------------------------------------------------------------------------*/
#bandspage #mainNav ul li.nav-bands a, #bandspage #mainNav ul li.nav-bands a:link, #bandspage #mainNav ul li.nav-bands a:visited { background-position: -107px -110px; cursor: default; }
#schedulepage #mainNav ul li.nav-schedule a, #schedulepage #mainNav ul li.nav-schedule a:link, #schedulepage #mainNav ul li.nav-schedule a:visited { background-position: -192px -110px; cursor: default; }
#ticketspage #mainNav ul li.nav-tickets a, #ticketspage #mainNav ul li.nav-tickets a:link, #ticketspage #mainNav ul li.nav-tickets a:visited { background-position: -313px -110px; cursor: default; }
#venuepage #mainNav ul li.nav-venue a, #venuepage #mainNav ul li.nav-venue a:link, #venuepage #mainNav ul li.nav-venue a:visited { background-position: -412px -110px; cursor: default; }
#linkspage #mainNav ul li.nav-links a, #linkspage #mainNav ul li.nav-links a:link, #linkspage #mainNav ul li.nav-links a:visited { background-position: -496px -110px; cursor: default; }
#contactpage #mainNav ul li.nav-contact a, #contactpage #mainNav ul li.nav-contact a:link, #contactpage #mainNav ul li.nav-contact a:visited { background-position: -572px -110px; cursor: default; }

/* Layout-Footer-Navigation-Links-Selected
-------------------------------------------------------------------------------------------------------------------------------------------------*/
#bandspage #footer ul li.nav-bands a, #bandspage #footer ul li.nav-bands a:link, #bandspage #footer ul li.nav-bands a:visited { background-position: -107px -110px; cursor: default; }
#schedulepage #footer ul li.nav-schedule a, #schedulepage #footer ul li.nav-schedule a:link, #schedulepage #footer ul li.nav-schedule a:visited { background-position: -192px -110px; cursor: default; }
#ticketspage #footer ul li.nav-tickets a, #ticketspage #footer ul li.nav-tickets a:link, #ticketspage #footer ul li.nav-tickets a:visited { background-position: -313px -110px; cursor: default; }
#venuepage #footer ul li.nav-venue a, #venuepage #footer ul li.nav-venue a:link, #venuepage #footer ul li.nav-venue a:visited { background-position: -412px -110px; cursor: default; }
#linkspage #footer ul li.nav-links a, #linkspage #footer ul li.nav-links a:link, #linkspage #footer ul li.nav-links a:visited { background-position: -496px -110px; cursor: default; }
#contactpage #footer ul li.nav-contact a, #contactpage #footer ul li.nav-contact a:link, #contactpage #footer ul li.nav-contact a:visited { background-position: -572px -110px; cursor: default; }

/* Layout-Columns
-------------------------------------------------------------------------------------------------------------------------------------------------*/
#leftColumn { float: left; width: 440px; }
#leftColumn h1 { width: 440px; }
#leftColumn h2 { font-size: 12px; }
#leftColumn h3 { font-size: 24px; }

#rightColumn { float: right; width: 240px; }
#rightColumn h1 { width: 240px; }

#fullColumn { float: left; width: 714px; }
#fullColumn h1 { width: 440px; }
#fullColumn h2 { font-size: 12px; }
#fullColumn h3 { font-size: 30px; }

#leftColumn h1, #rightColumn h1, #fullColumn h1 { margin-bottom: 20px; display: block; height: 25px; text-indent: -9999px; }

/* Layout-Lists
-------------------------------------------------------------------------------------------------------------------------------------------------*/
#leftColumn ul, #rightColumn ul, #fullColumn ul { font-size: 12px; font-weight: normal; line-height: 18px; margin-bottom: 25px; }

/* Heading Styles
-------------------------------------------------------------------------------------------------------------------------------------------------*/
.date { color: #fff; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 2px solid #9fa1a4; }
.headline { color: #25aae1; font-weight: bold; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-transform: capitalize; }
.schedule { font-size: 24pt; color: #fff; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 2px solid #9fa1a4; }

.whitetext { font-size: 14pt; color: #fff;  }
.textnormal { font-size: 10pt; color:#ddd; }

/* Paragraph Styles
-------------------------------------------------------------------------------------------------------------------------------------------------*/
.intro { color: #d4effd; font-size: 14px; line-height: 20px; }
.news { text-align: justify; margin-bottom: 25px; }

/* Typography
-------------------------------------------------------------------------------------------------------------------------------------------------*/
.bold { font-weight: bold; }
.caps { text-transform: uppercase; }

/* Colors
-------------------------------------------------------------------------------------------------------------------------------------------------*/
.white { color: #fff; }
.blue { color: #25aae1; }
.lightblue { color: #d4effd; }
.gray { color: #9fa1a4; }

/* Misc Styles
-------------------------------------------------------------------------------------------------------------------------------------------------*/
.map { margin-top: 10px; }
img.newsphoto, img.bandphoto { background-color: #000; float: left; padding: 5px; border: solid 1px #9fa1a4; }
img.bandphoto { margin: 0 20px 20px 0; }
img.newsphoto { margin: 5px 20px 20px 0; }
ul.bulleted, ul.bandlinks { list-style-type: square; list-style-position: inside; display: block; }