/* Start of CMSMS style sheet 'Album Homepage' */
/*
This template is needed if you use the default, Simple-Separate-Pages  ImageGallery, or Thickbox templates in the Album module.
This may be overwritten when the module is upgraded and it will be deleted when 
the module is uninstalled, so make a copy if you want to modify it.
*/

div#albuminfo {
float:left;
margin:0;
padding:0;
width:420px; 
text-align:left;
}


/* Album Module CSS for default, ImageGallery, and Thickbox templates */
/* Album List UL */
div#albumlist
{
float:left;
text-align:left;
align:left;
clear:both;
padding:0 0 0px 0;
}

/* Picture List UL */

div#albumlist ul {  
list-style-type:none; 
padding:0;
margin:0px 0px 0px 0px;
clear:both;
}

div#albumlist ul li { 
display:inline;
margin:0px 4px 0px 0px;
padding:0px 0px 0px 0;
}

div#albumlist ul li img{
height:82px;
}

div#albumlist ul li a:link img, div#albumlist ul li a:visited img, div#albumlist ul li a:active img{
margin:2px 0 2px 0;
padding:4px;
border:1px solid #383838;
}

div#albumlist ul li a:hover img{
border:1px solid #6A1903;
}

/* PROJECT PAGE */
div#projectalbumlist
{
float:left;
text-align:left;
align:left;
clear:both;
padding:0 0 40px 0;
}

div#projectalbumlist ul {  
list-style-type:none; 
padding:0;
margin:0px 0px 0px 0px;
clear:both;
width:720px;
}

.projectinfo{
width:230px;
align:left;
font-size:11px;
line-height:16px;
float:right;
display:inline;
padding:4px 0px 0px 0;
height:100px;
}

.projectinfo a{
text-decoration:none;
padding:0;
margin:0;
font-size:10px;
line-height:13px;
}

.projectinfo a:hover{
text-decoration:underline;
font-size:10px;
line-height:13px;
padding:0;
margin:0;
}

.projectimage{
width:109px;
align:left;
display:inline;
float:left;
}

div#projectalbumlist ul li { 
margin:4px 4px 0px 0px;
padding:0px 0px 0px 0;
width:355px;
vertical-align:top;
float:left;
border-bottom:#262626 solid 1px;
}

div#projectalbumlist ul li a img{
margin:2px 0 2px 0;
padding:4px;
background-color:#000000;
vertical-align:top;
}

div#projectalbumlist ul li a:hover img{
margin:2px 0 2px 0;
padding:4px;
background-color:#666666;
}

div#projectalbumlist ul li a:hover {
background-color:#666666 ; 
background-color:#000000 !important;
padding:0px;
}

/* Styling of text and navigation for Album */
.albumname
{
	font-size:smaller;
	text-align:center;
	font-weight:bold;
	font-style:normal;
}

.albumpicturecount
{
	font-size:smaller;
	text-align:center;
	font-weight:normal;
	font-style:italic;
}

.albumcomment
{
	text-align:center;
	font-weight:normal;
	font-style:normal;
}

.albumnav
{
	text-align:center;
	font-weight:normal;
	font-style:normal;
	font-size:smaller;
}

.instructiontext
{
	font-weight:normal;
	font-style:normal;
	font-size:smaller;
	font-style:italic;
}

.projectcoment {
width:350px;
}


/* Big Picture */
div#bigpicture
{
width:300px;
padding:0.5em 0 0 0;
margin:0
text-align:left;
margin-left:380px;
filter:alpha(opacity=0);
opacity:0;
display:none;
}


.bigpicturecaption
{
/* Big picture caption */
	text-align:center;
	margin:0 0 5px;
	padding:0;
}
div#bigpicture img
{
/* Big picture settings */
	padding:0px;
/* Width of big picture - set to auto for actual width*/
	margin:0;
	background-color:white;
/* Borders of picture frame */
	border:4px solid #fff;
	text-decoration:none;
}

.bigpicturenav
{
	margin:0;
	padding:0;
	color:#000;
	font-size:smaller;
	line-height:normal;
}

/* End of 'Album Homepage' */