/*
Theme Name: Alsike tema
Theme URI: http://alsike.heligande.com/
Description: Tema skapat till Alsikesajten.
Version: 0.1
Author: Martin Janner
Author URI: http://martin.janner.se/
Tags: blue, custom header, fixed width, two columns, widgets
Text Domain: Alsike

	Alsike 0.1

	Temat designat och byggt av Martin Janner. Jag började med
	temat Kubrick, created by Michael
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

@import url("reset.css");
body {
	line-height:1.5;
}


/* @group typografi */

a {
	color:#168;
}
p {
	margin:0 0 10px;
	line-height:1.5;
}
p.date {
	font-size:11px;
	color:#666;
	margin-bottom:0;
}
h1 {
	font-size:24px;
	margin:0 0 10px;
}
h2 {
	font-size:18px;
	margin:18px 0 3px;
}
h2 a {
	text-decoration:none;
}
h2 a:hover {
	text-decoration:underline;
}
article > h2 {
	font-size:18px;
	margin:0 0 3px;
}
h3 {
	font-size:14px;
	margin:10px 0 3px;
}




/* @end */
/* @group forms */
label{
	display: block;
}
.wpcf7-list-item {
	display: block;
	padding-left: 2em;
}
.wpcf7-list-item input[type=radio] {
	margin-left: -2em;
}
/*label{
	float:left;
	width:120px;
	clear:left;
	font-weight:bold;
}
input[type=text] {
	border:1px solid #ccc;
	font-size:13px;
	width:200px;
}
textarea {
	border:1px solid #ccc;
	font-size:13px;
	width:300px;
	
}*/
input[type=submit] {
	border:1px solid rgb(2,60,97);
	font-size:13px;
	padding:5px 20px;
	color:white;
	background:  url('images/bg.header.png') repeat-x bottom;
	box-shadow: 1px 1px 8px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 1px 8px rgba(0,0,0,0.3);
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
input[type=submit]:hover {
	background:  url('images/bg.header.png') repeat-x top;
	box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
}


/* @end */


/* @group misc */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	margin: 0 0 2px 10px;
	display: inline;
}

img.alignleft {
	margin: 0 10px 2px 0;
	display: inline;
}

.alignright {
	float: right;
	clear:right;
}

.alignleft {
	float: left;
	clear:left;
}
.wp-caption {
	background:#f6f6f6;
	border:1px solid #eee;
	box-shadow: 1px 1px 8px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 8px rgba(0,0,0,0.1);
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin:-5px 5px 20px 15px;
}
.wp-caption img{
	padding:5px 5px 0;
}
.wp-caption-text{
	padding:0 5px 5px;
	margin:0;
	text-align:center;
	font-style:italic;
	font-size:12px;
	font-family:georgia,sans-serif;
}
.infoBox {
	background:#f3f3f3;
	border:1px solid #eee;
	padding:5px 10px;
	margin:-5px 5px 20px 15px;
	width:290px;
	float:right;
	font-size:12px;
	font-family:georgia,sans-serif;
	clear:right;
	box-shadow: 1px 1px 8px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 8px rgba(0,0,0,0.1);
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.infoBox h3 {
	font-family:'Lucida Grande', Arial, Sans-Serif;
	margin:0 0 3px;
	padding:0;
}
.infoBox p {
	margin:0;
	padding:0;
}

hr {
	display: block;
	height: 1px;
	border:0;
	border-top:1px solid #ccc;
	margin: 20px -10px 10px;
	overflow:hidden;
	color:#fff;
	clear:both;
}
article hr {
	margin: 0 -10px 10px;
}
body > hr{
	margin: 20px 0 10px;
	
}
.vcard {
	margin:10px -10px;
	line-height:1.5;
	padding:0 10px 10px;
	border-bottom:1px solid #ccc;
	overflow:hidden;
	display:block;
}
dt {
	width:110px;
	font-weight:bold;
}
dd {
	margin:-1.5em 0 0 120px;
	
}
dd span {
	display:block;
}

ul.catList{
	margin:10px -10px;
	padding:0;
	border-top:1px solid #ccc;
	list-style:none;
}
ul.catList li{
	margin:0;
	padding:10px;
	display:block;
	border-bottom:1px solid #ccc;
	color:#666;
	text-decoration: none;
}
ul.catList h3,ul.catList h2{
	margin-top:0
}
.navigation {
	margin:10px 0;
	padding:10px;
	border-bottom:1px solid #eee;
	border-top:1px solid #eee;
	overflow:hidden;
}


ul.linkList {
	margin:10px 0;
	padding:0;
	list-style:none;
}
ul.linkList li{
	margin:4px 0;
	padding:0;
}
ul.linkList a{
	padding:0 0 0 20px;
	background:url(/bilder/blog/arrow.gif) no-repeat 0 4px;
}
ul.linkList a.file{
	background:url(/bilder/docs/icon_generic.gif) no-repeat 0 ;
}
ul.linkList a.pdf{
	background:url(/bilder/docs/icon_pdf.gif) no-repeat 0 ;
}
ul.linkList a.doc{
	background:url(/bilder/docs/icon_doc.gif) no-repeat 0 ;
}
ul.linkList a.txt{
	background:url(/bilder/docs/icon_txt.gif) no-repeat 0 ;
}
ul.linkList a.ppt{
	background:url(/bilder/docs/icon_ppt.gif) no-repeat 0 1px ;
}
ul.linkList a.xls{
	background:url(/bilder/docs/icon_xls.gif) no-repeat 0 ;
}
ul.linkList a.youtube{
	background:url(/bilder/social/youtube_16.png) no-repeat 0 ;
}
ul.linkList a.twitter{
	background:url(/bilder/social/twitter_16.png) no-repeat 0 ;
}
ul.linkList a.flickr{
	background:url(/bilder/social/flickr_16.png) no-repeat 0 ;
}
ul.linkList a.facebook{
	background:url(/bilder/social/facebook_16.png) no-repeat 0 ;
}

/* @end */











/* @group ramverk */

body {
	font:13px 'Lucida Grande', Arial, Sans-Serif;
	background: #fff;
	color: #333;
}

header, footer, nav, section, article { 
	display:block; 
	zoom:1.0
}
header {
	background:  url('images/bg.header.png') repeat-x;
	padding:auto;
/*	box-shadow: 1px 1px 8px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.4);
	-webkit-box-shadow: 1px 1px 8px rgba(0,0,0,0.4);*/
	height:117px;
}
.header {
	width:900px;
	margin:0 auto;
	position: relative;
	z-index:20;
}
header .logo {
	margin:8px 18px 0
}
header .siteName{
	font:normal 24px/1.5 Sterling,sans-serif;
	position:absolute;
	left:100px;
	top:50px;
	position: absolute;
	color:white;
}
header .siteName a{
	color:white;
	text-decoration: none
}
header .siteDesc{
	font:italic 24px/1 Sterling,sans-serif;
	position:absolute;
	right:0px;
	text-align: right;
	top:30px;	
	position: absolute;
	color:white;
	width:250px
}
nav {
	position:absolute;
	left:90px;
	top:92px;
	z-index:2000;
}
nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	zoom:1.0
}
nav li {
	float:left;
	margin:0;
	padding:0;
	font-size: 12px;
	position:relative;
	zoom:1.0
}	
nav a {
	color:#fff;
	display:block;
	padding:6px 10px 0;
	height: 19px;
	line-height: 1;
	margin:0;
	text-decoration: none;
	text-shadow:1px 1px 2px rgba(0,0,0,0.4);
	-moz-text-shadow:1px 1px 2px rgba(0,0,0,0.4);
	-webkit-text-shadow:1px 1px 2px rgba(0,0,0,0.4);
	float:left;
	opacity:.85;
}
nav li ul {
	position:absolute;
	top:25px;
	left:0;
	white-space:nowrap;
	display:none;
	background:rgba(2,60,97,0.85);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c0023C61, endColorstr=#c0023C61);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c0023C61, endColorstr=#c0023C61);
	border:1px solid #ddd;
	border:rgba(0, 0, 0, 0.9);
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	box-shadow: 1px 1px 8px #888;
	-moz-box-shadow: 1px 1px 8px #888;
	-webkit-box-shadow: 1px 1px 8px rgba(0,0,0,0.4);
}
* html nav li ul {
	display:none;
}
nav li:hover{
	background:rgba(0, 0, 0, 0.2);
}
nav li:hover a{
	opacity:1;
}
nav li:hover ul {
	display:block;
}
nav li li {
	float:none;
	display:block;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;

}
nav li li a{
	padding:6px 25px 0 10px;
	float:none;
	
}

.nitRam {
	width:800px;
	margin: 20px auto;
	overflow:hidden;
}

aside {
	width:170px;
	float:left;
	padding:0 20px 0 10px;
	position:relative;
	top:7px;
}
aside h2{
	font-size:14px;
	margin:0;
	padding:0;
	background:  url('images/bg.header.png') repeat-x bottom;
	color:white;
}
aside ul li h2 a{
	color:white;
	opacity:.85;
}
aside ul li h2 a:hover{
	opacity:1;
}

aside ul{
	margin:0;
	padding:0;
	border-top:1px solid #ccc;
	list-style:none;
}
aside ul ul{
	border:0;
}
aside ul li{
	margin:0;
	padding:0;
}
aside ul li a{
	padding:10px 15px;
	display:block;
	border-bottom:1px solid #ccc;
	color:#666;
	text-decoration: none;
	zoom:1.0;
}
aside ul li a:hover{
	background:rgba(0, 0, 0, 0.05);
}
aside ul li.current_page_item > a{
	background:rgb(229, 235, 239);
}
aside ul li li li a{
	padding:10px 15px 10px 25px;
}
aside ul li li li li a{
	padding:10px 15px 10px 35px;
}
aside ul li li li li li a{
	padding:10px 15px 10px 45px;
}
aside ul li li li li li li a{
	padding:10px 15px 10px 55px;
}
section {
	overflow:hidden;
	padding:0 10px;
}
article {
	overflow:hidden;
	padding:10px;
}
article + article {
	border-top:1px solid #ddd;
}
article.uno {
	border-top:1px solid #ddd;
	float:left;
	margin-right:0px;
	width:269px;
}
article.dos{
/*	float:left;
	width:269px;*/
	border-left:1px solid #ddd;
	overflow:hidden;
}
article.tres{
	clear:both;
}
.byline {
	text-align:right;
	font-size:12px;
	font-style:italic;
}
.moreLink {
	text-align:right;
	font-size:12px;
}
 .moreLink a {
	padding:0 0 0 14px;
	background:url(/bilder/blog/arrow.gif) no-repeat 0 4px;
}
footer {
	width:850px;
	padding:10px;
	margin:0 auto;
}
footer p {
	margin: 0;
	padding:0;
}
footer ul {
	margin:0;
	padding:0;
	overflow:hidden;
	list-style:none;
}
footer li{
	padding:1px 10px 1px 0;
	border:0;
	float:left;
}
footer li + li{
	padding:1px 10px;
	border-left:1px solid #333
}

/* @end */