/* --------------------------------------------------
@project		Judith Vollmond
@file			styles/styles.css
@date		02.10.2010
@version		0.1
@author		Günther Klebinger
@function		css styles
-------------------------------------------------- */

/* Fonts */
@font-face {
	font-family: 'AlexandriaFLFRegular';
	src: url('../fonts/AlexandriaFLF.eot');
	src: local('AlexandriaFLF Regular'), local('AlexandriaFLF'), url('../fonts/AlexandriaFLF.ttf') format('truetype');
}

@font-face {
	font-family: 'AlexandriaFLFMediumItalic';
	src: url('../fonts/AlexandriaFLF-Italic.eot');
	src: local('AlexandriaFLF Medium Italic'), local('AlexandriaFLF-Italic'), url('../fonts/AlexandriaFLF-Italic.ttf') format('truetype');
}

@font-face {
	font-family: 'AlexandriaFLFBold';
	src: url('../fonts/AlexandriaFLF-Bold.eot');
	src: local('AlexandriaFLF Bold'), local('AlexandriaFLF-Bold'), url('../fonts/AlexandriaFLF-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'AlexandriaFLFBoldItalic';
	src: url('../fonts/AlexandriaFLF-BoldItalic.eot');
	src: local('AlexandriaFLF Bold Italic'), local('AlexandriaFLF-BoldItalic'), url('../fonts/AlexandriaFLF-BoldItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'Colaborate-ThinRegular';
	src: url('../fonts/ColabThi-webfont.eot');
	src: local('?'), url('../fonts/ColabThi-webfont.woff') format('woff'), url('../fonts/ColabThi-webfont.ttf') format('truetype'), url('../fonts/ColabThi-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

@font-face {
	font-family: 'Colaborate-RegularRegular';
	src: url('../fonts/ColabReg-webfont.eot');
	src: local('?'), url('../fonts/ColabReg-webfont.woff') format('woff'), url('../fonts/ColabReg-webfont.ttf') format('truetype'), url('../fonts/ColabReg-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Colaborate-MediumRegular';
	src: url('../fonts/ColabMed-webfont.eot');
	src: local('?'), url('../fonts/ColabMed-webfont.woff') format('woff'), url('../fonts/ColabMed-webfont.ttf') format('truetype'), url('../fonts/ColabMed-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Colaborate-BoldRegular';
	src: url('../fonts/ColabBol-webfont.eot');
	src: local('?'), url('../fonts/ColabBol-webfont.woff') format('woff'), url('../fonts/ColabBol-webfont.ttf') format('truetype'), url('../fonts/ColabBol-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* General */
* {
	border: 0;
	margin: 0;
	padding: 0;
	}
	
body {
	background: #120800;
	color: #ffffff;
	cursor: default;
	font: 13px 'Colaborate-RegularRegular', Arial, sans-serif;
	line-height: 20px;
	}
	
h1 {
	color: #ffffff;
	font: 25px 'Colaborate-MediumRegular', Arial, sans-serif;
	}
	
h2 {
	color: #ffffff;
	font: 15px 'Colaborate-MediumRegular', Arial, sans-serif;
	line-height: 20px;
	padding-bottom: 5px;
	}
	
b {
	font-family: 'Colaborate-MediumRegular', Arial, sans-serif;;
	}
	
a {
	color: #ffffff;
	text-decoration: none;
	}
	
a:active {
	outline:medium none;
	position:relative;
	top:1px;
}

ul {
	list-style-type: none;
	}

/* IDs */
#content {
	color: #ffffff;
	left: 50px;
	position: absolute;
    text-shadow: #000000 1px 1px 1px;
	top: 0px;
	z-index: 1;
	}
	
#supersize{
	position: fixed;
	}
	
#supersize img, #supersize a {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 0;
	}
	
#wrapper {
	left: 0px;
	overflow: hidden;
	position: absolute;
	top: 10px;
	width: 520px;
	z-index: 1;
	}
	
#logo {
	background: none repeat scroll 0 0 #000000;
	bottom: 23px;
	padding: 7px;
	position: fixed;
	right: 13px;
	}
	
#logo h1 {
	font: 15px 'AlexandriaFLFBold', Arial, sans-serif;
	font-weight: normal;
	padding: 0px;
	}
	
#filter {
	top: 10px;
	position: fixed;
	right: 13px;
	text-align: right;
	}
	
#footer {
	bottom: 0px;
	font-size: 10px;
	height: 25px;
	line-height: 25px;
	position: fixed;
	right: 0px;
	text-align: right;
	}
	
#footer span {
	margin-right: 13px;
	text-align: right;
	}
	
#footer span a {
	border-bottom: none;
	}
	
#footer span a:hover{
	text-decoration: underline;
	}
	
.post {
	padding: 16px 0px 0px;
	position: relative;
	width: 520px;
	}
	
.post a {
	border-bottom: 1px dotted #ffffff;
	}
	
.post_date {
	color: #513900;
	font: 20px 'AlexandriaFLFBold', Arial, sans-serif;
	left: 0px;
	line-height: 20px;
	position: absolute;
	text-align: right;
	top: 16px;
	width: 230px;
	}
	
.post_inner {
	left: 240px;
	padding: 0px 0px 8px;
	position: relative;
	top: 0px;
	width: 240px;
	}
	
.picture {
	left: 240px;
	padding: 0px;
	position: relative;
	top: 0px;
	width: 140px;
	}
	
.picture a {
	border: none;
	padding: 0px;
	}

.picture a img{	
	border:  #513900 1px solid;
	}
	
.filter_button {
	cursor: pointer;
	font-size: 14px;
	}
	
.filter_button_all {
	cursor: pointer;
	font-size: 14px;
	}