/* @group lightwindow */

	#lightwindow_overlay {
		/* REQUIRED 
		display: none;
		visibility: hidden;
		position: fixed;
		cursor: pointer;
		top: 0;
		left: 0;
		width: 100%;
		height: 100px;
		z-index: 20!important;
		*/
		display: none;
		visibility: hidden;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100px;
		z-index: 500;
		cursor: pointer;
		/* 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: 5;*/
		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!important;
		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: #cc0000; text-decoration: none; cursor: pointer;
	}

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

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

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

	#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(http://www.johnnylove.no/blog/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(http://www.johnnylove.no/blog/images/prevlabel.gif) left 15% no-repeat; 
	}
	#lightwindow_next:hover, #lightwindow_next:active { 
		background: url(http://www.johnnylove.no/blog/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;
		text-decoration: none;
		cursor: pointer;
		font-size: 11px;
		color: #fff;
		background: url(http://www.johnnylove.no/blog/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: #000; }

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

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

	#lightwindow_galleries_list {
		background:  url(http://www.johnnylove.no/blog/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: #fff;
		text-decoration: none;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 14px;
	}

	.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;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

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

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

	#lightwindow_data_slide_inner {
		background-color: #000;
		padding: 0 10px 10px 10px;
	display: none;
	visibility: hidden;
}

	#lightwindow_data_caption {
		padding: 0px 0 0 0;
		color: #999999;
		font-size: 10px;
		line-height: 13px;
		background-color: #000;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #000;
		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: 27px;
		overflow: hidden;		
	}

	#lightwindow_title_bar_title {
		color: #ffffff;
		
		font-size: 16px;
		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: #000000;
		line-height: 25px;
		padding: 0;
		margin: 0;
		width: 17px;
		height: 17px;
		background: url(http://www.johnnylove.no/blog/images/close_button.png) no-repeat;
}
	
	a:hover#lightwindow_title_bar_close_link, a:active#lightwindow_title_bar_close_link { color: #ffffff; }

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

/* @end */