/* Table of Contents
––––––––––––––––––––––––––––––––––––––––––––––
- Page: Index
- Typography
- Header & Navigation
- Containers
- Page: Work
- Images & Media
- Footer
- Media Queries
–––––––––––––––––––––––––––––––––––––––––––––– */

/* Index
–––––––––––––––––––––––––––––––––––––––––––––– */
body.index-body{
	background-image: url("../images/header-background.jpg");
	background-repeat: repeat;
}

.index-container{padding: 30px;}

.index-link{margin-bottom: 30px;}


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––– */
@font-face{
	font-family: "ocr-b";
	src: url(../fonts/ocr-b.ttf);
}

@font-face{
	font-family: "avenir";
	src: url(../fonts/avenir.ttf);
}

h3{
	font-family: "ocr-b", courier, monospace;
	font-size: 20pt;
	line-height: 1;
}

p{
	font-family: "avenir", Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 17pt;
}

p a{color: rgba(230,110,140,1);}

p a:hover{color: rgba(200,50,75,1); text-decoration: none;}

/* Header & Navigation
–––––––––––––––––––––––––––––––––––––––––––––– */
header{
	width: 210px;
	height: 100%;
	position: fixed;
	background-image: url("../images/header-background.jpg");
	background-position: left;
	background-repeat: repeat-y;
	background-size: fixed;
	border-right: 2px solid rgba(0,0,0,1);
}

.header-logo{margin: 15px 0 0 15px;}

nav a{
	font-family: "ocr-b", Helvetica, sans-serif;
	font-size: 20pt;
	line-height: 50px;
	text-align: center;
	color: rgba(0,0,0,1);
	width: 120px;
	height: 50px;
	background-color: rgba(255,255,255,1);
	border: 2px solid rgba(0,0,0,1);
	display: block;
	margin: 20px 0 0 45px;
}

nav a.active{
	width: 165px;
	background-color: rgba(255,255,255,1);
	border-right: 0px solid rgba(0,0,0,1);
	display: block;
	margin: 20px 0 0 45px;
}

nav a:hover{
	text-decoration: none;
	color: rgba(0,0,0,1);
	background-color: rgba(230,110,140,1);
}

nav a.active:hover{background-color: rgba(255,255,255,1);}

/* Containers
–––––––––––––––––––––––––––––––––––––––––––––– */
div.content{
	margin: 0 0 0 210px;
	padding: 30px 0 0 30px;
}

.row{
	margin: 0;
	padding: 0;
}

/* Page: Work
–––––––––––––––––––––––––––––––––––––––––––––– */
div.portfolio-item{padding: 0 30px 30px 0;}

.portfolio-item:hover{opacity: 0.75;}

/* Images & Media
–––––––––––––––––––––––––––––––––––––––––––––– */
.media-container{padding: 0 30px 30px 0;}
.text-container{padding: 0 30px 0 0;}
.media-item{margin: 0 30px 30px 0;}

.galleria{
	width: 100%; 
	height: 56.25%;
	max-height: 420px;
	background-color: #FFF;
}

.video{
	width: 100%;
	height: 56.25%;
	max-height: 420px;
	background-color: #FFF;
	padding: 10px;
	border: 2px solid rgba(0,0,0,1);
}

/* Footer
–––––––––––––––––––––––––––––––––––––––––––––– */

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––– */