@import url(//fonts.googleapis.com/css?family=Passion+One);
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed);
/* CSS Document */
body {
background:url(images/steel-city-comic-con-background.jpg) fixed no-repeat black;  background-attachment: fixed;
    background-clip: border-box;
    background-color: transparent;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;font-family: 'Roboto Condensed', sans-serif;
}


a {
color:#333;
text-decoration:none;
}
a:hover {
color:#ffc61b;}

#fullsite {
width:1000px;
margin-left:auto;
margin-right:auto;
}
.corners {-webkit-border-radius:   5px 5px 5px 5px ;
-webkit-border-radius:   5px 5px 5px 5px ;
border-radius:5px 5px 5px 5px ;
}
.bottomcorners {-webkit-border-radius:   0px 0px  5px 5px ;
        border-radius:0px 0px  5px 5px ;
}
.topcorners {-webkit-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px;
}
.topleft {-webkit-border-radius: 5px 0px 0px 0px;
        border-radius: 5px 0px 0px 0px;
}

.topright {-webkit-border-radius: 0px 3px 0px 0px;
        border-radius: 0px 3px 0px 0px;
}
.bottomleft {
-webkit-border-radius: 0px 0px 0px 5px;
        border-radius: 0px 0px 0px 5px;
}
.bottomright {

-webkit-border-radius: 0px 0px 5px 0px;
        border-radius: 0px 0px 5px 0px;}

.huge-text {font-size:128px;line-height:.81}
#logospace {
float:left;
width:410px;
}

#logospace #titlesponsor {
float:left;
width:122px;
margin-top:75px;

}
#logospace #logo {
float:left;
width:274px;
margin-left:12px;
}

#header_right {
margin-top:44px;
float:right;
width:530px;
text-align:center;
color:white;
}
#header img {

float:left;}

#header {height:210px;}

.clearboth {
clear:both;
}


#menu a {
display:block;
padding:8px 12px; 
color:black;
text-decoration:none;
border-bottom:1px solid #aaa;
}
#menu a:hover {
color:#ffc61b;
background:black;
}
#main_menu {
text-align:center;
background-color:#666666;
padding:8px 0;
}
#main_menu a {
display:inline-block;
text-align:center;
font-size:18px;
padding:4px 8px;
font-family: 'Passion One', cursive;
color:white;
text-decoration:none;

}
#main_menu a:hover {
color:#ffc61b;
}

#countdown_clock {
 
color:white;
height:36px;
padding:0;
font-size:14px;

}

  

#content {
min-height:500px;
width:820px;
float:right;
font-family: 'Roboto Condensed', sans-serif;
background:white;
padding:12px;

}
#sitecontainer {
background:white url(images/menu-panel-bg.jpg) top left no-repeat ;
}

#menu {
float:left;
width:155px;
text-align:right;
}
#countdown_dashboard {
margin:4px 0 0 24px;}

.borderleftblack {
border-left:1px solid black;
}

.ticketoutlet {
text-align:center;
height:133px;
display:block;
width:144px;
float:left;
border:1px solid black;
padding:8px;
margin-right:6px;
font-size:14px;
line-height:1.2;
}

.ticketoutlet strong {
font-size:24px;
}

h1, h2, h3, h4, p, span {margin:0;padding:0;}


.threeup {
margin-bottom:10px;
width:22.5%;
margin-right:1%;
float:left;
height:auto;

}
.threeup img {
}
.threeup h1 {
padding:8px 0;
line-height:1;
font-size:18px;

}

.twoup {
border:1px solid grey;
margin-bottom:10px;
width:49%;
float:left;
height:200px;
}


.text12 {
font-size:12px;
}
.text14 {
font-size:14px;
}
.text16 {
font-size:16px;
}
.text24 {
font-size:24px;
}
.artistpic {
height:350px;width:600px;display:block;position:relative;}
.artistdescription {
/*background:rgba(255, 255, 255, 0.8);*/
background:rgba(0,0,0,0.5);padding:10px;width:580px;position:absolute;display:block;bottom:0;line-height:1.5;color:white;
	}
	
	.artistdescription a {
	background-color:white;padding:4px;margin-bottom:4px;display:inline-block;color:black!important;
	}
	
	.artistsidebar
	{
	margin-bottom:8px;
	}
	.artistsidebar a {
	padding:5px;
	font-size:36px;font-family: 'Passion One', cursive;
	color:black!important;
	}
	
	.footer {
	font-family: 'Roboto Condensed', sans-serif;
	color:white;
	font-size:12px;
	}
	.footer a {
	color:#ffc61b!important;
	}
	
	.celebs {
	margin-bottom:10px;}
	.celebs img {
	float:left;
	}
	.celebs .celebsInfo {
	width:710px;float:right;
	}
	
	
	.floatleft {
	float:left}
	
	.width-1 {
	width:100%;
	}
	.width-2 {
	width:49%;
	margin-left:.5%;
	}
	.width-4 {
	width:24%;
	margin-left:.5%;
	}


.right-arrow {
height:90px;
width:30px;
display:block;
margin:0;
padding:0;
background-image:url(images/arrow-r.png);
}

#header_next {
float:right;
opacity:0.5;
}

#guest_list a {
display:block;padding:6px;7
}
#guest_list a:hover {
background:white;
}
#frontpage_artists {height:300px;overflow:scroll;border:1px solid #bbb;}
#frontpage_artists a{ display:block;padding:4px 8px;}
#frontpage_artists a:hover {background:#eee;}
#frontpage-lower-panel a {display:block;padding:4px;background:url(images/white-shade.jpg);}
#frontpage-lower-panel a:hover {color:white;background:black;padding-left:8px;}
#frontpage-lower-panel h3{background:url(images/greyshade.jpg);padding:4px;}

#header_slides a {color:white!important;text-decoration:underline;}
#header_slides a:hover {color:#ffc61b!important;}
#header_slides {width:500px;}
.header_slide {width:500px;}
.header_slide p {font-size:36px;line-height:.9;}

		/* jQuery Countdown styles 1.6.1. */
.hasCountdown {
padding:10px;
line-height:.8;
background:black;height:32px;
}
.countdown_rtl {
	direction: rtl;
}
.countdown_holding span {
	color: #888;
}
.countdown_row {
	clear: both;
	width: 40%;
	padding: 0px 2px;
	text-align: center;
}
.countdown_show1 .countdown_section {
	width: 10%;
}
.countdown_show2 .countdown_section {
	width: 48%;
}
.countdown_show3 .countdown_section {
	width: 32.5%;
}
.countdown_show4 .countdown_section {
	width: 24.5%;
}
.countdown_show5 .countdown_section {
	width: 19.5%;
}
.countdown_show6 .countdown_section {
	width: 16.25%;
}
.countdown_show7 .countdown_section {
	width: 14%;
}
.countdown_section {font-family: 'Roboto Condensed', sans-serif;
	float: left;
	font-size: 75%;
	text-align: center;
	color:white;
}
.countdown_amount {
	font-size: 200%;
}
.countdown_descr {
	width: 100%;
}
#slideshow {width:600px;float:left;height:340px;}

.button {
display:inline-block!important;
width:auto;
color: #ffffff;
font-size: 15px;
padding: 5px;
text-decoration: none;
-webkit-border-radius: 11px;
-moz-border-radius: 11px;
-webkit-box-shadow: 0px 1px 5px #666666;
-moz-box-shadow: 0px 1px 5px #666666;
text-shadow: 1px 1px 3px #666666;
border: solid #adadad 2px;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#ededed), to(#707070));
background: -moz-linear-gradient(top, #ededed, #707070);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ededed, endColorStr=#707070);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ededed, endColorStr=#707070);
display:inline-block; /* IE is so silly */
margin-right:5px;
}
.button:hover {
color:black!important;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#cfcfcf), to(#666666))!important;
background: -moz-linear-gradient(top, #cfcfcf, #9e9e9e)!important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ededed, endColorstr=#707070)!important;

}


.button-gold {
display:inline-block!important;
color: #black;
font-size: 15px;
padding: 5px;
text-decoration: none;
-webkit-border-radius: 11px;
-moz-border-radius: 11px;
-webkit-box-shadow: 0px 1px 5px #666666;
-moz-box-shadow: 0px 1px 5px #666666;
border: solid #ffc71b 2px;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#ededed), to(#ffc61b));
background: -moz-linear-gradient(top, #ededed, #ffc61b);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ededed, endColorStr=#ffc61b);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ededed, endColorStr=#ffc61b);
display:inline-block; /* IE is so silly */
}
.button-gold:hover {color:black!important;
background: #ffc61b!important;
}

#menu center {line-height:1}


.threeup {

border:1px solid #ddd;
padding:0.5%;
margin-bottom:10px;
width:22.5%;
margin-right:1%;
float:left;
height:330px;

}
.threeup img {
}
.threeup h1 {
padding:4px 0;
line-height:1;
font-size:18px;

}
.threeup p {
font-size:12px;
}