/*
 * http://tatexi.net/
 */


/* == Typefaces ============================================================ */

@font-face {
	font-family: "Graublau Sans Web";
	src: url(GraublauWeb.otf) format("opentype");
}

@font-face {
	font-family: "Graublau Sans Web";
	font-weight: bold;
	src: url(GraublauWebBold.otf) format("opentype");
}


/* == General ============================================================== */

body {
	background:black url(/img/background.jpg) no-repeat;
	color:#999999;
	font-family:Verdana, sans-serif;
}

#social {
	position:absolute;
	bottom:0;
	right:0;
	padding:10px;
}

#social img {
	padding:10px;
}

#flickrTitle {
	position:absolute;
	top:15px;
	right:25px;
	font-family:"Graublau Sans Web", Verdana, sans-serif;
	text-align:right;
	font-size:20px;
	font-weight:bold;
	font-style:italic;
}

#flickrFeed {
	position:absolute;
	top:45px;
	right:20px;
	width:255px;
	padding:0px;
	background:url(img/gradient.png) repeat-x;
}

#flickrFeed img {
	float:left;
}

a {
	border:none;
	outline:none;
}

a:focus {
	-moz-outline-style: none;
}

a img {
	padding:2px;
	margin:3px;
	border:none;
	opacity:0.8;
}

a img:hover {
	outline:1px solid #555555;
	background:#141414;
	opacity:1;
}

#social a img:hover {
	outline:none;
}