/* General Page Style */



body, html { font-size: 100%; padding: 0; margin: 0;}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

body  {
	background: #000000 url(https://media.cdn.adultswim.com/presents/san-diego-comic-con-2014/images/clouds-bgg.gif) fixed top center no-repeat;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	height: 100%;
	width: 100%;
	z-index: 1;
	position: relative;
	overflow-x: hidden;

}


body #left_nav {
    background: none no-repeat scroll 0 0 rgba(0, 55, 0, 0);
    height: 516px;
    margin-left: -228px;
    position: fixed;
    text-align: center;
	font-weight: normal;	
    top: 32px;
    width: 256px;
	z-index: 14;
	
}



body #left_nav ul {
    list-style-type: none;
    margin: 118px 20px 0px 76px;
	text-align: center;
}
body #left_nav ul li {
    
    letter-spacing: -0.05em!important;
    padding: 5px 0 6px;
    text-transform: uppercase;
    text-align: center;
	font-weight: 400;
	zoom: 1;
    z-index: 14;
  /*NEEDED FOR IE8*/
    position: relative;
    
}

body #left_nav ul li.bt {
    
    letter-spacing: -0.08em!important;
    padding: 6px 0 0px;
    text-transform: uppercase;
    text-align: center;
	font-weight: 400;
	zoom: 1;
    z-index: 14;
  /*NEEDED FOR IE8*/
    position: relative;
    
}

body #left_nav ul a.wht {
    color: #fe5614; 
	font-size: 1.13em;
	
	line-height: 1.1em;
    text-shadow: 0 0 1px #000;
	font-family: 'SignalNo1D';
    font-style: normal;
    font-weight: normal;
	text-decoration: none;
	-moz-osx-font-smoothing: grayscale !important;
    -webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-moz-osx-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body #left_nav ul a.alt {
	color: #da8cff;
	font-size: 1.13em;
	
	line-height: 1.1em;
    text-shadow: 0 0 1px #000;
	font-family: 'SignalNo1D';
    font-style: normal;
    font-weight: normal;
	text-decoration: none;
    -moz-osx-font-smoothing: grayscale !important;
    -webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-moz-osx-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body #left_nav ul a.wht:hover {
    color: #ffffff;
	text-shadow: 0 0 8px #FFCBE5;
    text-decoration: none;

}
body #left_nav ul a.alt:hover {
    color: #FFFFFF;
	text-shadow: 0 0 8px #FFCBE5;
    text-decoration: none;
}

body #left_nav ul a.sec {
    
	color: #e6b4fe;
	font-size: 0.96em!important;
    text-shadow: 0 0 1px #000;
	line-height: 0em;

	font-family: 'SignalNo1D';
    font-style: normal;
    font-weight: normal;
	text-decoration: none;
	-moz-osx-font-smoothing: grayscale !important;
    -webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-moz-osx-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body #left_nav ul a.sec:hover {
    color: #ffffff;
	text-shadow: 0 0 8px #FFCBE5;
    text-decoration: none;
}

body #right_nav {
  position: fixed;
  top: 15px;
  background: none;
  width: 256px;
  height: 300px;
  padding: 135px 0 0 0;
  margin-left: 680px;
  z-index: 15;
}
body #right_nav ul {
  list-style-type: none;
  padding-left: 70px;
}
body #right_nav ul li {
  display: block;
}
body #right_nav ul li a {
  overflow: hidden;
  width: 85px;
  padding: 55px 0 0 0;
  height: 0;
  display: block;
}
body #right_nav ul li a.fr {
  background: url(https://media.cdn.adultswim.com/presents/san-diego-comic-con-2014/images/freerides.gif) 0 0 no-repeat;
  position: relative;
  top: 8px;
}

body #right_nav ul li a.fr:hover {
  background: url(https://media.cdn.adultswim.com/presents/san-diego-comic-con-2014/images/freerides_r.gif) 0 0 no-repeat;
  position: relative;
  top: 8px;
}

body #right_nav ul li a.sf {
  background: url(https://media.cdn.adultswim.com/presents/san-diego-comic-con-2014/images/stevefrost.gif) 0 0 no-repeat;
  position: relative;
  top: 68px;
  left: 18px;
}
body #right_nav ul li a.sf:hover {
  background: url(https://media.cdn.adultswim.com/presents/san-diego-comic-con-2014/images/stevefrost_r.gif) 0 0 no-repeat;
  position: relative;
  top: 68px;
  left: 18px;
}
body #right_nav ul li a.wp {
  background: url(https://media.cdn.adultswim.com/presents/san-diego-comic-con-2014/images/watchpanels.gif) 0 0 no-repeat;
  position: relative;
  top: 130px;
  left: 0px;
}
body #right_nav ul li a.wp:hover {
  background: url(https://media.cdn.adultswim.com/presents/san-diego-comic-con-2014/images/watchpanels_r.gif) 0 0 no-repeat;
  position: relative;
  top: 130px;
  left: 0px;
}

/* Responsive menu
-------------------------------------------------------------- */
.extra-navigation .menuz { display: none; }
.extra-navigation .menuz.toggled-on { display: none; }
.menuz-toggle {
	clear: both;
	display: none;
	float: left;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	height: 0px;
	
}
.menuz { margin: 0 auto; width: 100%; text-align: center; }
.menuz ul li {    
    font-family: 'SignalNo1D', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0em;
	color: #FFF;
	padding: 10px 0px 10px 0px;
	font-weight: normal;
	margin: 0 auto;
	display: block;
	text-align: center;
}

.menuz a.sponsor { color: #FFFFFF; font-size: 20px; font-family: 'SignalNo1D', sans-serif; text-align: center; display: inline-block; position: relative; } .menuz a.sponsor2 { color: #666666; cursor:default; font-size: 20px; font-family: 'SignalNo1D', sans-serif; text-align: center; display: inline-block; position: relative; }
.menuz a.hash { color: #da8cff; font-size: 16px; text-align: center; display: block; position: relative; }



body #content {	
	background: url(https://media.cdn.adultswim.com/presents/san-diego-comic-con-2014/images/stars.gif) repeat-y scroll 0 0 rgba(0, 0, 0, 0);  
    margin: 0 auto;
	text-align: left;
	max-width: 750px;
    padding: 0%;
    z-index: 8;
	position: relative;
}

a:link { -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
	outline: none;    
}

a:visited {  text-decoration: none; outline: none;}
a:hover { outline: none; text-decoration: none; -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;}

hr.one { border: 0;
height: 1px;
background: rgba(0,0,0,0);
margin: 5px 0px 5px 0px;
}
hr.two { border: 0;
height: 1px;
background: rgba(0,0,0,0);
margin: 2px 0px 2px 0px;
}

hr.three { border: 0;
height: 1px;
background: rgba(0,0,0,0);
margin: 40px 0px 0px 0px;
}

p { 
    font-family: Arial, Verdana, sans-serif;
    font-style: normal;
	font-weight: normal;
	letter-spacing: .03em;
	font-size: 1.0em;
	line-height: 1.6em;
	text-align: left;
	color: #FFF;
}

p.bigg { 
color: #fff; 
font-family: 'SignalNo1D', sans-serif;
font-weight: normal;
text-align: center;
font-size: 1.0em;
letter-spacing: 0em;
line-height: 1.3em;
}


p.center { 
color: #fff; 
font-family: 'SignalNo1D', sans-serif;
font-weight: normal;
text-align: center;
font-size: 84%;
letter-spacing: 0em;
line-height: 1.3em;
}

p.centerp { 
color: #da8cff; 
font-family: 'SignalNo1D', sans-serif;
font-weight: normal;
text-align: center;
font-size: 88%;
letter-spacing: 0em;
line-height: 1.3em;
}

p.ctitle { 
color: #FFFFFF; 
text-shadow: 0 0 8px #FFCBE5;
font-family: 'SignalNo1D', sans-serif;
font-weight: normal;
text-align: center;
font-size: 1.2em;
letter-spacing: 0em;
line-height: 1.4em;
}


p.left { 
color: #fff; 
font-family: 'SignalNo1D', sans-serif;
font-weight: normal;
text-align: left;
font-size: .98em;
letter-spacing: 0em;
line-height: 1.3em;
}

p.lefttttt { 
color: #f6e4ff; 
text-shadow: 0 0 8px #FFCBE5;
font-family: 'SignalNo1D', sans-serif;
font-weight: normal;
text-align: left;
font-size: .99em;
letter-spacing: 0em;
line-height: 1.3em;
}

p.leftttt { 
color: #f6e4ff; 
text-shadow: 0 0 8px #FFCBE5;
font-family: 'SignalNo1D', sans-serif;
font-weight: normal;
text-align: left;
font-size: .92em;
letter-spacing: 0em;
line-height: 1.3em;
}


p.leftt { 
color: #fff; 
font-family: 'SignalNo1D', sans-serif;
font-weight: normal;
text-align: left;
font-size: .96em;
letter-spacing: 0em;
line-height: 1.2em;
}

p.lefttt { 
color: #fff; 
font-family: 'SignalNo1D', sans-serif;
font-weight: normal;
text-align: left;
font-size: .96em;
letter-spacing: 0em;
line-height: 1.2em;
margin-bottom: 2px;
margin-top: -2px;
}


p.note { 
font-family: Verdana, Arial, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: .03em;
font-size: .68em;
line-height: 1.6em;
text-align: left;
color: #f6e4ff;
} 

p.text { 
font-family: Verdana, Arial, sans-serif;
font-style: normal;
font-weight: 700;
letter-spacing: .03em;
font-size: .84em;
line-height: 1.6em;
text-align: center;
color: #ffffff;
} 


h2 {
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
	padding-top: 30px;
    font-size: 48px;
	letter-spacing: 4px;
	line-height: 48px;
    margin-bottom: 30px;
	-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);
}




	

	
ul { display: block; text-align:left; }
ul li { display: inline-block;  }



a.pagelink { 
    color: #FF5100; 
    text-shadow: 0 0 1px #000000;
    position:relative;
	z-index: 10;
}

a.pagelink:hover {
    color: #FFFFFF; 
    text-shadow: 0 0 8px #FFCBE5;
    text-decoration: none;
	position:relative;
	z-index: 10;
	
}

.repulsive {
	margin: 0 auto;
	align: center;
	max-width:100%;
}
.hidden {
    display: none;
}

h2.booth {
    color: #ff0000;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
	padding-top: 30px;
    font-size: 48px;
	letter-spacing: 4px;
	line-height: 48px;
    margin-bottom: 30px;
	-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);
	z-index: 9;
}

h2.panels {
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
	padding-top: 30px;
    font-size: 48px;
	letter-spacing: 4px;
	line-height: 48px;
    margin-bottom: 30px;
	-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);
}

h2.funhouse {
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
	padding-top: 30px;
    font-size: 48px;
	letter-spacing: 4px;
	line-height: 48px;
    margin-bottom: 30px;
	-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);
}

h2.meatwad {
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
	padding-top: 30px;
    font-size: 48px;
	letter-spacing: 4px;
	line-height: 48px;
    margin-bottom: 30px;
	-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);
}

h2.jammy {
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
	padding-top: 30px;
    font-size: 48px;
	letter-spacing: 4px;
	line-height: 48px;
    margin-bottom: 30px;
	text-align: center;
	-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);
}








/*--------------------------------------------------
				SECTION STYLEZ
---------------------------------------------------*/




#rap { 
background: url(https://media.cdn.adultswim.com/presents/san-diego-comic-con-2014/images/clouds-bgg.gif) fixed top center no-repeat;
position: fixed;
z-index: 11; 
pointer-events: none;
left:0px;
right:0px;
top:0px;
bottom:0px;

}




#welcome {
margin: 0 auto;
text-align: center;
padding: 0% 0% 0% 0%;
max-width: 650px;
position: relative;
z-index: 9;
}



#booth {
margin: 0 auto;
text-align: center;
padding: 10% 0% 20% 0%;
max-width: 650px;
position: relative;
z-index: 9;
}

#booth-inner {
margin: 0 auto;
text-align: center;
padding: 0% 0% 0% 0%;
max-width: 550px;
position: relative;
z-index: 9;
}

#booth h3 {
	color: #ffffff; 
	text-align: center;
	font-family: 'SignalNo1D', sans-serif;
	font-weight: normal;
	display: block;
	padding-top: 6px;
	font-size: 36px;
	letter-spacing: 2px;
	line-height: 36px;
	margin-bottom: 5px;	
	
}

#panels {

margin: 0 auto;
text-align: center;
padding: 0% 0% 20% 0%;
max-width: 650px;
z-index: 9;
}

#panels-inner {
margin: 0 auto;
text-align: center;
padding: 0% 0% 0% 0%;
max-width: 530px;
z-index: 9;
}

#panels-inner h3 {
	color: #aa30ff; 
	text-align: center;
	font-family: 'SignalNo1D', sans-serif;
	font-weight: normal;
	display: block;
	padding-top: 20px;
	font-size: 34px;
	letter-spacing: 2px;
	line-height: 34px;
	margin-bottom: 10px;	
}


#panels-inner h5 {
	text-align: left;
	color: #ca7eff;
	font-family: 'SignalNo1D', sans-serif;
	font-weight: normal;
	font-size: 1.5em;
	display: block;
	letter-spacing: 1px;
	line-height: 20px;
	padding-top: 10px;
	margin-bottom: 15px;	
	
}



#funhouse {
margin: 0 auto;
text-align: center;
padding: 0% 0% 10% 0%;
max-width: 650px;
z-index: 9;
}



#funhouse-inner {
margin: 0 auto;
text-align: center;
padding: 0% 0% 0% 0%;
max-width: 550px;
z-index: 9;
}


#meatwad {
margin: 0 auto;
text-align: center;
padding: 0% 0% 20% 0%;
max-width: 650px;
z-index: 9;
}

#meatwad-inner {
margin: 0 auto;
text-align: center;
padding: 0% 0% 0% 0%;
max-width: 550px;
z-index: 9;
}


#jammy {

margin: -38px auto 0;
text-align: center;
padding: 0% 0% 47% 0%;
max-width: 650px;
z-index: 9;
}

#jammy-inner {
margin: 0 auto;
text-align: center;
padding: 0% 0% 0% 0%;
max-width: 550px;
z-index: 9;
}







/*--------------------------------------------------
				CSS ANIMATION
---------------------------------------------------*/

@-moz-keyframes swivel {
  
    0% {
        -webkit-transform: rotate3d(0, 1, 0, 20deg);
        -moz-transform: rotate3d(0, 1, 0, 20deg);
        -o-transform: rotate3d(0, 1, 0, 20deg);
        -ms-transform: rotate3d(0, 1, 0, 20deg);
        transform: rotate3d(0, 1, 0, 20deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 1, 0, -20deg);
        -moz-transform: rotate3d(0, 1, 0, -20deg);
        -o-transform: rotate3d(0, 1, 0, -20deg);
        -ms-transform: rotate3d(0, 1, 0, -20deg);
        transform: rotate3d(0, 1, 0, -20deg);
    }
}

@-webkit-keyframes swivel {
    0% {
        -webkit-transform: rotate3d(0, 1, 0, 20deg);
        -moz-transform: rotate3d(0, 1, 0, 20deg);
        -o-transform: rotate3d(0, 1, 0, 20deg);
        -ms-transform: rotate3d(0, 1, 0, 20deg);
        transform: rotate3d(0, 1, 0, 20deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 1, 0, -20deg);
        -moz-transform: rotate3d(0, 1, 0, -20deg);
        -o-transform: rotate3d(0, 1, 0, -20deg);
        -ms-transform: rotate3d(0, 1, 0, -20deg);
        transform: rotate3d(0, 1, 0, -20deg);
    }
}

@-o-keyframes swivel {
    0% {
        -webkit-transform: rotate3d(0, 1, 0, 20deg);
        -moz-transform: rotate3d(0, 1, 0, 20deg);
        -o-transform: rotate3d(0, 1, 0, 20deg);
        -ms-transform: rotate3d(0, 1, 0, 20deg);
        transform: rotate3d(0, 1, 0, 20deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 1, 0, -20deg);
        -moz-transform: rotate3d(0, 1, 0, -20deg);
        -o-transform: rotate3d(0, 1, 0, -20deg);
        -ms-transform: rotate3d(0, 1, 0, -20deg);
        transform: rotate3d(0, 1, 0, -20deg);
    }
}

@-ms-keyframes swivel {
    0% {
        -webkit-transform: rotate3d(0, 1, 0, 20deg);
        -moz-transform: rotate3d(0, 1, 0, 20deg);
        -o-transform: rotate3d(0, 1, 0, 20deg);
        -ms-transform: rotate3d(0, 1, 0, 20deg);
        transform: rotate3d(0, 1, 0, 20deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 1, 0, -20deg);
        -moz-transform: rotate3d(0, 1, 0, -20deg);
        -o-transform: rotate3d(0, 1, 0, -20deg);
        -ms-transform: rotate3d(0, 1, 0, -20deg);
        transform: rotate3d(0, 1, 0, -20deg);
    }
}

@keyframes swivel {
    0% {
        -webkit-transform: rotate3d(0, 1, 0, 20deg);
        -moz-transform: rotate3d(0, 1, 0, 20deg);
        -o-transform: rotate3d(0, 1, 0, 20deg);
        -ms-transform: rotate3d(0, 1, 0, 20deg);
        transform: rotate3d(0, 1, 0, 20deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 1, 0, -20deg);
        -moz-transform: rotate3d(0, 1, 0, -20deg);
        -o-transform: rotate3d(0, 1, 0, -20deg);
        -ms-transform: rotate3d(0, 1, 0, -20deg);
        transform: rotate3d(0, 1, 0, -20deg);
    }
}