/*
Theme Name: Manshow
Theme URI: http://manshow.no/
Description: Manshow
Version: 1.0
Author: P?l Berge / BjËrnar Tollaksen
Author URI: http://manshow.no/
Tags: blue, custom header, fixed width, two columns, widgets


*/


/* By Eric Meyer, with some adjustments: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

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,
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%;
	font-family: inherit;
	vertical-align: baseline;
	}

img { -ms-interpolation-mode: bicubic; }

/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	color: black;
	/* list-style: none; */
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

blockquote {
	padding-right: 1em;
	padding-left: 2em;
	color: #313131;
}

/* Begin Typography & Colors */

body {
	font-size: 100%; /* Resets 1em to 10px */
	font-family: 'Myriad Pro', 'Myriad Pro Regular', Myriad, 'Trebuchet MS', TrebuchetMS, Arial, Sans-Serif;
	background: #FFF;
	color: #000;
	text-align: left;
	margin: 0;
	}
	

h1, h2, h3 {
	font-weight: normal;
	font-style: normal;
}

h2 {
	font-size: 1.7em;
}

h2.pagetitle {
	width: 600px;
	margin: 4em auto 2em;
	text-align: center;
	
}

h3 {
	font-size: 1.3em;
}


p, ul, ol {	line-height: 1.5em;	}

/* Link colors */

a {
	color: #1d4681;
}

a:visited {
	color: #1d4681;
}


/* DIVERSE */

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



/* HEADER */


#header {
	width: 1020px;
	margin: 0 auto 4em;
	margin-top: 2em;
}

#header h1 {
	font-size: 2.5em;
	margin: 0;
	padding-top: 1.1em;
}

#banner {
	width: 100%;
	border: solid 1px #959595;
	margin-bottom: 1em;
}

/* PAGES */

#sites {
	background-image: url(/images/sitespiczor.jpg);
	border: solid 1px #959595;
	padding: 0.5em 0.8em 0.3em;
	margin-bottom: 1.5em;
	width: 996px;
}

#sites ul {
	list-style: none;
}

#sites ul li {
	display: inline;
	text-transform: uppercase;
}

#sites ul li a {
	font-weight: bold;
	color: #11294d;
	padding: 0 2em;
	text-decoration: none;
}


/* MENY */

#comment-header {
	float: left;
	width: 310px;
	padding: 0 0.7em 0 0;

}

#flickr {
	float: left;
	text-align: center;
	width: 320px;
	padding: 0 1.5em;
	border-right: solid 1px #959595;
	border-left: solid 1px #959595;
}

#links {
	margin-left: 690px;
	padding-left: 1.5em;
}

.clear {
	clear: both;
}


/* FLICKR */

#flickr h3 {
	font-size: 1.1em;
	font-weight: normal;
	margin: 0.5em 0 0.5em;
	text-align: center;
}

#flickr ul {
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}

#flickr ul li {
	display: inline;
}

#flickr img {
	margin: 2px;
	clear: left;
}


/* KOMMENTARER */

#comment-header h3 {
	font-size: 1.1em;
	font-weight: normal;
	margin: 0.5em 0 1em;
	text-align: center;
}

#comment-header ul {
	list-style: none;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}

#comment-header ul li {
	list-style-type: none;
}


/* NEWS */

#links h3 {
	font-size: 1.1em;
	font-weight: normal;
	margin: 0.5em 0 1em;
	padding-top: 0.3em;
	text-align: center;
}

#links ul {
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	list-style-type: disc;
}

#links ul li {
	display: inline;

}

/* 404 */

.404 h2 {
	text-align: center;
	border: none;
}


/* SPACER */

#spacer {
	height: 60px;
}


/* CONTENT */

#content, #spacer {
	width: 600px;
	padding: 0 1.5em;
	margin: 0 auto;
	border-left: solid 1px #959595;
	border-right: solid 1px #959595;
}


#content .post .metadata {
	background-image: url(/images/tittel3.jpg);
	width: 800px;
	height: 90px;
	margin-left: -100px;
	margin-bottom: 2em;
	border: solid grey 1px;
}

#content .post .metadata .date {
	font-family: Georgia, sans-serif;
	float: left;
	color: #FFF;
	text-align: center;
	width: 75px;
}

#content .post .metadata .date a {
	text-decoration: none;
}

#content .post .metadata p.day {
	margin: 0.4em 0 0;
	padding: 0;
	line-height: 0.9em;
	font-size: 2.2em;
}

#content .post .metadata p.month {
	margin: 0 0 2em;
	padding: 0;
	line-height: 0.9em;
	font-size: 1.7em;
}

#content .post .metadata p.comments {
	float: right;
	width: 50px;
	text-align: center;
	margin-right: 12px;
	margin-top: 21px;
	font-family: Georgia, sans-serif;
	font-size: 1.6em;
	color: #FFF;
}

#content .post .metadata p.comments a {
	padding: 5px 12px;
	color: #FFF;
	text-decoration: none;
}

#content .post .metadata p.tags {
	padding-top: 1.3em;
	line-height: 1.1em;
	margin: 0 0 0 90px;
	color: #FFF;
	width: 630px;
	height: 15px;
	overflow: hidden;
}

#content .post .metadata p a {
	color: #FFF;
}

#content .post h2 {
	margin: 0.1em auto 0 90px;
	color: #000;
	width: 630px;
	height: 45px;
	overflow: hidden;
	font-size: 2.4em;
}

#content .post h2 a {
	color: #FFF;
}


#content .post p {
	margin: 1em auto;	
}

#content .post p.categories {
	margin: 1em 0 3.5em;
	background-color: #e7e7e7;
	background-image: url(/images/kategorier.jpg);
	border: solid #b6b6b6 1px;
	font-size: 0.9em;
	padding: 0.6em 0.9em;
	text-align: center;
}

/* NAVIGATION */

.navigation {
	width: 790px;
	display: block;
	margin: 0 auto 3em;
}

/* POSTMETADATA */

.postmetadata {

	background-image: url(/images/kategorier.jpg);
	border: solid #b6b6b6 1px;
	font-size: 0.8em;
	padding: 0.5em 1.5em;
	margin: 2.5em 0 3.5em;
}

/* FOOTER */

#footer {
	width: 980px;
	padding: 1em 0.9em;
	border-top: solid #b6b6b6 1px;
	margin: 2em auto 1em;
	text-align: center;
	font-size: 0.9em;
}

/* COMMENTS */

h3#comments {
	margin-bottom: 1em;
	width: 100%;
}

ol.commentlist {
	list-style: none;
}

ol.commentlist li {
	margin: 2em 0;
}

#respond h3 {
	line-height: 2em;
}

#respond input, #respond textarea {
	font-family: "Myriad Pro", Myriad, Verdana, sans-serif;
	font-size: 1em;
}

#respond textarea {
	width: 600px;
}

#respond p.subscribe-to-comments {
	margin-top: 1em;
}

/* TWITTER */

ul.linklog {
	margin-bottom: 3em;
	list-style-type: none;
}

ul.linklog li {
	margin-bottom: 1.5em;
}


ul.linklog li span.twitter-text {
	float: left;
	width: 550px;
}

ul.linklog li span.comment a {
	float: left;
	background-image: url(/images/twitter.jpg);
	background-position-y: 1px;
	background-repeat: no-repeat;
	width: 30px;
	height: 25px;
	padding-top: 0px;
	padding-left: 8px;
	color: #FFF;
	text-decoration: none;
}

/* ARKIV */

form#searchform {
	margin-bottom: 2em;
}

form#searchform input {
	font-family: "Myriad Pro", Myriad, Verdana, sans-serif;
	font-size: 1em;
}

#archives h2 {
	margin: 1em 0 0.5em;
}

#archives ul {
	list-style: none;
}