/*  
Theme Name: Foto-Theme
*/

/* Default styles */
@import "reset.css";

/* General */
html, body {background: #121212; font-family: georgia; font-size:24px;border:0;color: #666; text-align: center; font-style:normal;font-weight:normal;}
a {color: #fff;	text-decoration: none; outline: none;}
a:hover {text-decoration: none; color:#fff;}
#wrap {clear: both;}
p {line-height: 1.2em; font-style: italic; font-weight: lighter;}
.content{ width:852px;margin:0 auto; padding:0 0 50px 0; text-align: left; }


/* Header  */
#top{padding-bottom:20px;}
#header{width:100%;padding:50px 0 30px 0;clear:both;position:relative;}
#header .logo img{ float:left; }
#header .advert{float:right;position:relative; top:-10px;}
#header h1 {display:none; color: #eee;}
#header #tagline, #header #twitter_update_list {max-width:470px; background:#fff;font-size:16px;font-style:italic;font-family:Georgia, serif; color:#fff; float:right; padding:5px 10px;margin-top:10px;border-radius: 3px;	-moz-border-radius: 3px; -webkit-border-radius: 3px;}

h2#logo a {
font-family: Georgia,Times,"Times New Roman",serif; font-weight: normal; font-size: 36px; text-align: left; font-style:italic;
	color: #666;
	}


/* Thumbnails */

.photo-thumb{background:#fff;position:relative;top:-3px;left:-3px;}
.photo-thumb a.thumb, a img.thumbnail{display:block; opacity:0.95;}
.photo-thumb a.thumb:hover, a:hover img.thumbnail {opacity:1; }
.photo-thumb img{border-bottom:3px solid #222;}
.photo-thumb h2{float:left; padding-left:10px;}
.photo-thumb h2 a{font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#eee; text-transform:uppercase; font-weight:normal;}
.photo-thumb h2 a:hover{color:#fff;}
.photo-thumb p.post-details {font-size:11px; float:right; padding-right:10px; color:#999;line-height:14px;text-transform:uppercase;}

/* Front */
.content ul {font-style:italic;font-family:Times, Times New Roman, Georgia, serif; font-size: 54px;}
.content ul li {display: inline;  margin: 0 3px 0 0; }
.content ul li a:hover {font-style: normal;}
.content ul li a.color{color: #ff0; }


/* Single Post */

#single-photo { width:850px;}
#single-post { width:850px;}
#full-post { width:850px; }
#single-photo h2 {color: #fff; font-family: Times,Georgia,"Times New Roman",serif; font-weight: normal; font-size: 24px; text-align: left; font-style: italic;}

.bg-photo {background:#fff; margin:0 0 20px 3px;}
.bg-photo img { position:relative;top:-3px;left:-3px; }

#photo-meta h2 { font-size:20px; line-height:30px;}
#photo-meta a { color:#999; }
#photo-meta a:hover {text-decoration: none; color:#dd68f5;}
#photo-meta p { padding:0 0 5px; font-size:11px; text-transform:uppercase; line-height:22px; }
#photo-meta .date { background:url(images/ico-calendar.png) no-repeat left; padding:1px 0 0 25px; }
#photo-meta .author { background:url(images/ico-author.png) no-repeat left; padding:1px 0 0 25px; }
#photo-meta .category { background:url(images/ico-category.png) no-repeat left; padding:1px 0 0 25px; }
#photo-meta .comment { background:url(images/ico-comment.png) no-repeat left; padding:1px 0 0 25px; }
#photo-meta .tags, .tags { background:url(images/ico-tags.png) no-repeat left 10px; padding:10px 0 10px 25px;border-top:1px solid #ededed; margin-top:10px; line-height:16px}
#photo-meta .meta  { background:url(images/ico-camera.png) no-repeat left 10px; padding:10px 0 10px 25px;border-top:1px solid #ededed; margin-top:10px; text-transform:none; line-height:16px}

.archive h2 { text-transform:uppercase; padding:0 0 15px; margin: 0 0 50px 0;}

.single-post h2 { font-size:28px; padding:10px 0 10px;}
.single-post .post-details { background:url(images/ico-author.png) no-repeat left center; font-size:11px; text-transform:uppercase; color:#999; padding:11px 0 10px 23px; border-top:1px solid #ededed;}





.post ul {list-style-type:none; list-style-position:inside; margin-left:15px;}
.post ul ul, #single-post ol ol {padding:2px 0 5px;}
.post ul li{background:url(images/ico-sidebar-bullet.gif) no-repeat 5px 6px; line-height:18px;padding:0px 0 0px 20px;}
.post ol {list-style-type:decimal; list-style-position:inside;}
.post ol li{line-height:18px;padding:0px 0 0px 20px;}
.post blockquote { margin:5px 20px 5px 20px; border-left:3px solid #e7e7e7; padding-left:20px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#777;}

/* Footer  */
#footer-out{width:850px;margin-top:25px;padding:25px 0 14px;}
#footer{font-size:14px;color:#7a7a7a;margin:10px auto 20px;padding-top:100px;width:850px; text-align: left;}
#footer .col-right img{vertical-align:middle;}
#footer .credits { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }
#footer ul.footer-nav  { margin-left: 10px; }
#footer ul.footer-nav li { display:inline; line-height:20px; padding:0 5px;}
#footer ul.footer-nav a { color:#7a7a7a; text-transform:uppercase;}
#footer ul.footer-nav a:hover { color:#b939d3; }
#footer p {width: 250px; float: left; font-size:12px; }
#footer p#hey  {margin: 0 50px 0 0;}
#footer p#kontakt {margin: 0 50px 0 0;}
#footer p#copyright  {margin: 0 0 0 0;}

/* Photo Slider */
.container, #loopedSlider,#newsSlider, div.slides div,ul.slides li { width:850px; }
.container { height:480px; overflow:hidden; position:relative; cursor:pointer; }
div.slides { position:absolute; top:0; left:0; }
ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
div.slides div,ul.slides li { position:absolute; top:0; display:none; padding:0; margin:0; }
#loopedSlider,#newsSlider { margin:0 0 20px; position:relative; clear:both; }
ul.pagination { list-style:none; padding:0; margin:10px 0 0; }
ul.pagination li { float:left; }
ul.pagination li a { padding:2px 4px 2px 0; opacity:0.7;}
ul.pagination li a:hover { opacity:1;}
ul.pagination li.active a { opacity:1;}
#loopedSlider a.next { position:absolute; top:350px; right:30px; opacity:0.5;}
#loopedSlider a.previous { position:absolute; top:350px; left:30px; opacity:0.5;}
#loopedSlider a.next:hover, #loopedSlider a.previous:hover { opacity:1; }

#loopedSlider .photo-caption { position:absolute; bottom:70px; left:20px; background:#000; color:#fff; padding:5px 10px;font-family:Helvetica, Arial ; font-size:14px; font-style:normal;  opacity:0.9; }

* html div, ul {zoom: 1;}