/* for light background and dark sidebar */

/* albums overview */

#albums {
	margin-top:20px;
	}

#albums p, .albdesc {
	margin:0;
	padding:0 0 8px 0;
	}

#albums h3 {
	margin-top:0;
	}

#albums li {
	clear:both;
	padding-top:15px;
	border-top:1px solid #ddd;
	}

#albums li li {
	clear:none;
	padding:0;
	border:none;
	}

.albumimage {
	display:block;
	float:left;
	width:306px;
	height:234px;
	background:#eee url(/community/graphics/themes/albumimage1.png) top left no-repeat;
	margin:0 10px 15px 0;
	}

.albumimage img {
	width:280px;
	height:210px;
	margin:12px 13px;
	}

.albdesc {
	margin-left:316px;
	}

.access {
	margin-top:8px;
	}

.editimg {
	margin:6px 0;
	}

#albumlist li {
	list-style:none;
	list-style-position:outside;
	}

#albumlist a {
	display:block;
	padding:4px 0 4px 28px;
	}

#albumlist a {
	display:block;
	padding:4px 0 4px 5px;
	}

#albumlist li a {
	}

#albumlist li.even a {	
	}

#albumlist li.this a, #albumlist a:hover, #albumlist .even a:hover {
	text-decoration:underline;
	}

#albumlist {
	border-bottom:1px solid #333;
	}

#albumlist a:link, #albumlist a:visited {
	color:#6a2d16;
	}
	}

/* album view */

#slideshowlink, #slideshowlink:visited {
	display:block;
	padding:0 8px 0 30px;
	float:right;
	border:1px solid #ddd;
	background:#fff url(/community/graphics/main/icons1.gif) 6px -287px no-repeat;
	color:#111;
	text-decoration:none;
	font-size:11px;
	line-height:24px;
	}

#slideshowlink:hover {
	background-color:#f6f6f6;
	border-color:#aaa;
	}

#albumheader {
	margin:0 0 6px 0;
	line-height:1.1;
	}

#mypix {
	width:100%;
	}

#mypix li {
	position:relative;
	width:306px;
	height:260px;
	float:left;
	margin-top:6px;
	background:#eee url(/community/graphics/themes/photo1.png) top left no-repeat;
	}

#mypix li.pic2 {
	float:right;
	}

#mypix .thumb {
	display:block;
	width:300px;
	height:230px;
	}

#mypix .thumb img {
	width:280px;
	height:210px;
	margin:13px;
	}

#mypix a:link, #mypix a:visited {
	text-decoration:none;
	}

#mypix a:hover {
	text-decoration:underline;
	}

.photoviews {
	position:absolute;
	bottom:18px;
	left:15px;
	}

.photocomments {
	position:absolute;
	bottom:18px;
	right:15px;
	}

#mypix p {
	font-size:0.85em;
	line-height:1;
	color:#aaa;
	margin:0;
	}

#mypix a:link, #mypix a:visited {
	color:#666;
	}

div.access {
	clear:both;
	border:1px dotted #cacac1;
	background:#f8f8f5;
	margin-top:10px;
	padding:5px 10px;
	}

div.access p {
	margin:0;
	font-size:0.85em;
	}

.pagenav {
	border:none;
	padding-top:12px;
	}

/* view image */

#exif dt, #exif dd {
	border-top:1px solid #333;
	}

#frame1 {
	background:#f4f4f4 url(/community/graphics/themes/frame1a.png) top left no-repeat;
	clear:both;
	width:100%;
	max-width:620px;
	margin-bottom:10px;
	}

#frame2, #frame3 {
	background:transparent url(/community/graphics/themes/frame1b.png) top right no-repeat;
	width:100%;
	}

#frame3 {
	background:transparent url(/community/graphics/themes/frame1c.png) bottom left no-repeat;
	}

#frame4 {
	background:transparent url(/community/graphics/themes/frame1d.png) bottom right no-repeat;
	position:relative;
	padding:14px;
	text-align:center;
	}

#frame4 img {
	margin:0 auto;
	}

.scaled {
	width:592px;
	}

#frame3 p {
	margin:0;
	font-size:0.9em;
	padding:5px 0;
	}

#frame3 a {
	font-weight:bold;
	}

#belowimage {
	clear:both;
	}

#side .preview {
	float:left;
	width:118px;
	height:108px;
	margin:0;
	text-align:center;
	}

#side #p2 {
	float:right;
	}

.preview img {
	margin-bottom:3px;
	}

.preview a:link, .preview a:visited, .preview a:active {
	text-decoration:none;
	display:block;
	padding:7px;
	background:#000 url(/community/graphics/themes/sideframe2.gif);
	line-height:13px;
	}

.preview a:hover {
	background-position:100% -108px;
	}

#desc {
	clear:both;
	padding-bottom:5px;
	}

#exif {
	margin:0;
	width:230px;
	}

#exif dt {
	clear:both;
	}

#exif dt, #exif dd {
	float:left;
	width:76px;
	overflow:hidden;
	margin:0;
	padding:1px 0;
	}

#exif dd {
	float:right;
	width:144px;
	}

#exif .filename {
	border:none;
	}

#sharealbum div {
	text-align:right;
	}

#sharealbum label {
	display:block;
	float:left;
	width:90px;
	text-align:left;
	margin-bottom:4px;
	}

#sharealbum input {
	width:130px;
	margin-bottom:4px;
	}