@charset "utf-8";
BODY{
	margin: 10px 0 0 0;
	padding: 0px;
	background: #000016 url(../images/background_branches.jpg) top left;
	font: normal 0.9em Helvetica, Verdana, Arial, sans-serif;
	color: #212121;
}

A{
	outline: none;
}
INPUT,SELECT{
	font: normal 1em Helvetica, Verdana, Arial, sans-serif;
}

.container{
	background: #fff;
	margin: 20px auto 20px auto;
	padding: 20px 0 0 0;
	width: 940px;
	border: 1px solid #96a0c5;
}
.header{
	padding: 0 0 0 20px;
}
.logo{
	float: left;
	width: 580px;
}
.header .weather{
	float: left;
}
.header .weather h3{
	margin: 0;
	padding: 0;
	display: inline;
}
.header .weather A{
	color: #4f6aa5;
	font-size: 0.8em;
}
.header .weather DIV.forecastbox{
	margin: 5px 0 0 15px;
}
.header .weather DIV.forecastbox DIV{
	float: left;
	margin: 0 10px 5px 0px;
	font-size: 0.8em;
	text-align: center;
}
.header .weather .issued{
	font-size: 0.70em;
	color: #ccc;
}
.header .weather .issued A{
	color: #ccc;
	font-size: 1.05em;
}


.nav{
	height: 25px;
	width: 920px;
	background: #71c8fd;
	margin: 20px 0 0 0;
	padding: 10px 0 0 20px;
}
.nav UL{
	margin: 0;
	padding: 0;
	list-style: none;
}
.nav UL LI{
	display: inline;
	margin: 0 20px 0 0;
	color: #212121;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.9em;
}
.nav UL LI A{
	color: #212121;
	text-decoration: none;
	outline: none;
}
.nav UL LI A:hover{
	text-decoration: underline;
}
.nav UL LI A.selected{
	font-weight: bold;
}

.body{
	min-height: 400px;
	margin: 10px;
	font-size: 0.8em;
}
.body A{
	color: #71c8fd;
	text-decoration: none;
}
.body A:hover{
	text-decoration: underline;
}

.body h3{
	font-size: 1.4em;
	color: #212121;
}
.body h4{
	margin: 0 0 0 0;
	padding: 0;
	font-size: 1.2em;
}
.body h5{
	font-size: 1em;
}


.body .work{
	margin: 0 0 0 10px;
}
.body .work h3{
	margin: 0 0 -15px 0;
}
.body .workitem{
	margin: 40px 0 20px 0;
	color: #212121;
}
.body .workitem H4{
	display: inline;
}
.body .workitem .screenshot{
	float: right;
	margin: 0 80px 0 0;
}
.body .workitem .screenshot IMG{
	border: 5px solid #71c8fd;
}
.body .workitem p{
	width: 500px;
}


.body .skills{
	margin: 10px 0 0 10px;
}
.body .skills TABLE TR TD.key{
	font-size: 0.9em;
}
.body .skills TABLE TH{
	text-align: left;
	padding: 0 15px 5px 0;
	font-size: 1.1em;
}
.body .skills TABLE TH.years{
	text-align: right;
}
.body .skills TABLE TR TD{
	padding: 0 15px 5px 0;	
}
.body .skills TABLE TR TD.level{
	text-align: center;
}
.body .skills TABLE TR TD.years{
	text-align: right;
}
.body .flickr{
	margin: 5px 0 0 10px;
	padding: 0;
}
.body .flickr UL{
	margin: 5px 0 0 0;
	padding: 0;
}
.body .flickr UL{
	list-style: none;
}
.body .flickr UL LI{
	float: left;
	width: 75px;
	margin: 0 10px 5px 0;
}
.body .flickr .pagingbox{
	margin: 5px 70px 0 0;
}
.body .flickr .pagingbox .total{
	float: left;
}
.body .flickr .pagingbox .paging{
	float: right;
}
.body .flickr .pagingbox .paging A{
	color: #000;
	text-decoration: none;
}
.body .flickr .pagingbox .paging A:hover{
	text-decoration: underline;
}
.body .flickr .url A{
	float: left;
	color: #4f6aa5;
	text-decoration: none;
	margin: 20px 0 0 0;
}
.body .flickr .url A:hover{
	text-decoration: underline;
}

.body .weather{
	margin: 10px 0 0 10px;
	font-size: 1.1em;
}
.body .weather .weatheritem{
	margin: 0 0 10px 0;
}
.body .weather h3{
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}
.body .weather A{
	color: #4f6aa5;
}
.body .weather DIV.forecastbox{
	margin: 5px 0 0 15px;
}
.body .weather DIV.forecastbox DIV{
	float: left;
	margin: 0 10px 5px 0px;
	text-align: center;
	width: 120px;
}
.body .weather .issued{
	color: #ccc;
}
.body .weather .issued A{
	color: #4f6aa5;
	text-decoration: none;
}
.body .weather .issued A:hover{
	text-decoration: underline;
}

.footer{
	height: 15px;
	width: 920px;
	background: #71c8fd;
	padding: 10px;
	color: #333;
	font-size: 0.8em;
}
.footer .copyright{
	float: left;
}
.footer A{
	color: #333;
	text-decoration: none;
}
.footer A:hover{
	text-decoration: underline;
}

.footer .backgroundswitch{
	float: right;
	margin: -3px 0 0 0;
}
.footer .backgroundswitch FORM{
	display: inline;
}

OL.tumblr_posts{
	list-style: none;
}
OL.tumblr_posts LI{
	float: left;
	margin: 0 5px 0 5px;
	color: #fff;
}
OL.tumblr_posts LI A{
	color: #fff;
}





/* CLEARFIX */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}



.body .clearfix  A{
	text-decoration: none;
	color: #fff;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}