/*
CSS Name: Default Styles
Description: NextGEN Default Gallery Stylesheet
Author: Alex Rabe
Version: 1.50

This is a template stylesheet that can be used with NextGEN Gallery. I tested the
styles with a default theme Kubrick. Modify it when your theme struggle with it,
it's only a template design

*/

/* ----------- Album Styles Extend -------------*/
.ngg-galleryoverview {
height: 200px;
width: 100%;
display:block;
background-color: #ff0;
float:left;
overflow:hidden;

}

div.artistlinks
{
	width:100%;
	height:100px;
	overflow: hidden;
	cursor: auto;
	float:left;
	border:none;
	z-index: 1;
	background-color:#00CCFF;
	margin: 3px 3px 3px 3px;
	font-color: #FF0;
	
}

/* ----------- old scroller without javascript ---
.scroller {
width: 730px;
height: 175px;
background-color: #000;
overflow: auto;
float:left;
overflow-y:hidden;
}
-----*/


.viewer {
width: 730px;
height: 603px;
background-color: #000;
overflow: hidden;
font:Arial, Helvetica, sans-serif;
color:#FFF;
text-align:center;
float:left;
}

.viewer1 {
width: 730px;
height: 600px;
background-color: #000;
overflow: hidden;
font:Arial, Helvetica, sans-serif;
color:#FFF;
text-align:center;
float:left;

}

.ngg-galleryoverviewinside {
height: 200px;
width: 100%;
background-color: #ff0;
overflow-y: auto;
overflow-x: auto;


}


	

.ngg-albumoverview {
	margin-top: 10px;
	width: 100%;
	display:block !important;
}

.ngg-album {
    height: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {
    overflow:hidden;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;
} 

.ngg-album {
	overflow: hidden;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}

.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.ngg-thumbnail {
	float: left;
}

.ngg-thumbnail img a {
	background-color:#FFFFFF;
	margin:0 0 0 0;
	position:relative;
}


.imageborder {
		border:none;

}



.ngg-description {
	text-align: left;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
	float:left;
	height:180px;
	padding-right:6px !important;
	margin:0px !important; 
	text-align:left;
	width:120px;	
}

.ngg-album-compactbox {
	background:transparent url(albumset.gif) no-repeat scroll 0%;
	height:86px;
	margin:0pt 0pt 6px !important;
	padding:12px 0pt 0pt 7px !important;
	width:120px;
}


.ngg-album-compactbox .Thumb {
	border:1px solid #000000;
	margin:0px !important;
	padding:0px !important;
	width:91px; 
	height:68px;
}

.ngg-album-compact h4 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	width:110px;
}

.ngg-album-compact p {
	font-size:11px;
	margin-top:2px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-left:30px;
	display:block !important;
	left:40px;
	
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail {
	float: left;
}

.ngg-gallery-thumbnail img {
	display:block;  
margin-right:2px;
margin-top:2px;
position:relative;
    /*border-bottom:1px solid #999;
    border-right:1px solid #999;*/

}



.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}



/* ----------- Gallery navigation -------------*/

.ngg-navigation {
	font-size:16px;
	float:left;
	display:block!important;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	top: 125px;
	left:10px;
	position: absolute;
margin-top: 10px;
		font-weight:normal;

}

.ngg-navigation2 {
	font-size:16px;
	float:left;
	display:block!important;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
margin-top: 10px;
	font-weight:normal;

	bottom: 0px;

	
}

.ngg-navigation2 span {
	font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
		margin: 0pt 3px;

}
.ngg-navigation span {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
		margin: 0pt 3px;

}



/* ----------- Image browser style -------------*/

.ngg-imagebrowser {
	
}

.ngg-clear { clear:both;}

.ngg-imagebrowser h3 {
	text-align:center;
}

.ngg-imagebrowser img {
	border:1px solid #A9A9A9;
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 100%;
	display:block !important;
	padding:5px;
}

.ngg-imagebrowser-nav {
	padding:5px;
	margin-left:10px;	
}

.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .counter {
	text-align:center;
	font-size:0.9em !important;
}

.exif-data {
  	margin-left: auto !important;
    margin-right: auto !important;	
}

/* ----------- Slideshow -----------given 5px margin this given to a container div makes the 
body scroller produce a bug that keeps it expanding--*/
.slideshow {
	margin-left: 1px; 
	margin-top: 0px;
	text-align:center;
	outline: none;	
	float:left;
	
}

.slideshowlink {
	
}

/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	display:block;  
	padding:4px;
}

.ngg-left {
	float: left;
	margin-right:10px;
}

.ngg-right {
	float: right;
	margin-left:10px;
}

.ngg-center {
  	margin-left: auto !important;
    margin-right: auto !important;
}

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:5px 0px 0px 0pt;
}

.ngg-widget img {
	border:2px solid #A9A9A9;
	margin:0pt 2px 2px 0px; 
	padding:1px; 
}

/* ----------- Related images -------------*/
.ngg-related-gallery {
	background:#F9F9F9;
	border:1px solid #E0E0E0;
	overflow:hidden;
	margin-bottom:1em;
	margin-top:1em;
	padding:5px;
}
.ngg-related-gallery img {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0pt 3px;
	padding: 20px;
	height: 50px;
	width:  50px;
}

.ngg-related-gallery img:hover {
	border: 1px solid #000000;
} 

.page-numbers {
font-family:Arial, Helvetica, sans-serif;
	font-style:normal;

	} 
.prev {
	font-size:16px;
	
	} 
	div.projectTitleOuter div.projectTitleText
{
position: absolute;
bottom:0px;
left: 0;
float:left;
margin:0;
padding:0;
	width:140px;
height:20px;
z-index:2;
background-color: #000;
text-decoration:none;
/*text-transform:uppercase;*/ 
text-indent:.5em;
line-height:18pt;
text-align:left;
display:none;

/*border:1px solid F5F5F5;*/ 
	

}

html>body div.projectTitleOuter div.projectTitleText
{
position: absolute;
bottom:0px;
left: 0;
float:left;
margin:0;
padding:0;
height:20px;
	width:140px;
z-index:2;
background-color: #000;
text-decoration:none;
/*text-transform:uppercase;*/ 
text-indent:.5em;
line-height:18pt;
text-align:left;
display:none;
/*	border: 1px #CCCCCC solid;*/ 
}

a.projectTitleText: hover
{ font-colour:#F00;
	border:none;	

}

a.projectTitleText
{ font-colour:#FFF;
	border:none;	

}

div.projectTitleOuter a.projectTitle img
{
	background-color: #FF0;
	cursor:pointer;
	border:none;	
		margin:0;

}

.projectTitleOuter a.projectTitle:hover img
{
	
	margin:0;
}


div.projectTitleOuter:hover div.projectTitleText { display: block; } 
div.projectTitleOuter div.projectTitleText:hover { display: block !important; } 



/* Paragraphs
----------------------------------------------- */
/* Struture
----------------------------------------------- */

div.projectTitle
{
	display: block;
	width:140px;
	height:155px;
	float: left;
	overflow: hidden;
	position: relative;
	cursor: auto;
	z-index: 1;
	margin:0;
	border: none;
}

div.projectTitle img
{
	margin:0;
	border: none;
}

div.projectTitleOuter
{
	display: block;
	width:140px;
	height:110px;
	float: left;
	overflow: hidden;
	position: relative;
	cursor: auto;
	z-index: 1;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
}





/*div.artistlinks li
{ text-indent: 5px;
	font-color: #FF0;

}

div.artistlinks ul
{ text-indent: 5px;
	font-color: #FF0;

} */

div.artistlinks a:visited, {text-decoration:none;
	font-color: #FF0;

}

div.artistlinks a:hover {text-decoration: none;
color: #FFFFFF;

}

div.artistlinks a {text-decoration: none;
color: #FFF;
	font-color: #FF0;

}

div.titlelinks
{
	display: block;
	width:230px;
	height:200px;
	float: left;
	overflow: hidden;
	position: relative;
	cursor: auto;
	z-index: 1;
	bottom:0;
	background-color: #FFFFFF;
	margin: 3px 3px 3px 3px;
}

html>body div.titlelinks
{
	display: block;
	width:230px;
	height:200px;
	float: left;
	overflow: hidden;
	position: relative;
	cursor: auto;
	z-index: 1;
	bottom:0;
	background-color: #FFFFFF;
	margin: 3px 3px 3px 3px;

}



div.titlelinks li
{
/*	float: left;*/
}

div.titlelinks ul
{
	float: left;
text-indent: 20; margin-left: -20; 
}



/*div.titletext
{
background: #FF99FF;
margin-left: 10;


}

div.squarebox
{
background: #FF99FF;
margin-left: 10;
width:200;
height:200;
float:left;

}*/

div.sectiontitletext
{
background: #FFF;
margin-left: 20px;
margin-bottom: 0px;
margin-top: 0px;
margin-right: 20px;
height: 160px;
width: 190px;
top: 0px;
overflow:hidden;

}

div.sectiondropdowns
{
background: #FFF;
margin-left: 20px;
margin-bottom: 0px;
margin-top: 0px;
margin-right: 20px;
height: 200px;
width: 190px;
top: 0px;
overflow:hidden;

}
.postdiv {
	overflow: hidden;

	display:block !important;
		background-color: #000;
float:left;
width: 265px;
height: 603px;
}

.postdiv1 {
	overflow: hidden;

	display:block !important;
		background-color: #000;
float:left;
width: 265px;
height: 600px;
}

.home{
	overflow: hidden;

	display:block !important;
float:left;
width: 914px;
height: 630;
margin-left:10px;
margin-top:10px;



}

.navdiv{
	overflow: hidden;

	display:block !important;
float:left;
width: 230px;
height: 621;
margin-left:10px;
margin-top:10px;



}

div.artisttext
{
	display: block;
	width:230px;
	height:200px;
	float: left;
	overflow: hidden;
	position: relative;
	cursor: auto;
	z-index: 1;
	bottom:0;
	background-color: #FFFFFF;
	margin: 3px 3px 3px 3px;
	text-indent:20px;
	margin-bottom:10px;

}

div.artisttextmargin
{
		text-indent:0px;

background: #FFF;
margin-left: 20px;
margin-bottom: 20px;
margin-top: 20px;
margin-right: 0px;
height: 160px;
width: 210px;
	overflow-y:auto;


}

.card
{
		

background: #FFF;
margin-left: 3px;
margin-bottom: 3px;
margin-top: 3px;
margin-right: 3px;
height: auto;
width: auto;
	overflow-x:scroll;
	overflow-y:hidden;


}

.cardbox
{
		

background: #FFF;
margin-left: 3px;
margin-bottom: 3px;
margin-top: 3px;
margin-right: 3px;
float:left;

}

.textboxes
{
		

background: #FFF;
margin-left: 20px;
margin-bottom: 3px;
margin-top: 3px;
margin-right: 3px;
width:550px;

}

div.mast
{
		

background: #FFF;

width:100%;

}

 
 div.box div.links { display:none; } 
div.box:hover div.links{ display:inline;
color:#FFF;} 
div.box div.links :hover { color:#FFF; display:inline !important; } 

.links{
position: relative;
bottom:20px;
left: 0;
float:left;
margin:0;
padding:0;
height:20px;
	width:140px;
z-index:2;
background-color:#333;
text-decoration:none;
/*text-transform:uppercase;*/ 
text-indent:.5em;
line-height:18pt;
text-align:left;
display:none;
}

.boxouter{
display: block;
	width:140px;
	height:94px;
	float: left;
	overflow: hidden;
	position: relative;
	cursor: auto;
	z-index: 1;
	overflow:hidden;
	margin-left:-2px;
	margin-right:2px;
}

.box{
display: block;
	width:140px;
	height:94px;
	float: left;
	overflow: hidden;
	position: relative;
	cursor: auto;
	z-index: 1;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
}

.pic{
display: block;
	width:140px;
	height:94px;
	float: left;
	overflow: hidden;
	position: relative;
	cursor: auto;
	z-index: 1;
	overflow:hidden;
	
}