/* Style - Primary CSS That is Read by Gallery */
/* displayed at 12px */

body {
	margin: 0;
	padding: 0;
	background-color: #006666;
	font: 1em verdana, arial, sans-serif;
}

/******* FIREFOX BUG FIX *********/
html { 
	min-height: 100%; 
	margin-bottom: .1em;
}
/********************************/

#content {
	position: absolute;
	margin-top: 2em;
	left: 150px;
	right: 150px;
	padding: 0 10px;
	background: #FFF url(/bgd/content-bg.jpg) 0 0 repeat-y;
	border: 2px solid #999999;
	text-align: left;
	letter-spacing: 0.025em;
}

h1 {
	color: #CC3300;
	margin: 0; 
	padding: 0px; 
	text-align:right;
	letter-spacing: 0.025em; 
	font-size: 1.75em;
	font-family: trebuchet ms, verdana, arial, sans-serif;
	height: 60px;
	line-height: 60px; 
	white-space: nowrap;
	/*border-bottom: 2px solid rgb(204,204,204);*/
	background: url(../bgd/catz-bga.jpg) 0 0 no-repeat;
}

h2 {
	font-size: 1.5em; /* displayed at 18px */
}

h3 {
	font-size: 1.25em; /* displayed at 15px */
}

img {
	border: none;
}

.admin,.admin a,td,p  {
	font-size: 1em;
}

.left {
	font-size: .8em
}	

textarea:focus, input:focus, select:focus {
	font-size: .8em;
	background-color: #FFF;
}

.adminform, .search, .searchform  {
	font-size: .8em;
	font-weight: normal;
}

.admin_options {
	font-size: 2em;
}	


.attention /* so far, just for voting instructions*/ {
	color: #0099FF;
	font-size: 1em;
	font-weight: normal;
}

.borderleft	{
	border: 0;
}

.borderright	{
	border: 0;
}

.bordertop 	{
	border: 0;
}

.commentindication, .error {
	color: #FF0000;
	font-size: 1em;
}

/**** Stuff Around the Photos in Album and Photo */

.desc { /* Description of album in albums.php */
	font: normal 1em trebuchet ms, verdana, georgia, serif;
    /* Is child of .albumdesc sizing 
	background: url(../bgd/tiny.jpg) right repeat-no;*/
	color: #000;
}	 

/* bottom of page & albums narrative
.fineprint {
	font-size: .8em;
} */

/*.fineprint a {
	font-size: 1em;  child of .fineprint 
}*/

.albumdesc { 
	/* Info below .desc in albums.php [last changed etc.] */
	font: normal 1em verdana, georgia, serif;
    /* percent sized of .fineprint font-size */
	color: green;
}

.editlink, .bread  {
	font: normal 1em trebuchet ms, georgia, verdana, sans-serif;
}

.editlink a, .bread a { /* 1em = 100% of .editlink,.bread font size */
	font-size: 1em;
}		

.caption {
	font: normal .8em trebuchet ms, georgia, verdana, sans-serif;
}	

.pview {
	font: normal 1em trebuchet ms, georgia, verdana, sans-serif;
	color: #CC9900;
}

.pcaption /* description below photo in view_photo page */ {
	font: normal 1em trebuchet ms, georgia, verdana, sans-serif;
	color: #CC9900;
}

.pcation td p {
	font-size: .8em;
	color: #000;
}	

.modcaption { /* caption below pictures */
	font: normal 1em trebuchet ms, georgia, verdana, sans-serif;
	color: #CC9999;
}	

.va_modcaption { /* caption below pictures */
	font: normal 1em trebuchet ms, georgia, verdana, sans-serif;
	color: #006633;
}
	
.viewcounter {
	font-size: .8em; /* 1em = 100% of .modcaption font-size */
	font-style: italic;
	color: #999;
}

/***** OTHER TEXT STYLING *****/

.head /* page headers */{
	font: bold 1em georgia, verdana, arial, serif;
}

.headbox /* box around the page headers */{
}

.leftspacer /* amount of space to the left of the header and titles */{
	width: 0px;
}

.mod_headliner { /* Gallery & Album titles. Text is controled by .head */
	/*border: 1px dashed red;*/
}

/* text styles */
.title { /* album title text/view popular title */
	font: bold 1.1em georgia, verdana, arial, serif;
}

.title a {
	font: bold 1.1em georgia, arial, sans-serif;
	text-decoration: none;
}

.title a:link {
	color: #990000;
}

.title a:link:hover {
	background-color: #006699;
	color: #FFF;	
}

.title a:visited {
	color: #990000;
}

.title a:visited:hover {
	background-color: #006699;
	color: #FFF;
}


.mod_title { /* album title -- Text is controlled by .title */
	background: url(../bgd/BB.gif) left repeat-x;
	border: 0px;
	/*border: 1px dashed red;*/
}	

.mod_title_bg { /* album title hightlight Text is controled by .title */
}	

.mod_title_left { /* album title hightlight  Text is controled by .title */
}

.mod_title_right { /* album title hightlight  Text is controled by .title*/
}

.mod_toplight_bg { /* Gallery & Album titles. Text is controled by .head */
}

.mod_toplight_left { /* Gallery & Album titles. Text is controled by .head */
}

.mod_toplight_right { /* Gallery & Album titles. Text is controled by .head*/
}

.modfooter { /*footer where the Gallery version is located*/
	font: normal .8em verdana, arial, serif;
	color: #ccc;
}

.modnavbox{  /* main navigation bar next and previous */
}

.modnavboxmid { /*navagation bar middle where the link for the albums show*/
}

.modnavboxtop { /*navagation bar top of screen where admin buttons show*/
	background-color: #336666;
}

.nav { /* used in navigation bars -- gives page count in album view*/
	font-weight: bold;
	font-size: .8em;	
}

.nav a { /* used in navigation bars -- gives page count in album view*/
	font-weight: bold;
	font-size: .8em;	
}

.navtableborderbegin {
	background: url(../bgd/BB.gif) left repeat-x;
	border: 0;
}

.navtableborderend	{
	background: url(../bgd/BB.gif) left repeat-x;
	border: 0;
}

.popup { /* controls the main text and message body */
	background-color: #F0F0F0;
	border: 1px solid #FFF;
	color: #000000;
	font-size: 1em;
	font-weight: none;
	margin: 0 0 10px;
	padding: 5px;
	text-align: center;
}

.popupbody { /* controls the background of popup. */ 
	color: #000;
}

.popupform { /* controls form textarea */
	 
	background-color: #C0C0C0;
	border: 1px solid #FFF;
	color: #202020;
	font-size: 1em;
	font-weight: none;
	line-height: 120%;
	padding: 2px;
}

.popuphead { /* controls the title and background */ 
	background-color: #336666;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-top: 1px solid #FFF;
	color: #FFF;
	font-size: 1em;
	font-weight: bold;
	line-height: 150%;
	padding-left: 5px;
	text-align: center;
}

.vafloat, .vafloat2 {
	float: none;
}

.vasummary {/* controls the view of Album summary */	
	font-size: 1em;
	font-style: italic;
	color: #099;
	margin-top: 10px;
	padding: 2px;
	width: 100%;
}

/* Top Admin / Login Bar on Each Page */
#adminbox {
	background: url(../bgd/BB.gif) left repeat-x;
	color: #000;
}

#adminbox a {
	font: bold .8em georgia, arial, sans-serif;
	text-decoration: none;
}

#adminbox a:link {
	color: #990000;
}

#adminbox a:link:hover {
	background-color: #006699;
	color: #FFF;	
}

#adminbox a:visited {
	color: #990000;
}

#adminbox a:visited:hover {
	background-color: #006699;
	color: #FFF;
}

#adminbox td {
	background: url(../bgd/BB.gif) left repeat-x;
	font-size: 1em;
	padding: 0 5px;
	text-align: center;
}

#adminbox .left{
	text-align: left;
	font: bold 1em georgia,verdana, arial, sans-serif;
	color:#666666;
}	

/* CSS ID for the add photos popup */
#container {
	padding: 2px;
}

#menu {
font-size: 1em;
}

#menu a {
	font-size: .8em;
	color: #900;
	display: block;
	text-decoration: underline;
	white-space: nowrap; 
}

#menu a:hover {
	background-color: #069;
	color: #FFF;
	text-decoration: none; 
	white-space: nowrap;
}

#menu td {
font-size: 1em;
}

#tabnav {
	background: url(images/tab_bottom.gif) repeat-x bottom;
	height: 20px;
	margin: 0px;
	padding-left: 5px;
}

#tabnav a:link, #tabnav a:visited {
	border: 1px solid #000;
	color: #666;
	float: left;
	font-size: 1em;
	font-weight: bold;
	line-height: 14px;
	margin-right: 4px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	padding: 2px 5px 2px 5px;
	text-decoration: none;
}

#tabnav a:link.active, #tabnav a:visited.active {
	background-color: #FCFCF3;
	border: 1px solid #000;
	color: #000;
	font-size: 1em;
	margin-right: 4px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	padding: 2px 5px 2px 5px;
}

#tabnav a:hover {
	color: #444;
}

#tabnav li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/*** NAVIGATION BAR - BOTTOM ***/

#navbot {
	margin: 0;
	padding: 0;
}

#navbot ul {
	clear: both;
}

#navbot ul {
	position: relative;
	margin: 0;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 0;
	margin-top: 0;
	margin-left: 0;
	font-size: .7em;
	letter-spacing: .07em;
	color: #808080;
	height: 13px;
	line-height: 13px;
	border: 1px dashed #808080;
	border-width: 1px 0;
	text-align: center;
}

#navbot ul li {
	display: inline;
	padding: 5px 0;
}

#navbot ul li a {
	border-right: 1px solid #FFFFFF;
	color: #990000;
	font: bold 1em verdana, arial, sans-serif;
	padding: 5px 10px;
	text-decoration: none;
}

#navbot ul li a:link {
	border-right: 1px solid #FFFFFF;
	color: #990000;
	padding: 5px 10px;
	text-decoration: none;
}

#navbot ul li a:link:hover {
	background-color: #006699;
	color: #FFFFFF;
}

#navbot ul li a:visited {
	border-right: 1px solid #FFFFFF;
	color: #990000;
	padding: 5px 10px;
	text-decoration: none;
}

#navbot ul li a:visited:hover {
	background-color: #006699;
	color: #FFFFFF;
}

#navbot .active { 
	border-left: 1px solid #fff;
}

/*** NAVIGATION BAR - TOP ***/
#navtop {
	margin: 0;
	padding: 0;
}

#navtop .active {
	border-left: 1px solid #FFFFFF;
}

#navtop ul {
	position: relative;
	margin: 0;
	padding: 5px 0;
	font-size: .7em;
	letter-spacing: .07em;
	color: #FFFFFF;
	background-color: #006666;
	height: 13px;
	line-height: 13px;
	text-align: center;
}

#navtop ul li {
	display: inline;
	padding: 5px 0;
}

#navtop ul li a {
	background-color: #006666;
	border-right: 1px solid #FFFFFF;
	color: #FFFFFF;
	font: bold 1em verdana, arial, sans-serif;
	padding: 5px 10px;
	text-decoration: none;
}

#navtop ul li a:link {
	border-right: 1px solid #FFFFFF;
	color: #FFFFFF;
	padding: 5px 10px;
	text-decoration: none;
}

#navtop ul li a:link:hover {
	background-color: #006666;
	color: #FFFF00;
	text-decoration: underline;
}

#navtop ul li a:visited {
	border-right: 1px solid #FFFFFF;
	color: #FFFFFF;
	padding: 5px 10px;
	text-decoration: none;
}

#navtop ul li a:visited:hover {
	background-color: #006666;
	color: #FFFF00;
	text-decoration: underline;
}