@charset "utf-8";
/* CSS document */
/* Author: Pavel Maček */

/* Basic ----------------------------------------------------------------------------------------------*/
body {
	font: 13px/1.6 "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #8ad5ec;
	color: #333;
	padding: 0;
	margin: 0;
	text-align: center;
}
a:focus {
	outline: 1px dotted invert;
}
a {
	color: #333;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
	color: #be272d;
}
a:visited {
	text-decoration: underline;
	color: #333;
}
hr {
	color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
}
p {
	padding: 0 0 5px 0;
	text-align: left;
}
/* Headings ----------------------------------------------------------------------------------------------*/

h1 {
	padding: 0;
	position:relative;
	overflow:hidden;
	width: 198px;
	height: 44px;
	margin-top: 10px;
	font-size: 22px;
 text-left;
}
h1 span {
	margin: 0;
	display:block;
	position: absolute;
	left:0;
	top:0;
	z-index:1;
	background: transparent url("../img/signature.png") top left no-repeat;
	width: 198px;
	height: 44px;
}
h2 {
	font-size: 20px;
 text-left;
}
h2#about {
	padding: 145px 15px 5px 0;
	font-size:22px;
	line-height:1.4;
	font-weight: normal;
}
h2#about span {
	font-size:40px;
	font-weight: bold;
}
h3 {
	font-size: 18px;
}
h3#where, h3#photostream, h3#work {
	margin:0;
	padding: 0;
	position:relative;
	overflow:hidden;
	width: 177px;
	height: 21px;
	line-height: 21px;
}
h3#where span, h3#photostream span, h3#work span {
	margin: 0;
	padding:0;
	display:block;
	position: absolute;
	left:0;
	top:0;
	z-index:1;
	background: transparent url("../img/where.png") top left no-repeat;
	width: 177px;
	height: 21px;
}
h3#photostream {
	width: 189px;
	height: 22px;
}
h3#photostream span {
	background: transparent url("../img/photostream.png") top left no-repeat;
	width: 189px;
	height: 22px;
}
h3#work {
	width: 189px;
	height: 21px;
}
h3#work span {
	background: transparent url("../img/work.png") top left no-repeat;
	width: 189px;
	height: 21px;
}
/* Layout ----------------------------------------------------------------------------------------------*/

div#heading {
	margin:0 0 20px 220px;
}
div#main {
	margin: 0 auto;
	width: 960px;
	text-align: left;
}
div#mainwrap {
	width: 100%;
	background: #f2efe6;
}
div#status {
	margin: 0 auto;
	width: 940px;
}
div#statuswrap {
	width: 100%;
	padding-bottom: 10px;
	background: #543822 url('../img/bg_statuswrap.png') bottom left repeat-x;
}
div#status p {
	font-size: 15px;
	font-weight: bold;
	float: left;
	text-align: left;
	color: #fff;
	padding: 5px 0 5px 0;
	width: 140px;
}
ul#twitter_update_list a {
	color: #fff;
	font-style:italic;
}
ul#twitter_update_list a:hover {
	color: #be272d;
}
ul#twitter_update_list a:visited {
	color: #fff;
}
ul#twitter_update_list {
	list-style: none;
	float:left;
	color: #fff;
	font-size: 14px;
	width: 780px;
	padding: 5px 0 7px 0;
	text-align: left;
}

ul#twitter_update_list li{
	width: 100%;
}

div#leftmiddle {
	display: inline;
	float: left;
	margin: 10px;
	width: 460px;
	height: 473px;
}
div#rightmiddle {
	background: transparent url(../img/bird.png) no-repeat 120px 30px;
	display: inline;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	width: 460px;
}
div#rightmiddle p.secondpar {
	font-size:16px;
	line-height: 1.5;
	padding-right: 15px;
}
div#footbar {
	background:transparent url('../img/bgfooter.gif') no-repeat 0px 10px;
	margin: 0 auto 0 auto;
	width:960px;
	text-align: left;
}
div#footwrap {
	width: 100%;
	background: transparent url('../img/bg_footwrap.png') top left repeat-x;
}
div.footcol {
	display: inline;
	float: left;
	margin: 40px 10px 0 10px;
	width: 300px;
}
div.footcol img {
	margin: 0px 5px 5px 0;
}
div.footcol a {
	font-size: 16px;
	font-weight: bold;
}
div.footcol ul li {
	padding-left: 27px;
	list-style: none;
}
div.footcol ul li.delicious {
	background: url(../img/delicious.gif) 0 7px no-repeat;
}
div.footcol ul li.flickr {
	background: url(../img/flickr.gif) 0 7px no-repeat;
}
div.footcol ul li.twitter {
	background: url(../img/twitter.gif) 0 7px no-repeat;
}
div.footcol ul li.lastfm {
	background: url(../img/lastfm.gif) 0 7px no-repeat;
}
div.footcol ul li.facebook {
	background: url(../img/facebook.gif) 0 7px no-repeat;
}
.flickr_badge {
	padding-top: 10px;
}
.flickr_badge img {
	padding: 0 10px 0px 0;
	margin: 0 0 10px 0;
	border: 0;
	width: 85px;
	height: 85px;
}
div#mail p {
	padding: 13px 0 0 0;
	line-height:1.3;
}
div#mail img {
	float: right;
	padding: 10px 5px 0 10px !important;
}
div#mail a {
	font-size: 13px;
}
div#links {
	padding: 20px 30px 0 0;
}
div#links ul.left {
	float: left;
}
div#links ul.right {
	float: right;
}
div#links a {
	font-size: 14px;
}
div#footer {
	display: inline;
	float: right;
	text-align:leftt;
	margin: 20px 10px 20px 10px;
	width: 300px;
}
a.extlink {
	padding-right: 12px;
	background: transparent url("../img/extlink.gif") 100% 50% no-repeat;
}
p.first {
	padding-top: 5px;
}
/* Clear Floated Elements ----------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body div.clear, html body span.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}