/*
Theme Name: Downtown Cabaret V2
Theme URI: http://dtcab.com
Description: A custom template for Downtown Cabaret
Version: 2.0
Author: Marecella Kovac / Jordan Rabidou
Author URI: http://www.TheHeavenlyHash.com
Tags: 
	
Credits and license: Designed by Bananaland Developed by Heavenly Hash

Last update: Feb 4, 2011
*/

/**************************
STANDARD HTML TAGS
**************************/
body { margin:0px; padding:0px; font-family:ideal-medium; font-size:14px; background:#000;}

img{ border:0px;}
h1, h2, h3, h4, h5{ font-weight:normal;}

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

blockquote {border-left: 0.5em solid #ccc; font-size: 0.9em; font-style: normal; padding: 0 0 0 1em;}

/**************************
FONT CLASSES
**************************/
.small{font-size:10px;}
.medium{font-size:14px;}
.large{font-size:16px;}
.xlarge{font-size:19px;}
.xxlarge{font-size:24px;}

.black{color:#000;}
.white{color:#fff;}
.blue{color:#1b02dd;}
.yellow{color:#fff21c;}
.dark_yellow{color:#ffc300}
.pink{color:#ea0039;}

.book{font-family:ideal-book;}
.semi_bold{font-family:ideal-semi-bold;}
.book_italic{font-family:ideal-book-italic;}
.bold{font-family:ideal-bold;}
.hidden{display:none;}

/**************************
CUSTOM CSS CLASSES
**************************/

.alignleft { float: left; display: inline; /* IE6 fix */ padding: 0 1em 0.5em 0; text-align: left;}
.aligncenter {display: block; margin: 1em auto; text-align: center;}
.alignright {float: right; display: inline; /* IE6 fix */ padding: 0 0 0.5em 1em; text-align: right;}
.alignjustify {text-align: justify;}
.clear{clear:both; height:0px; line-height:0px;}

/**************************
DOM ELEMENTS
**************************/
#page {width:950px; margin:0px auto; position:relative;}

/**************************
HEADER STYLES
**************************/
#header_wrapper{width:100%; margin:0px auto;}
#header {height:200px; background:#4013af; width:950px; margin:0px auto; position:relative;}
#logo{position:absolute; top:-65px; left:20px; height:360px;}
#social_icns{position:absolute; top:0px; right:20px;}
.icn{background:#ffd900; height:31px; width:31px; display:inline-block;}

#tab { line-height:35px; background:url(images/bg-trans-purple.png); padding:0px 10px; width:215px; color:#fff; text-transform:uppercase; font-size:10px; font-family:ideal-bold; text-align:center;}
#tab a{color:#fff; text-decoration:none;}
#tab a:hover{color:#ea0039;}

#donations{position:absolute; top:35px; right:20px; z-index:9999;}

	
/**************************
SIDEBAR STYLES
**************************/
#sidebar{ }

/**************************
NAVIGATION STYLES
**************************/
#nav { background:#4013af; padding:0px 14px; margin:0px 105px 0px 220px; font-family:'gotham'; font-size:9px; width:590px;}
#nav ul{ margin:0px; list-style:none; padding:0px; height:31px;}
#nav ul li{ line-height:25px; display:inline; text-transform:uppercase; padding:0px; margin:0px 11px 0px 0px;  position:relative;}
#nav ul li:last-child{margin:0px; padding:0px;}
#nav ul li a{ color:#fff; text-decoration:none;}
#nav ul li a:hover{}

#nav ul li ul{display:none; position:absolute; top:10px; width:130px; left:0px; background:#4013af; margin:0px; padding:15px 0px; z-index:999;}
#nav ul li:hover ul{display:block;}
#nav ul li:hover ul li, #nav ul li:hover ul li:last-child{ background:#4013af;  display:list-item; line-height:normal; margin:0px;  padding:7px 5px;}

/**************************
CAROUSEL STYLES
**************************/
#title_area{ position:absolute; top:50px; left:264px;}

#fred_wrapper{height:332px; width:100%; background:#fff; margin:0px; text-align:center; overflow:hidden}
#fred{position:relative; z-index:10; overflow:hidden; height:332px;}
#fred div{margin:0px; height:332px; width:460px; overflow:hidden; float:left; padding:0px;}

#fred img{
    filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome & Webkit Nightlies */
}
#fred img:hover, #fred .selected img{
    filter: none;
    -webkit-filter: grayscale(0);
}


#slide_nav{ position:absolute; bottom: 20px; right:20px; z-index:99;}

#header .title{font-size:38px; width:450px; color:#000; font-family:ideal-semi-bold;}
#header .date{font-size:29px; color:#ffd900; font-family: 'ideal-light-italic';}	
/**************************
CONTENT STYLES
**************************/
#content_wrapper{background:#cccdd9; padding:20px; margin:0px;}
#content { width:680px; float:left;}

.page_title{font-family:ideal-light; font-size:27px; margin:0px; padding:15px 0px 30px 0px; color:#ea0039;}
.entry{margin-bottom:15px;}
.entry p{margin-bottom:15px;}
.entry ul{margin: 0px 00px 15px 30px;}
.thumbnail{float:left; width:199px; height:197px; overflow:hidden; margin-right:30px; }
.show_list{ color:#000; font-size:16px; font-family:ideal-book; width:445px; float:right; margin-bottom:50px;}
.show_list p{margin-bottom:10px;}
.show_list .date a{font-family: 'ideal-light-italic';}



/**************************
COLUMN STYLES
**************************/

.column{width:200px; float:left; padding: 0px 15px;}
.column h1{border-right:1px solid #1b02dd; margin:-20px -15px 15px 0px; padding-top:13px; height:52px; width:215px; color:#1b02dd; font-size:27px; font-weight:normal;}
.first h1{width:230px;}
.second h1{width:200px; padding-left:15px;}
.third h1{ padding-right:15px;}
.fourth h1{padding-left:10px}
.column.interior h1{border-left:1px solid #1b02dd; border-right:0px; margin-left:-15px; font-family:ideal-light; font-size:27px; padding:30px 0px 30px 15px; height:37px;}
.column h1 span{ font-size:10px; float:right; line-height:27px; text-transform:uppercase; padding-right:15px;}
.shows{list-style:none; margin:0px; color:#fff; padding:0px; }
.shows li{border-bottom:#fff 1px solid; font-size:16px; padding:15px 0px;}
.shows li:first-child{padding-top:0px;}
.shows li:last-child{border:none; padding-bottom:0px;}

.shows .title{font-family:ideal-semi-bold;}
.shows .date{ font-family:ideal-book-italic;}

.featured{list-style:none; margin:0px; color:#000; padding:0px; font-family:ideal-book; }
.featured li{padding:15px 0px;}
.ticket{margin-bottom: 8px;}
.blue_ticket{background:url(images/ticket-neon.png) no-repeat; text-align:center; color:#7c07a9; text-decoration:none; font-family:ideal-bold; font-size:45px; display:block; width:191px; height:80px; line-height:80px;}
.yellow_ticket{background:url(images/ticket-yellow.png) no-repeat; text-align:center; color:#1b02dd; text-decoration:none; font-family:gotham; font-size:25px; display:block; width:191px; height:80px; line-height:80px; text-transform:uppercase;}	
.purple_ticket{background:url(images/ticket-purple.png) no-repeat; text-align:center; color:#fff; text-decoration:none; font-family:ideal-bold; font-size:45px; display:block; width:191px; height:80px; line-height:80px;}
.red_ticket{background:url(images/ticket-red.png) no-repeat; text-align:center; color:#fff; text-decoration:none; font-family:ideal-bold; font-size:45px; display:block; width:191px; height:80px; line-height:80px;}
.orange_ticket{background:url(images/ticket-orange.png) no-repeat; text-align:center; color:#fff; text-decoration:none; font-family:ideal-bold; font-size:45px; display:block; width:191px; height:80px; line-height:80px;}
.magenta_ticket{background:url(images/ticket-magenta.png) no-repeat; text-align:center; color:#fff; text-decoration:none; font-family:ideal-bold; font-size:45px; display:block; width:191px; height:80px; line-height:80px;}
.blue_ticket2{background:url(images/ticket-blue2.png) no-repeat; text-align:center; color:#fff; text-decoration:none; font-family:ideal-bold; font-size:45px; display:block; width:191px; height:80px; line-height:80px;}




/**************************
FOOTER STYLES
**************************/
#footer { border:1px #1b02dd solid; border-width:1px 0px; margin:35px 0px 30px 0px; font-family:'gotham'; font-size:9px; color:#fff; line-height:35px; padding:2px 0px; text-transform:uppercase;}
#footer a{color:#fff; text-decoration:none;}
#footer a:hover{text-decoration:underline; color:#ea0039;}
#footer .left{float:left;}
#footer .right{float:right;}
#footer ul{list-style:none; margin:0px; padding:0px;}
#footer ul li{float:left; margin:0px 15px 0px 0px;}

/**************************
SPONSOR STYLES
**************************/
#sponsors ul{list-style:none; margin:0px; padding:0px;}
#sponsors ul li{float:left; margin:0px 15px 0px 0px;}
#sponsors ul li:last-child{ margin-right:0px;}


/**************************
KIDS STAGE STYLES
**************************/

.term-kids-stage #nav, .term-kids-stage #nav ul li ul{background:#ff6c00;}
.term-kids-stage  .icn{background:#F8D639;}
.term-kids-stage .column h1{border-right:1px solid #f80012; color:#f80012; font-size:27px;}
.term-kids-stage .column.interior h1{border-left:1px solid #f80012; border-right:0px;}
.term-kids-stage .yellow_ticket{background:url(images/ticket-sea.png) no-repeat; color:#fff;}
.term-kids-stage .blue_ticket{background:url(images/ticket-green.png) no-repeat; color:#fff; }

.term-main-stage #nav, .term-main-stage #nav ul li ul{background:#ea0039;}
.term-main-stage  .icn{background:#990026;}
.term-main-stage .column h1{border-right:1px solid #1b02dd; color:#1b02dd; font-size:27px;}
.term-main-stage .column.interior h1{border-left:1px solid #1b02dd; border-right:0px;}
.term-main-stage .yellow_ticket{background:url(images/ticket-yellow.png) no-repeat; color:#fff;}
.term-main-stage .blue_ticket{background:url(images/ticket-blue.png) no-repeat; color:#fff; }
.term-main-stage  #footer .right ul li:last-child:hover{background:#ea0039;}