/* 
	TEMPLATE NAME / Daniel Zellfelder 
	AUTHOR: Daniel Zellfelder
	AUTHOR WEBSITE: http://www.zellfelder.de
	VERSION: 1.0
		
	Valid xHTML & CSS

*/
/* CSS Document */
/* STANDARDS */
body { background-color:#ffffff; font-size:12px; line-height:16px; font-family:"Georgia", Times New Roman, Times, serif; padding:0px; margin:0px; color:#413f3b;
	text-align:left;}
html {min-height:100.1%;}

/* RESET */
h1, h2, h3, h4, h5, h6, p, ul, li {	margin:0px;	padding:0px;}
h1 {text-align:left;}
h2 {font-family: Trebuchet MS, Arial, Verdana, sans-serif;	text-align:left; }
h3 {font-family: Trebuchet MS, Arial, Verdana, sans-serif;	font-size:14px;	letter-spacing:1px;	color:#666;	text-align:left;}
hr {display:none;}
p {	text-align:left; margin-bottom:10px;}
a {	color:#9a0000;text-decoration:none;	}
a:hover {color:#333;text-decoration:none;}

/* CUSTOM CLASSES */
.inside { width:800px;	margin:0px auto;}
.leftimg {	float:left;	margin:0px 10px 10px 0px;	}
.clear {clear:both;	}
.left {	float:left;	}
.right {float:right;}
.summary {	color:#838d7a; font-size:14px !important; line-height:20px;}


/* HIDDEN IMAGE INFO AREA + COMMENTS LIST */
#image_notes, #image_comments {	font-style:italic; line-height:16px; }
#image_comments { width: 800px; margin:0px 0px 10px 0px; }
#image_comments li { font-size:12px; color:#666; background: #efefef; margin:0px 0px 15px 0px; list-style:none; padding:10px; text-align:left; }


/* HEADER + NAVIGATION */
#header { width:100%; height:80px;  }
#header .inside { height:80px;	width:800px; margin:auto; }
#header .inside h1 a {	color:#9a0000;	padding-top:30px;	font-weight:bold;	display:block;	font-size: 24px;	}
#header .inside ul {float:left;	margin-top:5px;	}
#header .inside li { font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-weight:bold;letter-spacing:2px;text-transform:uppercase;font-size:10px;	display:inline;	}
#header .inside li a {	color:#c48c8c;	padding-left:5px;	padding-right:5px;	}
#header .inside li a:hover {text-decoration:none;color:#9a0000;	}
.secondary a {	color:#999999 !important;	}
.secondary a:hover { color:#9a0000 !important; }
	

/* MAIN PHOTO AREA */
#photobox {	background-color:#000; padding:0; width:100%; margin:0px 0px 20px; text-align:center; border:none; }
#photo { background:#000; border:none; padding:0; margin:0; }
#foto { width:800px; margin:auto;}
#photobox a { display:block;  }
#textbox { width:800px; margin:auto; text-algin:left; }
#textbox h2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; text-transform:uppercase; padding-bottom:5px;}
#textbox p { font-size:12px; }

/* IMAGE NAVIGATION */
#image-navigate { padding:5px 10px 5px; width:780px;  background:#efefef; margin-top:10px; height:15px}
#image-navigate li { font-family: Trebuchet MS, Arial, Verdana, sans-serif; text-transform:uppercase; font-size:10px; letter-spacing:2px; list-style:none; width:33%; }
#image-navigate a {	display:block; }
a.schluss { text-align:left;  line-height:36px;}


/* Pages */
#content { width:auto; background:#000; padding:30px 0px; color:#fff;}
#page { width:800px; margin:auto; }
#col2 img { border:none; margin-bottom:10px;}
#page a { color:#c48c8c; }
#page a:hover { color:#9a0000; }
.thumbnails { border:0px solid #fff; padding:0; margin:0; }
#thumbnails { width:800px; margin:auto;}
#gallery { width:100%; background:#000; padding-bottom:10px;}
.galleryintro h2 { color:#fff; padding:20px 0px 10px; margin-bottom:5px;}
.galleryintro { width:810px; margin:auto; }
#page h2  { padding-bottom:10px; }
#col1 p, #col2 p, #col3 p { padding-right:20px; }
#col3 li { margin-left:20px; }
#col3 ul { margin-bottom:10px; }

/* COLUMNS ON INFO PAGE */
#col1 {	width:33%;	float:left;	}
#col2 {	width:33%;	float:left;	}
#col3 {	width:33%;	float:right; }

/* Footer */
#footer { border-top:1px dashed #838d7a; width:800px; margin:10px auto;	padding:10px 0px; text-transform:uppercase;	color:#999;	font-size:11px;  }
#footer a {	color:#838d7a;}
#footer a:hover {color:#993300;	}

/* Comments */
#commentbox { width:80%; margin:0px auto; }
#comment-top {background:#000;	padding:20px 5px;color:#FFF;}    
#comments { margin:0px auto; width:90%; text-align:left; }
#comment-top h2 { font-family: Trebuchet MS, Arial, Verdana, sans-serif;font-weight:normal;letter-spacing:2px;font-size:11px;text-transform:uppercase;text-align:center;}
#comment-middle h2 {font-family: Trebuchet MS, Arial, Verdana, sans-serif;	font-weight:normal;letter-spacing:2px;	font-size:11px;	text-transform:uppercase; }
#comment-middle {	padding:20px 0px;	margin-bottom:7px;	} 
#addcomment {	margin:20px 0px;text-align:left;}
.input {width:45%;	font-size:10px;	border:1px solid #dfdfdf;	background-color:#fff;	color:#666;	padding:5px;	}
#addcomment label {	color:#666;	font-style:italic;	font-size:10px;	}
#addcomment textarea {	width:500px; height:50px;font-size:11px;	border:1px solid #dfdfdf;	background-color:#fff;	color:#666;	padding:5px;}
.comment-button {    background:#fff;	border:3px double #CCC;	color:#666;	}