/* 
   FAlbum Default Stylesheet
   =================      
   
   This is a sample stylesheet that can be used with FAblum, and is provided so that
   the default page looks half decent under the default Wordpress 1.5 theme - Kubrick
   
   This stylesheet will most probably break in other WP styles, so you can't rely 
   entirely on this stylesheet. Use it as guidance. Ultimately, style issues are not
   the fault of FAlbum.
   
   This stylesheet is commented so you know what each section does, and can customise
   it accordingly, or pull out just the sections you want.
*/

/* ----------- FAlbum Common -------------*/


div#falbum-wrapper {
	margin-top: 0px;
	margin-left: 66px;
	width: 550px;
	float: left;
}

div#falbum-content {
	padding-bottom: 32px;
}

div.falbum {
	position: relative;
}

li#photo-flickr-link a {
	padding-left: 14px;
	background: url('images/flickr-icon.png') no-repeat 0px 2px;
}

li#exif-label a {
	padding-left: 14px;
	background: url('images/exif-icon.png') no-repeat 0px 2px;
}

li#photo-info ul li strong,
li#photo-extras ul li strong {
	color: #222;
}

table#pages-top {
	position: absolute;
	top: 12px;
	right: 0px;
}

table#pages-bottom {
	position: absolute;
	bottom: 16px;
	right: 0px;
}

table.falbum-navigationBar {
	border-spacing: 0px;
	border-collapse: collapse;
}

table.falbum-navigationBar td {
	padding: 4px 6px;
	margin: 0;
}

table#pages-top td { border-bottom: 1px solid #919191; }
table#pages-bottom td { border-top: 1px solid #919191; }

table.falbum-navigationBar td.curpage {
	font-weight: bold;
	border: 1px solid #bbb;
}

table#pages-top td.curpage { border-bottom: 1px solid #fff; }
table#pages-bottom td.curpage {  border-top: 1px solid #fff; }

table.falbum-navigationBar td.page-link {
	padding: 0px;
}

table.falbum-navigationBar td a {
	display: block;
	padding: 4px 6px;
}

table.falbum-navigationBar td.page-display-cell {
	padding: 4px 12px;
}

table.falbum-navigationBar td a:hover {
	border: none !important;
	background: #f4f4f4;
}

/* ----------- Album Page -------------*/

div.album {
	clear: both;
	margin-bottom: 36px;
	position: relative;
	width: 550px;
}

div.album-thumb {
	padding: 4px 0px 4px 4px;
	float: left;
	height: 75px;
	width: 75px;
	margin-bottom: 36px;
}

div.album-thumb a,
div.album-thumb a:hover {
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: block;
}

div.album-info {
	float: left;
	width: 446px;
	padding-left: 12px;
}

div.album h2 {
	font-size: 2.4em;
	margin: 12px 0px 0px;
	width: 456px;
	padding-left: 12px;
}

p.album-meta {
	color: #777;
	margin: 0.363636em !important;
    padding: 1px 3px 1px 12px;	
}

p.album-description {
	color: #333;
	margin: 0.363636em !important;
	padding: 1px 3px 1px 12px;
}

p.widget-text {
	font-size: 1em !important;
	color: #333;
	width: 240px;
	margin: 12px auto;
}

div.falbum-thumbnail-nods {
	text-align: center;
	margin: 12px 0px;
}

li#falbum-tags a {
	display: inline;
	font-weight: normal;
}

li#falbum-tags a.falbum-tag1 {
 font-size: 1.1em;
}

li#falbum-tags a.falbum-tag2 {
 font-size: 1.2em;
}

li#falbum-tags a.falbum-tag3 {
 font-size: 1.3em;
}

li#falbum-tags a.falbum-tag4 {
 font-size: 1.4em;
}

li#falbum-tags a.falbum-tag5 {
 font-size: 1.6em;
}

li#falbum-tags a.falbum-tag6 {
 font-size: 1.8em;
}

li#falbum-tags a.falbum-tag7 {
 font-size: 2.0em;
}

/* ----------- Thumbnails -------------*/

div#album-contents {
	padding: 50px 4px;
	padding-left: 11px;
	position: relative;
	margin: 0 auto;
	width: 550px;
}

div.photo-thumb {
	float: left;
	width: 75px;
	height: 75px;
	margin: 0px 0px 3px 3px;
}

div.photo-thumb a {
	display: block;
	height: 75px;
	width: 75px;
	border: none;
	margin: 0;
	padding: 0;
}

div.photo-thumb a:hover {
	border: none !important;
}

.falbum-editable{
     color: #000;
     background-color: #ffffd3;
}

ul#album-meta {
	list-style: none;
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0;
	margin: 0 0 10px 15px;
	clear: both;
}

ul#album-meta li {
	display: block;
	float: left;
	margin-right: 24px;
	font-size: 1.1em;
	color: #777;
}

ul#album-meta li a {
	display: block;
	font-weight: bold;
}

ul#album-meta li#slideshow-link a {
	padding-left: 16px;
	background: url('images/slideshow-icon.png') no-repeat 0px 6px;
}

/* ----------- Photo Page -------------*/

div#photo-display,
div#tagged-thumbnails,
div#full-tag-cloud {
	position: relative;
}

div#tagged-thumbnails {
	padding-bottom: 24px;
}

.falbum-photo-block  {
	margin: 0 auto;
}

div#photo-display a:hover {
	border: none;
}

.falbum-photo-block h2,
div#tagged-thumbnails h2,
div#full-tag-cloud h2 {
	font-size: 2.4em;
	margin: 12px 0px 12px;
}

.falbum-title2 {
	padding: 0 50px 0 0;
}

.falbum-tags-block {
}

.falbum-tags-label {
	float: left;
	display: block;
}

.falbum-tags {
	float: left;
}

table#photo-sizes {
	width: 100%;
	margin-top: 24px;
}

table#photo-sizes td.label-cell {
	text-align: right;
	font-size: 1em;
}

table#photo-sizes td h4 {
	font-size: 1.1em;
	padding-right: 12px;
	margin: 0;
}

table#photo-sizes td {
	text-align: center;
	border-right: 1px solid #ddd;
	padding: 8px;
	font-size: 1em;
}

/* -- Image ---------------*/

div#thumbnails-wrapper {
	padding-left: 1px;
}


.falbum-photo-ds {
	background: url('images/shadow.gif') no-repeat bottom right;
	float: left;
}

.falbum-photo img, .falbum-photo-ds img {
	 background-color: #fff;
	 border: 1px solid #a9a9a9;
	 display: block;
	 padding: 4px;
	 margin: 0 auto;	 
}

.falbum-photo2 {
	padding-right: 20px;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: 2px 2px 2px 2px;
	padding: 4px;
	margin-top:10px;
}

table.album-nav {
	margin: 12px auto 0px;
	width: 180px;
	border-spacing: 0;
}

table.album-nav td {
	font-weight: normal;
}

table.album-nav#album-nav-thumbnails td {
	padding: 0px 0px 8px;
	width: 50%;
}

table.album-nav#album-nav-thumbnails td a {
	display: inline;
}

td#prev-thumb {
	text-align: left;
	width: 90px;
}

table.album-nav#album-nav-thumbnails td#next-thumb {
	text-align: right;
	width: 90px;
}

table.album-nav#album-nav-thumbnails td img {
	padding: 1px;
	border: 1px solid #89b;
}

table#album-nav-links {
	margin-top: 0px;
}

table.album-nav#album-nav-links td {
	padding: 0px;
	font-size: 0.9090909em;
}

table.album-nav#album-nav-links a {
	display: block;
	padding: 5px 0px;
}

td#prev-photo-link,
td#next-photo-link {
	width: 40px;
}

td#next-photo-link a {
	text-align: right;
}

td#album-return-link {
	width: 100px !important;
	border: 1px solid #ddd;
	border-top: none;
	border-bottom: none;
}

td#album-return-link a {
	text-align: center;
}

/* -- Navigation ---------------*/
  
.falbum-nav {
	clear: both;	
	margin: 5px 10px 0px -10px;
	text-align:center;
	padding: 8px;	
	width: auto;	
}

.falbum-nav a {
	text-decoration: none;
}
  
/* -- Description ---------------*/

.falbum-description {
	clear: both;
	font-size: 1em;
	margin: 5px 0 5px 0 ;
}

/* -- Photo Sizes ---------------*/

.falbum-photoSizesBlock {
	padding: 10px 0px 3px 0px;
}

a.falbum-photoSizes
{
	background-color: #E4E0D2;
	padding: 2px;
	margin: 1px 3px 1px 3px;
	color: black;
	border:	1px solid #D4D0C2;
	text-align: center;
}

a.falbum-photoSizes:hover 
{
	border:	1px solid #3169C6;
	background-color: #C6D3EF;
}

/* -- EXIF Data ---------------*/

.falbum-exif table{
	border: 1px solid #a9a9a9;
	margin: 0 15px 0 0;
}

.falbum-exif td {
	margin: 5px 5px 5px 5px;
	padding: 1px 5px 1px 5px;
}
.falbum-exif .odd{
	background-color: #f0f0f0
}

.falbum-exif .even{
	background-color: #e0e0e0
}

/* -- Annotations ---------------*/
 
a.annotation {
	position: absolute;
	border: 1px solid white;
	padding: 0;
	display: none;
}
 
a.annotation span {
	display: block;
	width: 100%;
	height: 100%;
	background: white;
}
 
a.annotation:hover {
	border-color: yellow;
}

#overDiv {
  font-size: 1em;
}

/* ----------- Tag Cloud Page -------------*/

.falbum-cloud {	
	padding: 10px;	
	line-height: 1.65em;
	text-align: center;
}

.falbum-cloud a {
	text-decoration:none;
}

a.falbum-tag1 {
 font-size:10px;
}

a.falbum-tag2 {
 font-size:12px;
 font-weight:400;
}

a.falbum-tag3 {
 font-size:16px;
 font-weight:500;
}

a.falbum-tag4 {
 font-size:20px;
 font-weight:600;
}

a.falbum-tag5 {
 font-size:22px;
 font-weight:700;
}

a.falbum-tag6 {
 font-size:28px;
 font-weight:800;
}

a.falbum-tag7 {
 font-size:30px;
 font-weight:900;
}

/* ----------- Random Images -------------*/
.falbum-random ul {
	list-style: none;
	margin: 0;
	padding: 0;
	white-space: nowrap; 
}

.falbum-random li {
	display: inline;
}

/* ----------- Recent Images -------------*/

.falbum-album-recent {	
	margin-bottom: 15px;
}


/* ----------- Annotations -------------*/
.annotation-fontClass {  font-size: 1.3em; text-align: left;}
.annotation-capfontClass { font-size: 1.3em; font-weight: bold; color: #ffffff; text-align: left;}
.annotation-capfontClass A { color: #ffffff; font-size: 1.3em;}
.annotation-fgClass { background-color: #FFFFCC;}
.annotation-bgClass {background-color: #FFFF66;}


/* ----------- Link button styles -------------*/
.disabledButtonLink {
	color: Gray;
	text-align:center;
	padding: 2px 15px 2px 15px;
	background-color:	#E4E0D2;
}

a.buttonLink {
	padding: 2px 15px 2px 15px;
	border:	1px solid #D4D0C2;
	background-color:	#E4E0D2;
	text-align:center;
	white-space: nowrap;
	color: black;
}

a.buttonLink:visited {
	color: black;
}

a.buttonLink:active {
	border:	1px solid #3169C6;
	background-color:	#3169C6;
	color: white;
}

a.buttonLink:hover {
	border:	1px solid #3169C6;
	background-color:	#C6D3EF;
	color: black;
}

a.curPageLink , a.curPageLink:visited,a.curPageLink:link, a.otherPageLink , a.otherPageLink:visited,a.otherPageLink:link {
	padding: 2px 4px 2px 4px;
	font-size: 100%;
	color: black;
}

a.otherPageLink , a.otherPageLink:visited,a.otherPageLink:link {
}

a.curPageLink , a.curPageLink:visited,a.curPageLink:link {
	border: 3px double #3169C6;
	font-weight: bold;
}

a.otherPageLink:hover,a.curPageLink:hover {
	text-decoration: underline;
}

/* ----------- Error Page -------------*/

.falbum-error {
	font-size:1.2em;
}
.falbum-error pre{
	width: 99%;
	font-size:1.2em;
}

/* -------------  Post Helper  -------------*/

#falbum-post-helper-switch {
	position: absolute;
	top: 16px;
	right: 16px;
	cursor: pointer;
}

#falbum-post-helper-block {
	width: 99%;
	padding: 5px;
	margin: 15px 0px 15px 0px;
	border:	1px solid #D4D0C2;
	background-color: #E4E0D2;
}

#falbum-post-helper-value {
	margin: 8px 5px 5px 8px;
  	font-weight: bold;
}

#falbum-post-helper-block-close {
	float: right;
	cursor: pointer;
}

.falbum-post-box {
}

/* -------------  Comments  -------------*/

.falbum-comment-block {
	margin: 15px 0px 5px 0px;
}

.falbum-comment-title {
	font-weight: bold;
}

.falbum-comment-author {
	padding: 5px 5px 0px 10px;
}

.falbum-comment {
	padding: 5px 5px 5px 25px;
	margin: 0px 0px 5px 0px;
}


/* -------------  Misc  -------------*/

.falbum-sidebar-photos {
	overflow: hidden;
}

.falbum-clear {
	clear: both;
}
.falbum-clear-left {
	clear: left;
}