/* Tables */
table {
  border-collapse: separate;
  border-spacing: 0;
  margin: 0;
  padding: 0;
}
th, td {
  text-align: left;
  font-weight: normal;
}
/* Image Borders */
a img,:link img,:visited img { border:none }
/* Lists */
ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* Code/No Wrap */
pre,code{
  white-space: pre;
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
}
/* Typography */
/* Headings */
h1,h2,h3,h4,h5,h6 {
  margin: 0;
  padding: 0;
  line-height: 1;
}
h1 {font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}
h4 {font-size: 15px;}
h5 {font-size: 13px;}
h6 {font-size: 11px;}
/* Paragraphs */
p  {
  margin: 0;
  padding: 0;
  line-height: 1;
  font-size: 12px;
}
/* Links */
/* a,
a:visited {
  text-decoration: none;
  color: #61a96f;
  outline: 0;
  border: none;
}
a:hover,
a:active,
a:focus {
  color: #fff;
  text-decoration: none;
}
 */
/* Start Stylesheet */
html {
  
}
body {
  font: normal normal normal 12px/1.4 "Helvetica Neue", Helvetica, Arial, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, sans-serif;
  color: #000;
  background-color: #FFF;
  margin: 0;
  padding: 0;
}
/* =============== */
/* = START STYLE = */
/* =============== */
body {
  background: transparent url(../images/header.jpg) no-repeat center top;
  color: #fff;
  background-color: #000;
  font-family: Salernomi,Times,Georgia,serif;
}
#wrap {
  width: 960px;
  margin: 0 auto;
}
hgroup,
header,
nav,
section,
article,
footer {
  display: block;
}
/* ======== */
/* = Type = */
/* ======== */
h1,h2,h3,h4,h5,h6 {
  line-height: 1;
  font-family: Salernomi,Times,Georgia,serif;
}
hgroup {
  margin-bottom: 20px;
}
h2 {
  clear: both;
  display: block;
  font-size: 100px;
  line-height: 0.85;
  text-transform: uppercase;
/*  letter-spacing: -0.03em; */
  margin: 0px 10px 15px 10px;
}
h3 {
  margin: 0 10px;
  font-size: 42px;
}
p, a {
  font: 15px/1.5 Salernomi,Times,Georgia,serif;
  letter-spacing: 0.055em;
  margin-bottom: 14px;
  outline:0;
  color: #fff;
}
a:hover {
  color: #00b84a;
}
a.backtotop {
  font: 32px/1 Salernomi,Times,Georgia,serif;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  margin-top: 20px;
  display: block;
}
a.backtotop:hover {
  color: #61a96f;
}
ul li {
  font: 13px/1.5 Salernomi,Times,Georgia,serif;
}
footer p, footer a {
  font-size: 13px;
  text-decoration: none;
}
/* ======= */
/* = Nav = */
/* ======= */
nav {
  position: relative;
  width: 140px;
  float: left;
  margin: 0 20px 0 330px;
}
nav ul li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
nav ul li:hover {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}
nav a {
  display: block;
  color: #fff;
  text-decoration: none;
  font: 18px/1 Salernomi,Times,Georgia,serif;
  text-transform: uppercase;
  display: block;
  padding: 4px 0px 3px 0px;
  margin: 0;
}
nav a:hover {
/*  position: relative;
  top:1px; */
  color: #00b84a;
  text-decoration: none;
}
#logo {
  float: left;
}
article a {
  color: #00b84a;
  text-decoration: none;
}
article a:hover {
  color: #fff;
  text-decoration: underline;
}
/* =========== */
/* = COLOURS = */
/* =========== */
/*
  subtle green: #61a96f;
  strong green: #00b84a;
*/
/* ========== */
/* = Layout = */
/* ========== */
header {
  position: relative;
  height: 500px;
  padding: 20px 0;
}
header article {
  overflow: visible;
}
section {
  clear: both;
}
article {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0px 10px 100px 10px;
}
footer {
  clear: both;
  position: relative;
  margin: 0 20px;
  border-top: 1px solid #444;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 15px;
  margin-bottom: 25px;
}
/* Containers */
.onecol {
  float: left;
  width: 310px;
}
.twocol {
  width: 620px;
  float: left;
}
.onecol .col,
.twocol .col,
.threecol .col {
  float: left;
  width: 290px;
  margin: 0px 10px;
}
.left { float: left; }
.right { float: right; }
.clear {clear:both;}
/* Pushing them */
.push-col2 {
  position: relative;
  left: 310px;
}
/* Special Situations */
#tickets, #links {
  float: left;
  clear: none;
}
#tickets {
  width: 620px;
}
#links {
  position: relative;
  top:240px;
  width: 310px;
}
#contact .col {
  width: 340px;
}
/* ==================== */
/* = General Elements = */
/* ==================== */
article ul p,
article ul a {
  margin: 0;
  padding: 0;
  display: inline;
}
ul.factoid {
  clear: both;
  position: relative;
  top:140px;
}
ul.factoid p,
ul.factoid a {
  font: 18.5px/1 Salernomi,Times,Georgia,serif;
  color: #fff;
  text-decoration: none;
}
ul.factoid a:hover {
  color: #00b84a;
  text-decoration: none;
}
ul.factoid li {
  display: block;
  float: left;
  padding: 0px 10px;
  border-right: 1px solid #fff;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.first {
  width: 280px;
}
.middle {
  width: 140px;
}
.last {
  border-right: none !important;
}
.contacts ul {
  margin-bottom: 20px;
}
.name {
  border-bottom: 1px dotted #555;
  color: #00b84a;
}


/* =========== */
/* = ARTISTS = */
/* =========== */

#artists article.artists hgroup h2 {
  margin-bottom:8px;
  margin-left:0;
  font-size: 42px;
  font-weight: normal;
  line-height:0.97;
  letter-spacing:1px;
  text-transform: none;
}
#artists article.artists hgroup h3 {
  margin-left:0;
  font-size: 34px;
  font-weight: normal;
}
#artists article.artists div {margin-bottom:60px;}
#artists article.artists div.clear {margin-left: 0;}



/* ============ */
/* = SPONSORS = */
/* ============ */

#sponsors article {
  padding:25px 0 0;
  border-top:1px solid #333;
  border-top:1px solid rgba(255,255,255,0.2); 
}
#sponsors article {margin:-40px 20px 30px;}
#sponsors article a {margin:0 7px;}


/* ============ */
/* = Gimmicks = */
/* ============ */
/* Mozilla based browsers */
::-moz-selection {
  background-color: #fff;
  color: #000;
}
/* Works in Safari */
::selection {
  background-color: #fff;
  color: #000;
}