/*  Theme Name: Gabbe
	Theme URI: http://salmiakmedia.se/
	Description: Theme created for freelance journalist Gabriel Stille
	Version: 1.0
	Author: Salmiak Media - Alfred Gunnarsson
	Author URI: http://www.salmiakmedia.se/
*/





body {
	background: url('pics/bg.png') #e6e4d2;
	padding: 10px;
	color: #272726;
}

.alignleft {
	float: left;
	margin-right: 10px;
	margin-top: 7px;
}
.alignright {
	float: right;
	margin-left: 10px;
	margin-top: 7px;
}
.aligncenter {
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}

a {
	text-decoration: none;
	color: #ae1c3e;
}

	a img {
		border: 0;
	}

h1 {font: normal normal 36px/38px georgia, palatino, serif; margin-top: 30px;}
h2 {font: normal normal 30px/32px georgia, palatino, serif; margin-top: 25px;}
h3 {font: normal normal 25px/27px georgia, palatino, serif; margin-top: 20px;}
h4 {font: normal normal 21px/22px georgia, palatino, serif; margin-top: 15px;}
h5 {font: normal normal 18px/19px georgia, palatino, serif; margin-top: 10px;}
h6 {font: normal normal 16px/17px georgia, palatino, serif; margin-top: 10px;}

blockquote {font-style: italic; background:#EEE; padding: 12px 12px 1px 12px;}

input[type=text] {
	border-top: solid 1px #777;
	border-bottom: solid 1px #AAA;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	-moz-box-shadow: inset 0px 1px 5px rgba(0,0,0,0.2); 
	box-shadow: inset 0px 1px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.2);
	
	background: #fdfdfd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 3px;
}
input[type=submit] {
	border-top: solid 1px #777;
	border-bottom: solid 1px #AAA;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2), inset 0px -1px 1px rgba(0,0,0,0.2); 
	box-shadow: 0px 1px 2px rgba(0,0,0,0.2), inset 0px -1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2), inset 0px -1px 1px rgba(0,0,0,0.2);
	
	background: #fdfdfd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 4px 6px;
}


.clear {
	height: 20px;
}


article, aside {
	background: #fefefd;
	position: relative;
	-moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.2); 
	box-shadow: 0px 1px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.2);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}



header {
	//min-height: 20px;
	position: relative;
	// margin-bottom: 40px;
	// border: dashed 1px #999;
}

	header #title {
		margin-top: 10px;
		font: normal normal 52px/57px Georgia, sans-serif;
		margin-top: 20px;
	}

	header #title a {
		position: relative;
		//bottom: 2px;
		text-decoration: none;
		color: inherit;
	}
	
	header .clear {
		height: 0px;
	}
	
nav {
	display: block;
	border-bottom: solid 1px #272726;
	border-top: solid 4px #272726;
	font: bold 15px/27px Helvetica, Arial, serif;
	margin-bottom: 5px;
}

	nav ul {
		margin: 0px;
	}

		nav ul li {
			list-style: none;
			display: inline-block;
			margin: 0px 5px;
		}

			nav ul li a {
				text-decoration: none;
				color: inherit;
			}
			
	nav .rss-link {
		float: right;
		margin: 2px 7px 0 0;
	}
	
aside.toppwidget {
	background: none;
//	border: solid 1px #d1cfbc;
	position: relative;
	-moz-box-shadow: none; 
	box-shadow: none;
	-webkit-box-shadow: none;
	vertical-align: bottom;
}


	aside.toppwidget .holder {
		padding: 10px;
		// height: 80px;
		// border: solid 1px #d1cfbc;
	}
	
	aside.toppwidget p {
		margin: 0px;
	}
		
	aside.widget .citat, aside.toppwidget .citat {
		display: block;
		float: left;
		height: 42px;
		margin: 0px 0px 0px -15px;
		font: normal normal 103px/22px georgia, serif;
		// color: #888;
	}
		
	aside.widget .cap, aside.toppwidget .cap {
		display: block;
		float: left;
		height: 32px;
		margin: -3px 5px 0px 0px;
		font: normal normal 43px georgia, palatino, serif;
		// color: #888;
	}


aside.widget {
	font-size: 11px;
}

	aside.widget .holder {
		padding: 10px;
		// height: 80px;
		// border: solid 1px #d1cfbc;
	}

		aside.widget .holder h2 {
			font: normal normal 16px/17px Georgia, serif;
			border-bottom: solid 1px #000;
			padding-left: 3px;
			padding-bottom: 3px;
			margin-top: 0px;
			margin-bottom: 7px;
		}

	aside.widget form {
		margin-bottom: 0px;
	}
	
	aside.widget .screen-reader-text {
		display: none;
	}
	
	aside.widget p {
		margin: 0px;
	}
	
	aside.widget ul {
		list-style: none;
		margin: 0;
	}
	
		aside.widget ul li {
			margin: 0 3px 3px 3px;
		}
		
		aside.widget ul li:last-child {
			margin-bottom: 1px;
		}
	
		/* Specialwidgetlösningar */
		
		aside.widget .textwidget img {
			float: left;
			margin: 0px 10px 10px 0;
		}
	
		aside.widget ul li.grMore {
			text-align: right;
		}
		
		aside.widget_tag_cloud .holder div {
			text-align: center;
		}
	
article {
}

	article.category-portfolio {
		-moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.2); //inset 1px 0px 0px #ae1c3e; 
		box-shadow: 0px 1px 5px rgba(0,0,0,0.2); //inset 1px 0px 0px #ae1c3e;
  		-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.2); // inset 1px 0px 0px #ae1c3e;
	}

	article .cap {
		display: block;
		float: left;
		height: 32px;
		margin-top: -3px;
		font: normal normal 43px georgia, palatino, serif;
		margin-right: 5px;
		// color: #777;
	}

	article .category {
		position: absolute;
		top: 30px;
		right: -2px;
		margin: 0;
		padding: 4px 0px 2px 10px;
		width: 152px;
		background: #9a1f07;
		color: #FFF;
		font: normal normal 15px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-weight: 400;
		letter-spacing: 2px;
		text-transform: uppercase;
		// border-right: solid 1px #8e1a06;
		-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.2); 
		box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
		-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.2), inset -3px 0px 2px rgba(0,0,0,0.3);
		-webkit-border-top-left-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-bottomleft: 3px;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
		-webkit-border-top-right-radius: 1px;
		-webkit-border-bottom-right-radius: 1px;
		-moz-border-radius-topright: 1px;
		-moz-border-radius-bottomright: 1px;
		border-top-right-radius: 1px;
		border-bottom-right-radius: 1px;
	}

		article .category a {
			color: inherit;
			text-decoration: none;
		}

	article section .holder {
		padding: 50px 220px 25px 40px;
	}

		article section .holder img {
			max-width: 470px;
			height: auto;
		}
		
		article section .holder .title {
			font: normal normal 30px/32px Georgia, serif;
			margin-bottom: 20px;
			margin-top: 0px;
		}
	
			article section .holder .title a {
				color: inherit;
				text-decoration: none;
			}
	
	article section .topimg {
		dispaly: block;
		float: right;
		margin: 45px -220px 10px 10px;
	}
	
	article aside {
		color: #777;
		float:right;
		width: 160px;
		display: block;
		margin-right: -220px;
		margin-top: 40px;
		clear: right;
		border-left: dotted 1px #777;
		background: none;
		-moz-box-shadow: none; 
		box-shadow: none;
		-webkit-box-shadow: none;
	}
	
		article aside .holder {
			padding: 5px 10px 10px 10px;
		}
		
		article aside .date {
			font: normal normal 36px/36px Georgia, serif;
		}
		
		article aside .comments {
			margin-top: 10px;
			font: normal normal 14px/21px Georgia, serif;
		}
		
			article aside .comments a {
				text-decoration: none;
			}
		
		article aside .tags {
			margin-top: 10px;
			font: bold normal 14px/20px Helvetica, Arial, sans-serif;
			text-transform: uppercase;
		}
		
			article aside .tags ul li {
				list-style: none;
				display: inline-block;
				margin: 0;
				padding: 1px 4px 0px 4px;
				background: #777;
				color: #FFF;
				font: normal normal 10px/16px Helvetica, Arial, sans-serif;
				text-transform: uppercase;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
				border-bottom: solid 1px #555;
			}
		
			article aside .tags ul li a {
				color: inherit;
				text-decoration: none;
			}
			
		article aside .addthis_toolbox * {
			display: inline-block;
		}
		
		article aside .postEdit {
			display: inline-block;
			padding: 2px 5px;
			background: #9a1f07;
			color: #FFF;
			font: bold normal 13px/19px Helvetica, Arial, sans-serif;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			border-bottom: solid 1px #bbb;
			margin-top: 10px;
		}
		
aside.comments {
}

	aside.comments .holder {
		padding: 25px;
	}
	
	aside.comments h3 {
		margin-top: 0px;
		border-bottom: solid 1px #000;
		padding-bottom: 5px;
		margin-bottom: 15px;
	}
	
	aside.comments ul li {
		list-style: none;
		margin-left: 0px;
//		border-bottom: dotted 1px #000;
		margin-bottom: 20px;
		clear: both;
		position: relative;
	}
	
		aside.comments ul li .avatar {
			float: left;
			margin: -0px 7px 30px 0px;
			-webkit-border-radius: 41px;
			-moz-border-radius: 41px;
			border-radius: 41px;
			overflow: hidden;
			position: relative;
		}
	
		aside.comments ul li .commentMeta {
			display: block;
			background: #CCC;
			font: normal normal 12px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
			padding: 1px 5px 0px 35px;
			margin: 27px -25px 10px 30px;
		}
	
		aside.comments ul li p {
			padding: 0px 5px 0px 65px;
			margin-bottom: 10px;
		}
		
			
	aside.comments form p {
		margin-bottom: 2px;
	}
	
	aside.comments input {
		width: 200px;
		border: solid 1px #777;
		background: #fdfdfd;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 3px;
		margin-right: 5px;
	}
	
	aside.comments textarea {
		width: 350px;
		border: solid 1px #777;
		background: #fdfdfd;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 5px;
	}
	
	aside.comments .subscribe-to-comments {
		margin-top: 15px;
	}
			
			
.indexNav {
	display: block;
	background: #FFF;
	width: 60px;
	height: 60px;
	text-align: center;
	font: normal normal 40px/55px Georgia, serif;
	-moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.2); 
	box-shadow: 0px 1px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.2);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

	.indexNav:hover {
		-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4); 
		box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
		-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
	}

footer {
	text-align: center;
	padding-top: 5px;
	border-top: solid 1px #000;
	margin-bottom: 30px;
}	
	

/* --- SPECIAL FOR BUSINESS CARD TEMPLATE --- */

	
.page-template-businesscard-php header, 
.page-template-businesscard-php nav, 
.page-template-businesscard-php aside.widget, 
.page-template-businesscard-php footer {
	display: none;
}		

.page-template-businesscard-php article.businesscard {
	margin-top: 100px;
}

.page-template-businesscard-php article.businesscard .wp-post-image {
	margin: 10px 10px 0px -2px;
	
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4); 
	box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
	
	float: left;
}

article.businesscard .holder {
	padding: 10px 20px 25px 40px;
}		 

.page-template-businesscard-php article.businesscard h1 {
	margin-top: 15px;
}		 

.page-template-businesscard-php article.businesscard p {
	margin: 0px;
}

.page-template-businesscard-php article nav {
	display: block;
	border-bottom: 0px;
	margin: 0px 0px 2px 0px;
	
	background: #FFFFFF;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(#EEEEEE, #FFFFFF);
	background: linear-gradient(#EEEEEE, #FFFFFF);
}

.page-template-businesscard-php article nav .menu {
	margin: 0 5px;
}