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

/* FILE IS BEING PARSED AS PHP ALSO, SO WE CAN DYNAMICALLY SET THE COLORS ON THE FLY */

.falbum-wrapper {
	padding: 0px;
	margin: 0px;
	clear: both;	
	width: 99%;
	min-width: none;	
}

.falbum {
	padding: 0px 0px 0px 15px;
	margin: 0px;
	clear: both;	
	width: 99%;
	min-width: none;	
}

.falbum p {
  	margin: 4px 0 4px 0;
}

.falbum img {
  	max-width: none;
	border: none;
}

.falbum-album {
position:relative;
float:left;
height:230px;
width:178px;
padding:15px 10px 10px 10px;
overflow:hidden;
margin:0px 18px 18px 0px;
text-align:center;
	-moz-border-radius-bottomright:20px;
	-webkit-border-bottom-right-radius:20px;
	background: #dadada url('images/urb-sidebar-gradient-IE7.gif') bottom right repeat-y;
	background: -moz-linear-gradient(top right, bottom left, from(#ffffff), to(#dadada));
	background: -webkit-gradient(linear, right top, left bottom, color-stop(0.0, #ffffff), color-stop(1.0, #dadada));
}

.falbum-album:hover {
	-moz-border-radius-bottomright:20px;
	-webkit-border-bottom-right-radius:20px;
	background: #dadada url('images/urb-sidebar-gradient-IE7-blue.gif') bottom right repeat-y;
	background: -moz-linear-gradient(top right, bottom left, from(#ffffff), to(#04c0e3));
	background: -webkit-gradient(linear, right top, left bottom, color-stop(0.0, #ffffff), color-stop(1.0, #04c0e3));
	cursor:pointer;
}

.falbum-title {	
	border-bottom: 0px none;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear:both;
}

.falbum-date-taken {margin:5px 0px 0px 0px;}
.falbum-meta {
	margin: 0px 0px 5px 0px;
	font-size:10px;
	color: #000;
}

.falbum-album .falbum-meta a {color:#000000;}
.falbum-album .falbum-title a:hover {color:#000000;}

.falbum-navigationBar {
	clear: both;
	padding: 15px 0 5px 0;
	margin: 20px 0 10px 0;
}


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

.falbum-album-description {
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 10px;
	color:#000;
}
.falbum-album-description a {color:#000000;}


/* ----------- Thumbnails -------------*/
  
.falbum-tn-border-s {
	margin: auto;
	width: 85px;
	height: 80px;
	
}

.falbum-tn-border-t {
	margin:auto;	
	width: 110px;
	height: 80px;
	overflow:hidden;
}

.falbum-tn-border-m {
	margin:auto;
	width: 250px;
	height: auto;
}

#thumb_page {
	float:left;
	margin: 13px 18px 0px 0px;
}
.falbum-thumbnail {
	float: left;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	padding: 4px;
}

.falbum-thumbnail-ds {
	margin: 0px auto 0px auto;
 	padding: 0px 0px 0px 0px;	
}

.falbum-thumbnail-ds:hover {
	background:transparent;
}

.falbum-thumbnail-ds img {
	 background-color: #fff;
	 display: block;
	 margin: auto;
	 position: relative;
	-moz-box-shadow: #999 3px 3px 3px;
	-webkit-box-shadow: #999 3px 3px 3px;
}

.falbum-thumbnail img:hover {
	background-color: #ccd;
}

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

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

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

.falbum-tags-block {	width:600px; float:left;

}

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

.falbum-tags {
	float: left;
}

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

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

.falbum-photo {
	float: left;
}

.falbum-photo-ds {
	margin:auto;
}

.falbum-photo img, .falbum-photo-ds img {
	 background-color: #fff;
	 display: block;
	 margin: -5px auto;
	 position: relative;
}

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

/* -- Navigation ---------------*/
  
.falbum-nav {
	clear: both;	
	margin: 15px auto 0px auto;
	width:auto;
	text-align:center;
	height:32px;
	
}

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

.falbum-description {
	clear: both;
	font-size: 11px;
	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;
	opacity: 0.2;
	-moz-opacity: 0.2;
	filter:alpha(opacity=20);
}
 
a.annotation:hover {
	border-color: yellow;
}

#overDiv {
  font-size: 1em;
}

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

.falbum-cloud {	
	padding: 10px;	
	line-height:auto;
	text-align:center;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.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-family: 'Comic Sans MS'; font-size: 1.3em; text-align: left;}
.annotation-capfontClass {font-family: Arial, sans-serif; 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 {
}

a.buttonLink:visited {

}

a.buttonLink:active {
}

a.buttonLink:hover {
}

a.buttonLink #prevbutton {
	width:20px;
	height:27px;
	margin-right:10px;
	background: url('images/urb-falbum-prev-icon.gif') #04c0e3 top left no-repeat;
	position:absolute;
	top:1px;
	left:0px;
}

a.buttonLink #nextbutton {
	width:20px;
	height:27px;
	margin:0px 0px 0px 8px;
	padding:0px;
	clear:none;
	background: url('images/urb-falbum-next-icon.gif') #04c0e3 top left no-repeat;
	position:absolute;
	top:1px;
	right:0px;
}

a.buttonLink #albumbutton {
	width:39px;
	height:27px;
	background: url('images/urb-falbum-gallery-icon.gif') #04c0e3 top left no-repeat;
	position:absolute;
	top:0px;
	left:31px;
}

#prevbutton:hover, #nextbutton:hover, #albumbutton:hover {background-color: #e25936;}

.buttonspace {display:none; visibility:invisible;}
a.curPageLink , a.curPageLink:visited,a.curPageLink:link {
	padding: 3px 6px;
	font-size: 100%;
	color: #FFFFFF;
	margin:0px 4px 0px 0px;
	text-decoration:none;
	background: #04c0e3;

}

a.otherPageLink, a.otherPageLink:visited, a.otherPageLink:link, a#pagenext-bottom, a#pagenext-bottom:visited, a#pagenext-bottom:link, a#pageprev--bottom, a#pageprev--bottom:visited, a#pageprev--bottom:link {
	padding: 3px 6px;
	font-size: 100%;
	color: #FFFFFF;
	margin:0px 4px 0px 0px;
	text-decoration:none;
	background: #888888;
}

a.curPageLink , a.curPageLink:visited,a.curPageLink:link {
	border: 0px none;
}

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

a.otherPageLink:hover, a#pagenext-bottom:hover, a#pageprev--bottom:hover {
	background: #cccccc;
	color: #888888;
}

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

.falbum-error {
	font-size:1.2em;
}
.falbum-error pre{
	width: 99%;
	font-size:1.2em;
	overflow-y: hidden; 
	overflow-x: auto;
}

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

#falbum-post-helper-switch {
	float: right;
	clear:right;
	display:block;
	margin: 10px 0px 0px 0px;
	width:20px;
	height:20px;
	
}

#falbum-post-helper-block {
	width: 635px;
	padding: 5px;
	margin: 15px 0px 15px 0px;
	border:	1px solid #333333;
	background-color:#CCC;
}

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

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

.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;
}
.falbum-clear-both {
	clear: both;
}