/**
 * @style       Basic geometry
 * @media       screen, projection, handheld
 * @version     1.0
 * @author      Siegfried Gipp
 * @copyright   http://www.rorkvell.de/impressum
 * @layout      fluid/elastic
 *              |            90%            |
 *              | 8em  |      100%-10em     |
 *              |            90%            |
 */
 
/**
 * @section General
 * @todo    
 */
@namespace rdf url("http://www.w3.org/1999/02/22-rdf-syntax-ns#");

/* 
Font equivalents from 
http://dustinbrewer.com/popular-fonts-with-their-mac-osx-windows-and-linux-equivalents/ 
*/
body#canvas, html {
	margin: 0;
	padding: 5%;
	padding-top: 2%;
	font-family: Verdana, "Bitstream Vera Sans", Garuda, "Lucida Sans Unicode", Arial, sans-serif;
/*	font-size: medium;*/
}

@media screen and (max-width: 480px) {
	body { font-size: 80%; }
}

@media screen and (min-width: 1100px) {
	body { font-size: 100%; }
}


/* DEBUG: */
form#commentform { display: none; }

img { border: 0; background-color: transparent; }

img#main_logo {
	float: right;
}

a#skiplink { 
	margin: 0.7em;
}

fieldset {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

div {
	margin: 0;
	padding: 0;
	border: 0; background-color: transparent;
	background-image: none;
	text-align: left;
}
div.geo { display: none; }
span.latitude, span.longitude { display: none; }

form#styleswitcher: { float: right; }
form label { margin-right: 1em; }

div#banner,
div#navigation,
div#main,
div#contentinfo {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border: solid thin black;	/* DEBUG */
}
p.styleinfo { display: none; }

/**
 * @section Header
 * @todo    
 */
div#banner h1 {
	text-align: center;
/*	font-family: "Calligraph421 BT", Kelt, Verdana, "Lucida Sans Unicode", Arial, sans-serif;*/
	font-family: Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	white-space: nowrap;
}
div#banner ul {
	list-style-type: none;
}
div#banner ul li {
	display: inline;
	padding-right: 0.5em;
	padding-left: 0.5em;
	font-size: 70%;
}
ul.breadcrumb {
	text-align: right;
	margin: 0;
}
ul.breadcrumb li {
	display: inline;
	padding-right: 0.5em;
	padding-left: 0.5em;
}
ul.breadcrumb li:before { content: "->"; }

/**
 * @section Navigation
 * @todo    
 */

div#navigation {
	float: left;
	width: 8em;           /* for IE! */
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-align: center;
	text-decoration: none;
	font-family: Verdana, "Lucida Sans Unicode", Arial, sans-serif;
}
div#navigation ul {
	list-style-type: none;
	padding: 0;
	background-image: none;
	background-color: transparent;
	border: none;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0;
}
div#navigation ul li {
	list-style-type: none;
	margin: 1px;
}
div#navigation button {
	border-style: outset;
	border-width: thin;
	text-align: center;
	font-size: 80%;
	text-decoration: none;
	font-weight: bold;
	width: 9em;
	padding: 0.2em;
}
div#navigation button.prev,
div#navigation button.next,
div#navigation button.start,
div#navigation button.end {
	font-size: 50%;
	width: 5em;
}	
div#navigation button:active {
	border-style: inset;
}
div#navigation a {
	text-decoration: none;
}
div#navigation div.info {
	display: none;
}
div#navigation li div.help {
	height: 0;
	overflow: hidden;
}
div#navigation li:hover div.help {
	overflow: visible;
	position: relative; left: 9em; top: -1em;
	z-index: 1;
}
div#navigation label {
	font-size: 80%;
	font-weight: bold;
}

table#accesskeypad { border: none; }
table#accesskeypad td {
	border: solid thin;
	padding: 0.3em;
}

ul.tagcloud { width: 100%; }
ul.tagcloud li {
	display: inline;
	white-space: normal;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

/**
 * @section Main
 * @todo    
 */
div#main {
	margin-left: 10em;
	padding: 5%;
	padding-left: 3em;
	font-size: 100%;
}
div h2, div h3, div h4, div h5, div h6 {
	padding: 0.5em;
}
div#main img.styleshot { border: solid thin black; }
div#main img[longdesc]:after {
	content: "D" attr(longdesc);
	color: red;
}
div#main *.disabled {
	color: grey;
}
div#main td {
	text-align: left;
}
div#main ul.note li {
	margin-left: 24px;
	list-style-image: url("../myicons/icon2.gif");
}
div#main ol li {
	margin-left: 24px;
}
div#main dt { 
	font-size: 120%;
	font-weight: bold;
}
div#main p.summary, p[class="DC.description.abstract"] { font-weight: bold; }
div#main img.inline_icon { width: 1em; height: 1em; margin: 1px; padding: 0; }
div#main hr.final { clear: right; }
div#main p.note { border: solid black thin; margin-left: 3em; }
div#main p.important { font-weight: bold; }

div#main table {
	border: none;
	border-collapse: collapse;
}
div#main table tr td {
	vertical-align: top;
	padding: 0.5em;
	border-bottom: solid thin black;
}
div#main table.hresume tr.experience td.vevent,
div#main table.hresume tr.experience td.noevent,
div#main table.hresume tr.education td.vevent,
div#main table.hresume tr.education td.noevent,
div#main table.hresume tr.skill td.noevent,
div#main table.hresume tr.skill td.vevent {
	border-right: solid thin black;
	width: 17em;
}
div#main table.hresume p.summary { font-weight: normal; }

.hidden {
	display: none;
}
p.plan {
	padding: 10px;
	text-align: center;
}

span.date { display: block; }

object.code {
	width: 90%;
	height: 24em;
}
code {
	font-family: Verdana, "Lucida Sans Unicode", Arial, sans-serif;
}
blockquote[cite]:after { 
	content: "(" attr(cite) ")"; 
	display: block;
	text-align: right;
}
q:before { content: "“"; }	/* ldquo */
q:after { content: "”"; }	/* rdquo */
q[cite]:after {
	content: "” (" attr(cite) ")";
}
q q:before { content: "‘"; }		/* lsquo */
q q:after { content: "’"; }		/* rsquo */
code.blockcode, q.blockquote {
	white-space: pre;
	padding-left: 3em;
	border: solid thin black;
	display: block;
	font-size: 80%;
	overflow: auto;
}
p.code, code.listing { 
	display: block;
	overflow: auto;
	color: black;
	white-space: pre;
	margin-left: 10%;
	margin-right: 5%;
	margin-top: 0.7em;
	margin-bottom: 0.7em;
	padding: 0.7em;
	border: solid thin black;
	font-size: 100%;
	overflow: scroll;
}
code.xml {
	font-weight: bold;
}
code.xml:before { content: "<"; }
code.xml:after { content: ">"; }
span.xml:before { content: "<"; }
span.xml:after { content: ">"; }
code.URI {
	font-weight: bold;
	text-decoration: underline;
}


a.xmlicon {
	font-size: 10px;
	font-family: Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	background-color: rgb(255,153,0);
	border: thin outset rgb(255,153,0);
	color: white;
}
div#main div.note, div#main div.seealso {
	font-size: 70%;
	width: 15em;
	float: right;
	padding-left: 1em;
	border-left: solid thin black;
	margin-left: 1em;
}
div#main div.note ul,
div#main div.seealso ul { 
	padding-left: 1em; 
	font-size: 70%;
}

div#main div.note ul li,
div#main div.seealso ul li {
	font-size: 70%;
}

div#main div#content {
	margin-right: 11em;	/* 15 em * 60% = 9em ???*/
}
div#main .irony:before {
	content: url("../myicons/smilies/icon_irony.gif");
}

sub, sup { font-size: 60%; }

/**
 * @section Footer
 * @todo    
 */
div#contentinfo {
	font-family: Verdana, sans-serif;
	font-size: 80%;
	clear: both;
	padding: 1em;
}
div#contentinfo ul {
	list-style: none;
}
div#contentinfo ul li {
	display: inline;
	margin-right: 0.5em; 
	margin-left: 0;
}
/* prev/next (footer) */
div#contentinfo ul.navigation {
	text-align: center;
}
div#contentinfo ul.navigation li { 
	list-style-type: none; 
	display: inline;
	margin-left: 1em;
	margin-right: 1em;
	font-size: 50%;
}


img.badge {	
	width: 80px;
	height: 15px;
	margin: 0;
}

table.form, fieldset table, fieldset table tbody, fieldset table thead, fieldset table tfoot {
	border: none;
}
table.form td, fieldset table td {
	border: none;
	text-align: left;
}


/**
 * @section Microformats
 * @todo    
 */
ul.xoxo li a[type="application/rss+xml"] {
	background-color: rgb(255, 165, 0);
	border: thin outset red;
	font-family: Verdana, Arial, Lucida, sans-serif;
	font-size: 80%;
}

div#main address img.photo {
	float: right;
	margin-left: 1em;
}
div#main address span.fn { font-weight: bold; }
div#main *.vcard *.n { display: none; }
div#main dl.profile dd table tr td {
	vertical-align: top;
}

address { 
/*	margin-left: 3em;*/
}
address a,
address span { 
	display: list-item; 
	list-style-type: none;
}
address span a,
address a span,
address span span { display: inline; }
address span.adr span { display: list-item; }
address span.adr span.postal-code,
address span.adr span.locality {
	display: inline;
}
address span.n { display: none; }

address img.logo {
	float: right;
	margin-right: 10%;
}
div#main span.published:before { content: url("../myicons/time.png"); }
div#main a[rel="tag"]:before, div#main a[rel="tag"]:before { content: url("../myicons/tag_blue.png"); }
div#main a[rel="help"]:before, div#main a[rel="help"]:before { content: url("../myicons/help.png"); }
div#main a[rel="help"] { cursor: help; }
div#main a[rel="info"]:before { content: url("../myicons/information.png"); }
div#main a[rel="source"]:before,
div#main a[rel="source"]:before,
div#main a[rel="DC.source"]:before,
div#main a[rel="DC.source"]:before { content: url("../myicons/page_white_link.png"); }
div#main a[rel="bookmark"]:before, div#main ol#hfeed a[rel="bookmark"]:before  { content: url("../myicons/book_next.png"); }
div#main a[rel="comments"]:before, div#main ol#hfeed a[rel="comments"]:before { content: url("../myicons/comments.png"); }
/*div#main li.hentry { clear: left; }*/

div#main p a[rel="vote-for"]:before { content: url("../myicons/thumb_up.png"); }
div#main p a[rel="vote-against"]:before { content: url("../myicons/thumb_down.png"); }
div#main p a[rel="top"]:before { content: url("../myicons/house_go.png"); }

div#main kbd:before { content: url("../myicons/keyboard.png"); }

div#main *.vevent:before { content: url("../myicons/calendar.png"); }
div#main abbr.dtstart,
div#main abbr.dtend,
div#main abbr.duration {
	text-decoration: none;
}
div#main abbr.dtstart:before,
div#main abbr.dtend:before,
div#main abbr.duration:before {
	content: url("../myicons/time.png");
}
/* XFN, hCard */
address a[rel~="contact"]:before, address a[rel~="acquaintance"]:before,
address a[rel~="friend"]:before, address a[rel~="met"]:before {
	content: url("/icons/user_go.png");
}
address span[class="tel"]:before { content: url("/myicons/phone.png"); }
address a[class="email"]:before { content: url("/myicons/email_edit.png"); }
address a[class="url"]:before { content: url("/myicons/house_go.png"); }

/* Blog */
#tagcloud a { text-decoration: none;}
#tagcloud a:hover, #tagcloud a:active, #tagcloud a:focus { text-decoration: underline; }
div#main .hentry > ul { list-style-type: none; padding: 0; }
div#main .hentry > ul > li { display: inline; }

ol.hfeed {
	margin-right: 10em;
	list-style: none;
}

div.entry-content {
	column-width: 26em;
	column-gap: 1.6em;
	-moz-column-width: 26em;
	-moz-column-gap: 1.6em;
	-webkit-column-width: 26em;
	-webkit-column-gap: 1.6em;
}

div.seealso ul#blogroll,
div.note ul#blogroll {
	list-style-type: none;
}

object[data="logos/Rorkvell_f.gif"], img[src="logos/Rorkvell_f.gif"] {
	width: 40%;
	min-width: 286px;
	max-width: 572px;
}

/*********************************************************************************************/

rdf|RDF { display: none; }

/*********************************************************************************************/

.hentry div.entry-content img.photo,
img.screenshot {
	width: 90%;
	max-width: 640px;
	min-width: 160px;
}

/* Tooltips, see http://www.css3.info/tooltips-with-css3/ */
abbr[title]:before {
	content: attr(title);
	display: none;
}
abbr[title]:before:hover {
	width: 20em;
	display: block;
	background-color: yellow;
	border: solid thin black;
	padding: 0.5em;
	margin: 1em;
}

/* Banners */



/* mime types */
a[type="application/pdf"]:before { content: url("/myicons/page_white_acrobat.png"); }
/*span.xml:after { content: ">"; }*/