/*  
Theme Name: Midnight Shift Studio
Theme URI: http://www.midnight-shift.net
Description: MShift 
Author: Jeff Golenski
Author URI: http://www.midnight-shift.net 

*/     

/* --------------------------------------- BODY  */

body {
	margin: 0;
	padding: 0;
	color: #b7b7b7;
	font-family: Helvetica, Verdana, Arial, Tahoma, sans-serif;
	text-align: center;
	background: #121111 url(images/mainbg.gif) 0 0 repeat-x;
	font-size: 9pt;

}


a:link, a:visited, a:active {
	color: #8cb3e8;
	font-weight: normal;
	text-decoration: none;
}
	
a:hover, a:focus {
	color: #ffa200;
	font-weight: normal;
	text-decoration: underline;
}	



/* --------------------------------------- STRUCTURE  */

#shell { 
	width: 968px;
	margin: 0 auto;
	padding: 0;
	background: url(images/shellbg.gif) 0 0 no-repeat;
}

#topbarexpand {
	width: 100%;
	height: 30px;
}

	#innertopbar {
		width: 968px;
		height: 20px;
		padding-top: 9px;
		border-bottom: 1px #2d2b2b solid;
		text-align: right;
	}
	
	#innertopbar a:link, #innertopbar a:active, #innertopbar a:visited {
	 	color: #6b6b6b;   
	}

	#innertopbar a:link, #innertopbar a:active, #innertopbar a:visited {
	 	color: #6b6b6b;   
	} 

	#innertopbar a:active, #innertopbar a:visited {
		color: #878787;
		text-decoration: none;
	}	

	
	
	/* ---------------- LEFT COL  */


#leftcol {
	width: 690px;
	float: left;
}

	#headerleft {
		margin: 0;
		width: 690px;
		padding: 0;
		text-align: left;
		/*background: url(images/headerbg.gif) 0 0 repeat-x;*/
	} 
	
	#mainnav {
		width: 688px;
		background: transparent url(images/mainnavbottom.gif) 100% 100% repeat-x;
		margin: 0 0 0 2px;
		text-align: left;		
	}
	
	#contentleft {
		margin: 0;
		width: 690px;
		padding: 0;
		text-align: left;
	} 
	
		#contentheader {
		margin: 0;
		width: 660px;
		padding: 15px 15px 0 15px;
		background: url(images/contentheaderbg.gif) 0 0 no-repeat;
		}
		
		#contentheadersub {
		margin: 0;
		width: 646px;
		padding: 15px 22px 0 22px;
		background: url(images/contentheaderbg.gif) 0 0 no-repeat;
		} 

		.contentfill {
		margin: 0;
		width: 665px;
		padding: 0 0 15px 25px;
		} 
		
		.subcontentfill {
		margin: 0;
		width: 640px;
		padding: 0 25px 15px 25px;
		}  

		.contentbottom {
		margin: 0;
		width: 660px;
		padding: 10px 0 15px 15px;
		}  

	/* ---------------- RIGHT COL  */


#rightcol {
	width: 278px;
	float: left;
}

 	#headerright {
	  height: 233px;
	  background: url(images/headerrightbg.gif) 0 100% no-repeat;
	}
	
	#searchdiv {
	 	background: url(images/searchdivbg.gif) 0 0 no-repeat;
		padding: 10px 5px;   
	}  

 	#contentright {
		text-align: left; 
		padding: 10px 15px;
		color: #565656;
	}
	
	#contentright a:link, #contentright a:visited, #contentright a:active {
		text-decoration: none;
		color: #8cb3e8;
	}

	#contentright a:hover, #contentright a:focus {
		color: #ffa200;
	}
	
	#contentright ul {
		list-style: square;
		list-style-image: url(images/arrowbullet-gray.png);
		padding-left: 10px;
		margin: 10px 15px;
	}

	#contentright ul li a {
		padding: 5px;
		display: block;
	} 
	
	#contentright ul.recentarticles {
		margin: 8px 0;
	}
	
	#contentright ul.recentarticles li {
		list-style: none;
		margin: 8px 0;
		line-height: 14pt;
	}

	#contentright ul.recentarticles li a {
		display: inline;
	}
	
	#contentright ul.recentarticles span.time {
	background: #0C0C0C;
	padding: 2px 4px;
	margin: 0 4px 2px 0;
	font-weight: bold;
	
	} 
		
	/* ---------------- FOOTER  */

	
#footerexpand {
	text-align: center;
	width: 100%;
	background: #0a0a0a url(images/expandfooterbg.gif) 0 0 repeat-x;
	padding-bottom: 25px;
	clear: both;
} 
	
	#innerfooter {
		width: 968px;
		background: url(images/innerfooterbg.gif) 0 0 no-repeat;
        margin: 0 auto;
	}


		#footerleft {
			float: left;
			text-align: left;
			width: 693px;
			margin: 3px 0 0 0;
			padding: 0;
			background: url(images/footerleftbg.gif) 100% 100% no-repeat;
		}
		

		#footerright {
			float: left;
			text-align: left;
			padding: 8px 0 0 12px;
			margin: 0;
		}
		

.clear {
	clear: both;
	font-size: 1px;
	height: 1px;
}


/* --------------------------------------- MAIN NAV  */      


#mainnav ul {
	padding: 0;
	margin: 0;
	width: 624px;
	height: 40px;
	background: transparent url(images/mainnav.gif) no-repeat;  
} 
	
#mainnav ul li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-indent: -9999px;	
} 
	
#mainnav ul li a {
	display: block;
	text-decoration: none;
}


	li#home a {
		width: 64px;
		height: 40px;
	}    

	li#about a {
		width: 70px;
		height: 40px;
	}   

	li#design a {
		width: 190px;
		height: 40px;
	}	    

	li#photography a { 
		width: 125px;
		height: 40px;
	}	 

	li#archives a {
		width: 92px;
		height: 40px;
	}        

	li#contact a {
		width: 83px;
		height: 40px;
	}	  

	li#home a:hover, li#home a:focus {
		background:transparent url(images/mainnav.gif) no-repeat 0 -40px;
	}

	li#about a:hover, li#about a:focus {	
		background:transparent url(images/mainnav.gif) no-repeat -64px -40px;
	}

	li#design a:hover, li#design a:focus {	
		background:transparent url(images/mainnav.gif) no-repeat -134px -40px; 
	}
	
	li#photography a:hover, li#photography a:focus {	
		background:transparent url(images/mainnav.gif) no-repeat -324px -40px; 
	}

	li#archives a:hover, li#archives a:focus {	
	    background:transparent url(images/mainnav.gif) no-repeat -449px -40px; 
	}

	li#contact a:hover, li#contact a:focus {	
		background:transparent url(images/mainnav.gif) no-repeat -541px -40px;  
	}

   

/* --------------------------------------- COMMON ELEMENTS  */

h1#title, h1#logo {
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
}

h1 {
    font-family: "Lucida Grande", Verdana, Arial, Tahoma, sans-serif;
	padding: 0 0 4px 0;
	font-size: 140%;
	text-transform: uppercase;
	color: #e8e7e6;
	border-bottom: 1px #0b0b0b solid;
	text-align: left;
	font-weight: normal;
}

h1.subpage {
    font-family: "Lucida Grande", Verdana, Arial, Tahoma, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 140%;
	text-transform: uppercase;
	color: #8cb3e8;
	text-align: left;
	font-weight: normal;
	border: none;
}

h2 {
	font-size: 105%;
	margin: 1px 0 0 0;
	padding: 3px 0;
	color: #5c5c5c;
	border-bottom: 3px #100f0f solid;
	text-transform: uppercase;
	font-weight: normal;
	} 

#contentright h2 {
	font-size: 100%;
	margin: 5px 0 0 0;
	padding: 3px 0;
	color: #fff;
	border-bottom: 2px #0e0d0d solid;
	text-transform: uppercase;
} 


h3 {
	font-size: 100%;	
}

h3.archivetitle, h3.searchtitle {
    font-family: "Lucida Grande", Verdana, Arial, Tahoma, sans-serif;
	margin: 10px 10px 10px 0;
	padding: 0 0 4px 0;
	font-size: 140%;
	text-transform: uppercase;
	color: #8cb3e8;
	text-align: left;
	font-weight: normal;
	border: none;
}  


p {
	font-size: 100%;
	line-height: 16pt;
}

strong {
	color: #eee;
}

p.large {
	font-size: 130%;
	line-height: 16pt;
}      
dt {
	font-weight: bold;
	margin-bottom: 5px;
}

dd {
	margin-bottom: 5px;
	line-height: 16pt;    
}

ul.content {
 	line-height: 16pt;   
}

span.small {
	font-size: 90%;
} 

	
div.mainphoto {
	float: right;
	margin: 0 0 15px 15px;
	background: #0a0a0a;
	padding: 5px;
}

div.mainphoto img {
	border: 1px #000 solid;
	width: 250px;
} 

.revealcontent {
	visibility: hidden;
}

span.strikeout {
	 text-decoration: line-through;
}    

span.italic {
	font-style: italic;
}

abbr,acronym {
	border-bottom: 1px dotted #eee;
	cursor: help;
}

/* -------------- TO TOP LINKS  */


a.toplink:link, a.toplink:active, a.toplink:visited {
	color: #6b6b6b;
    float: right;
    padding: 11px 36px 10px 25px;
	margin: 0 -15px 0 0;
    text-transform: uppercase;
	text-decoration: none;
	background: url(images/totop.gif) 100% 48% no-repeat;
	}	

a.toplink:hover, a.toplink:focus {
	color: #878787; 
	}  	


/* --------------------------------------- SIDEBAR  */
	 

/* -------------- SEARCH  */

	
#searchdiv input#s {
	font-size: 100%;
	color: #787878;
	float: left;
	width: 150px;
	height: 20px;
	padding: 5px;
	border: 1px #0c0c0c solid;
	border-right: none;
	background: #121111 url(images/sboxbg.gif) 100% 100% repeat-x;
	margin-left: 18px;
}

#searchdiv input#searchsubmit {
	float: left;
	width: 69px;
	height: 32px;
	padding: 0;
	margin: 0;
}

/* -------------- SNAPSHOTS  & FEATURED PROJECTS */

div.snapshotholder, div.featuredprojectsholder {
	width: 245px;
	margin: 15px 0;
}

div.snapshotholder img {
	float: left;
	width: 60px; 
	height: 60px;
	border: 6px #000 solid;
	margin: 0 9px 9px 0;
} 

div.featuredprojectsholder img {
	margin: 0 0 10px 0;
}

/* --------------------------------------- FOOTER  */

#innerfooter h2 {
	font-size: 100%;
	margin: 0;
	padding: 3px 0;
	color: #fff;
	border-bottom: 1px #0e0d0d solid;
	text-transform: uppercase;
} 

#innerfooter p {
	color: #828282;
	line-height: 15pt;
	font-size: 98%;
	margin: 12px 14px;
}

#innerfooter a:link, #innerfooter a:visited, #innerfooter a:active {
	color: #8cb3e8;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#innerfooter a:hover, #innerfooter a:focus {
	color: #ffa200;
	text-decoration: none;
} 

#innerfooter ul {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #d65656;
	
} 

/* ---------------- RIGHT FOOTER */

		#footerright ul {
			margin: 0;
			padding: 0;
		}    

		#footerright ul li {
			margin: 0;
			padding: 0;
		} 

/* ---------------- LEFT FOOTER */


		#footerleft ul {
			float: left;
			margin: 8px 0 0 14px;
			padding: 0;
		} 
		
		#footerleft ul li {
			float: left;
			margin: 0;
			padding: 0;
		} 


		/* -------- LEFT FOOTER NAV */

		#footerleft ul li a:link, #footerleft ul li a:visited, #footerleft ul li a:active { 
			font-size: 95%;
			margin: 0;
			padding: 8px 12px;
		} 

		#footerleft ul li a.home { 
			padding: 8px 12px 8px 0;
		}     
		
/* --------------------------------------- HOME */

div.aboutblurb {
	border: 7px #0c0c0c solid;
	background: url(images/aboutblurbbg.gif) 0 0;
	padding: 5px 10px;
}

	.aboutblurb p {
	 	color: #787878;
		margin-top: 5px;
		font-size: 115%;
		line-height: 16pt;
	}

	.aboutblurb h1 {
		margin: 0 0 10px 0;
		padding: 4px 4px 0 0;
		background: transparent;
		text-align: left;
	}

	.aboutblurb a:link, .aboutblurb a:visited, .aboutblurb a:active {
		color: #8cb3e8;
		font-weight: normal;
		text-decoration: none;
	}

	.aboutblurb a:hover, .aboutblurb a:focus {
		color: #ffa200;
	}
	
	.aboutblurb a:link.contin, .aboutblurb a:visited.contin, .aboutblurb a:active.contin {
		padding: 0 15px 0 0;
		background: url(images/arrowbullet-blue.png) 100% -1px no-repeat;  
	}

	.aboutblurb a:hover.contin, .aboutblurb a:focus.contin {
		padding: 0 15px 0 0;
		background: url(images/arrowbullet-orange.png) 100% -1px no-repeat;
	}          

/* ---------------- POSTS */

div.postheader {
	padding: 6px 12px 6px 6px;
	margin: 20px 0 0 0;
    background: #101010 url(images/postheaderbg1.png) 0 0 no-repeat;
}  

div.postheader  h1 {
	padding: 0 0 4px 0;
	margin: 5px 0 0 0;
	font-size: 150%;
	text-transform: uppercase;
	color: #cde2ff;
	border-bottom: 1px #0b0b0b solid;
	text-align: left;
	font-weight: normal;
	width: 575px; 
} 

div.postheader h1 a {
	text-decoration: none;
	color: #cde2ff;
}

div.postheader a {
	 color: #d3d2d2;
} 

div.postcontent {
	padding: 0 25px 0 0;

}

div.postcontent p {
	padding-left: 15px;
} 

div.postheaderdate {
	float: left;
	background: #0b0b0b url(images/postheaderdatebg.png) 0 0 no-repeat;
	margin: 0 8px 0 0;
	padding: 1px;
	text-align: center;
	color: #8cb3e8;
}

div.postheaderdate p.number {
	font-size: 220%;
	margin: 5px 0 0 0;
	padding: 0;
}

div.postheaderdate p.month {
	text-transform: uppercase;
	margin: 3px 5px 0 5px;
	padding: 1px 5px 0 5px;
	border-top: 1px #000 solid; 
}   

div.postheaderinfo {
	float: left;
}

p.info {
	color: #5c5c5c;
	padding: 2px 0 0 0;
	margin: 0;
	font-size: 92%;
} 

p.info a:link, p.info a:active, p.info a:visited {
	text-decoration: none;
}

p.info a:hover, p.info a:focus {
	text-decoration: underline;
} 

img.postimg-right {
	float: right;
	margin: 0 0 15px 15px;
	border: 10px #121111 solid;
}

/* ---------------- COMMENTS */


div.commenttitleholder {
	padding: 16px;
	margin: 20px 0 0 0;
    background: #101010 url(images/postheaderbg1.png) 0 0 no-repeat; 
}

h3.commenttitle {
    font-family: "Lucida Grande", Verdana, Arial, Tahoma, sans-serif;
	margin: 0;
	padding: 0 0 4px 0;
	font-size: 140%;
	text-transform: uppercase;
	color: #8cb3e8;
	text-align: left;
	font-weight: normal;
	border: none;
} 

div.commentformrow {
	padding: 10px 0;
	clear: both;
}

div.commentformrow label {
	float: left;
	padding: 5px;
	display: block;
	width: 125px;
} 

div.commentinput input#author, div.commentinput input#email, div.commentinput input#url, div.commentinput textarea {
	font-size: 100%;
	float: left;
	color: #787878;
	width: 450px;
	padding: 5px;
	border: 1px #0c0c0c solid;
	background: #121111 url(images/sboxbg.gif) 100% 100% repeat-x;
}
	
div.commentformsubmit {
	clear: both;
	padding: 5px 0 3px 135px; 
}
	
div.postnavigation {
	padding: 10px 20px 10px 0;	
	}
	
	div.postnavigation .alignleft {
	float: left;	
	}
	        
	div.postnavigation .alignright {
	float: right;	
	} 
/* --------------------------------------- ABOUT */


div.hobbies {
	float: left;
	width: 42%;
	height: 415px;
	float: left;
	margin: 10px 6px 20px 6px;
	padding: 8px;
	background: #101010 url(images/postheaderbg1.png) 0 0 no-repeat;
	} 

div.hobbies h1 {
	font-size: 115%;
	border: none;
	margin: 0;
	padding: 8px;
	background: #0b0b0b url(images/postheaderdatebg.png) 0 0 no-repeat; 
}

div.hobbies ul li {
	line-height: 16pt;
	padding: 1px 0 2px 0;
	color: #565656;
	list-style: square;
	list-style-image: url(images/arrowbullet-blue.png);
} 

/* --------------------------------------- ARCHIVES */


div.archivecal {
	text-align: center;
	padding: 12px 0 13px 30px;
}

div.archivecal table {
	width: 180px;
	background: #101010;
	padding: 10px;

}

div.archivecal table caption {
	text-transform: uppercase;
	color: #fff;
	font-size: 115%;
	padding: 5px;
}

div.archivecal table th {
	color: #b7b7b7;
}

div.tagcloudholder {
	width: 225px;
	} 
	
div.tagcloudholdermain {
	padding-right: 45px;
	}    
        

/* --------------------------------------- CONTACT */
                                                 

div.cformholder {
	padding: 16px;
	margin: 20px 0 0 0;
    background: #101010 url(images/postheaderbg1.png) 0 0 no-repeat; 
}

div.cformholder fieldset { 
	border: 0;
	margin: 0;
    padding: 0;
}

.cform .cf_hidden {
	display:none; 
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}

.cform legend { 
	display:none;
} 

div.cformholder ol {
	list-style-type: none;
	margin: 0;
	padding: 0 5px;
}

div.cformholder ol label {
	display: block;
	width: 125px;
	float: left;
	padding: 5px;
	margin: 5px 0;

}  

div.cformholder ol span.reqtxt, div.cformholder ol span.emailreqtxt {
	display: none;
}  

div.cformholder ol li {
	padding: 10px 0;
	clear: both;	
}

div.cformholder ol input, div.cformholder ol textarea {
	font-size: 100%;
	float: left;
	color: #787878;
	width: 450px;
	padding: 5px;
	margin: 5px 0;
	border: 1px #0c0c0c solid;
	background: #121111 url(images/sboxbg.gif) 100% 100% repeat-x;
}  

div.cformholder input.sendbutton {
	margin: 0 0 0 135px;
	} 

p.linklove {
	display: none;
}
/* --------------------------------------- PORTFOLIO */

/* ---------------- CATEGORIES */

#portcat ul {
	list-style: none;
	margin: 15px 5px;
	padding: 0;
}


#portcat a:link, #portcat a:active, #portcat a:visited  {
	width: 175px;
	display: block;
	padding: 13px 12px 12px 20px;
	background: url(images/portcatbg.png) 100% 50% no-repeat;
	margin: 0;
	text-decoration: none;
	color: #8cb3e8;
	text-transform: uppercase;
}

#portcat a:hover, #portcat a:focus {
	color: #ffa200;
	padding: 13px 12px 12px 30px;	
} 

/* ---------------- WEB */


#expandwebwork {
	padding: 0;
	text-align: center;
	margin: 10px 0;
}

div.webproject {
	background: url(images/aboutblurbbg.gif) 0 0;
	margin: 0 0 10px 0;
	padding: 0;
	border: 1px #0c0c0c solid;
	border-bottom: none;
	text-align: left;
}

	div.webproject a:link, div.webproject a:visited, div.webproject a:active {
		text-decoration: none;
		color: #8cb3e8;
	}

	div.webproject a:hover, div.webproject a:focus {
		color: #ffa200;
	}     

div.webproject div.projtitle {
	padding: 0 10px;
	margin: 0;
	background: #121111;
	border-top: 1px #1a1a1a solid;
	border-bottom: 1px #0c0c0c solid;
    text-align: right;
} 


div.webproject div.siteshot {
	float: right;
	width: 250px;
	margin: 0 0 0 10px; 
}

div.webproject div.siteshot img {
	margin: 0 0 10px 0; 
} 

div.webproject h3 {
	margin: 0;
	padding: 0;
	font-size: 110%;
	font-weight: bold;
	color: #7e7d7d;
	cursor: pointer;
	text-transform: uppercase; 
}

div.webproject h4 {
	float: right;
	font-weight: normal;
	font-size: 100%;
	margin: 0;
	padding: 0;

} 

div.webproject div.projprev {	
	padding: 10px;
	margin: 0;
	background: #121111;
	border-top: 1px #1a1a1a solid;
	border-bottom: 1px #0c0c0c solid;
}  


div.webproject div.projdesc {	
	border-top: 1px #242424 solid;
	padding: 15px;
}  

div.webproject div.projdesc p {
	font-size: 100%;
	color: #706f6f;

}

div.webproject div.projdesc ul.projlist {
	margin: 5px 10px 0 15px;
	padding: 0 0 10px 0;
	list-style: none;
}

div.webproject ul.projlist li {
	padding: 0 0 10px 0;
	color: #706f6f;
} 

div.webproject ul.projlist li strong {
	color: #b7b7b7;
	text-transform: uppercase;
}

div.webproject ul.projlist ul {
	padding: 10px 0 0 0;
	margin: 0 0 0 25px;
	list-style-image: url(images/arrowbullet-gray.png);
} 

div.webproject ul.projlist ul li {
	padding: 0 0 2px 0;                               
}

img.openclose {
   margin-top: -1px;
   width: 115px; 
   height: 30px;
}

/* --------------------------------------- LIGHT WINDOW  */ 


#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #000;
		background-color: #000;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #000;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(../images/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(../images/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(../images/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(../images/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(../images/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(../images/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #fff;
		line-height: 25px;
		padding: 0;
		margin: 0;
		
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}


#lightwindow p {
	color: #000000;
	padding-right: 10px;
}


                          

/* --------------------------------------- IE ERRORS  */ 

/* it's time to stop living in the past... update your browser ;) */