body {
	background: black url('img/woodtex.jpeg') center center no-repeat fixed;
	font-family: Arial, sans-serif;
	font-size: medium;
}

p { line-height: 165% }

a { color: #606060; text-decoration: none; border-bottom: silver 2px solid }
a:hover { border-bottom: #444444 2px solid }
a img { border: none }
br.clear { clear: both }

#h { width: 957px; margin: 0 auto; height: 15px; background: transparent url('img/shadow-top.png') center center no-repeat; clear: both }
#c { width: 797px; margin: 0 auto; padding: 1em 80px 0 80px; background: transparent url('img/sheet.png') center top repeat; color: #444444; clear: both }
#f { width: 957px; margin: 0 auto; height: 15px; background: transparent url('img/shadow-bottom.png') center center no-repeat; clear: both }

#topMenu { width: 911px; margin: 0 auto }
#topMenu ul { padding: .4em 3em; float: right; text-align: center; background: transparent url('img/opacity-33.png'); color: white }
#topMenu ul li { display: inline; padding: 0 0 0 2em }
#topMenu ul li:first-child { padding: 0 }
#topMenu ul li a { color: white; font-size: 115%; border: none }
#topMenu ul li a:hover { border-bottom: gray 2px solid }

#bottomMenu { margin: 2em 0 0 0; padding: 1em 0; border-top: silver 1px solid; clear: both; text-align: center }
#bottomMenu li { display: inline; padding: 0 1em }

h1 { font-weight: normal; letter-spacing: 4px }

#michal_slaby { margin: 0 auto; padding: .5em 0 }

#leftColumn { float: left; width: 40%; font-size: 75% }

div.profile { margin: 0 0 2em 0; padding: .7em; border: silver 1px solid }
div.profile span { float: right; display: block; margin-top: 20px; width: 100px; text-align: center }
div.profile span a { border: none }
div.profile p { margin: 0 100px 0 0; padding: 0 .5em 0 0; line-height: 125%; text-align: right }

#rightColumn { margin-left: 40%; padding-left: 2em }

div.images { width: 404px; margin: 0 0 1em 1em; padding: .5em; float: right; text-align: center; background: white url('/loading.gif') center 150px no-repeat }
div.images img { width: 90px; height: 68px; margin-top: .5em; padding: 5px 2px; box-shadow: 0 .1em .2em gray; -moz-box-shadow: 0 .1em .2em gray; -webkit-box-shadow: 0 .1em .2em gray }
div.images img.selected { box-shadow: 0 .1em .2em darkred; -moz-box-shadow: 0 .1em .2em darkred; -webkit-box-shadow: 0 .1em .2em darkred }
div.images img.preview { width: 400px; height: 300px; background-color: white; padding: 1px; border: gray 1px solid; box-shadow: 0 .2em .5em gray; -moz-box-shadow: 0 .2em .5em gray; -webkit-box-shadow: 0 .2em .5em gray }

h2 { border-bottom: darkred 1px solid; font-style: italic; font-size: 120%; margin: 3em 0 0 0; padding: 0; margin-right: 420px }
h3 { margin-top: 0; padding-top: 0; font-style: italic; font-size: 90%; color: silver }
div.portfolio span { display: block; margin: .5 0; padding: 0 .5em; border-left: silver 3px solid; font-size: 60% }
