/* ----- (c) 2012 INES MONTANI . COM ----- */

/* ----- fonts ----- */

@font-face {
    font-family: 'vollkorn';
    src: url('fonts/Vollkorn-Regular-webfont.eot');
    src: url('fonts/Vollkorn-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Vollkorn-Regular-webfont.woff') format('woff'),
         url('fonts/Vollkorn-Regular-webfont.ttf') format('truetype'),
         url('fonts/Vollkorn-Regular-webfont.svg#VollkornRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'vollkorn';
    src: url('fonts/Vollkorn-Italic-webfont.eot');
    src: url('fonts/Vollkorn-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Vollkorn-Italic-webfont.woff') format('woff'),
         url('fonts/Vollkorn-Italic-webfont.ttf') format('truetype'),
         url('fonts/Vollkorn-Italic-webfont.svg#VollkornItalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'vollkorn';
    src: url('fonts/Vollkorn-BoldItalic-webfont.eot');
    src: url('fonts/Vollkorn-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Vollkorn-BoldItalic-webfont.woff') format('woff'),
         url('fonts/Vollkorn-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/Vollkorn-BoldItalic-webfont.svg#VollkornBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;

}

/* ----- basics ----- */

*:focus {
	outline: 0;
}

body {
    background: #fff url(img/bgg.jpg) top left repeat;
    width: 850px;
    font: normal 13px/18px vollkorn, "times new roman", serif;
    margin: 0 auto;
    padding: 0;
}

body>header {
    background: transparent url('img/krone.png') top left no-repeat;
    display: block;
    clear: both;
    width: 450px;
	margin: 10px auto;
    padding-top: 160px;
}

section {
	width: 390px;
	padding: 5px;
}

section#screen, section#contact {
	float: left !important;
}

section#print {
	float: right;
}

section header {
	margin-top: 20px;
}

section div {
	margin-top: 10px;
	display: block;
	width: 380px;
	margin: 0 auto !important;
}

section img {
    border: 6px solid #fff !important;
    margin: 0 3px 3px 0;
	box-shadow: 1px 1px 3px #000;
}

section#contact {
    margin-bottom: 80px;
    width: 410px;
}

section#cv {
	margin: 20px auto !important;
	width: 380px;
	position: relative;
	left: -25px;
	clear: both;
	text-align: justify !important;
}

section#cv div p {
	padding: 1px 5px;
	margin: 0 3px 5px 0;
	display: inline;
	line-height: 28px !important;
	background: #000;
	color: #fff;
	box-shadow: 1px 1px 3px #000;
}

section#cv div#history p {
	background: #fff;
	color: #000;
}

/* ----- headlines ----- */

h1 {
    display: block;
    width: 300px;
    height: 74px;
    padding: 0;
    margin: 0;
    background: transparent url('img/ines.png') top left no-repeat;
    float: left;
}

h2 {
    padding: 0;
    margin: 0;
    display: block;
}

h1 span.h1, h2 span.h2 {
    display: none;
}

header h2 a {
	background: transparent url('img/blog.png') top left no-repeat;
    width: 80px;
    height: 82px;
    display: block;
    margin-left: 310px;
}

section h2 {
	width: 100px;
	height: 29px;
}

section#screen h2 {
	background: transparent url('img/screen.png') top left no-repeat;
}

section#print h2 {
	background: transparent url('img/print.png') top left no-repeat;
}

section#tcss h2 {
	background: transparent url('img/cinematicssilentscream.png') top left no-repeat;
	width: 324px !important;
	height: 23px important;
}

section#contact h2 {
	background: transparent url('img/contact.png') top left no-repeat;
}

section#contact footer h2 {
	background: transparent url('img/stalkme.png') top left no-repeat;
	width: 93px !important;
	height: 23px !important;
	float: left;
}


/* ----- links ----- */

a, a:link, a:visited, a:active {
    color: #000;
    text-decoration: none;
}

a:hover {

}

section#contact footer a {
	display: block;
}


section#contact footer a#emailto {
	width: 220px;
	height: 20px;
	background: transparent url('img/emailad.png') top left no-repeat;
	margin-top: 3px;
}

section#contact footer a#facebook, section#contact footer a#twitter {
	width: 30px;
	height: 27px;
	float: left;
}

section#contact footer a#facebook {
	background: transparent url('img/facebook.png') top left no-repeat;
}

section#contact footer a#twitter {
	background: transparent url('img/twitter.png') top left no-repeat;
}


/* ----- forms ----- */

input {
	font: normal 13px vollkorn, "times new roman", serif;
	width: 205px;
	height: 15px;
	border: 0;
	background-color: #fff;
	margin-bottom: 10px;
	padding: 4px;
	box-shadow: 1px 1px 3px #000;
}

label {
	width: 63px;
	height: 26px;
	display: block;
	float: left;
	clear: right;
}

label#name {
	background: transparent url('img/name.png') top left no-repeat;
}

label#email {
	background: transparent url('img/email.png') top left no-repeat;
}

span.label {
	display: none;
}

textarea {
	font: normal 13px vollkorn, "times new roman", serif;
	width: 263px;
	height: 100px;
	padding: 7px;
	border: 0;
	background-color: #fff;
	box-shadow: 1px 1px 3px #000;
}

input.submit {
	width: 111px !important;
	height: 65px !important;
	background: transparent url('img/submit.png') top left no-repeat;
	border: 0;
	cursor: pointer !important;
	float: right;
	box-shadow: none !important;
}