/* 

    Valka.info   Main CSS file
    ----------------------------------------------------------------------
    Author       Ondrej Valka (ondrej@valka.info)
    Created      29 Jul 09
    Last edit    23 Dec 09

*/

body {
	background: #f7f7ed;
	color: #333;
	font: 16px/24px Georgia, serif;
}

a, a:link {
	border-bottom: 1px dotted #D62822;
	color: #D62822;
	text-decoration: none;
}
a:visited {
	border-color: #888;
	color: #888;
}

a:hover, a:active, a:focus {
	border-style: solid;
}
a:visited:hover, a:visited:active, a:visited:focus { border-color: #999; }

h1 {
	font-weight: normal;
	font-size: 36px;
	line-height: 54px;
}
h1 .major { 
	font-size: 60px;
	position: relative; left: -3px;
}
h1 .minor { color: #888; }

p {
	color: #888;
	margin-top: 16px;
}

.br { display: block; }

/*  ----- Give me some layout.. -----  */

/*  Viewport  */

#about { 
	position: absolute; left: 7%; bottom: 12.5%;
	width: 86%;
}

#brief   { width: 800px; }
#contact {
	font-size: 21px;
	line-height: 30px;
	margin: 35px 0 55px;
}

#stuff {
	float: left;
	width: 370px;
}
#status {
	float: right;
	width: 400px; height: 39px;
}
#status p {
	background: url(../images/wolf.jpg) 70% 0 no-repeat;
	margin-top: 0;
	padding-top: 280px;
	position: absolute; bottom: 0; right: 0;
	text-align: right;
}
#status p a {
	margin-right: 10px;
}

#ie6 #stuff,
#ie6 #status,
#ie7 #stuff,
#ie7 #status { float: none; }
#ie6 #status,
#ie7 #status { position: absolute; bottom: 0; right: 0; }
#ie6 #status { bottom: -2px; }

/*  Below the viewport  */

#more {
	position: absolute; bottom: 0; left: 0;
	width: 100%;
}
#more-in {
	position: absolute; top: 0; left: 0;
	width: 100%;
}
.ie6 #more-in { top: 1px; }

#more-in-in {
	border-top: 1px solid #ccc;
	padding: 15px 7% 16px;
}
#more p { margin: 0; }
#more p a.last-child { margin-left: 10px; }