/* 
Theme Name: s-fels' Iconis-Triple
Theme URI: http://s-fels.de/wp-content/themes/iconis-triple/iconis-triple.zip
Description: Valid XHTML 1.1 and valid CSS 3.0 (only partly IE-fixed)
Version: 4.0.2
Author: Stefan Fels
Author URI: http://s-fels.de/

	The CSS, XHTML and design is released under CC:
	Attribution-NonCommercial-ShareAlike 2.0 Germany
	(http://creativecommons.org/licenses/by-nc-sa/2.0/de/)
	
	ToDos:
	* checking/verifying translation

	Done since 3.0:
	* fixed some margin and padding values for IE
	* fixed visibility of some borders in IE
	* fixed floating of navigation items in IE
	* splitted css for borders
	* splitted css for background-colors
	* cleaning up
	* changed some settings for navigation
	* changed comments template
	* changed default font size
	* changed visualization of postNavigation items
	* changed scaling method
	* implemented "max-width" for standard browsers
	* implemented an IE version stylesheet extension

	Done since 2.0:
	* changed sidebar css from classes to ids
	* widgetized
	* names of templates changed (internationalized)
	* fixes in sidebar.php
	* fixes in search.php
	* fixes in wolken.php / clouds.php
	* change of class names and ids in all php files (internationalized)
	* renamed margin.php in sidebar2.php
	* CSS changes & fixes

*/

/* general... */
	* { border: 0; margin: 0; padding: 0; text-decoration: none; }
	body { background-attachment: fixed; }
	body { background-position: 0 0; }
	body { background-repeat: repeat-x; }
	body { font-size: 100.01%; letter-spacing: .02em; text-align: center; }
	/* links... */
		:link :visited :hover :active :focus { border: 0; text-decoration: none; }
		a img { border: 0; }
	/* ...left */
	/* fonts... */
		abbr, acronym { cursor: help; }
		b, strong { font-weight: bold; }
		blockquote { margin: 1em .5em; padding: 0 1em; }
		cite, em, i { font-style: italic; }
		code { font-size: smaller; padding: 0 .2em; }
		h1, h2, h3, h4, h5, h6, p { margin: 0; padding: .5em 0; }
		h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: 1.2em; }
		h1 { font-size: xx-large; }
		h2 { font-size: x-large; }
		h3 { font-size: large; }
		h4 { font-size: medium; }
		h5 { font-size: small; }
		h6 { font-size: x-small; }
	/* ...fonts */
	/* forms... */
		fieldset { border: 0; }
		input, textarea { letter-spacing: .1em; }
	/* ...forms */
	/* lists... */
		ul { list-style: none; }
	/* ...lists */
/* ...general */
/* borders... */
	/* colors... */
		abbr, acronym, 
		blockquote, #blogrollBox div, #bottom, 
		#categoryBox div, #column1, .column2, .column3, #comments, .commentHead, .contentCont, 
		#foot, 
		#head, h2.pageTitle, 
		input, 
		ol.commentList li[id|=comment], 
		#page, .postCont, .postDetails, .postFunktions, .postNavigation, .postTitle, 
		#search, .sideArea table, .sideArea td, .sideArea th, .sideArea > ul > li > ul, 
		textarea, #top, 
		#weatherBox ul, 
		* html ol.commentList li, * html .sideArea ul li ul
			{ border-color: #fb0102; }
		.postTitle a, .postTitle a:link, 
		td#today
			{ border-color: #fb0102; }
		.postTitle a:visited
			{ border-color: #fb0102; }
		a:hover, a:active, a:focus, 
		.postTitle a:hover, .postTitle a:active, .postTitle a:focus
			{ border-color: #fb0102; }
	/* ...colors */
	/* styles... */
		blockquote, #blogrollBox div, #bottom, 
		#categoryBox div, #column1, .column2, .column3, #comments, .contentCont, .commentHead, 
		#foot, 
		h2.pageTitle, #head, 
		input, 
		ol.commentList li[id|=comment], 
		#page, .postCont, .postDetails, .postFunktions, .postNavigation, .postTitle, 
		#search, .sideArea table, .sideArea td, .sideArea th, .sideArea > ul > li > ul, 
		td#today, textarea, #top, 
		#weatherBox ul, 
		* html ol.commentList li, * html .sideArea ul li ul
			{ border-style: solid; }
		abbr, acronym, a:hover, a:active, a:focus, .postTitle a, .postTitle a:link, .postTitle a:visited, .postTitle a:hover, .postTitle a:active, .postTitle a:focus
			{ border-style: dotted; }
	/* ...styles */
	/* widths... */
		input, ol.commentList li[id|=comment], #page, .postFunktions, .sideArea td, .sideArea th, td#today, textarea, * html ol.commentList li
			{ border-width: 1px; }
		#bottom, #comments, #foot, .postCont, .postDetails, .postTitle
			{ border-top-width: 1px; }
		blockquote, #column1, .column2, #comments, .contentCont, .postDetails, .postTitle
			{ border-right-width: 1px; }
		blockquote, .column2, .column3, #comments, .contentCont, .postDetails, .postTitle
			{ border-left-width: 1px; }
		abbr, acronym, a:hover, a:active, a:focus, 
		#blogrollBox div, 
		#categoryBox div, #column1, .column2, .column3, .commentHead, 
		h2.pageTitle, #head, 
		.postCont, .postNavigation, .postTitle a, .postTitle a:link, .postTitle a:visited, .postTitle a:hover, .postTitle a:active, .postTitle a:focus, 
		#top, 
		#search, .sideArea table, .sideArea > ul > li > ul, 
		#weatherBox ul, 
		* html .sideArea ul li ul
			{ border-bottom-width: 1px; }
		a.rssHead, 
		#foot a, 
		.navigation a, 
		ol.commentList li ol li, 
		.postDetails a, .postNavigation a, 
		.sideArea a
			{ border: 0; }
	/* ...widths */
/* ...borders */
/* bgcolors... */
	body
		{ background-color: #c96; }
	#head
		{ background-color: #98c2f0; }
	.sideArea th
		{ background-color: #98c2f0; }
	#page
		{ background-color: #d0e1f5; }
	input, textarea, #column1, ol.commentList li, .sideArea tfoot td, #column3, #foot
		{ background-color: #98c2f0; }
	.navigation, .postNavigation, .postDetails, .postFunktions, ol.commentList li.alt, #column2
		{ background-color: #d0e1f5; }
	blockquote, code
		{ background-color: #98c2f0; }
	.postCont, h2.pageTitle, .sideArea td, input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus
		{ background-color: #fff; }
/* ...bgcolors */
/* colors... */
	a#logIn:link, a#logIn:visited, a#logIn:hover, a#logIn:active, a#logIn:focus, 
	body, 
	#page, .postDetails, 
	#send
		{ color: #666; }
	.sideArea th
		{ color: #d0e1f5; }
	a, a:link, 
	.current_page_item .page_item a, .current_page_item .page_item a:link, 
	.description, 
	#head h1 a, #head h1 a:link, #head h1 a:visited
		{ color: #fb0102; }
	a:visited, 
	.current_page_item .page_item a:visited, 
	.error
		{ color: #fb0102; }
	a:hover, a:active, a:focus, 
	.current_page_item a, .current_page_item .page_item a:hover, .current_page_item .page_item a:active, .current_page_item .page_item a:focus, 
	#head h1 a:hover, #head h1 a:active, #head h1 a:focus
		{ color: #0000CC; }
/* colors... */
/* images... */
	body { background-image: url(images/bg-body.png); }
	#visual { background: transparent url(images/bg-header.jpg) no-repeat 0 0; }
	/* icons... */
		.contentCont p a[rel=external], #blogrollBox div a { background: url(images/application_double.png) no-repeat 0 0; }
		#column3 ul li ul li { background: url(images/application_double.png) no-repeat .2em 0; }
		.left { background: url(images/action_back.gif) no-repeat 0 50%; }
		.right { background: url(images/action_forward.gif) no-repeat 100% 50%; }
		.postNavigation .left { background: url(images/action_back.gif) no-repeat 0 .9em; }
		.postNavigation .right { background: url(images/action_forward.gif) no-repeat 100% .9em; }
		.author { background: url(images/user.png) no-repeat 0 50%; }
		.category { background: url(images/folder.png) no-repeat 0 50%; }
		#categoryBox ul li { background: url(images/folder.png) no-repeat .2em 50%; }
		#column2 li#recentPosts ul li { background: url(images/note.png) no-repeat .2em 0; }
		.comment { background: url(images/comment.png) no-repeat 0 0; }
		#column3 #recentComments ul li { background: url(images/comment.png) no-repeat .2em 0; }
		.date, .monthCloud li { background: url(images/calendar.png) no-repeat 0 50%; }
		.edit { background: url(images/pencil.png) no-repeat 0 50%; }
		.commentMeta .edit { background: url(images/comment_edit.png) no-repeat 0 50%; }
		.exit { background: url(images/lock_go.png) no-repeat 0 50%; }
		.time { background: url(images/time.png) no-repeat 0 50%; }
		#galerie_box ul.galerie li { background: url(images/camera.png) no-repeat .2em 0; }
		#navigationBox ul li { background: url(images/application_side_expand.png) no-repeat .2em 0; }
		#accesskeyBox li code { background: url(images/lightbulb.png) no-repeat 0 0; }
		#column3 #recentTrackbacks ul li { background: url(images/comments.png) no-repeat .2em 0; }
		#foot a.imprint { background: url(images/vcard.png) no-repeat 0 0;}
		#foot a.wrench { background: url(images/wrench.png) no-repeat 0 0; }
		#foot a.wp-theme { background: url(images/layout_content.png) no-repeat 0 0; }
		#foot a.rss { background: url(images/rss.png) no-repeat 0 0; }
		#foot a.license { background: url(images/page_key.png) no-repeat 0 0; }
	/* ...icons */
	/* buttons... */
		a.rssHead { background: url(http://www.feedburner.com/fb/images/pub/feed-icon32x32.png) no-repeat 0 0; }
		a#license { background: url(http://creativecommons.org/images/public/somerights20.png) no-repeat 0 0;}
		a#firefox { background: url(images/but-firefox.png) no-repeat 0 0; }
		a#zielgruppe { background: url(images/but-zielgruppe.png) no-repeat 0 0; }
		a#klowand { background: url(images/but-klowand.png) no-repeat 0 0; }
		a#rssCount { background: url(images/but-feedburner.png) no-repeat 0 0; }
		a#b-logs { background: url(images/but-b-logs.png) no-repeat 0 0; }
		a#w3cComp { background: url(images/but-w3c-site.png) no-repeat 0 0; }
		a#xhtml { background: url(images/but-val-xhtml.png) no-repeat 0 0; }
		a#css { background: url(images/but-val-css.png) no-repeat 0 0; }
		a#rss { background: url(images/but-val-rss.png) no-repeat 0 0; }
		a#geovisitors { background: url(http://geo.digitalpoint.com/a.png) no-repeat 0 0; }
		a#vds { background: url(http://www.datenschutzzentrum.de/material/themen/rotekarte/rotekarte_109x139_t.gif) no-repeat 0 0;}
	/* ...buttons */
/* ...images */
/* cursors... */
	a#logIn { cursor: text; }
/* ...cursors */
/* text... */
	#page, 
	.sideArea caption, #s
		{ text-align: left; }
	.postDetails, .postCont div.wordCloud, .postCont div.categoryCloud, .postFunktions, 
	#search fieldset, .sideArea td, .sideArea th, .sideArea #categoryBox div, 
	#foot
		{ text-align: center; }
	.right
		{ text-align: right; }
	a.rssHead, 
	#buttonBox a
		{ text-indent: -999em; }
	a.rssHead, 
	#buttonBox a
		{ text-decoration: none; }
/* ...text */
/* lists... */
	.contentCont ul, 
	.contentCont ol, 
	ol.commentList li ul, 
	ol.commentList li ol { margin: 0; padding: .5em 1em; }
		.contentCont ul li, 
		ol.commentList li ul li { list-style-image: url(images/exclamation.png); margin: 0 1em; padding: 0 0 .2em; }
		.contentCont ol li { list-style-type: decimal; margin: 0 1em; padding: 0 0 .2em; }
		ol.commentList li ol li { list-style-type: decimal; margin: 0 1em; padding: 0 0 .2em; }
/*	ol.commentList li ul { list-style-type: circle; }	*/
/* ...lists */
/* fonts... */
	blockquote { font-family: 'Lucida Sans Unicode',sans-serif; }
	code { font-family: monospace; }

	#visual h1, 
	#column1
		{ font-family: Georgia,serif; }
	.navigation, .postNavigation, .postDetails, 
	.sideArea, 
	#foot
		{ font-family: 'Lucida Sans Unicode',sans-serif; }
	b, strong, 
	#visual h1, .description, 
	.contentCont p a, 
	.current_page_item, .current_page_ancestor, #send, .sideArea caption, td#today, .sideArea td a
		{ font-weight: bolder; }
	.contentCont p a.intlink, 
	.current_page_item .page_item, 
	a#logIn
		{ font-weight: normal; }
	em, i, 
	.error
		{ font-style: italic; }
	#visual h1
		{ font-size: 4em; }
	#page
		{ font-size: .95em; }
	.column2, .column3, 
	#foot
		{ font-size: .9em; }
	.description
		{ font-size: large; }
	.postFunktions, .commentMeta
		{ font-size: smaller; }
	.sideArea h2, .sideArea caption
		{ font-size: small; }
/* ...fonts */
/* lines... */
	.navigation
		{ line-height: 2em; }
	#page, 
	.postNavigation
		{ line-height: 1.5em; }
	.column2, .column3
		{ line-height: 1.4em; }
	#column2 #categoryBox div
		{ line-height: 1em; }
/* ...lines */
/* positioning & sizes... */
#page { margin: 1em auto; max-width: 100%; position: relative; width: 74.1em; }
	#head { position: relative; }
		#visual { height: 180px; position: relative; }
			#visual h1 { left: 1em; position: absolute; top: 0; }
			.description { bottom: 1em; position: absolute; right: 1em; }
			a.rssHead { bottom: 1.5em; display: block; left: 1em; height: 34px; margin: 0; padding: 0; position: absolute; width: 34px; }
	#column1 { float: left; margin: 0 0 -1px 0 !important; margin: 0; width: 56.6%; }
		.navigation { display: block; height: 2em; }
		.postNavigation { display: block; height: 3em; margin: 0 0 2em; overflow: hidden; }
		.postNavigation:hover, .postNavigation:active, .postNavigation:focus { overflow: visible; }
			#top { margin: 0; }
			#bottom { margin: 0; }
			.left { float: left; margin: 0 0 0 .5em; max-width: 48%; width: 20.3em; }
			.postNavigation .left { height: 3em; }
				.left a { padding: 0 0 0 20px; }
				.postNavigation .left a { display: block; }
			.right { float: right; margin: 0 .5em 0 0; max-width: 48%; width: 20.3em; }
			.postNavigation .right { height: 3em; }
				.right a { padding: 0 20px 0 0; }
				.postNavigation .right a { display: block; }
		h2.pageTitle { clear: both; margin: 0; padding: .5em 1em; }
		.error { margin: 0 1.5em 1em; }
		.postCont { clear: both; margin: 1.5em 1em 2em; padding: 0; }
			.postTitle { padding: 1em 1em 0; }
			.postDetails { display: block; margin: -1px 0 0; padding: .2em 1em; }
				.author, .category, .comment, .commentMeta .edit, .date, .edit, .exit, .time { padding: 0 1em 0 20px; }
				.commentMeta .date, .commentMeta .edit, .commentMeta .time { display: inline; }
			.contentCont { padding: 1em 2em; }
				.contentCont p a { padding: 0; }
				.contentCont p a[rel=external] { padding: 0 0 0 20px; }
				.contentCont p a.intlink[rel=external] { background: none; padding: 0; }
				ul.monthCloud { display: block; padding: 0 0 2em; }
					ul.monthCloud li { display: inline; padding: 0 1em 0 16px; white-space: nowrap; }
				.postFunktions { margin: 2em 1em 1em; padding: 1em; }
				#comments { margin: 0; padding: 1em 2em 2em; }
					h3.comments { margin: 1em 0; }
					ol.commentList { list-style-type: upper-roman; padding: 0 0 0 2em; }
						ol.commentList li { margin: 0 0 2em; padding: 1em; }
							.commentHead { margin: 0 0 .5em; }
					#comments textarea { width: 99%; }
	#column2, #column3 { float: left; margin: 0 0 -1px 0; width: 21.6%; }
		.column2, .column3 { margin: 0 0 0 -.1em; padding: .2em 1em 1em; }
			.sideArea code { background: transparent; }
			.sideArea h2 { margin: .5em 0 .3em; }
				.galerie a, #navigationBox a, #recentPosts a { display: block; padding: 0 0 0 16px; }
				#categoryBox ul a { padding: 0 0 0 16px; }
				#accesskeyBox ul li code { padding: 0 0 0 16px; }
				#column3 a { display: block; padding: 0 0 0 16px; }
				#column3 #recentComments a, #column3 #recentTrackbacks a { display: inline; padding: 0 0 0 16px; }
			.sideArea > ul > li > ul, * html .sideArea ul li ul { margin: 0; padding: 0 0 1.5em; }
				.sideArea ul li ul li { padding: 0 .5em .25em; }
			#search { margin: 0; padding: 0 0 2em; }
				#search fieldset { width: 100%; }
					#search legend, #search label { display: none; }
						#s { margin: 0 auto; padding: .1em .05em; width: 90%; }
						#send { display: none; }
			.sideArea caption { margin: 0 0 .3em; padding: .5em 0 0; }
			.sideArea table { padding: .5em 0 1.5em; width: 100%; }
				.sideArea td, .sideArea th { padding: 0; }
					.sideArea td a { display: block; }
			.sideArea #categoryBox div { padding: 0 0 2em; }
				.sideArea #categoryBox div a { padding: 0 .2em; }
			#weatherBox ul { margin: 0 0 1em; padding: 0 0 2em; }
				#weatherBox ul li { clear: both; display: block; min-height: 1.5em }
					.weather_title { float: left; }
					.weather_info { float: right; }
			#buttonBox ul { padding: .5em 0 0; }
				#buttonBox a { display: block; height: 15px; margin: 0; padding: 0; width: 88px; }
					a#license { height: 31px; margin: 0 0 1em; width: 88px; }
					a#vds { height: 139px; margin: 2em 0 0; width: 109px; }
			#blogrollBox div { margin: 0; padding: 0 .2em 2em; }
				#blogrollBox div a { display: block; margin: 0; padding: 0 0 .25em 20px; }
				#blogrollBox div br { display: none; }
	#foot { clear: left; }
			a.imprint, a.wrench, a.wp-theme, a.rss, a.license { padding: 0 0 0 20px; }
/* ...positioning & sizes */