/*  
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 {
	font-size: 1px;
	clear: both;
	height: 1px;
}
/* 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: #FFFFFF;
	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: #FFFFFF;
}
.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: #000000;
}



#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: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	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: #FFFFFF;
	line-height: normal;
}
.entry_links div {
	width: 30px;
	text-align: center;
}
.entry_links a{
	color: #FFFFFF;
	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: 40px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #84A2C6;
}

.comment_start {
	font-size: 180px;
	overflow: hidden;
	height: 90px;
	width: 75px;
	font-family: "Lucida Sans Unicode", Arial;
	color: #DDDDDD;
	font-weight: bold;
	float: left;
	margin-top: -38px;
	line-height: normal;
	margin-left: -5px;
}
.comment_end {
	font-size: 180px;
	color: #DEDFDE;
	height: 90px;
	font-family: "Lucida Sans Unicode", Arial;
	font-weight: bold;
	clip: rect(auto,auto,auto,auto);
	position: absolute;
	left: 625px;
	line-height: normal;
	margin-top: -60px;
	display: block;
	overflow: hidden;
}
.comment_info {
	font-style: italic;
	color: #666666;
	clear: both;
	margin-top: 14px;
}
.commentform {
	width: 370px;
}
.commentform input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 16px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 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;
}
.captcha_send {
}
.captchapict {
	float: right;
	margin-left: 10px;
}

h1 {
	background-image: url(layout/h1_back_m.png);
	margin: 0px;
	font-size: 17px;
	color: #FFFFFF;
	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;
}
h1 a {
	color: #FFFFFF;
	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;
}

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

.links {
	padding-right: 5px;
	padding-left: 10px;
	color: #666666;
}
.links a {
	padding-left: 0px;
	width: auto;
	font-size: 11px;
	color: #666666;
}
.links li {
	list-style-type: none;
}
#footer {
	padding-top: 105px;
	font-size: 11px;
	color: #999999;
	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: #666666;
}
#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	{
	width: 380px;
	overflow: scroll;
}



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

#main_text h3 {
	display:none;
}
#main_right {
	width: 750px;
}
.entry_links {
	font-size: 12px;
}
}