/*custom fonts fago*/

/*BOLD*/
 @font-face {font-family: 'SerifaD-Med';src: url('webfonts/22EF32_D_0.eot');src: url('webfonts/22EF32_D_0.eot?#iefix') format('embedded-opentype'),url('webfonts/22EF32_D_0.woff') format('woff'),url('webfonts/22EF32_D_0.ttf') format('truetype');}
 
/*REGULAR*/
 @font-face {font-family: 'SerifaD-Reg';src: url('webfonts/22EF32_E_0.eot');src: url('webfonts/22EF32_E_0.eot?#iefix') format('embedded-opentype'),url('webfonts/22EF32_E_0.woff') format('woff'),url('webfonts/22EF32_E_0.ttf') format('truetype');}
 

/*====================*/
/*=== Reset Styles ===*/
/*====================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
body {
	line-height:1;
}

table {
	border-collapse:separate;
	border-spacing:0;
}

ul, li{
	list-style-type:none
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

div,nav,section,a{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

img{
	display:block;
	margin-bottom:5px
}

.clear{
	clear:both
}

html{
	height:100%;
	width:100%
}

body{
	background:white;
	color:#222;
	font:14px/22px 'SerifaD-Reg';
	min-width:800px;
	overflow-y:scroll
}

p{
	margin:18px 0 18px 0
}

h1{
	font:15px/23px 'SerifaD-Med';
	color:#333
}

h2{
	font-style:italic;
	color:#bbb
}

strong{
	font-family: 'SerifaD-Med';
}

a{
	text-decoration:none;	
	-moz-transition:0.2s;
	-webkit-transition:0.2s;
	transition:0.2s;
	color:#222
}

li{
	-moz-transition:0.2s;
	-webkit-transition:0.2s;
	transition:0.2s
}

a:hover{
	color:#000
}

/*LAYOUT 
--------------------------------------------------------------------*/
.logo{
	display:block;
	position:fixed;
	left:20px;
	top:18px
}

/* NAVIGATION ----------------------------------------------------------*/
nav{
	position:fixed;
	background:white;
	left:162px;
	top:57px;
	height:250px;
	width:138px;
	padding:14px 20px 15px 21px;
	-moz-box-shadow:0 0 7px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 7px rgba(0,0,0,0.2);
	box-shadow:0 0 7px rgba(0,0,0,0.2)	
}

nav a{
	font:15px/23px 'SerifaD-Med';
	color:#222;
}

.nav-dotted-line,
.content-dotted-line{
	margin-top:80px;
	height:1px;
	background:url(/images/dotted-line.png);
	width:100%
	}

.fb-follow{
	margin-top:3px;
	font:14px/23px 'SerifaD-Reg';
	background:url(/images/fb-icon.png) no-repeat 80px 3px;
	width:100%;
	display:block
}

/* CONTENT --------------------------------------------------------------------*/
.content{
	position:absolute;
	left:314px;
	right:241px;
	min-height:570px;
	min-width:446px;
	padding:13px 21px 15px 22px;
	margin-top:57px;
	background:white;
	-moz-box-shadow:0 0 7px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 7px rgba(0,0,0,0.2);
	box-shadow:0 0 7px rgba(0,0,0,0.2)
}

.content-bottom-gap{
	position:absolute;
	margin-top:30px;
	height:20px;
	width:10px
}

.content a{
	text-decoration:underline
}

.content h1 a{
	text-decoration:none
}

.content-dotted-line{
	margin:10px 0 10px 0
}

.line-bottom{
	margin:15px 0 14px 0
}

.content table img{
	width:95%;
	margin-top:5px
}

table{
	width:100%
}

td{
	vertical-align:top;
	width:50%
}

a.release-link{
	text-decoration:none;
}

a.release-link:hover{
	text-decoraton:none
}

/* RIGHT BOX -------------------------------------------------------------------*/
aside{
	position:fixed;
	top:0;
	width:100%;
	min-width:1000px;
	height:100%
}

.sidebar-content{
	position:absolute;
	background:white;
	top:57px;
	right:52px;
	width:176px;
	padding:13px 20px;
	font:10px/15px 'SerifaD-Reg';
	-moz-box-shadow:0 0 7px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 7px rgba(0,0,0,0.2);
	box-shadow:0 0 7px rgba(0,0,0,0.2)
}

footer{
	bottom:125px;
	right:-110px;
	position:fixed;
	font:10px Arial;
	color:#aaa;
	-moz-transform:rotate(270deg);
	-webkit-transform:rotate(270deg);
	transform:rotate(270deg);	
}

footer a{
	color:#aaa;
}

footer a:hover{
	color:#222
}