/* 
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: 3.0
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:
	* fixing some margin and padding values for IE
	* fixing visibility of some borders in IE
	* fixing floating of navigation items in IE

	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... */
	* { margin: 0; padding: 0; }
	body { background: #c96 url(images/bg-body.png) fixed repeat-x 0 0; }
	body { color: #666; }
	body { font-size: 100.01%; letter-spacing: .02em; text-align: center; }
	/* links... */
		:link :visited :hover :active :focus { border: 0; text-decoration: none; }
		a, a:link { color: #f30; text-decoration: none; }
		a:visited { color: #c66; text-decoration: none; }
		a:hover, a:active, a:focus { border-bottom: 1px dotted #6c3; color: #6c3; text-decoration: none; }		
		a img { border: 0; }
	/* ...left */
	/* fonts... */
		abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }
		b, strong { font-weight: bold; }
		blockquote { background: #f3f3f3; border-left: 1px solid #666; border-right: 1px solid #666; font-family: 'Lucida Sans Unicode',sans-serif; margin: 1em .5em; padding: 0 1em; }
		cite, em, i { font-style: italic; }
		code { background: #f3f3f3; font-family: monospace; font-size: larger; }
		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 { background-color: #ddd; letter-spacing: .1em; }
		input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus { background: #fff; }
	/* ...forms */
	/* lists... */
		ul { list-style: none; }
	/* ...lists */
/* ...general */
/* borders... */
	/* all... */
		input, textarea, 
		#page, .postFunktions, ol.commentList li, 
		.sideArea td, .sideArea th
			{ border: 1px solid #666; }
		td#today
			{ border: 1px solid #f30; }
	/* ...all */
	/* bottom... */
		#head, 
		#column1, #top, h2.pageTitle, .postNavigation, .postCont, .commentHead, 
		.column2, .column3, .sideArea > ul > li > ul, #search, .sideArea table, #categoryBox div, #weatherBox ul, #blogrollBox div, 
		* html .sideArea ul li ul	/* IE only */
			{ border-bottom: 1px solid #666; }
		.postTitle a, .postTitle a:link
			{ border-bottom: 1px dotted #f30; }
		.postTitle a:visited
			{ border-bottom: 1px dotted #c66; }
		.postTitle a:hover, .postTitle a:active, .postTitle a:focus
			{ border-bottom: 1px dotted #6c3; }
	/* left... */
		.contentCont, .postDetails, .postTitle, #comments, 
		.column2, .column3
			{ border-left: 1px solid #666; }
	/* right... */
		#column1, #comments, .contentCont, .postDetails, .postTitle, 
		.column2
			{ border-right: 1px solid #666; }
	/* top... */
		.postCont, .postDetails, .postTitle, #comments, #bottom, 
		#foot
			{ border-top: 1px solid #666; }
	/* none... */
		a.rssHead, 
		.navigation a, .postNavigation a, .postDetails a, 
		.sideArea a, 
		#foot a
			{ border: 0; }
	/* ...none */
/* ...borders */
/* bgcolors... */
	.postCont, h2.pageTitle, 
	.sideArea td
		{ background-color: #fff; }
	.navigation, .postNavigation, .postDetails, .postFunktions, ol.commentList li.alt, 
	#column2
		{ background-color: #eee; }
	#column1, ol.commentList li, 
	.sideArea tfoot td, #column3, 
	#foot
		{ background-color: #ddd; }
	#page
		{ background-color: #ccc; }
	#head
		{ background-color: #eae5cf; }
	.sideArea th
		{ background-color: #f30; }
/* ...bgcolors */
/* colors... */
	#page, .postDetails, 
	#send, 
	a#logIn:link, a#logIn:visited, a#logIn:hover, a#logIn:active, a#logIn:focus
		{ color: #666; }
	.sideArea th
		{ color: #eee; }
	#head h1 a, #head h1 a:link, #head h1 a:visited, .description, 
	.current_page_item .page_item a, .current_page_item .page_item a:link
		{ color: #f30; }
	.error, 
	.current_page_item .page_item a:visited
		{ color: #c66; }
	#head h1 a:hover, #head h1 a:active, #head h1 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
		{ color: #6c3; }
/* colors... */
/* images... */
	#visual { background: 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%; }
		.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, .pagenav 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#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; }
	/* ...buttons */
/* ...images */
/* cursors... */
	a#logIn { cursor: text; }
/* ...cursors */
/* text... */
	#page, 
	.sideArea caption
		{ text-align: left; }
	.postDetails, .postCont div.wordCloud, .postCont div.categoryCloud, .postFunktions, 
	.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 { margin: 0; padding: .5em 1em; }
		.contentCont ul li { list-style-image: url(images/exclamation.png); margin: 0 1em; padding: 0 0 .2em; }
	.contentCont ol { margin: 0; padding: .5em 1em; }
		.contentCont ol li { list-style-type: decimal; margin: 0 1em; padding: 0 0 .2em; }
/* ...lists */
/* fonts... */
	#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; }
	.column2, .column3, 
	#foot
		{ font-size: .9em; }
	#page
		{ font-size: .8em; }
	.description
		{ font-size: large; }
	.postFunktions
		{ 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; 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: 41.9em; }
		.navigation { display: block; height: 2em; }
			#top { margin: 0; }
			#bottom { margin: 0; }
				.navigation .left { float: left; margin: 0 0 0 .5em; padding: 0 0 0 1em; width: 19.3em; }
				.navigation .right { float: right; margin: 0 .5em 0 0; padding: 0 1em 0 0; width: 19.3em; }
		.postNavigation { display: block; height: 3em; margin: 0 0 2em; }
			.postNavigation .left { float: left; margin: 0 0 0 .5em; padding: 0 0 0 1.5em; width: 18.8em; }
			.postNavigation .right { float: right; margin: 0 .5em 0 0; padding: 0 1.5em 0 0; width: 18.8em; }
				.navigation a, .postNavigation a { padding: 0 .5em; }
		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, .date, .edit, .commentMeta .edit, .exit, .time { padding: 0 1em 0 2em; }
			.contentCont { padding: 1em 2em; }
				.contentCont p a { padding: 0; }
				.contentCont p a[rel=external] { padding: 0 0 0 1.7em; }
				.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 1.7em; 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; }
								cite.author { padding: 0 0 0 2em; }
								.commentMeta { display: block; }
					#comments textarea { width: 30.3em; }
	#column2, #column3 { float: left; margin: 0 0 -1px 0; width: 16em; }
		.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, .pagenav a, #recentPosts a { display: block; padding: 0 0 0 1.7em; }
				#categoryBox ul a { padding: 0 0 0 1.7em; }
				#accesskeyBox ul li code { padding: 0 0 0 1.5em; }
				#column3 a { display: block; padding: 0 0 0 1.7em; }
				#column3 #recentComments a, #column3 #recentTrackbacks a { display: inline; padding: 0 0 0 1.3em; }
			.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 legend, #search label { display: none; }
					#s { padding: .1em .05em; width: 13.5em !important; width: 11em; }
					#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; }
	#foot { clear: left; }
			a.imprint, a.wrench, a.wp-theme, a.rss, a.license { padding: 0 0 0 1.8em; }
/* ...positioning & sizes */