/* 
    Document   : album.css
    Created on : 2009-apr-05, 18:58:49
    Author     : Patrik Högberg
    Description:
        Contains styles for album views
*/

.album_list {
	margin-top:5px;
	margin-bottom:10px;
	width:505px;
	overflow:hidden;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
	background:url(../images/frames/album-bgr-expander.png);
	border-bottom:1px solid #d8d7d7;
	color:#646464;
}
.album_list .top {
	padding-top:3px;
	background:url(../images/frames/album-bgr-top.png) left top no-repeat;
}
.album_list .image {
	width:110px;
	height:85px;
	float:left;
	margin:4px;
	background:white;
	border:1px solid #d7d7d7;
	padding:3px;
}

.album_list a.button, #album_view a.button {
	height:18px;
	background:url(../images/icons/button-slideshow-right.png) no-repeat right top;
	display:block;
	float:left;
	padding-right:12px;
	margin-bottom:5px;
}

.album_list a.button span, #album_view a.button span {
	display:block;
	height:18px;
	line-height:18px;
	padding-left: 12px;
	background:url(../images/icons/button-slideshow-left.png) no-repeat 0 0;
}
.album_list h4 {
	padding:0;
	margin:0;
	margin-bottom:4px;
	color:#646464;
	font-weight:bold;
}
.album_list .description, #album_view .description {
	clear:both;
	width:310px;
	margin-left:5px;
	margin-bottom:8px;
	margin-top:5px;
	padding-right:20px;
	border-right:1px solid #c2c1bc;
}
.album_list .description {
	min-height:28px;
}
.album_list .moreinfo {
	width:140px;
	margin-left:25px;
	margin-top:5px;
}

#album_view {
	margin-top:5px;
	margin-bottom:10px;
	padding:0;
	width:505px;
	overflow:hidden;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size:100%;
	background: url(../images/frames/photo-bgr-expander.jpg);
	border-bottom:1px solid #d7d7d7;
	color:#646464;
}
#album_view #bgrtop {
	position:relative;
	width:505px;
	padding-top:5px;
	background: url(../images/frames/photo-bgr-top.jpg) 0 0 no-repeat;
}
#album_view #photocontainer {
	clear:both;
	width:505px;
	text-align:center;
}
#album_view #photoframe {
	position:relative;
	font-size:1px;
	overflow: auto;
	padding:9px;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	text-align:center;
	background:white;
	border: 1px solid #dad9d5;
}
#album_view #zoom {
	width:26px;
	height:27px;
	position:absolute;
	right:1px;
	bottom:1px;
}
#album_view .description {
	padding:0;
	margin:0;
	margin-bottom:5px;
	line-height:normal;
	width:300px;
	padding-left:10px;
}
#album_view .moreinfo {
	width:140px;
	margin-left:25px;
	margin-bottom:5px;
}
#album_author {
	/* background:silver url(../images/frames/forum-thread-middle-2.png) repeat scroll 0 0; */
	background:url(../images/frames/photo-bgr-infobox.gif) repeat scroll 0 0;
	border:1px solid #cbcac8;
	color:#646464;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	margin-bottom:10px;
	margin-top:5px;
	overflow:hidden;
	padding-top:3px;
	width:503px;
}
#album_author #profile {
	width:86px;
	text-align:center;
}
#album_author .col1 {
	float:left;
	text-align:center;
	width:88px;
	margin-top:10px;
	margin-bottom:10px;
}
#album_author .col2 {
	float:left;
	margin:10px;
	margin-left:3px;
	width:400px;
	margin-bottom:10px;
}
#album_author .cloud {
	position:relative;
	width:400px;
}
#album_author .cloud .topleft {
	margin:0;
	padding:0;
	float:left;
	width:10px;
	height:10px;
	background:url(../images/frames/forum-thread-cloud-lefttop.png) top left no-repeat;
	font-size:1px;
}
#album_author .cloud .topmiddle {
	margin:0;
	padding:0;
	float:left;
	width:80%;
	width:380px;
	height:10px;
	background-color:white;
	font-size:1px;
}
#album_author .cloud .topright {
	margin:0;
	padding:0;
	float:left;
	width:10px;
	height:10px;
	background:url(../images/frames/forum-thread-cloud-righttop.png) top right no-repeat;
	font-size:1px;
}
#album_author .cloud .middleright {
	margin:0;
	margin-top:-3px;
	padding:0;
	clear:both;
	background:url(../images/frames/forum-thread-cloud-rightmid.png) right repeat-y;
}
#album_author .cloud .content {
	margin:0;
	padding:0;
	margin-right:10px;
	padding-bottom:5px;
	background-color:white;
	padding-left:15px;
	color:#555555;

	font-weight:normal;
    font-size: 12px;
}
#album_author .cloud .bottomleft {
	margin:0;
	padding:0;
	float:left;
	width:10px;
	height:10px;
	background:url(../images/frames/forum-thread-cloud-leftbot.png) bottom left no-repeat;
}
#album_author .cloud .bottommiddle {
	margin:0;
	padding:0;
	float:left;
	width:380px;
	height:10px;
	background:url(../images/frames/forum-thread-cloud-mid-bot.png) bottom repeat-x;
}
#album_author .cloud .bottomright {
	margin:0;
	padding:0;
	float:left;
	width:10px;
	height:10px;
	background:url(../images/frames/forum-thread-cloud-rightbot.png) bottom right no-repeat;
}
#album_author .cloud .cloudpointer {
	position:absolute;
	width:14px;
	height:9px;
	left:-14px;
	top:18px;
	background:url(../images/frames/forum-thread-cloud-pointer.png) no-repeat;
}
#album_author .caption {
	float:left;
	width:100px;
	margin-right:10px;
	color:#555555;
	text-align:right;
	display:block;
}
#album_comments {
	clear:both;
}