/* reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td, legend {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, p {line-height: 1; font-size: 100%; font-weight: normal;}
fieldset, img {border: 0;}
img {behavior: url(http://www.radekruzicka.cz/lib/content/javascripts/htc/iepngfix.htc);}
table {border-collapse: collapse; border-spacing: 0;}
caption, th {text-align: left;}
q:before, q:after {content: '';}

/* layout */

* {zoom: 1;}
html, body {height: 100%;}
body {
	background-color: #fff;
	behavior: url(http://www.radekruzicka.cz/lib/content/javascripts/htc/csshover3.htc);
	behavior: url(http://www.radekruzicka.cz/lib/content/javascripts/htc/ie-abbr.htc);
	-ie-abbr-tag: span;
	-ie-abbr-class: abbr;
	color: #000;
	font-family: Calibri, "Trebuchet MS", lucida, sans-serif;
	font-size-adjust: 0.468;
	text-align: center;
}
body>#layout {height: auto;}

#layout {
	height: 100%;
	min-height: 100%;
	position: relative;
}

#headertainer, #footertainer {width: 100%;}
#headertainer {
	background: #ebebeb url(http://www.radekruzicka.cz/content/images/design/2009/background.png) top left repeat-x;
	border-bottom: 3px solid #e0e0e0;
}
#footertainer {
	background: #e5e5e5;
	border-top: 3px solid #e0e0e0;
	clear: both;
	height: 155px;
	overflow: hidden;
	position: absolute; left: 0; bottom: 0;
}

#header, #navigation, #content, #promo, #footer {
	margin: 0 auto;
	width: 770px;
}
#header {
	height: 200px;
	overflow: hidden;
}
#footer {
	font-size: 80%; _font-size: 70%;
	padding: 1em 0;
	text-align: center;
}
#footer, #footer strong {color: #999;}

/* header */

#header h1 {
	color: #964b64;
	font-size: 94pt;
	_font-size: 84pt;
	padding-top: 64px;
	position: relative;
}
#header h1 span {
	background: url(http://www.radekruzicka.cz/content/images/design/2009/header.png) top left no-repeat;
	display: block;
	height: 200px;
	position: absolute; left: 0; top: 0; z-index: 1; margin: 0; padding: 0;
	width: 770px;
}

/* navigation */

#navigation {
	margin-bottom: 1em;
	text-align: center;
}

#navigation ul {
	color: #964b64;
	font-size: 150%;
}
#navigation li {display: inline;}
#navigation li a {padding: 0 1.6em;}
#navigation li.active {
	border-top: 3px solid #b3b3b3;
	_margin-top: -3px;
}

#navigation a, #navigation a:visited {
	color: #964b64;
	text-decoration: none;
}
#navigation a:hover {
	border-top: 3px solid #964b64;
	color: #964b64;
	_margin-top: -3px;
	text-decoration: none;
}

/* promo */

#promo {
	margin: 2em 0 1em 0;
	text-align: center;
}

#promo li {display: inline;}
#promo li a {padding: 0 4em;}

#promo a, ul.images a:hover, li#linkedin a:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}
#promo a:hover, ul.images a, li#linkedin a {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

/* global */

a {color: #964b64;}
a:hover {
	color: #964b64;
	text-decoration: none;
}
a:visited {color: #999;}

abbr, .abbr {
	border-bottom: 1px solid #b3b3b3;
	cursor: help;
}

h2, h3, h4, .supply {color: #999;}
h2 {
	font-size: 150%;
	line-height: 2;
}
h3 {
	font-size: 130%;
	line-height: 2;
}
h4 {
	font-size: 110%;
	line-height: 1.5;
}

p {
	padding: 0.5em 0;
	line-height: 1.2;
}

strong {
	color: #964b64;
	letter-spacing: 0.06em;
}

.cleaner {clear: both;}
.remark {color: #b3b3b3;}

/* content */

#content {
	padding-bottom: 175px; /* footertainer height + 50px padding */
	text-align: left;
}

#area {
	float: right;
	margin-bottom: 1em;
	text-align: justify;
	width: 500px;
}
#area ul li {
	background: url(http://www.radekruzicka.cz/content/images/design/2009/bullet-violet.png) left 6px no-repeat;
	list-style: none;
	padding-left: 15px;
}
#area ul li li {
	background: url(http://www.radekruzicka.cz/content/images/design/2009/bullet-grey.png) left 6px no-repeat;
	list-style: none;
	padding-left: 15px;
}

ul#social li, ul.images li {
	background: none;
	list-style: none;
	padding-left: 0;
}
ul#social li, li#linkedin {padding: 0 0 0.8em 1em;}
li#linkedin {margin-top: 0.8em;}

#galleries {
	width: 600px;
	margin: 0 auto;
}
#galleries ul {padding-bottom: 1em;}
#galleries ul li {padding-top: 0.8em;}

#picasa {text-align: center;}

/* graphic */

#graphic {
	height: 600px;
	text-align: left;
}

.home {
	background: url(http://www.radekruzicka.cz/content/images/design/2009/graphic-home.png) top left no-repeat;
	padding-top: 0.2em;
	width: 237px;
}
.contact {
	background: url(http://www.radekruzicka.cz/content/images/design/2009/graphic-contact.png) top left no-repeat;
	width: 221px;
}

/* download */

table {padding: 0.5em 0;}
th {display:none;}
td {padding: 0 2em;}
tr > td {padding-left: 0}

/* blog */

div#blog img {
	border: 1px solid #e0e0e0;
	margin: 0.5em 0;
	padding: 5px;
}
div#blog img.left {
	float: left;
	margin-right: 1em;
}
div#blog img.right {
	float: right;
	margin-left: 1em;
}

div#blog .date, div#blog .morelink, div#blog .pager {
	color: #b3b3b3;
	font-size: 90%;
	text-transform: lowercase;
}
div#blog .morelink a {color: #964b64;}

div#blog .post {
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 1em;
	padding-bottom: 1em;
	text-align: justify;
}

div#blog h3, div#blog h3 a {
	color: #964b64;
	text-decoration: none;
}