/*******************************
	album.pl Style Sheet
	http://perl.Bobbitt.ca/album
 $Id: Photo_Album.css,v 1.10 2004/09/13 15:25:39 bobbitt Exp $
*******************************/

/* Global Table Settings */
body {
	font: 11px Verdana, Tahoma, Arial, Helvetica, san-serif;
	background: #333333;
	color: #bbbbbb;
}
h1, h2, h3, h4 {
	font-family:Arial, helvetica, sans-serif;
	color: #B8B8B8;
}

P {font: 11px Verdana, Tahoma, Arial, Helvetica, san-serif;
color: #ffffff;
text-align: left;
}

/*******************************
	div definitions
	(These define the styles of the main "sections" of the album.)
*******************************/

/* The entire album "table" */

#album {width: 100%;
border: 1px solid #B8B8B8;
color:#bbbbbb;
background-color: #333333;}

/* The title of the current object */

.title {font: bold 22px Arial, helvetica, sans-serif;
	color: #bbbbbb;
	background-color: #333333;
text-align: left;
line-height: 200%;
text-indent: 5px;}

/* The object's description */

.description {line-height: 200%;
text-align: left;
background-color: #333333;
font-weight: normal;
padding-left:5px;}

/* Album's title as displayed under it's thumbnail */

.albumsubtitle {text-align: center;
font-size: 8pt;
color: #000000;
display: inline;}

/* Photo's title as displayed under it's thumbnail */

.photosubtitle {text-align: center;
font-size: 8pt;
color: #000000;
display: inline;}

/* 2nd level titles, such as those used on the upload screen */

.subtitle {text-align: left;
font-size: 10pt;
font-weight: bold;}

/* Horizontal banner (NOT USED) - Light Gray */

.lightbanner {height: 25px;
/*border: 1px solid #B8B8B8*/;
background-color: #333333;}

/* Horizontal banner used to hold "E-Mail This Page" and views information - Medium Gray */

.medbanner {height: 25px;
border-top: 1px solid #B8B8B8;
border-bottom: 1px solid #B8B8B8;
background-color: #333333;}

/* Horizontal banner used to hold login, home, search, etc - Dark Gray */

.darkbanner {height: 25px;
border: 0px solid #B8B8B8;
background-color: #333333;
text-align:left;
padding-left:5px;}

/* Welcome/Login link/Username */

.login {line-height: 200%;
text-align: left;
background-color: #333333;
color:#bbbbbb;
font-size: 8pt;
display: inline;}

/* The login form itself */

.loginform {
text-align: left;
background-color: #f4f4f4;
width: 65%;
font-size: 8pt;}

/* Home, Search, Random, Upload, Recent Uploads */

.options {
/*width: 50%;*/
text-align: left;
font-size: 11px;
color:#efefef;
display: inline;}

/* Admin menu */

.admin {background-color: #000000;
text-align: center;
color: #efefef;
font-size: 8pt;}

/* Used for displaying objects on the Recent Uploads screen */

.recentuploads {line-height: 200%;
width: 40%;
text-align: left;
font-size: 8pt;
display: inline;}

/* Used for displaying objects on the  Most Popular screen */

.popular {line-height: 200%;
width: 28%;
text-align: left;
color: #ffffff;
font-size: 8pt;
display: inline;}

/* Used for displaying objects on the Recent Uploads screen */
/* Objects will be displayed horizontally. To display vertically, remove "display: inline;" from the class below */
/* Height is the distance between thumbnails when spaced vertically. Width is the distance when spaced horizontally.*/

.ssirecentuploads {height: 110px;
width: 110px;
display: inline;}

/* Breadcrumbs */

.bread {line-height: 200%;
/*border: 1px solid #B8B8B8;*/
background-color: #333333;
text-align: left;
font-size: 8pt;}

/* Pages, when there's more than 1 */

.pages {line-height: 200%;
background-color: #333333;
text-align: right;
font-size: 8pt;}

/* The form to enter descriptions */

.enterdesc {text-align: center;
background-color: #333333;
padding-left:5px;}

/* The rules for uploading files */

.uploadrules {text-align: left;
background-color: #333333;
}
/* The object itself (I.E. the photo, or an album full of photos) */

.objects {text-align: center;
background-color: #333333;
padding-top:5px;}

/* The text under each photo's thumbnail */

.photo {text-align: center;
font-size: 8pt;}

/* The Small/Med/Large and Fullscreen Slideshow links for photos */

.viewing {line-height: 200%;
background-color: #333333;
text-align: center;
font-size: 8pt;}

/* The "E-mail this page" link */

.mailto {line-height: 200%;
text-align: center;
vertical-align: middle;
font-size: 8pt;
display: inline;}

/* The text saying how many times this photo has been viewed */

.views {line-height: 200%;
width: 50%;
text-align: center;
font-size: 8pt;
display: inline;}

/* Ratings */

.ratings {line-height: 200%;
text-align: center;
font-size: 8pt;}

/* The e-mail notify form */

.notify {text-align: center;
font-size: 8pt;}

/* The icon legend at the bottom */

.legend {text-align: center;
font-size: 8pt;
background-color: #333333;
color:#bbbbbb;
font-weight:bold;}

/* The navigation footer at the bottom. */

.nav {/*border: 1px solid #B8B8B8;*/
text-align: center;
background-color: #333333;}

/* The navigation footer at the bottom, covers spacing of individual prev/up/next buttons. */

.navwidth {width: 32%;
display: inline;}

/* Group titles (albums or photos/movies) */

.group {text-align: left;
font-size: 8pt;}

/* Subtext, used for things like the "fine print" on the search form */

.subtext {font-size: 8pt;
display: inline;
}

/* Used to display warnings */

.warning {padding: 10px;
border: 3px solid #ffea23;
text-align: center;
line-height: 140%;
background-color: #FF0000;
color: #ffffff;
font-size: 10pt;
font-weight: bold;}

/* Used to display "Missing Style Sheet" warning. Actually, it's used to hide the warning. :) */

.hidden {display: none;}

/* Used for hover popups (jhead info, etc...) */

.popup {font-size: 12px;
color: #000000;
background-color: #333333;
text-decoration: none;
position: absolute;
z-index: 20;
visibility: hidden;
top: 0px;
left: 0px;
border: 1px #B8B8B8 solid;
padding: 3px;}

/*******************************
	table definitions
	(Used to display the thumbnails of sub albums, movies and photos inside an album.)
*******************************/

table {border-collapse: collapse;
empty-cells: hide;
border-color: #B8B8B8;
width: 80%;
color: #ffffff;}

td {font-size: 8pt;
border-color: #B8B8B8;}

/*******************************
	image definitions
	(Used to display the thumbnails of each object type differently.)
*******************************/

img.album {border: 1px #B8B8B8 solid;}

img.thumb {border: 1px #B8B8B8 solid;}

img.photo {border:0px;}

img.movie {border: 1px #B8B8B8 solid;}

img.button {border:0px;
vertical-align: middle;}

/*******************************
	link definitions
	(Used to display links.)
*******************************/

a, a:link, a:active, a:visited {
	text-decoration: none;
	color: #B8B8B8;
	font-weight: bold;
}

a:hover {
	color : #003366;
}


/* Admin menu links */

a.adminlink {}

/* User option links */

a.optionslink {}

/* Navigation footer links */

a.navlink {}

/* Breadcrumbs links */

a.breadlink {}

/* Full size photo links */

a.photolink {}

/* Pages links */

a.pageslink {}

/* Image thimbnail links */

a.imagethumb {}

/* Movie thimbnail links */

a.moviethumb {}

/* Album thimbnail links */

a.albumthumb {}

/*******************************
	input definitions
	(Used to display text boxes, input fields, checkboxes, radio buttons, etc...)
*******************************/

input {border:3px outset;
background-color: #E4E4E4;
font-size: 8pt;
color: #808080;
font-family: Tahoma, verdana, arial, helvetica, 'Sans Serif';}

input.button {font-size: 8pt;
font-family: Tahoma, verdana, arial, helvetica, 'Sans Serif';
font-weight: normal;
color: #efefef;
border: 1px solid #809ab3;
background-color: #B8B8B8;}

textarea, select {border:3px inset;
background-color: #E4E4E4;
font-size: 8pt;
color: #000;
font-family: Tahoma, verdana, arial, helvetica, 'Sans Serif';}

input.checkbox {border:3px;}