/*
	modules.css
	Author: 		James Cooke
	Description:	Module styling
	Client:			Sunset Sounds (The PRODUCT)
*/

.module{clear:both;	position:relative;}

/* @group wysiwyg */
.module-event li, .module-content li{padding:0 0 0 12px; margin:0 0 5px 0;background:url(../images/icons/bullet.gif) no-repeat left 2px;}
/* @end */

/* @group nav */
.module-nav{position:relative;clear:both;float:left;display:inline; width:700px; margin:0 0 0 15px; z-index:50;}
.module-nav ul{}
.module-nav li{position:relative;float:left;display:inline; margin:0 8px 0 0;font-size:18px; text-transform:uppercase;}
.module-nav li a{display:block;height:42px; color:#fff;background:url(../images/template/nav/nav-item-left.png) no-repeat left top;}
.module-nav li a span{display:block; height:27px; padding:15px 14px 0 17px; line-height:20px; margin-right:-10px;background:url(../images/template/nav/nav-item-right.png) no-repeat right top;}

	/* @group on/hover */
	.module-nav li.hover a, .module-nav li a:hover, .module-nav li.on a{text-decoration:none;background-position:left -58px;}
	.module-nav li.hover a span, .module-nav li a:hover span, .module-nav li.on a span{background-position:right -58px;}	
	/* @end */

	/* @group sub-nav */
	.module-nav li ul{
		position:absolute; left:-1000px; top:42px; width:200px; padding:15px 10px 10px 10px; z-index:200; background:#05162C; 
		-webkit-border-radius: 4px;-webkit-border-top-left-radius: 0;-webkit-border-top-right-radius: 0;
		-moz-border-radius: 4px;-moz-border-radius-topleft: 0;-moz-border-radius-topright: 0;
		border-radius: 4px;border-top-left-radius: 0;border-top-right-radius: 0;
	}
	.module-nav li ul li{clear:both; float:none; font-size:14px;margin:0;background:#fff; overflow:hidden;}
	.module-nav li ul li:last-child{margin-bottom:0;}
	.module-nav li ul li a{height:auto;padding:0px; border:0px;background:none;}
	.module-nav li ul li a span{padding:0; margin:0;line-height:14px;background:none;}
	.module-nav li:hover ul, .module-nav li.hover ul{left:0px;}
	.module-nav ul li li:hover a, .module-nav ul li li.hover a{color:#ffdc00}
	.module-nav ul li li:hover li a, .module-nav ul li li.hover li a{color:#fff}
	
		/* @group sub-sub-nav */
		.module-nav ul ul ul{top:0px; left:-1000px;}
		.module-nav ul ul li:hover ul, .module-nav ul ul li.hover ul{left:210px; top:-26px;}
		.module-nav ul li li li:hover a, .module-nav ul li li li.hover a{color:#ffdc00}
		/* @end */
		
		.module-nav li.has-children a, .module-nav li.has-children li.has-children a{background:url(../images/template/nav/has-children.png) no-repeat right top;}
		.module-nav li.has-children li a{background:none;}
		
	
	/* @end */
/* @end */

/* @group module carousel */

	/* @group carousel large */
	.module-carousel-large{height:355px !important; overflow:hidden;margin:0 0 20px 0;}
	
	.module-carousel-large, .module-carousel .carousel-slice{.-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
	/* @end */
/* @end */

/* @group header tools */
.module-header-tools{clear:none;}
.module-header-tools a.button-sign-up{float:left;display:inline;}
/* @end */

/* @group lineup */
	/* @group home */
	.module-lineup-home li{float:left;display:inline; color:#fff; font-size:16px; line-height:22px; padding:0 15px 0 5px; background:url(../images/modules/lineup/divider.png) no-repeat right center;}
	.module-lineup-home li a:hover{color:#ffdc00; text-decoration:none;}
	.module-lineup-home li:last-child, .module-lineup-home li.no-bg{background:none;}
	/* @end */
	
	/* @group lineup page */
	.module-lineup{overflow:hidden; margin-bottom:-15px; width:100%; min-height:150px;}
	.module-lineup ul{margin-right:-15px;}
	.module-lineup li{position:relative; float:left;display:inline; width:218px; height:130px; line-height:1.2em;overflow:hidden; border:1px solid #134065; margin:0 13px 16px 0;}
	.module-lineup li span.lineup-name{position:absolute; bottom:0px; left:0px; width:208px; padding:8px 5px; text-transform:uppercase;background:url(../images/containers/black-80.png) repeat;}
	#filter{width:100%;}
	.category-source{height:0px;display:none !important;}
	/* @end */
	
	/* @group gallery - based on lineup */
	.module-gallery{margin-bottom:15px;border-bottom:1px solid #134065;}
	/* @end */
	
/* @end */

/* @group tabs */
.module-tabs ul {margin:0 0 -2px 0;}
.module-tabs ul li{float:left;display:inline; font-size:14px; text-transform:uppercase; margin:0 -1px 0 0;}
.module-tabs ul li a{float:left;display:inline; margin-top:2px; padding-right:4px; text-decoration:none!important; background:url(../images/modules/tabs/bg-right.png) no-repeat right top;}
.module-tabs ul li a strong{display:block; height:28px;line-height:28px;padding:0 7px 0 14px;background:url(../images/modules/tabs/bg.png) no-repeat left top;}
.module-tabs ul li a:hover, .module-tabs ul li.on a{background-position:right -48px;}
.module-tabs ul li a:hover strong, .module-tabs ul li.on a strong{background-position:left -48px;}
.module-tabs ul li.on a{margin-top:0px; }
.module-tabs ul li.on a strong{height:31px; line-height:31px;}

	/* @group slider */
	.module-tabs .tab-slider{position:relative;float:left;display:inline;width:555px; overflow:hidden; height:31px; z-index:5; margin:0 0 -1px 8px;}
	.module-tabs .tab-slider ul{position:relative;width:100000px;}
		
		/* @group slider nav */
		.item-nav{float:left;display:inline; width:40px; margin-top:2px;}
		.item-nav a{float:left;display:inline; height:28px; width:19px; background:url(../images/modules/tabs/nav.png) no-repeat left top;}
		.item-nav a:hover{background-position:left -32px;}
		.item-nav a.nav-next{background-position:-18px top;}
		.item-nav a.nav-next:hover{background-position:-18px -32px;}
		
		/* @end */
	/* @end */
/* @end */

/* @group pagination */
.module-pagination li{float:left;display:inline; margin:0 4px 0 0;}
.module-pagination li a{display:block; padding:0 5px 0 0; color:#0f3554; text-decoration:none !important; background:url(../images/modules/pagination/bg.png) no-repeat right bottom;}
.module-pagination li a span{display:block;padding:0 1px 0 6px;line-height:30px;background:url(../images/modules/pagination/bg.png) no-repeat left top;}
.module-pagination li a:hover, .module-pagination li a.on{color:#fff;}

.module-pagination li a.pagination-prev, .module-pagination li a.pagination-next{text-indent:-1000em; width:19px; height:30px;padding:0;background:url(../images/modules/pagination/pager.png) no-repeat left top;}
.module-pagination li a.pagination-next{background-position:right top;}
.module-pagination li a.pagination-prev:hover{background-position:left bottom;}
.module-pagination li a.pagination-next:hover{background-position:right bottom;}

.pagination-right ul{float:right;display:inline;}
/* @end */

/* @group programs */
.module-program{margin-bottom:15px;border-bottom:1px solid #134065;}
.module-program .list-avatar li:last-child{margin-bottom:0;}
.module-program .list-avatar li img{border:1px solid #134065;}
.module-program .list-avatar .avatar p{clear:none;float:left;display:inline; margin:0; width:55px; line-height:77px;color:#ffdc00;}
/* @end */

/* @group ajax container */
#ProgramListContainer{min-height:120px;}
/* @end */

/* @group map */
.module-map{width:600px; height:400px;}
.module-map #map_canvas{height:400px;}
.module-map #logocontrol{display:none !important;}
/* @end */

/* @group event details */
.module-event .img-event-detail{clear:both; height:330px; width:575px; overflow:hidden;}
.module-event h3.event-byline{line-height:1.2em; font-weight:normal; margin:0 0 20px 0;width:360px;}
.module-event p{color:#e0e0e0;margin:0 0 15px 0;}

.module-event-info{margin:0 0 20px -22px; padding:15px 20px 5px 40px;}
.module-event-info h2{font-size:38px;color:#eb008b;}
.module-event-info .event-nav{float:right;display:inline;}
/* @end */

/* @group event nav */
.event-nav{float:left;display:inline; width:40px; margin-top:2px;}
.event-nav a{height:30px; width:19px; background:url(../images/modules/events/event-tab.png) no-repeat left top;}
.event-nav a:hover{background-position:left -30px;}
.event-nav a.nav-next:hover{background-position:right -30px;}
/* @end */

/* @group twitter */
.module-twitter{padding:60px 0 0 0;background:url(../images/modules/twitter/panel.png) no-repeat left top;}
.module-twitter h2{color:#4f9ab9; font-size:21px;}
.module-twitter li{font-size:11px; line-height:13px;}
.module-twitter p{font-size:11px;}
.module-twitter a{color:#4f9ab9;}
.module-twitter .twitter-date{clear:both;font-size:11px;color:#4f9ab9;text-align:center;line-height:11px;background:url(../images/modules/twitter/divider.png) no-repeat center center;}
.module-twitter .twitter-text{word-wrap:break-word;}
.module-twitter ul.list-avatar .twitter-date{margin:0 0 0 -70px;}
.module-twitter ul.list-avatar li{padding-bottom:0px; margin:0 0 8px 0;}
/* @end */

/* @group social */

	/* @group social side */
	.module-social-side{position:fixed; left:-4px; top:50%; margin:-76px 0 0 0; z-index:10;}
	.module-social-side li{margin:0 0 2px 0;}
	/* @end */
	
	/* @group social share */
	.module-share-mini{float:right;display:inline;width:191px; height:30px;background:url(../images/modules/share/mini/bg.png) no-repeat left top;}
	.module-share-mini ul{padding:6px 0 0 94px; margin:0;}
	.module-share-mini li{float:left;display:inline; margin:0 2px 0 0; background:none; padding:0;}
	.module-share-mini li a{text-indent:-1000em; width:16px; height:16px;}
	.module-share-mini li a.icon-mini-facebook{background:url(../images/modules/share/mini/facebook.png) no-repeat left top;}
	.module-share-mini li a.icon-mini-twitter{background:url(../images/modules/share/mini/twitter.png) no-repeat left top;}
	.module-share-mini li a.icon-mini-myspace{background:url(../images/modules/share/mini/myspace.png) no-repeat left top;}
	.module-share-mini li a.icon-mini-stumbleupon{background:url(../images/modules/share/mini/stumbleupon.png) no-repeat left top;}
	.module-share-mini li a.icon-mini-delicious{background:url(../images/modules/share/mini/delicious.png) no-repeat left top;}
	/* @end */

/* @end */

/* @group sponsors */
.module-sponsors{overflow:hidden;}
.module-sponsors h2{margin:0 0 15px 0; text-align:center;}
.module-sponsors li{float:left;display:inline;}
.module-sponsors li a{display:block;text-align:center;}
.module-sponsors li a img{vertical-align:baseline;}

.module-sponsors .sponsor-6 li{padding:0 19px;}
/* @end */

/* @group countdown */
.module-countdown{position:absolute; left:15px; top:15px;width:130px; height:52px;background:url(../images/modules/countdown/bg.png) no-repeat left top;}
.module-countdown .countdown-item{width:34px; height:40px; padding:0 0 0 5px;font-size:26px; line-height:40px;text-align:center;color:#000;}
.module-countdown .countdown-item .digit{float:left;display:inline; width:15px; height:38px; overflow:hidden;}
.module-countdown .countdown-days{position:absolute; left:1px; top:1px; padding:0 0 0 3px; width:37px;font-size:19px;}
.module-countdown .countdown-days .digit:first-child{width:20px; text-align:right;}
.module-countdown .countdown-hours{position:absolute; left:45px; top:0px;}
.module-countdown .countdown-minutes{position:absolute; left:90px; top:0px;}
/* @end */

/* @group panels */

	/* @group countdown */
	.panel-countdown{height:78px;background:url(../images/panels/countdown/bg.png) no-repeat left top;}
	/* @end */
	
	/* @group tickets */
	.panel-tickets h2{color:#008a21}
	/* @end */
	
	.column-right .panel{margin:0 0 16px 0;}

/* @end */

/* @group google search */
.module-search-results h4{ margin:0; border-top:1px solid #103859; padding:12px 0 7px 0;}
.module-search-results .s{ font-size:12px; line-height:15px; margin:0 0 12px; font: Arial,Georgia;}
.module-search-results .p{ font-size:12px; line-height:15px; margin:0 0 12px; font: Arial,Georgia;}
.module-search-results .googlePagination { border-top:1px solid #103859; padding:12px 0px 12px 0px; font-size:12px;}
.module-search-results .googlePagination td {padding: 0 5px 0 0;}
.module-search-results .googlePagination td a {text-decoration: underline;}

.googleDescription{margin:0 0 15px 0;}
/* @end */

.panel{overflow:hidden;}
.panel-competition h2{color:#0971b8;}
.panel-gallery h2{color:#b1171b;}
.column-main .panel-competition p, .column-main .panel-gallery p{height:50px;}
