/*
Theme Name: Studio Gulo '15
Author: Hans Järvman
Author URI: http://www.studiogulo.se
Version: 1.1
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	height:auto;
	width:auto;
	vertical-align: baseline;
}

/* = end reset
-------------------------------------------------------------- */

@import url('includes/css/cv.css');

/* General
-------------------------------------------------------------- */

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

/* Under Construction
-------------------------------------------------------------- */
body.under-construction {
	font-family: 'PermanentMarker';	
	font-size: 14px;
	line-height:22px;	
}
.under-construction #allWrapper {
	width:100%;
	height:100%;	
/*	min-height:480px; */
}
.under-construction #allContainer {
	background-image:url('includes/images/bakgrund-studio-gulo.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
	background-position:center center;
	min-width:1000px;
}

.under-construction #postIt {
	font-family:'Permanent Marker';
	width:19%;
	text-align:center;
	font-weight:400;
	font-size:1.4em;
	position:absolute;

		left:50%;
		top:50%;
		position:absolute;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);			

	margin:-9% 0 0 -10%;
	
    -ms-transform: rotate(-8deg); /* IE 9 */
    -webkit-transform: rotate(-8deg); /* Chrome, Safari, Opera */
    transform: rotate(-8deg);	
}

.under-construction #postIt a {
	text-decoration:none;
	color:#1B296B;
}

/* = Responsive
-------------------------------------------------------------- */
@media only screen and (max-width: 1200px) {
	.under-construction #allContainer {
		left:50%;
		top:50%;
		position:absolute;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);			
	}
	.under-construction #postIt {
		font-size:1.1em;
		width:200px;
		
		margin:-100px 0 0 -100px;
	}
}