/*
Theme Name: Blogkollektivet
Theme URI: http://blogkollektivet.dk/
Description: Blogkollektivets første danske theme.
Version: 0.1
Author: BlogKollektivet
Author URI: http://blogkollektivet.com/
Tags: blogkollektivet
*/

* {
	outline: none;
}

body {
  margin: 0;
  background: #edf8fb url(images/Body-Background.png) repeat-x;
  font: 12px trebuchet ms,sans serif;
}

a { color: #37525d; }
a img { border: 0; }

h1, h2, h3, h4, h5, ul, li, p { margin: 0; padding: 0; }
h1 { padding: 10px 0 0 48px; }
h2 { color: #5f7883; font-size: 16px; }
h2 a { text-decoration: none; display: block; padding: 2px; padding-left: 8px; }
h3 { color: #5f7883; font-size: 12px; font-family: verdana; margin-bottom: 2px; }
h4 { color: #5f7883; font-size: 13px; font-family: verdana; }
h5 { color: #5f7883; font-size: 13px; font-family: verdana; margin-left: 30px; margin-bottom: 15px; font-size: 15px; }

div#welcome { float: left; width: 600px; }

p.header, p.description { color: #FFFFFF; width: 683px; font-size: 13px; }
p.header { font-size: 16px; font-weight: bold; margin-left: 10px; margin-top: 7px; }
p.description { margin-left: 10px; margin-top: 5px; line-height: 20px; }

.clearfix { clear: both; font-size: 1px; height: 0; }

div#who { margin-top: -5px; margin-left: 7px; width: 1032px; position: absolute; height: 107px; background: url(images/Who-Background.png) no-repeat; }
div#who ul { list-style: none; }
div#who ul li { float: right; }
div#who ul li img { cursor: pointer; float: left; }
div#who ul li p { float: left; height: 107px; margin-left: -5px; background: url(images/tabs/Who-Tabs-Backgrounds.png); width: 653px; display: none; line-height: 18px; }
div#who ul li p span { display: block; float: left; width: 560px; margin-top: 17px; color: #FFFFFF; }
div#who ul li p span a { text-decoration: none; }
div#who img.photo { padding-top: 16px; margin-left: 2px; margin-right: 6px; }

div.padding { padding-top: 110px; }

div#site {
  width: 1046px;
  margin: auto;
  margin-bottom: 20px;
}

div#header {
  background: url(images/Header-Background.png) no-repeat;
  height: 97px;
}

div#content {
  background: url(images/Content-Background.png) repeat-y;
}

div#footer {
  background: url(images/Footer-Background.png) no-repeat;
  height: 13px;
}


.navigation {
	width: 550px;
	padding-left: 50px;
	text-align: center;
	border: solid 0px black;	
	margin-top: 10px;
	margin-bottom: 60px;
}

.alignright {
	width: 250px;
	border: solid 0px black;	
	float: right;
}

.alignleft {
	width: 250px;
	border: solid 0px black;
	float: left;
}


div#sidebar { float: right; width: 365px; margin-top: 10px; }
div#sidebar div.widget { margin-bottom: 20px; margin-right: 15px; }
div#sidebar ul { list-style: none; margin-top: 5px; }
div#sidebar ul li { background: url(images/List-Bullet.png) no-repeat 0 7px; padding-left: 11px; margin-left: 10px; padding-bottom: 2px; }
div#sidebar ul li a { text-decoration: none; }
div#sidebar ul li a:hover { text-decoration: underline; }

div#data { float: left; width: 680px; }

div.post { width: 620px; color: #5f7883; margin: 21px; margin-top: 10px; margin-left: 28px; }
div.post div.top { background: url(images/Post-Top-Background.png) no-repeat; height: 14px; }
div.post div.middle { background: url(images/Post-Middle-Background.png) repeat-y; padding-left: 10px; padding-right: 10px; }
div.post div.bottom { background: url(images/Post-Bottom-Background.png) no-repeat; height: 14px; }
div.post div.info a { text-decoration: none; }
div.post div.info { margin-top: -17px; padding-top: 20px; background: url(images/Post-Arrow.png) no-repeat 84px 0; height: 35px; font-weight: bold; color: #4d7c85; font-size: 11px; }
div.post div.info span.author { margin-left: 105px; }
div.post div.info div.comments { float: right; margin-right: 10px; }
div.post p { padding: 0 0 15px 0; line-height: 19px; }
div.post div.date { position: absolute; margin-left: -77px; margin-top: 0px; background: url(images/arrows/Arrow-pink.png); width: 77px; height: 44px; }
div.post div.date div { margin-left: -35px; padding-top: 7px; color: #FFFFFF; text-align: center; line-height: 14px; font-weight: bold; }
div.post ul { margin-left: 30px; }
div.post blockquote { background: #eff6f8; margin: 20px; margin-top: 0; padding: 10px; font-style: italic; }
div.post blockquote p { margin: 0; padding: 0; }

div.post div.date.pink { background: url(images/arrows/Arrow-Pink.png); }
div.post div.date.blue { background: url(images/arrows/Arrow-Blue.png); }
div.post div.date.green { background: url(images/arrows/Arrow-Green.png); }
div.post div.date.purple { background: url(images/arrows/Arrow-Purple.png); }
div.post div.date.yellow { background: url(images/arrows/Arrow-Yellow.png); }
div.post div.date.orange { background: url(images/arrows/Arrow-Orange.png); }

div#comments { width: 615px; margin: auto; color: #5f7883; }

div.comment { width: 527px; float: left; }
div.comment div.top { background: url(images/Comment-Top-Background.png); height: 8px; }
div.comment div.middle { background: url(images/Comment-Middle-Background.png); min-height: 77px; }
div.comment div.middle p { padding: 3px 13px 3px 13px; }
div.comment div.bottom { background: url(images/Comment-Bottom-Background.png); height: 8px; }

div#comments div.info { width: 85px; float: left; }
div#comments div.info div.name { font-size: 10px;}
div#comments div.info div.date { font-size: 10px;}
div#comments div.info img { border: solid 3px #e1edf1; }
div#comments div.arrow { position: absolute; margin-left: -15px; width: 31px; height: 27px; background: url(images/Comment-Arrow.png); }

form#commentform { width: 460px; padding: 10px; margin: auto; background: #eff3f4; }
form#commentform p { margin: 6px; }