/* 
   This is the style sheet used when Gallery running standalone and
   'no skin' is selected.

   If you would like to customize the styles please create 
   copy of this file called 

   "screen.css" (same name without ".default")

   If that file is found in this directory it will be 
   used instead of this one.

   Some of the styles below are overriden by specific 
   album properties. These are noted 

   $Id: screen.css.default,v 1.17 2005/07/20 12:46:27 jenst Exp $
*/ 


/* 
   default text styles - background and colors overriden by
   album 'bgcolor', 'background', and 'textcolor' properties.
*/

html {
	margin: 0;
	padding: 0;
}

body {
    font-family: Georgia, serif;
    font-size: 10px;
    background-color: #e3e3e3;
    color: #000;
	padding: 0px 10px;
	margin: 0;
}

/* DIV wrapper for image in album view */
.vafloat2 {
	
}

h1 {
	font-family: Trebuchet, "Trebuchet MS", "Arial Bold", sans-serif;
	font-size: 35px;
	font-weight: bold;
	color: #004080;
	background: #ccc;
	margin: 10px 0px 10px 0px;
	padding: 0 0 0 20px;
	border-top: 1px solid #999;
	border-bottom: 3px solid #999;
}

h2 {
	font-family: Trebuchet, "Trebuchet MS", "Arial Bold", sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #3C78B0;
	margin: -7px 0px 10px 0px;
	padding: 0 0 0 30px;
	background: #ddd;
	border-bottom: 1px solid #999;
}

img {
    border: none;
}

td,p { 
    font-family: Georgia, serif;
    font-size: 10px; 
}

a {
    font-family: Georgia, serif;
    text-decoration: none;
    color: #000;
}

a:hover {
    text-decoration: underline;
    color: #004080;
}

.popup a:hover {
    color: #000;
}

.popup td {
    color: #000000;
}

.popup td.tab-hi {
    color: #004080;
}
    
textarea:focus, input:focus {
    background-color: #f7f7f7;
}

/* 
   text styles 
*/
.title A {
	display: block;
	font-family: Trebuchet, "Trebuchet MS", "Arial Bold", sans-serif;
	font-weight: bold;
	width: 100%;
}
.title A:hover {
	text-decoration: none;
	font-family: Trebuchet, "Trebuchet MS", sans-serif;
}
.title                          /* album titles on main page */
{ 
	  font-family: Trebuchet, "Trebuchet MS", sans-serif;
	  padding-bottom: 1px;
	  font-size: 18px; 
	  font-weight: normal; 
}

.mod_title			/* album title -- Text is controlled by .title */
{
	  border:1px dotted #3C78B0;
	  border-top-width:0px;
	  border-bottom-width:1px;
	  border-right-width:0px;
	  border-left-width:0px;
}
.mod_title_bg   /* album title hightlight Text is controled by .title */
{
}
.mod_title_right  /* album title hightlight  Text is controled by .title*/
{
}
.mod_title_left  /* album title hightlight  Text is controled by .title */
{
}
.albumdesc  /*album description includes all text and background*/
{
}
.desc                           /* album descriptions on main page */
{ 
	  padding-top: 5px;
	  padding-right: 100px;
	  font-size: 13px; 
}
.caption                        /* photo captions on all pages */
{ 
	  font-size: 10px; 
}
.modcaption  /* modifies background for caption text to reside - view_album */
{
	  font-size: 10px; 
}
.pcaption  /* modifies background for caption text to reside - view_photo*/
{
     font-size: 10px; 
}

.customFieldsTable {
}

.customFieldsTableCaption {
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}
  
.vafloat /* float for view album - text */
 {
 	   float: none;
 }
 
.vafloat2 /* float for view album - images */
 {
 	 float: none;
}
 
.vasummary /* controls the view of Album summary */
{
        font-weight:normal;
		font-size: 14px;
        padding:2px;
        margin-top:10px;
        width:80%;
		background: #eee;
		border: 1px dotted #900;
		padding: 5px;
}
	
.vapoll {
	margin-left: 90px;
	margin-right: 90px;
}
.valpoll img {
	border: 1px solid #444;
}
.commentIndication 
{
	   color: red;
	   font-size: 12px;
}
.error                          /* all error text */
{ 
	  color: red; 
	  font-size: 12px; 
}

.attention                          /* so far, just for voting instructions*/
        {
		  display:block;
		  margin: 2px 0px;
		  padding: 2px 150px;
		  text-align: center;
          font-family: Georgia, serif;
          font-weight: normal;
          color: #000;
          font-size: 12px;
        }

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

.head                           /* page headers */
{ 
	  	font-family: Trebuchet, "Trebuchet MS", "Arial Narrow", sans-serif;
		font-weight: bold;
		font-size: 24pt;
		margin-bottom: 10px;
		text-shadow: #999 0.1em 0.1em 4px;
}
.mod_headliner  /* Gallery & Album titles. Text is controled by .head */
{
}
.mod_toplight_bg  /* Gallery & Album titles. Text is controled by .head */
{
}
.mod_toplight_right  /* Gallery & Album titles. Text is controled by .head*/
{
}
.mod_toplight_left  /* Gallery & Album titles. Text is controled by .head */
{
}
.bread                          /* used in breadcrumb bars */
{ 
	  font-size: 15px; 
	  font-family: Trebuchet, "Trebuchet MS", "Arial Bold", sans-serif;
	  padding: 3px 0;
}
.bread a {
	color: #004080;
	font-weight: bold;
}
.bread a:hover {
	font-family: Trebuchet, "Trebuchet MS", "Arial Bold", sans-serif;
}

.nav                            /* used in navigation bars */
{ 
	  font-size: 15px; 
	  font-family: Trebuchet, "Trebuchet MS", "Arial Bold", sans-serif;
	  color: #004080;
}

.nav b {
	color: #000;
}

.navtableborderbegin
{
	  border:1px dotted #3C78B0;
	  border-left-width: 0;
	  border-right-width:0;
	  border-top-width: 1px;
	  border-bottom-width: 1px;
}
.navtableborderend
{
	  border:0px solid #777;
	  border-bottom-width: 1px;
}
.bordertop
{
	  border:0px solid #777;
	  border-right-width:0px;
	  border-bottom-width:0px;
	  border-left-width:0px;
}
.borderright
{
	  border:0px solid #777;
	  border-top-width:0px;
	  border-bottom-width:0px;
	  border-left-width:0px;
}

.borderleft
{
	  border:0px solid #777;
	  border-top-width:0px;
	  border-bottom-width:0px;
	  border-right-width:0px;
}


.borderleft-popup {
    border:1px solid #777;
    border-top-width:0px;
    border-bottom-width:0px;
    border-right-width:0px;
    padding-left: 5px;
}

.fineprint                      /* used for fine print */
{
	  font-size: 10px;
}

.viewcounter 
{
	  font-size: 10px;
}

.editlink                       /* Used for the [edit] tags */
{
	  font-size: 10px;
}
.modnavbox  /* main navigation bar next and previous */
{
}

.admin                          /* used in admin bars */
{ 
	  font-size: 10px; 
	  font-weight: bold; 
}

.adminform /* defines form for drop down menu */
{ 
	  font-size: 10px; 
	  font-weight: bold; 
}
.search                          /* used in search text */
{ 
	  margin: 0px 10px 5px 10px;
	  font-size: 10px; 
	  font-weight: bold; 
}
.search input {
	margin-left: 5px;
}
.searchform /* defines form for search */
{
	  font-size: 10px; 
	  font-weight: bold; 
}
.leftspacer  /* amount of space to the left of the header and titles */
{
	  width: 0px;
}
.modnavboxtop  /*navagation bar top of screen where admin buttons show*/
{
	background-color: #eee;
 
     }
.modnavboxmid  /*navagation bar middle where the link for the albums show*/
{

}
.modfooter /*footer where the Gallery version is located*/
{
}


.popupbody  /* controls the background of popup. */ 
{
    color: #000;
}
	
.popuphead, .separator  /* controls the title and background */ 
{
    text-align:center;
    font-size: 14px; font-weight: bold;
    line-height: 150%;
    color: #000;
    background-color: #eee;
    padding-left: 5px;
    border-top: 0px dotted #900; border-left: 0px dotted #900; border-right: 0px dotted #900;
}

.popup /* controls the main text and message body */
{
    font-size: 12px;
    font-weight: normal;
    color: #202020;
    padding: 5px;
    border: 1px solid #FFF;
    background-color: #F0F0F0;
    margin-bottom: 10px;  
}

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

td.columnheader {
    font-size: 12px;
    font-weight: bold;
    color: #000;
    padding-left: 5px;
    padding: 2px;
    border: 1px solid #FFF;
    background-color: #eee;
}

/* CSS ID for the add photos popup */

#container {
    padding: 2px;
}

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

#tabnav li {
    margin: 0px; 
    padding: 0px;
    display: inline;
    list-style-type: none;
}
	
#tabnav a:link, #tabnav a:visited {
    float: left;
    font-size: 11px;
    line-height: 14px;
    font-weight: bold;
    padding: 2px 5px 2px 5px;
    margin-right: 4px;
    text-decoration: none;
    color: #666;
    border-width:1px;
    border-style: solid; border-color: #000000;
    -Moz-Border-Radius-TopLeft: 20px;
    -Moz-Border-Radius-TopRight: 20px;
}

#tabnav a:link.active, #tabnav a:visited.active {
    background-color: #FCFCF3;
    padding:2px 5px 2px 5px;
    font-size:12px;
    margin-right: 4px;
    border-style: solid; border-color: #000000;
    -Moz-Border-Radius-TopLeft: 20px;
    -Moz-Border-Radius-TopRight: 20px;
    color:#000000;
}

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

/* Following two classes are used in stats-wizard */
.blockcell {
}

caption {
    color: #00f;
}

/* ---- */

.infoline_success {
    color: #00BF00;
    text-align:center;
    font-size: 12px;
    border: 1px solid ;
    padding: 2px;
    margin: 2px;
}

.infoline_error {
    text-align:center;
    font-size: 12px;
    border: 1px solid red;
    padding: 2px;
    margin: 2px;
}

.infoline_notice {
    color: #BF0000;
    text-align: left;
    font-size: 12px;
    border: 1px solid #BF0000;
    padding: 2px;
    margin: 2px;
}

/* Adminbar */

#adminbox {
    background-color: #D0DEEB;
 	padding: 2px 10px;
    color: #000;
}

#adminbox td {
	background-color: #D0DEEB;
 	padding: 2px 10px;
}

#adminbox a {
	color: #000;
}

#adminbox a:hover {
	color: #600;
}


#menu {
}

#menu td {
}

#menu a {
   display: block;
   font-family: Georgia, serif;
   font-size: 10px;
   text-decoration: none;
   color: #000;
   white-space: nowrap;
/* uncomment this and the below to have a nice hover effect.
   padding: 2px;
   -moz-border-radius: 3px;
*/
}

#menu a:hover {
   color: yellow;
   white-space: nowrap;
/*
   border-bottom: 1px solid #66A;
   border-right: 1px solid #66A;
   border-top: 1px solid #224;
   border-left: 1px solid #224;
   padding: 1px;
*/