/*  
This was lot of work. Please leave some links pointing to ff-webdesigner.de, that's all. 
*******************************************************************
Theme Name:ff-webdesigner.de
Theme URI:http://blog.ff-webdesigner.de/
Description:ff-webdesigner.de wordpress theme. multilayer-transparency tested on all 6th+gen browsers. requires fixed size for excerpts, index, archive etc. including ff-auto-pictures addon. the files index.html and zoom.html are the origins, if you'd like to test css changes. the file style-ie.css only contains css fixes for ie6. mind the header.php! if you want the original photoshop-file, set a link to <a href="http://ff-webdesigner.de">ff-webdesigner.de</a>on your hp. go to my hp, send mail.
installation
upload all files to your blog /wp-content/themes. the source of some pages like index.php contains some little extra php. it looks for some dir corresponding to the posts permalink. if so, on index.php you'll see the first 2 pictures corresponding to the actual post within that dir. on single.php you'll see all the pictures within that dir. to make ff-auto-images work properly please set permalink options to "user defined - /%category%/%postname%.html". then, within your homedir create a dir called "pix". example for correct dirs:your posts permalink is http://yourblog/usa/post12.html. put the 150/150px thumbs into the folder /pix/usa/post12/ . within that folder, create a new folder called "hi". put the hires pictures in there. dimension is 640/480 px. important:the lores and the hires pictures must have exactly the same name and end upon .jpg in smallcaps! create a page called "zoom". select its template "ff-zoom". done.
Version:1.1
Author:Frank Woelky
Author URI:http://ff-webdesigner.de/
*******************************************************************
*/
body{background-attachment:fixed; background-repeat:no-repeat; margin:0px; font-family:Arial,Helvetica,sans-serif; font-size:12px; background-color:#183442; background-image:url(layout/earth-back.jpg)}
form{margin:0px 0px 10px}
img{border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none}

a{color:#3977BB}

.clear{clear:both}
/* transparenter hintergrund für alle browser ausser vor ie7 */
.shader[class]{background-repeat:no-repeat; background-position:left top; background-image:url(layout/shader.png)}
.shader2{background-image:url(layout/shader2.gif); background-repeat:no-repeat; background-position:300px 0px}
.grid{background-image:url(layout/grid1.png); width:100%}
#top{height:150px; width:900px}
.logo{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=image src='/wp-content/themes/ff/layout/logo-ie.png'); float:left; height:40px; width:150px; text-align:center; padding-top:110px}
.logo[class]{background-image:url(layout/logo.png)}
.logo a{color:#FFF; text-decoration:none; font-weight:bold}
#top1{background-image:url(layout/top01.jpg); float:left; height:150px; width:150px}
#top2{background-image:url(layout/sky.jpg); float:left; height:150px; width:600px; background-repeat:no-repeat; background-position:left bottom}
#main_all{width:750px; margin-left:150px; background-image:url(layout/main_all_back.gif); background-repeat:repeat-y}
#main_left{float:left; width:150px; overflow:hidden}
.block_middle{width:150px; background-image:url(layout/block-middle.gif); font-size:11px; border-top-width:4px; border-top-style:solid; border-top-color:#FFF}
.block_middle a{text-decoration:none; padding-left:10px; font-size:12px}
.block_middle ul{padding-left:0px; list-style-type:none; margin:0px}
.block_middle li{padding-left:0px; list-style-type:none; margin:0px}
.block_middle a:hover{color:#254E7A}

.block_head{background-image:url(layout/block-head.gif); background-repeat:no-repeat; height:26px; padding-top:8px; color:#244A79}
.block_top{background-image:url(layout/block-top.gif); height:7px; font-size:1px}

.block_foot{font-size:1px; background-image:url(layout/block-bottom.gif); background-repeat:no-repeat; height:7px}
.block_end{background-image:url(layout/grid1.png); height:8px}

#categories{min-height:140px}
#categories a{width:138px; display:block}
#categories li{margin-left:6px; padding-left:4px; font-size:12px}
#categories li li{margin-left:0px; padding-left:0px}
#categories li a{margin-left:-4px; padding-left:4px}
#categories li li a{margin-left:-4px; padding-left:10px; width:132px}
#categories a:hover{background-color:#E3EFF4}
.current-cat a{background-color:#CFD6DA; color:#000}

#calendar{height:139px; font-size:11px; line-height:11px}
#calendar th{font-size:11px}

#calendar caption{font-size:12px; font-weight:bold; padding-bottom:10px}
#calendar a{font-size:11px; background-color:#E3EEF4; overflow:hidden; padding:1px}

#calendar table{margin-left:10px; width:136px; border-collapse:collapse}
#calendar td{text-align:center; vertical-align:middle; border-collapse:collapse; font-size:11px}

.services{padding-right:5px; padding-left:10px}
.search{height:15px; width:80px; border:1px solid #3975BD; padding-left:5px; font-size:11px}
.services{height:132px}

.services a{padding-left:0px}
.services li{list-style-type:none; margin-right:8px; border-top-color:#CCC; border-right-color:#CCC; border-bottom-color:#CCC; border-left-color:#CCC; float:left}

#main_right{float:left; width:600px; background-image:url(layout/sky2.jpg); background-repeat:no-repeat}
#main_text{width:370px; padding-right:60px; padding-left:20px; float:left; background-image:url(layout/film.png); background-repeat:repeat-y; background-position:right top; line-height:1.5em}
.main_text_entry{height:296px; margin-top:4px}

.entry_links{position:absolute; z-index:100; width:30px; left:710px; color:#FFF; line-height:normal}
.entry_links div{width:30px; text-align:center}
.entry_links a{color:#FFF; text-decoration:none}
.entry_links a:hover{color:#183442}
.day_name{font-size:19px; height:19px; overflow:hidden; margin-top:21px; line-height:19px}
.day{margin-top:1px}
.year{margin-top:-2px}
.time{font-size:11px; position:absolute; top:66px}
.day_count{position:absolute; top:101px; line-height:14px}
.read_more{position:absolute; top:197px; font-size:34px; font-family:"Courier New",Courier,mono; font-weight:bold}
.rss{position:absolute; top:202px; line-height:13px}
.to_comments{font-family:"Lucida Sans Unicode",Arial; font-size:80px; overflow:hidden; position:absolute; top:145px; line-height:20px; padding-top:30px}
.write{position:absolute; top:251px; line-height:13px; left:1px}
.views{position:absolute; top:302px; font-size:10px; line-height:12px}

.comment_all{margin-bottom:20px; padding-bottom:20px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#84A2C6; position:relative;}
.grav{position:absolute; top:0px;left:0px;}

.comment_start{font-size:200px; overflow:hidden; height:120px; width:80px; font-family:"Lucida Sans Unicode",Arial; color:#DDD; font-weight:bold; float:left; margin:-60px 0 10px -5px; line-height:normal}
.comment_end{
	color:#DEDFDE;
	height:30px;
	font:bold 50px "Lucida Sans Unicode", Arial;
	display:inline-block;
	overflow:hidden;
	margin-top: -20px;position:relative;top:3px;
}
.comment_all p{display:inline}
.comment_info{font-style:italic; color:#666; clear:both; margin-top:14px}
.commentform{width:370px}
.commentform input{font-family:Arial,Helvetica,sans-serif; font-size:12px; height:20px; line-height:20px; font-weight:bold; margin:3px; border:1px solid #CECFCE; width:150px; overflow:hidden}
.commentform label{vertical-align:middle}
.commentform #comment{clear:both; float:none; height:100px; width:368px; border:1px solid #CECFCE; margin-top:3px; font-family:Arial,Helvetica,sans-serif; font-size:12px}
.captcha{line-height:normal; margin-top:20px}
.captchapict{float:right; margin-left:10px}

h1{background-image:url(layout/h1_back_m.png); margin:0px; font-size:17px; color:#FFF; background-repeat:repeat; height:25px; padding-top:2px; line-height:normal; padding-left:2px; font-family:"Lucida Sans Unicode",Arial; font-style:italic; font-weight:normal; border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px}
h1 a{color:#FFF; text-decoration:none}
h1 a:hover{color:#184552}

#pictures{float:left}
.picture{height:150px; width:150px}

.picture_frame{background-image:url(layout/grid1.png); background-repeat:no-repeat; height:150px; width:150px; position:relative}
.picture_frame a{display:block; width:150px; height:150px}
.picture_frame img{position:absolute; z-index:-1000}

h3{background-image:url(layout/h1_back_m.png); margin:4px 0px 20px; font-size:15px; color:#FFF; background-repeat:repeat; font-family:"Lucida Sans Unicode",Arial; font-weight:normal; font-style:italic; line-height:22px; padding:0 0 0 3px}
h3#comments{font-size:12px}
h3 a{color:#FFF; text-decoration:none}

.links{padding-right:5px; padding-left:10px; color:#666}
.links a{padding-left:0px; width:auto; font-size:11px; color:#666}
.links li{list-style-type:none}
#footer{padding-top:105px; font-size:11px; color:#999; text-align:left; width:522px; margin-left:96px; background-image:url(layout/footer.jpg); background-repeat:no-repeat; background-position:left top; padding-right:0px; padding-left:5px; margin-top:10px; padding-bottom:20px}
#footer a{color:#9C9A9C; text-decoration:none}
#footer a:hover{text-decoration:underline; color:#666}
#footer ul{margin:0px}

#footer li{margin:0px; padding:0px 3px 0px 0px; float:left; list-style-type:none}

.main_text_single{height:auto; margin-top:4px; margin-bottom:20px}
.zoompic{background-color:#EAEAEA}
.zoompic-foot{background-image:url(layout/zoompic-foot.png); background-repeat:no-repeat; background-position:left bottom}
.zoompic-middle{background-image:url(layout/zoompic-middle.png)}
.zoompic-top{background-image:url(layout/zoompic-top.png); background-repeat:no-repeat; background-position:left top}
.alignleft{float:left; margin-right:3px}
.alignright{float:right; margin-left:3px}
.wp-notable-line{text-align:center; padding:20px; clear:both; display:block}
.zoompic{background-repeat:no-repeat}

/*styles for dagodesign sitempa plugin*/ 
.ddsg-wrapper ul{list-style-type:none; padding-top:20px; padding-right:0px; padding-bottom:20px; padding-left:0px}
.ddsg-wrapper li{font-size:14px; font-weight:bold}
.ddsg-wrapper ul ul{padding-left:30px}
.ddsg-wrapper li li{font-size:12px; font-weight:normal}
#main_text pre{}

@media print{#main_left,.commentform,.wp-notable-line{display:none}
#main_text{width:520px; background-color:#FFF}
#main_text p{font-size:16px; line-height:1.5em}

#main_text h3{display:none}
#main_right{width:750px}
.entry_links{font-size:12px}
}
.captcha{display:block}
.commentform p{position:relative}
.commentform input#submit{position:absolute; top:65px}
#si_refresh_com{float:right}
.margintop{margin-bottom:110px}
.captchaSizeDivSmall{top:-90px !important}
#captchaInputDiv{top:-90px !important}
textarea, #captcha_code, .commentform input#submit, h3{-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px}
.fbFeedbackContent div.commentas{width:200px !important}
.breit {background:#fff}