@charset "UTF-8";
/* CSS Document */
/*	-------------------------------------------------------------
	KAT DE LUNA SITE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		KDL_main.css
	Date:			3/17/2010

	Author:		UMRG New Media


/*	--------------------------------------------------------------------------------------------------------------------------
	main/body Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	body {
		line-height: 1;
		font:normal 12px Arial, Helvetica, sans-serif;
		color:#000;
		background:#000000 url(../../images/Background.jpg) top center fixed;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	.altText {
		width:0; height:0;
		display:block;
		overflow:hidden;
	}
	.cleaner {
		clear:both;
		height:0px;
		font-size:1px;
		overflow:hidden;
		border:none;
		margin:0; padding:0;
		background:transparent;
	}
	.clearfix:after {
		content: ".";
		display: block;
		clear:both;
		visibility:hidden;
		line-height:0;
		height:0;
	}
	.clearfix {
		display:inline-block;
	}	
	html[xmlns] .clearfix {
		display:block;
	}
	* html .clearfix {
		height:1%;
	}
	
	
	
	#main {
		width:900px; 
		margin:0 auto;
		margin-top:34px;
		background: #000 top no-repeat;
		border:solid 3px #000;
		border-bottom:none;

	}
	#content {
		width:900px;
		border:none;
	}
	
	/*	--------------------------------------------------------------------------------------------------------------------------
	header
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header {
		width:900px; height:300px;
		background: url(file:///backup/Airene/KatDeLuna/production/images/header.jpg) no-repeat;
	}
/*	--------------------------------------------------------------------------------------------------------------------------
	nav
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	ul#nav {
	    width:900px;
	    height:40px;
		background-color:#000000;
	} 
	ul#nav li {
	    height:40px;
	    display:inline;
	    float:left;
	}
	ul#nav li a {
		height:40px;
		display:block;
	}
	ul#nav li.navhome a {
		width:94px;
		background: url(file:///backup/Airene/KatDeLuna/production/images/nav_sprite_01.jpg) 0 -40px no-repeat;
	}
		ul#nav li.navhome a:hover {
			background-position:0 -40px;
		}
		ul#nav li.navhome a:active {
			background-position:0 -40px;
		}
	ul#nav li.navNews a {
		width:189px;
		background:url(file:///backup/Airene/KatDeLuna/production/images/nav_sprite_01.jpg) -94px 0 no-repeat;
	}
		ul#nav li.navNews a:hover {
			background-position:-94px -40px;
		}
		ul#nav li.navNews a:active {
			background-position:-94px -40px;
		}
	ul#nav li.navKatwalk a {
		width:118px;
		background: url(file:///backup/Airene/KatDeLuna/production/images/nav_sprite_01.jpg) -283px 0 no-repeat;
	}
		ul#nav li.navKatwalk a:hover {
			background-position:-283px -40px;
		}
		ul#nav li.navKatwalk a:active {
			background-position:-283px -40px;
		}
	ul#nav li.navKorner a {
		width:161px;
		background:url(file:///backup/Airene/KatDeLuna/production/images/nav_sprite_01.jpg) -401px 0 no-repeat;
	}
		ul#nav li.navKorner a:hover {
			background-position:-401px -40px;
		}
		ul#nav li.navKorner a:active {
			background-position:-401px -40px;
		}	
	ul#nav li.navRemedies a {
		width:182px;
		background: url(file:///backup/Airene/KatDeLuna/production/images/nav_sprite_01.jpg) -562px 0 no-repeat;
	}
		ul#nav li.navRemedies a:hover {
			background-position:-562px -40px;
		}
		ul#nav li.navRemedies a:active {
			background-position:-562px -40px;
		}
	ul#nav li.navVideos a {
		width:156px;
		background:url(file:///backup/Airene/KatDeLuna/production/images/nav_sprite_01.jpg) -745px 0 no-repeat;
	}
		ul#nav li.navVideos a:hover {
			background-position:-745px -40px;
		}
		ul#nav li.navVideos a:active {
			background-position:-745px -40px;
		}	
/*	--------------------------------------------------------------------------------------------------------------------------
	mainCol
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#mainCol {
		width:637px;
		float:left;
	}
	#mainCol ul li {
		width:606px;
		margin:29px 0 29px 29px;
		border:solid 1px #000;
		background:#ffdce9;
	}
		#mainCol ul li .newsHeader {
			width:584px;
			background:#F289B1;
			padding:11px 11px 0 11px;
		}
	
		#mainCol ul li .newsHeader h1 {
			font:normal 16px Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			color: #000;
		
		}
			#mainCol ul li .newsHeader h1 a {
				padding:5px;
				text-decoration:none;
				color:#55118b;
				font-weight:bold;
			}
				#mainCol ul li .newsHeader h1 a:hover {
					text-decoration:none;
					color:#C0C;
				}
		#mainCol ul li .title_footer {
			width:606px; height:11px;
			background: url(../../images/h1_newsFooter.jpg) 0 0 no-repeat;
		}
		#mainCol ul li .body {
			width:584px;
			padding:11px;
		}
			
		#mainCol ul li .body_footer {
			width:584px;
			background:#ffdce9;
			height:15px;
			text-align:right;
			padding:0 0 11px 0;
		}
			#mainCol ul li .body_footer a.more {
				font:bold 12px Arial, Helvetica, sans-serif;
				color:#000;
				text-decoration:none;
			}
			#mainCol ul li .body_footer a.more:hover {
				color:#9e4dbd;
			}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	vidCol
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#vidCol {
		width:637px;
		margin:0 0 29px 0;
		float:left;
	}
		#vidCol h1.vidHeader {
			margin:29px 0 0 29px;
		}
	#vidCol ul li {
			width:185px;
			margin:29px 0 0 18px;
			border:solid 1px #000;
			background:#FFDCE9;
			float:left;
		}
			#vidCol ul li.firstEntry {
				margin:29px 0 0 29px;
			}
			#vidCol ul li .vidHeader {
				width:163px;
				background:#F289B1;
				padding:11px 11px 0 11px;
			}
			#vidCol ul li .vidHeader h1 {
				font:normal 16px Arial, Helvetica, sans-serif;
				text-transform:uppercase;
			}
			#vidCol ul li .vid_footer {
				width:185px; height:11px;
				background:url(../../images/h1_newsFooter.jpg) 0 0 no-repeat;
			}
			#vidCol ul li .body {
				width:173px; height:175px;
				padding:11px;
			}
				
			#vidCol ul li .body_footer {
				width:188px;
				background:#FFDCE9;
				height:15px;
				text-align:right;
				padding:0 0 11px 0;
			}
				#vidCol ul li .body_footer a.more {
					font:bold 12px Arial, Helvetica, sans-serif;
					color:#000;
					text-decoration:none;
				}
				#vidCol ul li .body_footer a.more:hover {
					color:#9e4dbd;
				}			
/*	--------------------------------------------------------------------------------------------------------------------------
	picCol
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#picCol {
		width:637px;
		margin:0 0 29px 0;
		float:left;
	}
		#picCol h1.picHeader {
			margin:29px 0 0 29px;
		}
	#picCol ul li {
			width:194px;
			margin:29px 0 0 10px;
			border:solid 1px #000;
			background:#ffdce9;
			float:left;
		}
			#picCol ul li.firstEntry {
				margin:29px 0 0 29px;
			}
			#picCol ul li .picHeader {
				width:172px;
				background:#F289B1;
				padding:11px 11px 0 11px;
			}
			#picCol ul li .picHeader h1 {
				font:normal 16px Arial, Helvetica, sans-serif;
				text-transform:uppercase;
			}
			#picCol ul li .pic_footer {
				width:194px; height:11px;
				background: url(../../images/h1_newsFooter.jpg) 0 0 no-repeat;
			}
			#picCol ul li .body {
				width:173px;
				padding:11px;
			}
				
			#picCol ul li .body_footer {
				width:188px; height:15px;
				background:#ffdce9;
				text-align:right;
				padding:0 0 11px 0;
			}
				#picCol ul li .body_footer a.more {
					font:bold 12px Arial, Helvetica, sans-serif;
					color:#000;
					text-decoration:none;
				}
				#picCol ul li .body_footer a.more:hover {
					color:#9e4dbd;
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	sideCol twitter
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#sideCol {
		widows:227px;
		display:block;
		float:left;
		margin:29px 0 0 21px;
	}
	#sideCol #twitter {
		margin:29px 0 29px 0;
		width:214px;
		background:#FFDCE9;
		border:solid 1px #000;
		color:#000;
	}
	
	#sideCol #twitter h1 {
		width:214px; height:38px;
		background:url(../../images/header_twitter.gif);
	}
		#twitter ul#tweets {
			margin:11px;
			font:normal 11px Arial, Helvetica, sans-serif;
		}
			#twitter ul#tweets li {
				margin:0 0 11px 0;
			}
		#twitter ul#tweets li span a {
			color:#6a1761;
		}
			#twitter ul#tweets li span a:hover {
				color:#de97fb;
			}
		#twitter ul#tweets li span.time {
			color: #666;
		}
	#twitter .twitter_footer {
		background:#FFDCE9;
		height:5px;
	}
/*	--------------------------------------------------------------------------------------------------------------------------
	sideCol schedule
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#sideCol #schedule {
		margin:0 0 29px 0;
		width:214px;
		background:#FFDCE9;
		border:solid 1px #000;
		color:#000;
	}
	#sideCol #schedule h1 {
		width:214px; height:38px;
		background:url(../../images/header_schedule.gif) no-repeat;
	}
		#sideCol #schedule p {
			margin:11px;
			font:bold 12px Arial, Helvetica, sans-serif;
		}
		#sideCol #schedule ul {
			font:normal 12px Arial, Helvetica, sans-serif;
		}
			#sideCol #schedule ul li {
				margin:11px;
				font:normal 12px Arial, Helvetica, sans-serif;
			}
				#sideCol #schedule ul li span.venue a {
					text-decoration:none;
					color:#6A1761;
				}
				#sideCol #schedule ul li span.date {
					color: #666;
					font:normal 11px arial, helvetica, sans-serif;
					display:block;
				}
	#sideCol #schedule .schedule_footer {
		background:#FFDCE9;
		height:5px;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#footer {
		margin:0 auto;
		margin-bottom:34px;
		width:885px;
		background:#000;
		height:40px;
		border:solid 3px #000;
		border-top:none;
		text-align:right;
		font:bold 20px Arial, Helvetica, sans-serif;
		padding-right:15px;
	}
	#footer a {
		color: #999;
		text-decoration:none;
	}
	#footer a:hover {
		color: #FFF;
	}