/* ---------------------------------------------
	Cederberg 4x4 Style Sheet
	http://www.cederberg4x4.co.za/
    --------------------------------------------- */
/* Used */
BODY {
/*	FONT-FAMILY: tahoma,verdana; */
	FONT-FAMILY: Arial, Tahoma, Verdana, Arial;
	FONT-SIZE: 12px;
	color: #666666
	}
H1 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 20px;
	COLOR: #FF9900;
	}
H2 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	COLOR: #FF9900;
	}
H3 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #FF9900;
	}
H4 {
	FONT-WEIGHT: NORMAL;
	FONT-SIZE: 10px;
	}
TABLE {
	FONT-SIZE: 11px;
	}
.sidebarBorder {
/*	background-color : #99CC00; */
	background-color : #CCCC99;
	}
.sidebarBody {
/*	background-color : #CCFF99; */
	background-color : #FFFFFF;
	}
.sidebarContent {
/*	background-color : #CCFF99; */
	background-color : #FFFFFF;
	}
.barDarkgreen {
	background-color : #336600;
	}
/* TABLE.txt {
	BORDER-COLOR: green;
	} */
TH {
	BACKGROUND-COLOR: #CCCC99;
	COLOR: #ffffff;
	TEXT-ALIGN: left;
	}
TH.trail {
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #CCCC99;
/*	BACKGROUND-COLOR: #336600;*/
	TEXT-ALIGN: center;
	}
TD {
	VERTICAL-ALIGN: top
	}
.small {
	FONT-SIZE: 9px;
	}
OL {
	LIST-STYLE-TYPE: decimal;
	}
UL.none {
	LIST-STYLE-TYPE: none;
	}
OL.roman {
	LIST-STYLE-TYPE: lower-roman;
	}
OL.alpha {
	LIST-STYLE-TYPE: lower-alpha;
	}	
UL.disc {
	LIST-STYLE-TYPE: disc;
	color: green;
	}
UL.square {
	LIST-STYLE-TYPE: square;
	}
.padded {
	PADDING-LEFT: 15;
	PADDING-RIGHT: 10;
	PADDING-TOP: 15;
	PADDING-BOTTOM: 15;
	}
.outline {
	BORDER: 1px solid #ff8040;
	/*nBORDER-STYLE: solid;
	BORDER-WIDTH: thin; */
	}
.photogallery {
	PADDING-LEFT: 0;
	PADDING-RIGHT: 1;
	PADDING-TOP: 0;
	PADDING-BOTTOM: 0;
	}
.orangeback {
/*	BACKGROUND-COLOR: #FF6600; */
	BACKGROUND-COLOR: #CCCC99;
	}
A {
	FONT-WEIGHT: bold;
/*	COLOR: #99CC33; */
	COLOR: #FF9900 ;
	TEXT-DECORATION: underline;
	}
A.small {
	FONT-SIZE: 9px;
	TEXT-ALIGN: right;
	TEXT-DECORATION: none;
	COLOR: #FF9900;
	}
A:hover {
	TEXT-DECORATION: underline;
	}	
A.adbanner {
	COLOR: white;
	}	
A.adbanner:hover {
	COLOR: black;
	TEXT-DECORATION: none;
	}		
A.nav {
	/* COLOR: #99CC33; */
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	}
A.nav:hover {
	COLOR: #000000;
	TEXT-DECORATION: none;
	}
A.topnav {
    COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	}
A.topnav:hover {
	COLOR: #000000;;
	TEXT-DECORATION: none;
	}
.topnavback {
	BACKGROUND-COLOR: #CCCC99;
	TEXT-ALIGN: left;
	PADDING-LEFT: 15px;
	PADDING-BOTTOM: 2px
	}	
.center {
	TEXT-ALIGN: center
	}
.heading {
	FONT-WEIGHT: bold;
	FONT-SIZE: 17px;
	COLOR: #336600
	}
.content {
	BACKGROUND-COLOR: #ffffff;
	}	
	
/********************************************************************************************************************
	album.pl Style Sheet
	http://perl.Bobbitt.ca/album
********************************************************************************************************************/
/*******************************
	input definitions
	(Used to display text boxes, input fields, checkboxes, radio buttons, etc...)
*******************************/

input	{  font-size: 8pt;
	color: #000000;
	font-family: tahoma, verdana; }

input.button	{ font-size: 8pt; font-family: tahoma, verdana;
      /*color: #ffffff; border: 1px solid #52869F; background-color: #00294e; */
	  }

textarea, select	{ border:1px outline; background-color: #ffffff; font-size: 8pt; color: #808080;
/* textarea, select	{ border:1px inset; background-color: #ffffff; font-size: 8pt; color: #808080; */
	font-family: tahoma, verdana; }

input.checkbox	{ border:3px; }
/*******************************
	div definitions
	(These define the styles of the main "sections" of the album.)
*******************************/

/* The entire album "table" */
#album	{
	width: 100%; 
	/* border: 1px solid #000000; */ 
	/* background-color: #ffffff;*/ 
	}

/* The title of the current object */
.title	{
	font-size: 16pt;
	/* background-color: #A89870; */
	text-align: center; line-height: 200%; word-spacing: 3px;
	letter-spacing: 6px; font-weight: bold; text-indent: 5px; color: black; }

/* The object's description */
.description	{ line-height: 200%; text-align: left; background-color: #E4E4E4; font-weight: bold; }

/* Album's title as displayed under it's thumbnail */
.albumsubtitle	{ text-align: center; font-size: 9pt; font-weight: bold; display: inline; }

/* Photo's title as displayed under it's thumbnail */
.photosubtitle	{ text-align: center; font-size: 9pt; font-weight: bold; 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 used to hold ??? - Light Gray */
.lightbanner	{ height: 25px; border: 1px solid #333333; background-color: #FF9900; }

/* Horizontal banner used to hold "E-Mail This Page" and views information, 1st under body - Medium Gray */
.medbanner	{ height: 25px; border: 1px solid #333333; background-color: #A89870; }

/* Horizontal banner used to hold "Menu Options" - Dark Gray */
.darkbanner	{ height: 10px; background-color: #FF9900; }

/* Welcome/Login link/Username */
.login	{ line-height: 100%; text-align: left; width: 49.99%; font-size: 8pt; display: inline; }

/* The login form itself */
.loginform	{ line-height: 200%; text-align: left; background-color: #E4E4E4; width: 65%; font-size: 8pt; }

/* Home, Search, Random, Upload, Recent Uploads */
.options	{ line-height: 200%; width: 50%; text-align: right; font-size: 8pt; display: inline;  background-color: #EAE2CC;}

/* Admin menu */
.admin	{ background-color: #aa6600; text-align: center; font-size: 6pt; }

/* Used for displaying objects on the Recent Uploads screen */
.recentuploads	{ line-height: 200%; width: 40%; text-align: left; font-size: 6pt; display: inline; }

/* Used for displaying objects on the  Most Popular screen */
.popular	{ line-height: 200%; width: 28%; text-align: left; 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: 175%; background-color: #EAE2CC; text-align: center; }

/* Pages, when there's more than 1 */
.pages	{ line-height: 150%;  text-align: right; }

/* The form to enter descriptions */
.enterdesc	{ text-align: center; background-color: #E4E4E4; }

/* The rules for uploading files */
.uploadrules	{ text-align: left; }

/* The object itself (I.E. the photo, or an album full of photos) */
.objects	{ text-align: center;}

/* The text under each photo's thumbnail */
.photo	{ text-align: center; font-size: 8pt; font-weight: bold; }

/* The Small/Med/Large and Fullscreen Slideshow links for photos */
.viewing	{ line-height: 200%; background-color: #EAE2CC; text-align: center; font-size: 6pt; }

/* The "E-mail this page" link */
.mailto	{ line-height: 100%; text-align: center; width: 49.99%; font-size: 6pt; display: inline; }

/* The text saying how many times this photo has been viewed */
.views	{ line-height: 200%; text-align: center; font-size: 10px;}

/* Ratings */
.ratings	{ line-height: 200%; text-align: center; font-size: 8pt; background-color: #A89870; }

/* The e-mail notify form */
.notify	{ text-align: center; font-size: 6pt; }

/* The icon legend at the bottom */
.legend	{ text-align: center; font-size: 6pt; background-color: #D0BC90; }

/* The navigation footer at the bottom. */
/* .nav	{ border: 1px solid #333333; text-align: center; background-color: #D0BC90; } */

/* The navigation footer at the bottom, covers spacing of individual prev/up/next buttons. */
.navwidth	{ width: 33%; display: inline;  text-align: center; }

/* 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: 10px; 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; }

/*******************************
	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: #330000; width: 80%; }

td	{ font-size: 8pt; border-color: #330000; }
*/

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

img.album	{ border:3px inset; border-color: #666666 #999999 #cccccc #333333; }
img.thumb	{ border:3px outset; border-color: #999999 #666666 #333333 #cccccc; }
img.photo	{ border:0px; }
img.movie	{ border:2px outset; border-color: #999999; border-style: dashed; }
img.button	{ border:0px; vertical-align: middle; }


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

/* Standard links *//*
a:link	{ text-decoration: none; color: black; font-weight: normal;
	font-family: verdana, arial, Tahoma, helvetica, 'Sans Serif';}

/* Links already visited *//*
a:visited	{ text-decoration: none; color: black; font-weight: normal;
	font-family: verdana, arial, Tahoma, helvetica, 'Sans Serif';
	}

/* Links while being clicked *//*
a:active	{ text-decoration: none; color: #52869F; font-weight: normal;
	font-family: verdana, arial, Tahoma, helvetica, 'Sans Serif'; }

/* Links when hovered over *//*
a:hover	{ text-decoration: none; color: #00294e; font-weight: normal;
	font-family: verdana, arial, Tahoma, helvetica, 'Sans Serif';} */

/* 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	{ }