/* 
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

  PG_formatting v1.0 - CSS for diplaying custom image galleries

  Copyright (C) Justin Ribeiro <ribeiro@J5studios.com>
  Project Page - http://www.j5studios.com/
 	  
   This program is free software; you can redistribute it and/or
   modify it under the terms of the GNU General Public License
   as published by the Free Software Foundation; either version 2 of
   the License or (at your option) any later version.
   
   This program is distributed in the hope that it will be
   useful, but WITHOUT ANY WARRANTY; without even the implied warranty
   of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
   GNU General Public License for more details.
   
   You should have received a copy of the GNU General Public License
   along with this program; if not, write to the Free Software
   Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307
   USA

  Notes
  ---------------------------------------------------------------------
  Custom stylesheet for use with display arch.
  

  Version Summary
  ---------------------------------------------------------------------
  1.0 - March 02, 2004
  		First Public Release

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/


/* :::::: General Settings ::::: */

/* ::::: Date / Description View Switch ::::: */
.switches   
{ 
  margin-left: auto; 
  margin-right: auto; 
  text-align: center; 
  padding-bottom: 1px; 
  color: #000; 
  font-size: small;  
} 

/* :::::: Date Listing View :::::: */
.datedisplay_year   
{ 
  font-weight: bold; 
  padding-bottom: 1px; 
  border-bottom: 1px solid #bbb; 
  color: #000; 
  font-size: small; 
  margin: 2px 2px;
  letter-spacing: 0.2em; 
} 
.datedisplay_gallerytitle 
{ 
  font-size: 10px; 
  line-height: 10px; 
  text-decoration: none;
  border: none;  
} 
a.datedisplay_gallerytitle:hover 
{ 
  color: #669966; 
  font-size: 10px; 
  line-height: 10px; 
  text-decoration: none;
  border-bottom: none; 
} 
a.datedisplay_gallerytitle:visited  
{ 
  font-size: 10px; 
  line-height: 10px; 
  text-decoration: none;
  border-bottom: none;  
}


/* ::::: Description Listing View ::::: */

.descdisplay_gallerytitle
{ 
  font-family: sans-serif,trebuchet ms,verdana,arial,helvetica; 
  font-size: 12px;
  font-weight: bold; 
} 
a.descdisplay_gallerytitle:visited  
{ 
  color: green; 
  font-family: sans-serif,trebuchet ms,verdana,arial,helvetica; 
  font-size: 12px;
  font-weight: bold; 
}
.descdisplay_year   
{ 
  font-weight: bold; 
  padding-bottom: 1px; 
  border-bottom: 1px solid #bbb; 
  color: #000; 
  font-size: small; 
  margin: 2px 2px;
  letter-spacing: 0.2em; 
} 
.descdisplay_date   
{ 
  color: #999; 
  padding-left: 0.5em; 
  font-size: x-small; 
} 
.descdisplay_description   
{ 
  padding-left: 0.5em; 
  font-size: 11px; 
  color: #444;
  line-height: normal;
}

/* :::::: Thumbnail Display :::::: */
#thumbnails 
{
  margin: auto auto;
  text-align: center;
  width: 600px;
}
#thumbnails img 
{
  border: 0px;
}

#thumbnails a 
{
	display: block;
	float: left;
	width: 130px;
	height: 80px;
	text-align: center;
    padding: 30px 4px;
	background-color: #d8d8d8;
    margin: 4px;
    border: 1px solid #6b6c69;
	-moz-border-radius: 3px;
}

#thumbnails a.portrait {
	padding: 10px 29px;
	width: 80px;
	height: 120px;
}

#thumbnails a.landscape {

}

a.landscape img {
	/* landscapes */
	 display: inline;
	 width: 120px;
	 height: 80px;
}

a.portrait img {
	 /* portrait */
	 width: 80px;
	 height: 120px;
}

#thumbnails a:hover {
   background-color: #b4b4b4;
   margin: 3px;
   border: 2px solid #339900;
}

/* ::::: View Picture box ::::: */
.viewpicture   
{ 
  margin-left: auto; 
  margin-right: auto; 
  text-align: center; 
}

/* :::::: Main Image Display :::::: */
#displayphoto img 
{
  padding: 0px;
  border: 10px solid #4d4d4d;
  -moz-border-radius: 7px;
  margin-left: auto; 
  margin-right: auto; 
}
#displayphotoinfo
{
  width: 90%;
  text-align: right;
  font-size: 90%;
}
#displayphotoinfo a
{
  font-size: 90%;
}

/* :::::: EXIF Info :::::: */
#exifblock 
{
  font-size: 75%;
  display: none;
  padding: 0.5em;
  border: 10px solid #4d4d4d;
  -moz-border-radius: 7px;
  width: 375px;
  height: 75px;
  text-align: left;
  margin-left: auto; 
  margin-right: auto; 
}
#leftInfo
{
  float: left;
  width: 210px;
  line-height: normal;
}

#rightInfo
{
  float: right;
  line-height: normal;
}

/* :::::: Location Bar :::::: */
.locationbar  
{ 
  font-family: sans-serif,trebuchet ms,verdana,arial,helvetica; 
  font-weight: bold;   
  font-size: 20px;
  padding: 3px;
  margin-top: 1em;
  margin-bottom: 1em;
} 
.locationbar_link 
{ 
  font-family: sans-serif,trebuchet ms,verdana,arial,helvetica; 
  font-weight: bold;   
  font-size: 20px; 
  text-decoration: underline;
  border-bottom: none;
}

/* :::::: Photo Navigation Bar :::::: */
/* Future use of this section will include class/ids for the magical disappear/reappearing photo nav idea */
.navigation
{
  font-family: sans-serif,trebuchet ms,verdana,arial,helvetica; 
  padding: 3px;
  margin-bottom: 1em;
}

/* :::::: Description Table Display :::::: */
.row 
{
  clear: both;
  padding: 2px 2px;
  margin-left: 4px;
}

div.row hr 
{
  display: block; 
  clear: left;
  visibility: hidden;
}

.segment 
{
  width:230px;
  float:left;
  background:#fff;
}

/* :::::: Date Table Display :::::: */
.yearsegment
{
  width:165px;
  float:left;
  background:#fff;
}