﻿body {
	margin:0;
	padding:0;
	font-size:10px;
	font-family:'Trebuchet MS', Helvetica, sans-serif;
}

a {
	text-decoration:none;
	outline:none;
}

a img {
	border: none;
	height: auto;
	max-width: 100%;
}

h1 {
	border: 1px #727272 none;
	letter-spacing: 2px;
	h1 { padding: 2px 8px;
	}

	#wrapper {
		width:1800px;
	}

	#main {
		width:1400px;
		height:auto;
		margin-right:8px;
	}

	#main .actions,
	#main .categories {
		margin-top:12px;
	}

	#main .photoContainer {
		margin-top:12px;
		width:1200px;
		font-size:small;		
		height:auto;
		text-align:left;
		float:left;
		padding-left:20px;
		padding-bottom:10px;
	}

	#loader {
		height:824px;
		width:814px;
		top:12px;
	}

	#photo span.image-wrapper {
		top:12px;
	}

	#photo .singlePhoto,
	#photo a.advance-link {
		width:814px;
	}

	#photo .singlePhoto {
		margin-top:12px;
		width:814px;
		text-align:left;
	}

	#right {
	width: 230px;
}

	#right .panel {
		min-height:904px;
	}

	#right ul.thumbs {
		padding: 0 3px 0 8px;
	}

	#right ul.thumbs li {
		margin-top:5px;
		margin-right:5px;
		height:76px;
		width:76px;
	}

	#right ul.thumbs a img {
		padding:3px;
		border-width:1px;
	}

	#videoComment {
		padding-top:8px;
		margin: 0 8px 8px 8px;
	}
.auto-style1 {
	border-left-style: solid;
	border-left-width: 1px;
	border-color:#C0C0C0;
	padding-left:5px;
}
	text-transform: uppercase;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: x-large;
	margin: 0;
	color: #727272;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}


#wrapper {
	margin:15px auto 5px auto;	
	
}

#main .actions,
#main .categories {
	letter-spacing:1px;
	text-transform:uppercase;
	padding-left:12px;	
	
}

#main h1{
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	
}

#main .photoContainer {
	border-width: 1px;
	border-style: solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	position: relative;
}

#loader {
	background-image:url('../../../My%20Albums/Jan%20Christian%20Pohl/res/loader.gif');
	background-position:center center;
	background-repeat:no-repeat;
	position:absolute;
	left:0;
}
#loader h1{color:#ff0000;}

#photo img {
	vertical-align: middle;
	margin: 0 auto;
	height: auto;
	width: auto;
}

#photo span.image-wrapper {
	display:block;
	position:absolute;
	left:0;
	
}

#photo .singlePhoto,
#photo a.advance-link {
	display:block;
	text-align:center;
	
}

#caption {
	text-align:center;
	padding:12px 24px;	
}

#caption h4 {
	font-size:16px;
	font-weight:bold;
	margin:0;
}

#caption p {
	margin:8px 0 0 0;
	font-size:14px;
}

#caption ul.meta {
	margin:8px 0 0 0;
	padding:0;
	list-style:none;
}

#caption ul.meta li {
	margin:0 0 0 8px;
	padding:0 0 0 8px;
	font-size:10px;
	display:inline;
	border-left-width:1px;
	border-left-style:solid;
}

#caption ul.meta li.first {
	border-left:none;
	margin-left:0;
}

#thumbs {
	display:none;	
}

#thumbs .pagination {
	font-size:10px;
	padding:12px;
	text-align:center;
}

#thumbs .pagination span,
#thumbs .pagination a {
	margin:0 4px;	
}

#right {
	float:right;
}

#right .panel {
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;	
	position:relative;
}
#right .comment {
	overflow-y: auto; /*height: 250px;*/;
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 3px;
	margin: 0px 8px 8px 8px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#right .comment-b {
	overflow-y: auto; /*height: 250px;*/;
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 3px;
	margin: 0px 8px 8px 8px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}


#wrapper.foot{position:fixed;
    bottom:36px;margin-left:8px;}

#right ul.thumbs {
	margin:3px 0 0;
	list-style-type: none;
}

#right ul.thumbs li {
	float:left;
}

#right ul.thumbs a img {
	border-style:solid;
}

#controls {
	padding:12px;
	text-align:center;
	font-size:14px;
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	border-radius:0 0 6px 6px;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;	
}

#controls a {	
	border-width:1px;
	border-style:solid;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background-image:url('../../../My%20Albums/Jan%20Christian%20Pohl/res/buttonbg.png');
	background-repeat:repeat-x;
	background-position:0 0;
	color:#000;
	display:block;
	font-size:14px;
	height:26px;
	line-height:26px;
	margin:0 auto;
	padding:0;
	text-align:center;
	width:160px;
}

#controls a:hover {
	background-position:0 -45px;
	border-color:#adadad;
}

#controls div {
	display:inline;	
}

#footer {
	text-align:center;
	margin-top:12px;
	font-size:12px;
	padding-right:12px;	
}

.clear {
	clear:both;
	font-size:0px;
	height:0px;
	line-height:0px;
}

.nothing {
	font-size:0px;
	height:0px;
	line-height:0px;
}

h2 {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-weight: normal;
	font-style: italic;
	color: #333333;
	margin-left: 10px;
}
