/* 
	TEMPLATE NAME / As Time Goes By
	AUTHOR: Christian Hoffmann
	AUTHOR WEBSITE: http://www.f1984.de
	VERSION: 1.0
	Valid xHTML & CSS

*/

/* CSS Document */

/* STANDARDS */

body {
	background-color: #f7f7f7;
	padding: 0px;
	margin: 0px;
	color: #323232;
	font: 19px/16px "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
}

html {
	min-height: 100.1%;
}

/* RESET */

h1, h2, h3, h4, h5, h6, p, ul, li {
	margin: 0px;
	padding: 0px;
}

h1 {
	text-align: left;
}

h2 {
	text-align: left;
}

h3 {
	text-align: left;
}

hr {
	display: none;
}

p {
	text-align: left;
}

a {
	text-decoration: none;
	color: #00b1e9;
}

a:hover {
	color: #333;
	text-decoration: none;
}

/* HEADER + NAVIGATION */

#header {
	width: 100%;
	height: 110px;
	background-color: #f7f7f7;
}

/* (1) Use style (2) if you would like
to have your site title be invisible and
a header logo display instead.  Just un-comment
the (2) style and comment the (1) style. */

#header .inside {
	background: #f7f7f7;
	height: 110px;
}

#header .inside h1 a {
	float: left;
	text-align: left;
	color: #595959;
	padding-top: 45px;
	font-style: italic;
	font-weight: normal;
}

/* (2) Use this piece of style if you would like
to have the site title in the header be invisible
and use a header logo instead. Note, you must upload
a "logo.gif" to your "templates/horizon/images" folder
for this to work.  Also, don't forget to un-comment
this style. */

/*

#header .inside {
	background:url(../images/logo.gif) top right no-repeat #000;
	height:100px;

	}

#header .inside h1 a {
	float:right;
	color:#666;
	padding-top:30px;
	font-weight:normal;
	width:300px;
	height:60px;
	display:block;
	text-indent:-9999px;
	}

*/

/* END OPTIONAL HEADER LOGO */

/* NAVIGATIONSELEMENTE HEADER */

#header .inside ul {
	float: right;
	margin-top: 45px;
}

#header .inside li {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	letter-spacing: 0px;
	text-transform: uppercase;
	font-size: 12px;
	display: inline;
}

#header .inside li a {
	color: #595959;
	margin-left: 13px;
	margin-right: 0px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #c0c0c0;
}

#header .inside li a:hover {
	text-decoration: none;
	color: #00b1e9;
	border-bottom: none;
}

/* ZENTRALER BILDBEREICH */

#photobox {
  	background: url('../images/loader.gif') no-repeat 50% 50%;
	padding-bottom: 0px;
	text-align: center;
	width:100%;
}

#photo {
	background: #8c8c8c;
	padding: 2px;
	margin-bottom: 10px;
	border: 10px solid #fff;
}

/* UNTER BILD NAVIGATION */

#middle {
	width: 100%;
	height: 110px;
	background-color: #f7f7f7;
}

#middle .inside {
	background: #f7f7f7;
	height: 110px;
}

#middle .inside ul {
	float: left;
	margin-top: 45px;
	margin-left: 10px;
}

#middle .inside li {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	letter-spacing: 0px;
	text-transform: uppercase;
	font-size: 12px;
	display: inline;
}

#middle .inside li a {
	color: #595959;
	margin-left: 0px;
	margin-right: 0px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #c0c0c0;
}

#middle .inside li a:hover {
	text-decoration: none;
	color: #00b1e9;
	border-bottom: none;
}

/* IMAGE NAVIGATION */

#infobox {
	width: 100%;
	text-align: center;
}

#exifdata {
	text-align: left;
}

#image-navigate {
	padding: 10px 0px;
	font-style: normal;
}

#image-navigate li {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 0px;
	list-style: none;
	width: 33%;
}

#image-navigate a {
	display: block;
}

/* CUSTOM CLASSES */

.inside {
	width: 890px;
	margin: 0px auto;
	list-style: none;
}

.imagetop {
	width: 890px;
	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: 24px;
}

.abouttext {
	font-weight: normal;
	font-style: normal;
}

/* VERSTECKTER INFOBEREICH + COMMENTS LIST */

#image-info, #images-comments {
	text-align: left;
	width: 100%;
}

#image-info .inside {
	width: 880px;
	background: #e9e9e9;
	padding-left: 20px;
	padding-top: 0;
	padding-bottom: 20px;
}

#image-info .inside p {
	font-size: 14px;
	color: #666;
	padding-top: 10px;
	font-style: italic;
}

#image-info .inside h3 {
	font-size: 15px;
	color: #666;
	margin: 0 0px 10px;
	letter-spacing: 0;
}

#image-info h2 {
	letter-spacing: 0px;
	font-size: 22px;
	padding: 30px 0px 25px 0;
	font-style: italic;
	font-weight: normal;
}

#image-info .inside ul {
	padding: 0;
	width: 500px;
}

#image-info .inside li {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 0px;
	font-size: 13px;
	color: #666;
	margin: 0px 0px 15px 0px;
	list-style: none;
}


#image-comments .inside {
	width: 890px;
	background: #e1e1e1;
	padding-left: 10px;
	padding-top: 0;
	padding-bottom: 30px;
	border-top: 1px dotted #b1b1b1;
}

#image-comments .inside p {
	font-size: 14px;
	color: #666;
	padding-top: 10px;
	font-style: italic;
	width:400px;
	padding-left: 10px;
}

#image-comments .inside h3 {
	font-size: 17px;
	margin: 0 0px 10px;
	letter-spacing: 0;
	padding-top: 30px;
	font-style: italic;
	font-weight: normal;
	padding-left: 10px;
}

#image-comments .inside ul {
	padding: 0px 0px 0px 10px;
	width: 600px;
}

#image-comments .inside li {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 0px;
	font-size: 13px;
	color: #666;
	margin: 0px 0px 15px;
	list-style: none;
	padding-left: 0;
	padding-bottom: 0;
}

#image-comments h2 {
	letter-spacing: 0px;
	font-size: 22px;
	padding: 30px 0px 25px 10px;
	font-style: italic;
	font-weight: normal;
}

#image-tech {
	width: 240px;
	margin: 0 0 20px;
	border-left: 1px dotted #999;
	font-style: italic;
	line-height: 16px;
	float: right;
	padding: 30px 0px 0px 15px;
}

#image-tech p {
	font-weight: normal;
	font-style: normal;
}

/* Footer */

#footer {
	border-top: 1px dotted #838d7a;
	clear: both;
	width: 890px;
	margin: 0 auto 0px;
	background-color: #404040;
	padding: 30px 5px;
}

#footer ul {
	padding-left: 0;
	padding-right: 0;
	margin-left: 15px;
	margin-right: 15px;
}

#footer li {
	text-align: center;
	display: inline;
	list-style: none;
	color: #e5e5e5;
	font-size: 12px;
	line-height: 15px;
	font-style: italic;
	padding: 0px 5px;
}

#footer a {
	color: #838d7a;
}

#footer a:hover {
	color: #00b1e9;
}

/* Pages */

#page {
	width: 890px;
	margin: 0px auto 50px;
	text-align: center;

}

#page h2 {
	font-weight: normal;
	letter-spacing: 0px;
	font-size: 28px;
	margin: 0px 0px 10px 0px;
}

#page p {
	font-size: 10px;
	font-style: italic;
	margin: 0px 0 40px 0px;
}

#page ul {
	font-size: 10px;
	font-style: italic;
	margin: 0px 20px 20px 0px;
}

#page ul li {
	list-style: none;
	padding: 0px 5px 0px 0px;
}

#page a {
	
}

#page img {
	background: #FFF;
	padding: 3px;
	border: 1px solid #CCC;
	margin: 3px;
}

/* COLUMNS ON INFO PAGE */

#textheader {
	padding-left: 9px;
}

#col1 {
	width: 305px;
	float: left;
	padding-right: 35px;
	padding-bottom: 25px;
	padding-left: 10px;
}

#col1 p {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 13px !important;
	text-align:justify;
	line-height: 18px;
	font-style: normal !important;
	font-weight: normal;
}

#col1 h2 {
	letter-spacing: 0px;
	font-size: 26px !important;
	padding: 50px 0px 10px 0 !important;
	font-style: italic;
	font-weight: normal;
}

#col2 {
	width: 305px;
	float: left;
	padding-right: 35px;
	padding-bottom: 25px;
}

#col2 p {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 13px !important;
	text-align:justify;
	line-height: 18px;
	font-style: normal !important;
	font-weight: normal;
}

#col2 h2 {
	letter-spacing: 0px;
	font-size: 26px !important;
	padding: 50px 0px 10px 0 !important;
	font-style: italic;
	font-weight: normal;
}

#col3 {
	width: 154px;
	float: left;
	padding-bottom: 100px;
	
}

#col3 p {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 13px !important;
	text-align:justify;
	line-height: 18px;
	font-style: normal !important;
	font-weight: normal;
}

#col3 h2 {
	letter-spacing: 0px;
	font-size: 26px !important;
	padding: 50px 0px 10px 0 !important;
	font-style: italic;
	font-weight: normal;
}


/* Archivseiten */

#archivewrap {
	padding-bottom: 50px;
}

#archivewrap .inside {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	width: 908px;
}

#archivewrap .inside img {
	background: #FFF;
	border: 1px solid #CCC;
	padding: 4px;
	margin: 4.8px;
}

#archive_pagenumbers {
	float: right;
	margin-top: 10px;
	margin-right: 7px;
	clear: none;
}

.archive_active_page_number {
	border: 1px solid #c0c0c0;
	font-weight: bold;
	font-size: 13px;
	padding: 4px;
	background-color: #666;
}

.archive_active_page_number a {
	color: #fff;
	padding: 3px;
}

.archive_active_page_number a:hover {
	color: #fff;
}

.archive_page_number {
	border: 1px solid #c0c0c0;
	font-weight: bold;
	font-size: 13px;
	padding: 4px;
}

.archive_page_number a {
	padding: 3px;
}


/* Kategoriewolke */

#cat_cloud {
	text-align: center;
	font-style: italic;
	color: #555;
	width:870px;
	line-height: 27px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 20px;
}

.tags01 { font-size: 16px !important; }
.tags02 { font-size: 16px !important; }
.tags03 { font-size: 16px !important; }
.tags04 { font-size: 16px !important; }
.tags05 { font-size: 16px !important; }
.tags06 { font-size: 16px !important; }
.tags07 { font-size: 16px !important; }
.tags08 { font-size: 16px !important; }
.tags09 { font-size: 16px !important; }
.tags10 { font-size: 16px !important; }

/* Kommentare */

#addcomment {
	margin: 0 0px 15px;
}

#commentform textarea {
	width: 300px;
	height: 60px;
	font-size: 11px;
	border: 1px solid #7e7e7e;
	background-color: #fff;
	color: #666;
	padding: 5px;
	margin-left: 70px;
}

#commentform label {
	display: block;
	float: left;
	width: 60px;
	color: #666;
	text-align: right;
	padding-right: 10px;
	font: normal 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-top: 3px;
}

.input {
	width: 140px;
	font-size: 10px;
	border: 1px solid #7e7e7e;
	background-color: #fff;
	color: #666;
	padding: 4px;
	margin: 0;
}

.comment-button {
	background: #fff;
	border: 1px solid #595959;
	color: #666;
	padding: 5px;
	margin-left: 70px;
}