@charset "utf-8";

/* 

mint club website template

(c) Teabagstudios.com 2008
*/


/***
 * Reset
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.0
*/
*{
	outline:none;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/**
 * References
 * 
 * Mint Blue - #00FFCC
 * Mint Grey - #3B3B3B
 * 
 */

/********

Grids 

********/

	body { 
		font-family:Arial, Helvetica, sans-serif; font-size:62.5%; 
		border-top:5px solid #00FFCC;
		background:url('../images/background-cropped.png') no-repeat;
	}

	#container {
		position:relative;
		width:850px;
	}
	
	#header {
		position:relative;
		height:140px;
	}
	
	#bodyWrapper {
		clear:both;
	}
	
	#leftCol {	
		float:left;
		margin-left:35px;
		min-height:710px;
		position:relative;
		width:395px;
		
	}
	
	#leftCol.vidCol {
		width:435px;
	}
	
	#rightCol {
		float:right;
		min-height:710px;
		position:relative;
		width:395px;
	}
	
	#rightCol.mixes {
		width:365px;
	}
	
	#footer {
		background-color:#FFFFFF;
		border-top:1px solid #00FFCC;
		border-bottom:1px solid #00FFCC;
		clear:both;
		height:30px;
		padding:2px 0px;
	}
	
	#footer p {
		color:#666666;
		font-size:1.1em;
		margin:10px 0px;
		padding-right:100px;
		position:relative;
		text-align:right;
	}

/**********************
 * Global Styles
 */
	
	p { 
		color:#3B3B3B;
		font-size:1.1em;
		margin:5px 0px;
		line-height:1.3em;
	}
	
	img { border:none; }
	
	a {  }
	
	ul {}
	
	li {}
	
	em {}
	
	h1 { }
	
	h2 { }
	
	h3 {
		font-size:1.3em;
		font-weight:bold;
		margin:10px 0px;
	}
	
	h4 { 
		font-size:1.1em;
		font-weight:bold;
		margin:5px 0px;
	}
	
	h4.event-title {
		font-size:1.3em;
		border-bottom:1px dotted #00FFCC;
		width:80%;
		text-transform:uppercase;
	}
	
	blockquote {}
	
	blockquote p {}
	ul.list {
		margin:20px;
	}
	ul.list li { list-style-type:square; font-size:1.1em; }
	
/********************
 * Common Elements
 */	

	.box { 
		padding:4px;
		border-top:5px solid #3B3B3B;
		margin-bottom:20px;
	}
	.box.rem-padd { 
		padding:4px 0px;
	}
	.box.white { 
		background-color:white;
	}
	
	.box.grad {
		background:#00FFCC url('../images/box-grad.jpg') no-repeat bottom;
	}
	
	p.colFooter {
		background-color:white;
		border-top:3px solid #00FFCC;
		padding:2px;
		height:35px;
	}
	
	/** Links **/
	a.more-arrow {
		background:url('../images/more-arrow.gif');
		display:block;
		height:31px;
		width:27px;
	}
	
	a.more-arrow:hover { background-position:bottom; }
	
	a.more-arrow span { display:none; }

	a#back-to-top {
		background:url('../images/back-to-top-arrow.gif') no-repeat;
		color:#3B3B3B;
		float:left;
		padding:0px 0px 0px 25px;
		margin:5px 0;
		text-decoration:none;
	}

	a.more-link {
		background:url('../images/more-arrow.gif') no-repeat right top;
		color:#3B3B3B;
		float:right;
		height:18px;
		padding:8px 30px 5px 0;
		text-decoration:none;
	}
	
	#footer a { color: #C4C4C4; }
	
	a#teabag {
		display:block;
		position:absolute;
		right:0px;
		top:0px;
		color:#666666;
	}
	
	a#teabag:hover { 
		background-position:bottom;
		}

	
	.box a { 
		color:#3B3B3B;
		text-decoration:none;
		padding:1px;
		}
	.box a:hover { 	
		background:#3B3B3B;
		color:white;
		}
	
		
	/** Mp3 Player **/ 
	#mp3Player {
		left:29px;
		position:relative;
		top:58px;
		width:200px;
	}
	
	a#launchPlayer {
		background:url('../images/launchPlayer.gif');
		display:block;
		height:12px;
		left:197px;
		position:relative;
		top:-18px;
		width:12px;
	}
	
	a#launchPlayer span {
		display:none;
	}
	
	
	.pana-hint { 
		position:relative;
		top:-1px;
		color:#fff;
		font-weight:bold;
		background-color:#3A3A3A;
		padding:5px;
	 }
	/** Forms **/
	
	/* core structure */
	.ryform { display:block; }
	
	.ryform em { color:red; vertical-align:text-top; font-size:10px; }
	
	.ryform li { clear:both; padding:5px 0px; }
	
	.ryform label { width:100px; font-weight:bold; float:left; margin-right:5px; font-size:1.1em;}
	
	.ryform fieldset { border: 1px solid #EBEBEB; }
	
	.ryform legend { color:#FF9900; font-weight:bold; margin:0px 15px; padding:0px 5px; }
	
	/* Styling elements */
	.ryform input, .ryform textarea { border:1px solid #00FFCC; background-color:#FFFFFF; padding:2px; width:250px; font-size:1.1em; }
	
	.ryform li.buttons input { width:auto;  margin-left:185px; border:0px; /* must be same as label width + margin */ }
	
	.ryform li.captchaImg, ryform li.buttons { padding-left: 105px; /* must be same as label width + margin */ }
	
	p.error { background-color:#FF3300; color:white; font-weight:bold; padding:3px; width:90%; margin:2px auto; }
	
	/** Uncomment to break text area labels to new line 
	.ryform li.txtarea label { float:none; display:block; }
	.ryform li.txtarea textarea { float:none; display:block; margin-left:105px; }
	**/


/*******************
 * Titles
 */
	h2.title { height:24px; text-indent:-9999px; }

	h2#home { background:url('../images/titles/home.gif') no-repeat;}

	h2#events { background:url('../images/titles/events.gif') no-repeat;}

	h2#event { background:url('../images/titles/event.gif') no-repeat;}

	h2#theclub { background:url('../images/titles/theclub.gif') no-repeat;}	

	h2#mix { background:url('../images/titles/mix.gif') no-repeat; }

	h2#about { background:url('../images/titles/about.gif') no-repeat; }

	h2#eventsListing { background:url('../images/titles/event-listing.gif') no-repeat; }

	h2#ourmixes { background:url('../images/titles/ourmixes.gif') no-repeat; }

	h2#mixArchive { background:url('../images/titles/mixesarchive.gif') no-repeat; }

	h2#history { background:url('../images/titles/history.gif') no-repeat; }
	
	h2#hire { background:url('../images/titles/hire.gif') no-repeat; }
	
	h2#contact { background:url('../images/titles/contact.gif') no-repeat; }
	
	h2#system { background:url('../images/titles/system.gif') no-repeat; }
	
	h2#links { background:url('../images/titles/links.gif') no-repeat; }
	
	h2#video { background:url('../images/titles/video.gif') no-repeat; }
/*******************
 * Specifics
 */

	/******
	 * Header
	 */
		#header h1 { 
			background:url('../images/logo.gif');	
			position:absolute;
			right:0px;
			top:10px;
			height:69px;
			width:155px;		
		 }

		#header h1 a {
			height:100%;
			display:block;
			width:100%;
		}
		
		#header h1 a span { 
			display:none 
		}

		/******
		 * Header: menu
		 */
			#menu {
				position:absolute;
				top:0px;
				left:30px;
			}
	
			#menu li {
				float:left; 
				margin:0px 3px;
			}
			
			#menu li a {	
				color:#3B3B3B;
				display:block;	
				font-size:1.1em;
				padding:5px 1px 1px 1px;				
				text-decoration:none;
				text-transform:uppercase;
				width:66px;	
				font-size:1.1em;
			}

			#menu li a:hover {
				background-color:#00FFCC;
			}			
			
			#menu li a span { 
				display:block; 
				width:80%;
			}
	
			#menu li a.on span {
				border-bottom:1px solid #3B3B3B; 
			}


	/*********
	 * Homepage
	 */

		a#register-link { 
			background:url('../images/register-link.gif') no-repeat;
			display:block; 
			height:20px; 
			width:386px; 			
		}
		a#register-link:hover, a#register-link.down { background-position:bottom; }
		a#register-link span { display:none; }

		/* Event List */
		dl.event { 
			border-top:4px solid #3B3B3B;
			height:111px;
			margin-bottom:16px;
			padding-left:52px;
			position:relative;		
		 }
		 
 		dl.event.e1 { background:url('../images/event-bg-1.jpg') no-repeat right; }
		dl.event.e2 { background:url('../images/event-bg-2.jpg') no-repeat right; }
 		dl.event.e3 { background:url('../images/event-bg-3.jpg') no-repeat right; }
 		dl.event.e4 { background:url('../images/event-bg-4.jpg') no-repeat right; }
 		dl.event.e5 { background:url('../images/event-bg-5.jpg') no-repeat right;}						
		
		dl.event dd a.more-arrow { 
			position:absolute;
			right:0px;
			bottom:0px;		
		}		 
		
		dl.event dd {
			padding:5px;
		}
		
		dl.event dd p {
			margin:0px;
		}

		dl.event dd p.djs {
			
		}		
					
		dt.title {
			font-size:1.4em;
			font-weight:bold;
			padding-top:5px;
		}
		
		dt.title a {
			color:#3B3B3B;
			padding:5px;
			
		}	
		dt.title a:hover {	
			text-decoration:none;
		}			
		dt.date {
			left:0px;
			padding-top:5px;			
			position:absolute;			
			top:0px;
			width:52px;
		}
		
		dt.date strong{
			color:#999999;
			display:block;
			font-size:1.6em;
			font-weight:bold;
			letter-spacing:0.1em;
			text-align:center;
			text-transform:uppercase;
		}

		dt.date span {		
			color:#3B3B3B;
			display:block;
			font-size:4.5em;
			letter-spacing:-0.1em;
		}
		
		span.time { display:block;}
		
		
	/*********
	 * Events / Mixes Listings Details
	 */
		.listing dl {
			display:block;
			border-bottom:1px solid #00FFCC;
			padding:5px 0px;
			font-size:1.1em;
		}
		.listing  dl.viewing {
			background-color:#00FFCC;
		}
			
		.listing  dl a {
			color:#3B3B3B;
			text-decoration:none;
			/* border-bottom:1px dotted #999999; */
		}
		
		.listing  dl a:hover {
			background-color:#00FFCC;
		}
		
		.listing  dl dt {
			float:left;
			padding-left:4px;
			width:85px;
			margin-bottom:10px;
		}
		.listing  dl dd {
			
		}

		.listing.mixes dd { 
			font-weight:bold;
		}
		
		.listing.mixes dd.title {
			border-bottom:1px dotted #00FFCC;
			width:265px;
			float:left;
			margin-bottom:10px;
		}
		
		.listing.mixes dd.links {
			display:block;
			padding:10px 0 0 90px;
			
		}
		
		.listing.mixes dd.links a {
			display:inline;
			padding-right:10px;
		}
		
		/****
		 * Links Page
		 **/
		
		#rightCol.linkspg p {
			margin:15px 0px;
			font-weight:bold;
		}
			
		#rightCol.linkspg a:hover {
			color:white;
			background-color: #3B3B3B;
		}

		#rightCol.linkspg a#back-to-top
		{
			background-color:transparent;
			color:#3B3B3B;
		}			
		
		/****
		 * System page
		 ****/
     #externalLinks{
     	margin:0px;
			padding:0px;
     }
		 
		 #externalLinks li{
		 	list-style:none;
			display:-moz-inline-stack;
		/*display: -moz-inline-box;*/ /*use this to prevent shrink-wrap in FF2*/
		display: inline-block;
    vertical-align: bottom;
		 }
		 
#sml-slider {position:relative; width:394px; height:267px;}
#sml-slider img {position:absolute; top:0px; left:0px; display:none;}