/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

body, textarea, input, select {
	color: #19140e; font-family: 'Georgia', 'Times', 'Times new roman', serif;
	line-height: 1.5; /* Unitless for proper inheritance */ 
}
body {
	font-size: 87.5%; /* IE, percentage of 16px */
}   
html > body {
	font-size: 14px; /* Other browsers */ 
}  

/*** Typografi ***/
p {
	margin-bottom: .5em;
}
h2, h3, h4, h5 {
	line-height: 1.2; margin: 1em 0 0.5em;
}
h1, h2, h3, .menu-header {
	font-family: 'Coustard', 'Trebuchet MS'; font-weight: 400;
}
h1 {
	font-size: 2.5em; padding-left: 0.05em; line-height: 1.2;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.2em;
}
h3 a {
	color: #19140e;
}
h4 {
	font-weight: 900; font-size: 1.1em; text-transform: uppercase;
}
.menu-header {
	font-size: 1.3em;
}
.ingress {
	font-size: 1.4em; padding-bottom: .7em;
}
.content ol, .content ul {
	margin: .5em 0;
}
.content ul li {
	background: url("img/flash.png") no-repeat scroll left 3px transparent;
    list-style: none outside none;
    margin: 0 0 0.1em 0.5em;
    padding-left: 1.5em;
}
.content ol li {
	list-style: decimal; margin: .1em 0 .1em 2.5em;
}

/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter {
	display: block; margin: 0 auto; 
	}
.alignleft { 
	float: left; 
}
.alignright { 
	float:right; 
}
.wp-caption { 
	border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px; 
}

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { 
	clear:both; display:block; height:1px; margin:-1px 0 0 0; 
} /* Use this br class to clear your floated columns */

/*** Links ***/
a {color: #ff6461; text-decoration: none;}
a:hover, a:active {color: #cc504e;}

/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

body {
	background: #f1f1f1 url('img/screen_light.jpg') fixed right;
}
#sidfot {
	background: #f1f1f1 url('img/screen.jpg');
	padding: 2em 0;
	margin-top: 20px;
}
.row {
	margin-bottom: 1em;
}

/*** Sidhuvud ***/
#sidhuvud {
	padding-bottom: 185px;
	position: relative;
}
#logo {
	background: url(img/youwza_logo1x.png) no-repeat;
	width: 211px; height: 165px; display: inline-block; text-indent: -9999px;
	position: fixed; left: 0; z-index: -100;
}
#logo a {
	text-decoration: none;
	}
#logo p {
	font-size: 3em;
}
.menu-header {
	letter-spacing: -.05em; padding: 0; margin-top: 1em; display: inline; 
	position: fixed; left: 245px; z-index: 100;	
}
.menu-header ul {
	zoom: 1;  display: inline-block; margin: 0;
}
.menu-header li {
	list-style: none; float: left; padding: 0;
}
.menu-header li a {
	padding: 2px 6px; text-decoration: none; margin-right: 25px;
	background: #f1f1f1 url('img/screen.jpg'); color: #444;
}
.menu-header li.current-menu-item a, 
.menu-header li.current-category-ancestor a, 
.menu-header li.current-post-ancestor a, 
.menu-header li.current_page_item a,
.menu-header li.current-page-ancestor a,
.menu-header li.current_page_parent a,
.menu-header li a:hover {
	text-decoration: underline; color: #19140e;
}
.box {
	border: 1px dotted #19140e; clear: both; padding: 0em 1em 0.5em; margin-bottom: 1em;
}
.widget-container {margin: 1em 0 .5em; padding: 0; }

/***Navigering***/
#menu-tjanster li.current-menu-item a {
	background: #ff6461; color: #fff; padding: 1px 3px; margin-left: -3px;
}
#menu-tjanster li.current-menu-item a {
	background: #ff6461; color: #fff;
}

/***Pagination ***/
div.pagination {
    text-align: right;
}
div.pagination a, div.pagination span.pages, div.pagination span.dots, div.pagination span.current {
    background-color: #ff6461; background-image: none; color: #fff;
    display: inline-block; font-size: .9em; margin: 1px 2px; padding: 2px 8px;
}
div.pagination a:hover {background: #cc504e;}
div.pagination span.pages, div.pagination span.current {background: #f1f1f1 url('img/screen.jpg'); color: #000;}

/*** Image backgrounds ***/
.attachment-caseitem {background: url("img/screen.jpg") repeat scroll 0 0 #F1F1F1;}

/*** Forms ***/
.with_frm_style .frm_form_fields input, #wpcontent .with_frm_style .frm_form_fields select, .with_frm_style .frm_form_fields select, .with_frm_style .frm_form_fields textarea {
	background: #f1f1f1 url('img/screen.jpg'); border: 1px dashed #000000!important; padding: 9px!important; 
	font-family: 'Coustard', serif; width: 90%!important;
}
.with_frm_style .frm_form_fields input:focus, .with_frm_style .frm_form_fields textarea:focus {
	border: #ff6461 solid 1px!important; background: #fff;
}
input:focus, textarea:focus {
    outline: none;
}
.with_frm_style label.frm_primary_label {
    font-weight: normal!important; font-size: inherit !important;
}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	#sidhuvud {
    	padding-bottom: 40px;
	}
	#logo {
			background: url(img/youwza_logo05x.png) no-repeat;
			width: 128px; height: 100px;
	}
	.menu-header {
			position: relative; left: 148px; top: 20px;
	}
	.menu-header li {
    	float: none;
    	padding: 0 0 0.4em;
	}
	.ingress {
		font-size: 1.2em; padding-bottom: .5em;
	}


}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

#logo {
		background: url(img/youwza_logo2x.png) no-repeat;
		width: 128px; height: 100px;
		background-size: 128px 100px;
	}