/*
	Alex Chalupka dot com CSS
*/

@font-face {
font-family: 'BebasRegular';
src: url('http://alexchalupka.com/fonts/BEBAS___-webfont.eot');
src: local('?'), url('http://alexchalupka.com/fonts/BEBAS___-webfont.woff') format('woff'), url('http://alexchalupka.com/fonts/BEBAS___-webfont.ttf') format('truetype'), url('http://alexchalupka.com/fonts/BEBAS___-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}

html, body {
	margin:0; padding:0;
	height:100%;
}
 
body {
	font-family:Georgia, Times, serifs;
	font-size:14px;
}

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
	
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		margin-left: -512px; }
}

#floater {
	position:relative; float:left;
	height:50%;	margin-bottom:-200px;
	width:1px;
}

/* center column with padding fix to prevent issues with margin. */
#center{padding:20px 0;}

#main {
	position:relative; clear:left;
	width:620px;
	margin:0 auto;
	padding:0 20px 0 20px;
	background: url('http://alexchalupka.com/backgrounds/whitetransparent.png');
	font-family:'BebasRegular', Arial, sans-serif;
}

#body{font-family:Arial,Helvetica,sans-serif;}

.info{line-height:16px; margin-bottom:0px;margin-top:8px;}

#title{font-size:40px; font-weight:bold; margin-top:5px;}

.code{padding: 0 15px; font-family:Courier New, Courier, monospace;}
.question{font-weight:bold;}
.answer{}

#footer{font-family:Arial,Helvetica,sans-serif; padding: 20px 0;text-align:center; 
		font-size:10px; color:#333;}

.left{float:left;}
.right{float:right;}
.center{margin-left: 42px;}

.dull{color:#888;}

#row1,#row2,#row3,#row4{text-transform: uppercase;}

#row1{	display:block; height:120px; font-size:90px;}
#row2{	display:block; height:100px; font-size:70px;
		color: #333;}
#row3{	display:block; height:70px; font-size:45px;
		color: #333; letter-spacing:2px}
#row4{	display:block; height:40px; font-size:30px;
		color: #333; letter-spacing:2px}
		
a{text-decoration:none; color:#333;}
a:visited{color:#333;}
a:hover{color:#000;}

h1{		font-family:'BebasRegular', Arial, sans-serif;
		font-size:34px;}

h1.title{margin-top:10px;}

.menu-list{
	list-style-type:none;
	display:inline;
	padding-left:0;
	font-size:24px;
}
.menu-list li{
	display:inline;
}
.menu-left{float:left; padding-right:85px;}

.menu-right{float:right; padding-left:85px;}

ul.projects {list-style-type:none; padding-left:15px;}
ul.projects li {}
ul.projects li a{text-decoration:underline;}
ul.projects li a:hover{text-decoration:none; color:#333;}