html, body{ margin:0; }

html { 
	height:100%;
}

body{ 
	margin:0;
	padding:0;
	color:#FFF;
	font-size:14px; 
	line-height:20px;
	-webkit-background-size: cover; 
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background:#1A1A1A;
}

 

/* BODY BACKGROUND CLASSES */

.home{ background:url(background/main-background-blue.jpg) no-repeat center center fixed; }

.prog{ background:url(background/main-background-red.jpg) no-repeat center center fixed; }

.info{ background:url(background/main-background-mix.jpg) no-repeat center center fixed; }

.tickets{ background:url(background/main-background-green.jpg) no-repeat center center fixed; }

.second-level{ background:#1A1A1A; }

.acidade{ background:url(background/bg-acidade.jpg) no-repeat center center fixed; }

.cidade{ background:url(background/bg-cidade.jpg) no-repeat center center fixed; }



/* ARTIST PAGES */

.carla{ background:url(background/bg-carla.jpg) no-repeat center center fixed; }

.fall{ background:url(background/bg-fall.jpg) no-repeat center center fixed; }

.fred{ background:url(background/bg-fred.jpg) no-repeat center center fixed; }

.joemorris-workshop{ background:url(background/bg-joemorris-workshop.jpg) no-repeat center center fixed; }

.joemorris{ background:url(background/bg-joemorris.jpg) no-repeat center center fixed; }

.johns{ background:url(background/bg-johns.jpg) no-repeat center center fixed; }

.lee{ background:url(background/bg-lee.jpg) no-repeat center center fixed; }

.macumbas{ background:url(background/bg-macumbas.jpg) no-repeat center center fixed; }

.mohn{ background:url(background/bg-mohn.jpg) no-repeat center center fixed; }

.oren{ background:url(background/bg-oren.jpg) no-repeat center center fixed; }

.rafael{ background:url(background/bg-rafael.jpg) no-repeat center center fixed; }

.rhodri{ background:url(background/bg-rhodri.jpg) no-repeat center center fixed; }

.richard{ background:url(background/bg-richard.jpg) no-repeat center center fixed; }

.sirius{ background:url(background/bg-sirius.jpg) no-repeat center center fixed; }

.skullflower{ background:url(background/bg-skullflower.jpg) no-repeat center center fixed; }

.steve{ background:url(background/bg-steve.jpg) no-repeat center center fixed; }





/* GLOBAL */

.hidden{ display:none; }

.hide{ position: absolute; top: -9999px; left: -9999px; }

.clear{ clear:both; }

hr{ border:none; height:1px; width:100%; background:#5EBA9D; margin: 20px 0; }

.fullsize{ height:100%; width:100%; display:block; }

a, a:active, a:visited{ color:#5EBA9D; text-decoration:none; }

a:hover{ text-decoration:underline; }

:focus{ outline:0; }

.transparency{
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-ms-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}

.transparency:hover{ zoom: 1; filter: alpha(opacity=50); opacity: 0.5; }

ul{ list-style:none; }

li{ list-style:none; }

small{ font-size:10px; color:#5EBA9D; float:right; clear:both; }



/* STRUCTURE */

#wrapper,.wrapper{ width:795px; min-height: 100%; margin:0 auto; height:auto; }

#wrapper-single{ width:600px; min-height: 100%; margin:0 auto; height:auto; padding:40px; }

#wrapper-single p{ text-align:justify; }

#header{ width:100%; height:201px; margin:62px 0 34px 0; }



/* LOGO */

#logo{
	width:383px;
	height:201px;
	float:left;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-ms-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}

#logo:hover{ zoom: 1; filter: alpha(opacity=50); opacity: 0.5; }

#logo.pt{ background:url(img/logo-pt.png) no-repeat 0 0; }



/* CONTENT */

#content{ width:795px; margin:0; }

.left-column{
	width:383px;
	float:left;
}

.right-column{
	width:383px;
	float:right;
}

.left-arrow{
	width:35px;
	height:82px;
	background:url(img/left-arrow.png) no-repeat 0 0;
	position:fixed;
	top: 50%;
	left:50px;
	z-index:1000;

}

.right-arrow{
	width:35px;
	height:82px;
	background:url(img/right-arrow.png) no-repeat 0 0;
	position:fixed;
	top: 50%;
	right:50px;
	z-index:1000;
}


/* FOOTER */

#footer{ width:100%; height:12px; margin:0; padding: 22px 0; float:left; }

#footer-menu ul{ list-style:none; margin:0 auto; padding:0; width:558px; }

#footer-menu ul li{ float:left; margin-right:18px; }

#footer-menu ul li a{ font-family: 'Oswald', sans-serif; text-transform:uppercase; letter-spacing:1px; }



/* MAIN MENU */

#main-menu{ width:795px; min-height:200px; }

.main-menu-item{
	height:64px;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-ms-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}

.main-menu-item:hover{ zoom: 1; filter: alpha(opacity=50); opacity: 0.5; }

#main-menu-prog-pt{ margin-left:308px; background:url(img/home-menu-1-pt.png) no-repeat 0 0; }

#main-menu-info-pt{ margin-left:308px; background:url(img/home-menu-2-pt.png) no-repeat 0 0; }

#main-menu-tickets-pt{ margin-left:535px; background:url(img/home-menu-3-pt.png) no-repeat 0 0; }



/* PROG MENU */

#prog-menu{
	width:100%;
	height: auto;
}

#prog-menu .nav{
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
}

#prog-menu .nav .prog-menu-day{
	height:54px;
	width:143px;
	float:left;
	margin-right:20px;
	padding:0;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-ms-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}

#prog-menu .nav .prog-menu-day a{ zoom: 1; filter: alpha(opacity=50); opacity: 0.5; }

#prog-menu .nav .prog-menu-day a.current{ zoom: 1; filter: alpha(opacity=100); opacity: 1; }


#prog-menu-day01{ background:url(img/prog-day-1-pt.png) no-repeat 0 0; }

#prog-menu-day02{ background:url(img/prog-day-2-pt.png) no-repeat 0 0; }

#prog-menu-day03{ background:url(img/prog-day-3-pt.png) no-repeat 0 0; }

#prog-menu-day04{ background:url(img/prog-day-4-pt.png) no-repeat 0 0; }

#prog-menu-day05{ background:url(img/prog-day-5-pt.png) no-repeat 0 0; }

.list-wrap{
	display:block;
}

.prog-small-names{
	font-size:14px;
	line-height:16px;
	font-family: 'Oswald', sans-serif; text-transform:uppercase; letter-spacing:1px;
}


/* RIGHT MENU */

#right-menu{ width:383px; height:91px; float:right; margin-top:40px; }

.right-menu-item{
	width:383px;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-ms-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}

.right-menu-item:hover{ zoom: 1; filter: alpha(opacity=50); opacity: 0.5; }
				
#right-menu-prog-pt{ height:27px; background:url(img/sec-menu-1-pt.png) no-repeat 0 0; }

#right-menu-info-pt{ height:32px; background:url(img/sec-menu-2-pt.png) no-repeat 0 0; }

#right-menu-tickets-pt{ height:32px; background:url(img/sec-menu-3-pt.png) no-repeat 0 0; }



/* INFO MENU */

#info-menu{ height:auto; }

.info-menu-item{
	width:383px;
	height:53px;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-ms-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}

.info-menu-item:hover{ zoom: 1; filter: alpha(opacity=50); opacity: 0.5; }

#info-menu-festival-pt{ background:url(img/info-menu-1-pt.png) no-repeat 0 0; }

#info-menu-cidade-pt{ background:url(img/info-menu-2-pt.png) no-repeat 0 0; }

#info-menu-alojamento-pt{ background:url(img/info-menu-3-pt.png) no-repeat 0 0; }

#info-menu-locais-pt{ background:url(img/info-menu-4-pt.png) no-repeat 0 0; }

.info-menu-cat{ width:191px; height:60px; float:left; }

#info-menu-cidade-cat-a-pt{ background:url(img/city-cat-a-pt.png) no-repeat 0 0; }

#info-menu-cidade-cat-b-pt{ background:url(img/city-cat-b-pt.png) no-repeat 0 0; }

#info-menu-alojamento-cat-a-pt{ background:url(img/accom-cat-a-pt.png) no-repeat 0 0; }

#info-menu-alojamento-cat-b-pt{ background:url(img/accom-cat-b-pt.png) no-repeat 0 0; }

.container{ padding-bottom:20px; }




/* NETWORKING */

#networking{
	width:32px;
	height:128px;
	padding:10px;
	position:fixed;
	top:0;
	right:0;
}

.float-icon{
	width:32px;
	height:32px;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-ms-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}

.float-icon:hover{ zoom: 1; filter: alpha(opacity=50); opacity: 0.5; }

#fbook{ background:url(img/icon-fbook.png) no-repeat 0 0; margin-bottom:10px; }

#twitter{ background:url(img/icon-twitter.png) no-repeat 0 0; margin-bottom:10px; }

#youtube-icon{ background:url(img/icon-youtube.png) no-repeat 0 0; }

#uk-icon{ background:url(img/flag-uk.png) no-repeat 0 0; }




/* TYPOGRAPHY */

@font-face {
    font-family: 'colaborate-thinregular';
    src: url('font/colaborate-thin-webfont.eot');
    src: url('font/colaborate-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/colaborate-thin-webfont.woff') format('woff'),
         url('font/colaborate-thin-webfont.ttf') format('truetype'),
         url('font/colaborate-thin-webfont.svg#colaborate-thinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'of2013_v1regular';
    src: url('font/of2013v1-webfont.eot');
    src: url('font/of2013v1-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/of2013v1-webfont.woff') format('woff'),
         url('font/of2013v1-webfont.ttf') format('truetype'),
         url('font/of2013v1-webfont.svg#of2013_v1regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.prog-day-venue{
	font-size:16px;
	font-family: 'Oswald', sans-serif;
	letter-spacing:1px;
	text-transform:uppercase;
	padding-top:20px;
}

.green{
	color:#5EBA9D;
}

.prog-day-name-link{
	font-size:40px;
	line-height:45px;
	font-family:'of2013_v1regular', Arial, sans-serif; text-transform:uppercase;
	display:block;
}

h1, h2{
	font-family:'of2013_v1regular', Arial, sans-serif; text-transform:uppercase;
	display:block;
}

h1{ font-size:50px; line-height:55px; margin:0; }
h2{	font-size:40px; line-height:45px; }

p{
	font-size:14px;
	font-family:'colaborate-thinregular', Arial, sans-serif;
}



  *{margin:0;padding:0;}
  #slider, #items > div, #items > div > div{
    height:420px;
    line-height:420px;
    text-align:center;
  }
  #slider, #slider2{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position:relative;
    height:420px;
  }
  #items{
    width: 2000em;
    position: absolute;
  }
  #items > li, #items > div{
    float: left;
    overflow: visible;
  }
  #items > div > div{
    margin: 0 auto;
    background: #1A1A1A;
  }
  #slide-1{
    background-color:black;
  }
  #items > div > div{
    width: 795px;
  }
  @media screen and (max-width: 1920px) {
    #items > div > div, #navigation-wrapper, #site-nav {
      width: 1180px;
    }
  }
  @media screen and (max-width: 1440px) {
    #items > div > div, #navigation-wrapper, #site-nav {
      width: 1180px;
    }
  }
  @media screen and (max-width: 1280px) {
    #items > div > div, #navigation-wrapper, #site-nav {
      width: 795px;
    }
  }
  @media screen and (max-width: 1024px) {
    #items > div > div, #navigation-wrapper, #site-nav {
      width: 768px;
    }
  }
  @media screen and (max-width: 768px) {
    #items > div > div, #navigation-wrapper, #site-nav {
      width: 640px;
    }
  }
  @media screen and (max-width: 768px) {
    #items > div > div, #navigation-wrapper, #site-nav {
      width: 640px;
    }
  }
  @media screen and (max-width: 640px) {
    #items > div > div, #navigation-wrapper, #site-nav {
      width: 480px;
    }
  }
  @media screen and (max-width: 480px) {
    #items > div > div, #navigation-wrapper, #site-nav {
      width: 460px;
    }
  }
  @media screen and (max-width: 320px) {
    #items > div > div, #navigation-wrapper, #site-nav {
      width: 300px;
    }
  }

  #navigation li{float:left;}
  #navigation-wrapper,#navigation{margin:0 auto;}
  #navigation{clear:both;width:81px;}
  #navigation li{width:15px;height:15px;list-style:none;border-radius:8px;border:1px solid #ccc;margin: 5px;}
  #navigation li:hover, .left:hover, .right:hover{cursor:pointer;}
  .active{background-color:#ccc;cursor:default;}
  .disabled{display:none;}