/*
THEME NAME: Fröjd Theme
THEME URI: http://www.frojd.se/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 0.1
AUTHOR: Peter Antonius
AUTHOR URI: http://www.frojd.se/
TAGS: fröjd
*/

/* Reset
---------------------------------------------*/
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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* Global Structure
---------------------------------------------*/
html {
	font-size:125%;
	background:#333;

	}
body {
	font:50%/1.5 Georgia, "Times New Roman", Times, serif;
	background:url(Images/frojd_header_background.jpg) no-repeat #fff;
	color:#464646;
	}
header#banner {
	display:block;
	}
header#banner img {
	display:block;
	padding:10px 0 0 96px;
	}
header#banner h1 {
	margin:0;
	padding:0;
	}
section#container {
	display:block;
	width:940px;
	padding:0 10px;
	margin:0 auto 20px;
	overflow:hidden;
	}
section#main {
	display:block;
	width:620px;
	margin:0 10px;
	float:left;
	}
aside#featured {
	display:block;
	width:220px;
	margin:0 10px 0 70px;
	float:left;
	}
footer#contentinfo {
	display:block;
	clear:both;
	color:#929999;
	background:#333;
	font-size:1.2em;
	text-shadow:0 0 2px rgba(0,0,0,0.9);
	border-top:1px solid #282828;
	}

/* Typography
---------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	/*font-family:"Helvetica Neue", Helvetica, Arial, Tahoma, sans-serif;*/
	font-family:Arial, Tahoma, sans-serif;
	color:#2B2B2B;
	}
h1 {
	/*font:700 3em/1 "Helvetica Neue", Helvetica, Arial, Tahoma, sans-serif;*/
	font:700 3em/1 Arial, Tahoma, sans-serif;
	margin:20px 0 10px;
	letter-spacing:-1px;
	color:#000;
	}
h1 a {
	color:#000;
	text-decoration:none;
	}
h1 a:hover {
	text-decoration:underline;
	}

h2, h3 {
	/*font:700 1.2em/1 "Helvetica Neue", Helvetica, Arial, Tahoma, sans-serif;*/
	font:700 1.2em/1 Arial, Tahoma, sans-serif;
	text-transform:uppercase;
	}

.page-template-project-php header h2 {
	/*font:700 1.8em/1 "Helvetica Neue", Helvetica, Arial, Tahoma, sans-serif;*/
	font:700 1.8em/1 Arial, Tahoma, sans-serif;
	}




p {
	font-size:1.4em;
	line-height:1.4em;
	margin-bottom:1.4em;
	color:#333;
	}
p a {
	background:#ffc;
	color:#000;
	text-decoration:none;
	}
p a:hover {
	background:#ffdf00;
	color:#000;
	text-decoration:none;
	}
p img {
	margin:1.4em 0;
	}
.initial {
	color:#000;
	display:inline;
	float:left;
	font-size:3.04em;
	font-weight:400;
	line-height:0.85em;
	margin:0.05em 0.05em 0 -1px;
	text-transform:uppercase;
	}
.small-cap {
	font-size:0.8em;
	text-transform:uppercase;
	}
.quote,
.amp {
	font:400 italic 1.1em Palatino,Baskerville,Georgia,"Times New Roman",sans-serif;
	}

#searchform  {
	padding-top:20px;
	}
#searchform fieldset  {
	overflow:hidden;
	position:relative;
	margin-top:4px;
	}
#searchform input#s {
	border:1px solid #ccc;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background:#fff;
	padding:4px 8px;
	width:200px;
	}
#searchform .button {
	position:absolute;
	top:4px;
	right:5px;
	}

body.search .entry-meta {
	display:none;
}
body.search .entry-date {
	overflow:hidden;
	padding:4px 10px;
	margin:0 0 20px 0;
	border:1px solid #e9e9e9;
	border-top:1px solid #e4e4e4;
	border-bottom:1px solid #eeeef0;
	text-transform:uppercase;
	/*font:700 .9em/2em "Helvetica Neue", Helvetica, Arial, Tahoma, sans-serif;*/
	font:700 .9em/2em Arial, Tahoma, sans-serif;
	color:#ababab;
	text-shadow:0 1px 0 #fff;
	padding-left:32px;
	background:url(Images/icon-time.png) no-repeat 10px 5px #f2f2f2;
	
}

article.post footer {
	margin:0 0 40px;
	overflow:hidden;
	display:block;
	}
article.post footer div time {
	float:left;
	}
body.search .post, body.search .page {
	margin-bottom:60px;
}
body.search .navigation {
	margin-bottom:20px;
}

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

a {
	/*font-size:1.4em;*/
	color:#000;
	text-decoration:underline;
	}

/* Aside
---------------------------------------------*/
aside nav {
	display:block;
	overflow:hidden;
	margin:21px 10px 0 0;
	}
aside nav ul li {
	margin:0 10px 0 0;
	padding:0 4px;
	}
aside nav ul li a {
	font-size:1.4em;
	color:#000;

	text-decoration:underline;
	}

aside nav ul li.current_page_item {
	font-style:italic;
	font-weight:700;
	}


/* Article Footer
---------------------------------------------*/
a.more-link {
	background:none;
	text-decoration:none;	
	display:inline-block;
	-moz-border-radius:15px;
	background:#000;
	padding:3px 10px;
	/*font:700 9px "Helvetica Neue", Helvetica, Arial, Tahoma, sans-serif;*/
	font:700 9px Arial, Tahoma, sans-serif;
	text-transform:uppercase;
	color:#fff;
	}
article.post footer {
	margin:0 0 40px;
	overflow:hidden;
	display:block;
	clear:both;
	}
article.post footer div {
	overflow:hidden;
	padding:4px 10px;
	margin:0 0 20px 0;
	border:1px solid #e9e9e9;
	border-top:1px solid #e4e4e4;
	border-bottom:1px solid #eeeef0;
	background:#f2f2f2;
	-moz-border-radius:4px;
	-moz-box-shadow:0 1px 0 #fff;
	-webkit-border-radius:4px;
	-webkit-box-shadow:0 1px 0 #fff;
	text-transform:uppercase;
	/*font:700 .9em/2em "Helvetica Neue", Helvetica, Arial, Tahoma, sans-serif;*/
	font:700 .9em/2em Arial, Tahoma, sans-serif;
	color:#ababab;
	text-shadow:0 1px 0 #fff;
	}
article.post footer div time {
	float:left;
	padding-left:22px;
	background:url(Images/icon-time.png) no-repeat;
	}
article.post footer div ul {
	float:right;
	background:url(Images/icon-tags.png) no-repeat;
	padding-left:12px;
	}
article.post footer div ul li {
	float:left;
	padding-left:6px;
	}
article.post footer div ul li a {
	color:#ababab;
	text-decoration:none;
	}
article.post footer div ul li a:hover {
	text-decoration:underline;
	}
article.post footer div ul li a:after {
	content:", ";	
	}
article.post footer div ul li:last-child a:after {
	content:none;
	}

/* Footer
---------------------------------------------*/
footer#contentinfo .contact-information {
	padding:20px 0;
	overflow:hidden;
	margin:0 auto;
	width:960px;
	display:block;
	}
footer#contentinfo .contact-information .vcard,
footer#contentinfo .contact-information .navigation,
footer#contentinfo .contact-information .news {
	width:220px;
	float:left;
	margin:10px 10px;
	font-style:normal;
	display:block;
	/* display:none; */
	}
footer#contentinfo .contact-information .org,
footer#contentinfo .contact-information strong {
	display:block;
	font:400 1.6em/1 Georgia, Arial;
	border-bottom:1px solid #929999;
	color:#e9f0f0;
	padding:0 0 6px 0;
	margin:0 0 6px 0;
	text-shadow:0 0 2px rgba(0,0,0,1),0 0 8px rgba(225,225,225,.4);
	}
footer#contentinfo a {
	color:#d5dede;
	}
footer#contentinfo a:hover {
	text-decoration:none;
	}
footer#contentinfo .contact-information .org span {
	display:none;
	}
footer#contentinfo .contact-information .adr {
	margin-bottom:1.2em;
	}
footer#contentinfo .contact-information .country-name {
	display:none;
	}
footer#contentinfo .contact-information .postal-code {
	display:inline;
	}
footer#contentinfo .contact-information .postal-code:after {
	content: ",";
	}
footer#contentinfo .contact-information .locality {
	display:inline;
	}
footer#contentinfo .legal {
	color:#a4afb3;
	font-size:1em;
	padding:10px;
	margin:0;
	text-align:center;
	}
.coworkers .vcard {
	border-top:1px solid #ccc;
	}
.coworkers .vcard {
	font-size:1.2em;
	border-bottom:1px solid #ccc;
	display:none;
	}
.coworkers .vcard .street-address,
.coworkers .vcard .postal-code,
.coworkers .vcard .locality,
.coworkers .vcard .country-name {
	display:none;
	}
.coworkers .vcard .fn {
	display:inline;
	font-weight:700;
	}
.coworkers .vcard .role {
	display:inline;
	}
.coworkers .vcard .fn:after {
	content:", ";
	}


.cms {
	padding:40px 0 10px;
	}
.cms h3 {
	padding:0 0 10px;
	}

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