body{
	background-color: #333;
	margin: 0;
}

.clearer{
	clear: left;
	line-height: 0;
	height: 0;
	font-size: 0;
}

/*------------------------------------*/
/* main container */
/*------------------------------------*/
#unfurl-viewport{
	padding: 20px;
	background-color: #333;
}

/*------------------------------------*/
/* status header */
/*------------------------------------*/
#unfurl-status{
	font: 12pt "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	background-color:#222222;
	color:#DDDDDD;
	float:left;
	margin-bottom:10px;
/*	margin-right:10px;*/
/*	padding:20px;*/
	width:100%;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

#unfurl-status p{
	padding: 5px;
	text-indent:20px;
}

/*------------------------------------*/
/* menu buttons */
/*------------------------------------*/

ul#unfurl-image-control-menu{
	font: 8pt "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	list-style-type: none;
/*	margin: 5px;*/
	padding: 0;
	margin:0;
	float: left;
}

ul#unfurl-image-control-menu li{
/*	padding: 10px;
	background-color: #222;
	margin-bottom: 5px;
	color: #DDD;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;*/
	-webkit-border-radius-bottomleft:6px;
	-moz-border-radius-bottomleft:6px;
	border-right: 2px solid #999;
	background-color:#ddd;
	color:#333;
	margin-bottom:5px;
	padding:10px;
}

ul#unfurl-image-control-menu li:hover{
	background-color: #222;
	border-right: 2px solid #111;
}

ul#unfurl-image-control-menu li a{
	color: #333;
	text-align: center;
	text-decoration: none;
}

ul#unfurl-image-control-menu li a:hover{
	color: #ddd;
}

/*------------------------------------*/
/* album list container */
/*------------------------------------*/
#unfurl-albums{
	float: left;
}

#unfurl-albums ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#unfurl-albums ul li{
	font: 9pt "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	width: 160px;
	background-color: #2B2B2B;
	color: #868686;
	padding: 10px;
	margin: 5px;
	text-shadow: #222 -2px 2px 2px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

#unfurl-albums ul li:hover{
	background-color: #111;
}

.unfurl-selected-album-indicator{
	color: orange;
}

/*------------------------------------*/
/* thumbnail scroll list */
/*------------------------------------*/
#unfurl-thumbnails.listStyle-verticalScroll{
	position: relative;
	float: left;
	height: 550px;
	overflow: auto;
	margin: 0 20px 0 20px;
}

#unfurl-thumbnails.listStyle-verticalScroll ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#unfurl-thumbnails.listStyle-verticalScroll ul li{
/*	border: 1px solid #DDD;*/
/*	padding: 20px;
	margin: 5px;*/
/*	margin: 0 25px 15px 0;*/
	margin-bottom: 5px;
}

#unfurl-thumbnails.listStyle-verticalScroll ul li img{
	background-color: #111;
	display: block;
	border: 4px solid #ddd;
}

/*------------------------------------*/
/* used if not using scroll list */
/*------------------------------------*/
#unfurl-thumbnails.listStyle-custom{
	position: relative;
	float: left;
	margin: 0 20px 0 20px;
}

#unfurl-thumbnails.listStyle-custom ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#unfurl-thumbnails.listStyle-custom ul li{
	float: left;
	margin: 0 25px 5px 0;
}

#unfurl-thumbnails.listStyle-custom ul li img{
	border: 4px solid #222;
	display: block;
}

/*------------------------------------*/
/* current displayed image */
/*------------------------------------*/
#unfurl-image{
	float: left;
	background-color: #DDD;
	padding: 20px;
/*	margin: 5px;*/
}

#unfurl-image img{
	float: left;
}


#unfurl-campanion-image{
/*	float: left;*/
	background-color: #DDD;
	padding-top: 5px;
}

#unfurl-campanion-image img{
/*	float: left;*/
}

#unfurl-image-description{
	color: #222;
	font: 9pt "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	width: 400px;
/*	padding-left: 20px;*/
/*	padding-right: 10px;*/
/*	float:left;*/
}

/*------------------------------------*/
/* comment form */
/*------------------------------------*/

#unfurl-image-comment-form{
	font: 9pt "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

label{
	display: block;
}

input#unfurl-email{
	
}

textarea#unfurl-comment{
	width:100%;
}

#unfurl-close-link{
	color: #F5F5F5;
}