@font-face {
	font-family: DIN;
	src: url('fonts/DINPro.otf');
}

body{
	font-family: DIN;
	color:#333;
	margin:0px;
	padding:0px;
	font-size:12px;
	background-image:url(img/bg.gif);
} 

#container{
	margin: 0 auto;
	text-align: left;
}

#leftColumn{
	position:absolute;
	width:180px;
	padding-left:30px;
	padding-top:10px;
	float:left;
	font-family: DIN;
}

#mainContent{
	float:right;
	padding-top:10px;
	margin-left:200px;
}

#box{
	width:300px;
	height: 350px;
	display:block;
	position:relative;
	float:left;
	padding: 10px;
	margin: 5px;
	background-color:#FFF;
}

#imgContainer{
	width: 300px;
	height: 300px;
	overflow:hidden;
}

#title{
	margin-top:10px;
	font-size:16px;
	color:#09C;
}

#boxCategory{
	float:left;
	z-index:2;
	margin-top:3px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#CCC;
}

#boxDate{
	float:right;
	z-index:3;
	margin-top:3px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#CCC;
}

a:link {color:#09C; text-decoration: none;}
a:visited {color:#09C; text-decoration:line-through;}
a:active {color:#09C; text-decoration: none;}
a:hover {color:#09C; text-decoration: none; border-bottom: 1px dotted;}