@charset "UTF-8";
/* CSS Document */

body { margin:0px; padding:0px; text-align:center; background:url(../images/backgroundImage.jpg) top center no-repeat #fff; font-family:"open","Trebuchet MS", Arial, Helvetica, sans-serif}
footer {display:block; background:url(../images/footer.jpg) top center repeat-x #fff; margin:-20px 0px 0px 0px; min-height:300px;}

header { height:200px; display:block; width:100%;background:url(../images/navBar.jpg) repeat-x; background-position:bottom; display:block;}
header .inner { }

header .count { background:url(http://cahotsauceexpo.com/images/counterBackCA.png) top center no-repeat; width:254px; height:110px; margin-top:28px; margin-left:-50px; position:absolute;}
header .social { height:153px; width:268px; float:left; margin:-60px 0px 0px 752px;}
header .social a { display:inline-block; padding:0px 0px 0px 0px; width:45px; height:45px; background:url(../images/soical.png) top left no-repeat; margin-top:120px;}
header .social a.insta { background-position:top left;}
header .social a:hover.insta { background-position:bottom left;}
header .social a.twitt	 { background-position:-45px 0px;}
header .social a:hover.twitt { background-position:-45px -45px;}
header .social a.fb { background-position:top right;}
header .social a:hover.fb { background-position:bottom right;}

aside { background-color: #FFFFFF; border-radius: 0 4px 4px 0; box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.3); float: left; min-height: 400px; padding: 15px; width: 165px;}

.menu-list{	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #cccccc; background-color: #EEEEEE; margin-bottom: 10px; font-size: 0.95em; overflow:hidden}
.menu-list > li { font-size: 0.9em }
.menu-list-box 	{ background: -moz-linear-gradient( #F9F9F9, #dedede ); background: -webkit-linear-gradient( #F9F9F9, #dedede ); background: -webkit-gradient( linear, #F9F9F9, #dedede );}

.fix:after { content: " "; display: block; clear:both; height: 0; visibility: hidden}

#demos {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #cccccc;
	background-color: #FFFFFF;
	width: 960px;
	padding: 10px;
	margin: 10px auto;
}

#demos > p {margin: 10px 0;}
#demo-list {float: left;}
#demo-desc { float: left; margin: 0 0 0 100px;}
#demo-list li { padding: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#demo-list li:before { content: '*'; position: relative; top: 2px; color: #c40000;}
#demo-list li:hover { background-color: #333333; color: #ffffff;}
.demo-info { display: none;}

.time{ color:#fcff00; text-align: center; margin: 30px 0 0 0; font-size: 1.2em;}

.time .cd-time{ display:inline; color:#fff; font-size:0.8em;}

pre { border: 2px solid #DDDDDD; padding: 20px; background-color: #333333; color: #CCCCCC; white-space: pre-wrap;}

h1, h2, h3, ol {  font-family:'open'; text-transform:uppercase;}

.inner { margin:0 auto; width:970px; position:relative;}

nav { margin:0px 0px 0px 0px; text-align:center;display:block; width:100%; height:36px; }
nav a { color:#ffba00; text-decoration:none; height:36px; line-height:33px; display:inline-block; padding:4px 15px 0px 15px; text-transform:uppercase; font-size:22px; margin-top:69px;}
nav a:hover { color:#fff; text-decoration:none; background:url(../images/navOverTint.png) repeat-x;}
nav a.awards { }
nav a.sched { }
a.logo { position:absolute; width:300px; height:120px; margin:40px 0px 0px -290px;}
nav a.home { padding:4px 5px 0px 5px; margin-left:20px;}
nav a.contact { padding:4px 5px 0px 5px; margin-right:20px;}

article { display:block;}

footer {display:block; background:url(../images/footer.jpg) top center repeat-x #fff; margin:-20px 0px 0px 0px; min-height:300px;}
footer h1 { text-transform:uppercase; font-size:24px; padding:5px 0px;  color:#000;}
footer .sponsors {}
footer .sponsors img { display:inline-block; padding:25px;}
footer .sig { padding:30px 0px; font-size:12px; text-align:center;}

a.mybtn { background:url(../images/btn.png) top center no-repeat; width:126px; height:37px; text-align:center !important; line-height:25px; color:#FFF; text-transform:uppercase; display:inline-block;}
a:hover.mybtn { background-position:bottom center; text-decoration:none;}

.home {}
.home .carousel { margin:0 auto 0 auto; z-index:1; border-left:solid 2px #393494; border-right:solid 2px #393494; border-bottom:solid 2px #17b8a9; width:922px; height:377px;}
.home .carousel-inner {}

.home .carousel-inner .nyc { background:url(http://cahotsauceexpo.com/images/slideNYC.gif) top center no-repeat; width:922px; height:375px;}
.home .carousel-inner .nyc .text { width:391px; text-align:left; color:#FFF; padding:70px 0px 0px 60px;} 
.home .carousel-inner .nyc .text p {width:391px; padding:0-; margin:0;}
.home .carousel-inner .nyc .text a { margin:30px 0px 0px 265px;}

.home .carousel-inner .mimi { background:url(http://cahotsauceexpo.com/images/slideMimi.jpg) top center no-repeat; width:922px; height:375px;}
.home .carousel-inner .mimi .text { width:391px; text-align:left; color:#FFF; padding:70px 0px 0px 60px;} 
.home .carousel-inner .mimi .text p {width:391px; padding:0-; margin:0;}
.home .carousel-inner .mimi .text a { margin:30px 0px 0px 265px;}

.home .carousel-inner .expo { background:url(http://cahotsauceexpo.com/images/slideExpo.jpg) top center no-repeat; width:922px; height:375px;}
.home .carousel-inner .expo .text { width:391px; text-align:left; color:#FFF; padding:70px 0px 0px 60px;} 
.home .carousel-inner .expo .text p {width:391px; padding:0-; margin:0;}
.home .carousel-inner .expo .text a { margin:30px 0px 0px 265px;}

.home .carousel-inner .contest { background:url(http://cahotsauceexpo.com/images/slideContest.jpg) top center no-repeat; width:922px; height:375px;}
.home .carousel-inner .contest .text { width:391px; text-align:left; color:#FFF; padding:70px 0px 0px 60px;} 
.home .carousel-inner .contest .text p {width:391px; padding:0-; margin:0;}
.home .carousel-inner .contest .text a { margin:30px 0px 0px 265px;}

.home .carousel-indicators { width:200px; text-align:right; margin-left:240px; bottom:5px;}
.home .carousel-indicators li { border-color:#ee1c25;}
.home .carousel-indicators .active { background-color:#ee1c25;}
.home .carousel-control { background:url(../images/arrows.png) no-repeat; height:60px; width:60px; top:155px;}
.home .carousel .rightA { background-position:top right;opacity: 1; filter: alpha(opacity=100); right:-30px}
.home .carousel .rightA:hover { background-position:bottom right;}
.home .carousel .leftA { background-position:top left;opacity: 1; filter: alpha(opacity=100); left:-30px}
.home .carousel .leftA:hover { background-position:bottom left;}

.box1 { width:614px; text-align:center; float:left; background:url(../images/boxBreak.gif) top left repeat-y; padding-top:8px; padding-bottom:8px;}
.box1 h1 { color:#51ab4c; font-size:22px; padding-top:0px; margin-top:0px; margin-bottom:2px;}
.box1 p { padding:0px 0px 10px 0px; margin-bottom:0px;}

.boxes { width:307px; float:left; background:url(../images/boxBreak.gif) top left repeat-y; padding-top:15px; height:415px;}
.boxes h1 { text-align:center; color:#17b8a9; padding:10px 0px; margin:0px; text-transform:uppercase; font-weight:normal; line-height:normal; font-size:22px;}
.boxes p { text-align:left; padding:0px 25px; color:#000; }
.boxes a { margin:10px auto;}
.boxes img {  -moz-box-shadow:    3px 3px 5px #000;
  -webkit-box-shadow: 3px 3px 5px #000;
  box-shadow:         3px 3px 5px #000;}
.box { border-right:solid 1px #000}
.boxPid { background-image:none; background-color:#000;}
.boxPid img { margin-top:25px;}
.twitter {width:297px; float:left; background:url(../images/boxBreak.gif) top left repeat-y; padding:8px 0px 11px 10px; height:415px; overflow:scroll}
.content { margin:0 auto; width:922px; background-color:#FFF;}

.boxTop { border-top:solid 1px #000;}

.content { margin:0 auto; width:922px; background-color:#FFF; border-left:solid 1px #393494;  border-right:solid 1px #393494;}

.tickets {}
.tickets .boxes { height:600px;}
.tickets .boxes p { text-align:center; padding:10px 25px; margin:5px; color:#000; line-height:20px; }
.tickets .boxes a { margin:10px auto;}

.travel {}
.travel .boxes p { text-align:center;}
.travel .content { height:780px;}
.travel p { padding:10px 20px;}

.media .content { height:600px;}

.sched {}
.sched .boxes { text-align:center; width:50%}
.sched .boxes p { text-align:center;}

.contact 
.contact h1 { width:400px; float:left; }
.contact .content { height:700px;}
.contact .content p { width:400px; float:left;}
.contact .form { float:left; width:450px; background:url(../images/boxBreak.gif) left repeat-y; height:330px; padding:0px 0px 0px 20px;}
.contact .form label { float:left; width:130px; text-align:left; font-size:16px; line-height:20px; margin:5px 0px; font-weight:normal;}
.contact .form input { float:left; width:300px; height:20px; margin:5px 0px;}
.contact .form input[type=submit] {background:url(../images/btn.png) top center no-repeat; width:126px; height:37px; text-align:center !important; line-height:20px; color:#FFF; text-transform:uppercase; margin-left:130px; border:0; padding:0px 0px 10px 0px;}
.contact .form input[type=submit]:hover { background-position:bottom center;}
.contact .form select {float:left; width:300px; height:20px; margin:5px 0px;}
.contact .form textarea {float:left; width:300px; height:70px; margin:5px 0px;}

.awards {}
.awards .content { height:900px;}
.awards .left { float:left; width:600px;text-align:left; background:url(../images/boxBreak2.gif) top right repeat-y; height:600px;}
.awards .left h1, .awards .left p { padding:5px 20px;}
.awards h1 { color:#722d6e; font-size:22px}
.awards .right { float:left; width:322px; padding:0; text-align:left; height:600px;
	background-color: #eee6ee; 
   background-image: url(http://cahotsauceexpo.com/css/images/fallback-gradient.png); 
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a97fa6), to(#eee6ee));
   background-image: -webkit-linear-gradient(top, #a97fa6, #eee6ee); 
   background-image:    -moz-linear-gradient(top, #a97fa6, #eee6ee);
   background-image:     -ms-linear-gradient(top, #a97fa6, #eee6ee);
   background-image:      -o-linear-gradient(top, #a97fa6, #eee6ee);}
.awards .right h1 { text-align:center; font-size:24px; color:#fff}
.awards .right h2 { text-align:center; color:#722d6e; font-size:18px}
.awards .right ol { padding:5px 10px 5px 40px;}
.awards .scroll { height:600px; overflow:auto; width:300px; margin-left:22px;}

.vendors .content { height:1600px;}
.vendors .content ul { margin-left: 0; padding-left: 0; display: inline;}
.vendors .content ul li {  margin-left: 0; margin-bottom: 0; float:left; list-style: none; display: inline;}

.hall .content { height:1600px;}
.hall .content ul { margin-left: 0; padding-left: 0; display: inline;}
.hall .content ul li {  margin-left: 0; margin-bottom: 0; float:left; list-style: none; display: inline;}