/*  
Theme Name: Salmiak Media
Theme URI: http://www.salmiakmedia.se/
Description: Theme created for Salmiak Media
Version: 5.0
Author: Salmiak Media - Alfred Gunnarsson
Author URI: http://www.salmiakmedia.se/

*/


* {margin: 0; padding: 0;}

body {
	background: #f0b300 url('pics/bg.png');
	background-repeat:repeat-y;
	background-position:center top;
	padding: 0;
	font: bold 10px Helvetica;
}

a {
	text-decoration: none;
}

a * {
	border: none;
}

.alignright {
	float: right; 
	margin-left: 10px !important;
}

.alignleft {
	float: left; 
	margin-right: 10px !important;
}

#head {
	margin: 80px auto 0 auto;
	width: 80%;
	display: block;
	text-align: left;
	padding-bottom: 17px;
	border-bottom: dashed 1px #000;
	position: relative;
}

	#head .logo {
		float: left;
		display: block;
		margin: 0px 20px 10px 30px;
	}

	#head .title {
		font: bold 45px Futura, Helvetica, Arial, sans-serif;
		line-height: 60px;
		letter-spacing: -2px;
		text-transform: uppercase;
		color: #FFF;
		margin: 30px 0 0 0;
		display: block;
	}
	
	#head .description {
		font: italic 15px Georgia, serif;
		line-height: 17px;
		font-weight: 100;
		color: #000;
		display: block;
	}
	
	#head .menu {
		display: block;
		float: right;
		height: 100%;
		margin-right: 30px;
	}
	
	#head .menu ul {
		list-style: none;
	}
	
	#head .menu ul li {
		list-style: none;
		margin: 5px 0 5px 10px;
		font: italic 12px Georgia, serif;
		line-height: 17px;
		font-weight: 100;
		color: #000;
		display: inline;
		
	}
	
	#head .menu ul li a {
		color: #000;
	}
		
		
	

#wrapper {
	position: relative;
	margin: 10px auto 40px auto;
	width: 85%;
}

.box {
	float: left;
	display: inline-block;
	position: relative;
	margin: 5px;
	background: #EEE;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

	.home .box, .box.topimg {
		background: none;
	}

	.box img {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		display: block;
	}
	
	.box h2 {
		font: 25px  Futura, Helvetica, Arial, sans-serif;
		margin: 10px 20px;
		color: #000;
	}

.box.archive {
	background: none;
	font: 14px Georgia, serif;
	line-height: 20px;
	margin-bottom: 10px;
	border-bottom: dashed 1px #000;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
	
	.box.archive .image {
		margin: 5px 10px 20px 0;
		float: left;
	}
	
	.box.archive .content {
		display: block;
		margin: 0 10px 20px 140px;
	}
	
	.box.archive h2 {
		margin: 5px 0px;
	}
	
	.box.archive .date {
		font-size: 12px;
	}
		

.col1 {width: 120px;}
.col2 {width: 250px;}
.col3 {width: 380px;}
.col4 {width: 510px;}

.box.content {
	background: none;
	font: 14px Georgia, serif;
	line-height: 20px;
	margin-bottom: 20px;
}

	.box.content p {
		margin: 10px 20px;
	}

	.box.content h1 {
		font: 35px  Futura, Helvetica, Arial, sans-serif;
		margin: 10px 20px;
	}
	
	.box.content a {
		color: #fff;
	}
	
	.box.content img {
		max-width: 470px;
		height: auto;
		margin: 10px 0;
	}
	
	.box.content .wp-caption {
		margin: 10px 20px;
		font: 12px Futura, Helvetica, Arial, sans-serif;
		max-width: 470px;
		height: auto;
	}

	.box.content .gallery {
		margin: 0px 20px !important;
	}
	
.box.share {
	background: none;
	margin-top: -15px;
}

.box.comments {
	background: none;
	font: 12px Georgia, serif;
	line-height: 16px;
}

	.box.comments p {
		margin: 5px 20px;
	}

	.box.comments a {
		color: #fff;
	}

	.box.comments h2 {
		font: 25px  Futura, Helvetica, Arial, sans-serif;
		margin: 5px 20px;
	}

	.box.comments h3 {
		font: 14px  Futura, Helvetica, Arial, sans-serif;
		margin: 5px 20px;
	}
	
	.box.comments ul {
		list-style: none;
	}
	
	.box.comments li {
		margin: 0 0 20px 0;
	}
	
	.box.comments .commentsmeta {
		font-size: 10px;
	}
	
	.box.comments input {
		width: 250px;
		background: #EEC;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border: solid 1px #FFF;
		padding: 3px;
		margin-bottom: 5px;
		margin-right: 5px;
	}
	
	.box.comments textarea {
		width: 470px;
		background: #EEC;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border: solid 1px #FFF;
		padding: 3px;
	}
	
	.box.comments .avatar {
		float: left;
		margin: 0 10px 0 20px;
	}
	

.nav {
	text-align: center;
	height: 25px;
	display: block;
	position: fixed;
	bottom: 5px;
	right: 0px;
	margin: 5px -5px;
	background: #FFF;
	padding-left: 15px;
	padding-right: 15px;
	
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.nav h2 *{
	font: italic 16px Georgia, serif;
	text-decoration: none;
	color: #333;
	line-height: 25px;
}


.foot {
	text-align: left;
	height: 25px;
	display: block;
	position: fixed;
	bottom: 5px;
	left: 0px;
	margin: 5px 0px;
	padding-left: 12px;
	padding-right: 17px;
	background: #FFF;
	
	font: italic 16px Georgia, serif;
	text-decoration: none;
	color: #333;
	line-height: 25px;
	
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

    .foot a {color: #000;}