/* Photo gallery template ||| mediaprojekte.de ||| March 2009 ||| Free to use but this credit must remain in place */

*{margin:0; padding:0; font-size:100%;}
a{color:#fff; text-decoration:none;}
h1 {background:transparent url(../images/header.png) no-repeat scroll 0 0; height:200px; width:890px; margin:0 0 0 0;}
h1 a {display:block; height:200px; text-indent:-999em; width:890px;}
p, h2 {margin:6px 5px 10px;}
h2 {color:#555;}
img{border: none; max-height:510px; max-width:810px;}
body{font-size: 62.5%; height:101%; font: 10px/16px Verdana,Arial,Helvetica,sans-serif; color:#fff; margin-top:0; background:#fff; text-align:center; background: url() 50% 0 repeat-y; }

#wrap {width: 950px; left: 50%; margin: 0 0 10px -475px; position: absolute; background: url(../images/wrapper-bg.png); min-height: 100%; height: auto !important; height: 95%;}
	#page {width: 890px; background: #ff963b; margin: 0 30px; padding:0 0 40px;}
		#header{margin: 0 30; width:890px;}
			#header a{text-decoration:underline;}
			
		#gallerytitle{float:left; width:870px; padding: 1px 0 0 20px; color: #555; background: #fff; height:29px; margin: 0 0 16px;}
			#gallerytitle h2{text-align:left;}
			#gallerytitle a, #header_nav a:link, #header_nav a:visited { background: transparent;  color: #555; font-weight:bold;}
			#gallerytitle a:hover, #header_nav a:active, #header_nav a:focus { background: transparent; color: #FF963B;}
		
		#main-content {margin:0 20px; }
			#main-content li{width:190px; background:#FFF; margin:5px; padding:6px 6px 2px; text-align:center; position:relative; float:left; display:inline;}
			#main-content a:hover {white-space: normal;}
			#main-content a span { /*\*/ position:absolute; left:-9999px;}
			#main-content a:hover span {display: block; top:0; left:6px; width:190px; font-weight:bold; background:#FFF; color:#999; padding:5px 0 5px 0; text-transform:uppercase; font-size:80%; border-width:0; filter: alpha(opacity=80);
			/*-moz-opacity:.8; opacity:.80;*/ /**/ }
			
		#fullplate-navigation { clear: both; margin:0; position:absolute;}
			#fullplate-navigation ul {clear: both;}
			#fullplate-navigation ul {list-style:none; margin:5px 0 0 0;}
				#fullplate-navigation ul li {background:transparent none; display:block; float:left; height:450px; margin:10px 0 0; padding:0; width:425px;}
				#fullplate-navigation ul li a {display:block; width:425px; padding:0; height:450px;}
					#fullplate-navigation ul li a:hover {color:#333; height:450px;}

#previous{ text-align:left; }
#next{ text-align:right; }
#fullplate-photo { background:#FFF; padding:15px 15px 5px; margin:50px 0 0 5px; text-align:center; width:810px;}
#foot{ padding-top:10px; margin-bottom:20px; clear:left; }

#comments {clear: both; margin-top: 5em;}
	#commentControl p {display: inline;}
	#commentForm, #commentList, #foot {margin-top: 15px;}
		#commentForm form { width: 350px; margin: 0 auto; padding: 5px;}

div.row {clear:both;}
	div.row span.label {float: left; width: 100px; text-align: right;}
	div.row span.formw {float: right; width: 335px; text-align: left;}
div.spacer {clear:both;}

/* Search Box
------------------------------ */
#search { margin:3px 0 0 400px; position:absolute; text-align:right; width:442px;}
	#search input.pushbutton { padding: 1px; font-size: 80%; }
	#search ul { position:absolute; text-align: left; width:20px; margin:0px; padding:2px; list-style:none;}
		#search ul .item { display:none;}
			#search ul:hover .item { display:block; padding:1px; margin:0px; background:#fff}
	#search li {width:150px;}
	
	#padbox {color:#555555; margin:0 0 0 350px; position:absolute;}

.clear {clear:both; height:10px; }

/* Page Navigation
------------------------------ */
ul.pagelist { clear: both; padding: 0; margin: 20px 0 0 0; list-style-type: none;}
	ul.pagelist li { display: inline;}
		ul.pagelist li a, ul.pagelist span.disabledlink { padding: 4px;}
		ul.pagelist li.current a { font-weight: bold; text-decoration: none; cursor: default; color: #5A5A4B;}
		ul.pagelist li.prev { margin-right: 10px;}
		ul.pagelist li.next { margin-left: 10px;}
		
.disabledlink { color: #ddd; cursor: default;}
.pagenav { clear: both;}
.disabled_nav { visibility: hidden;}

/* AJAX
------------------------------ */
#albumDescEditable, #albumTagsEditable { margin-bottom: 12px;}
#imageDescEditable, #albumTagsEditable { margin-top: 24px;}
#imageDesc, #exif_link { margin-bottom: 4px; }
#exif_link { float: right; }

/* Tags
------------------------------ */
.taglist {display:inline-table;}
	.taglist ul { display: inline; list-style-type: none;}
		.taglist ul li { background: url(../images/tag.png) no-repeat left center; list-style-type: none; padding-left: 18px; float:left; padding-right: 5px; color: #999999; display: inline; list-style-type: none; }
	.taglist .tags_title { background: none; padding-right: 5px; padding-left: 0; }