/*
Theme Name: Dröse & Norberg
Theme URI: http://osynlig.se/
Description: 
Version: 1.0
Author: Webbyrån Osynlig
Author URI: http://osynlig.se/
Tags:
*/

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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

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

body {
	line-height: 1;
}

ol, ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: 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: "" "";
}

img {
	border: none;
}

textarea, input {
	font-family: arial;
	font-size: 13px;
}

.right {
	float: right;
}

.left {
	float: left;
}

.clear {
	clear: both;
}

/*****************************************************/

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

a:hover {
	text-decoration: underline;
}

body {
	font-family: georgia, "Nimbus Roman No9 L", serif;
	font-size: 12px;
	line-height: 21px;
	background: #000;
	color: #fff;
}

#flash-container {
	margin: 0 auto;
	width: 990px;
	color: #fff;
}

#wrapper {
	width: 990px;
	min-height: 688px;
	margin: 0 auto;
	background: url('images/bg.jpg') no-repeat;
}

* html #wrapper { height: 688px; }

#container {
	/*margin: 0 101px 0 101px;*/
}

#content {
	margin: 0 auto;
	width: 821px;
}

#footer {
	margin: 0 auto;
	width: 781px;
}

#footer a.top {
	text-decoration: none;
	display: block;
	padding-right: 22px;
	background: url('images/top.gif') no-repeat center right;
}

#header {
	width: 821px;
	margin: 0 auto;
	padding-top: 0px;
	margin-bottom: 15px;
}

#header .logotype {
	margin-bottom: 15px;
	text-align: center;
}

#header ul.wp-menu {
	text-align: center;
	margin-left: -28px;
}

#header ul.wp-menu li {
	display: inline;
	margin-left: 28px;
}

#header ul.wp-menu li a {
	font-size: 12px;
	text-transform: uppercase;
}

#footer {
	height: 23px;
	padding: 4px 20px 0 20px;
	font-size: 10px;
	background: #241312;
	margin-bottom: 20px;
}

#footer a {
	text-decoration: underline;
}

#content .left-col, #content .body {
	background: #241312;
}

#content .col {
	margin-bottom: 20px;
}

#content .body {
	width: 478px;
	padding: 3px;
	margin-left: 12px;
}

#content .right-col {
	width: 147px;
}

#content .left-col {
	width: 167px;
	font-size: 11px;
}

#content .left-col .header {
	height: 27px;
	text-transform: uppercase;
	padding-top: 8px;
	margin-bottom: 12px;
	text-align: center;
	background: url('images/col_header_bg.gif') repeat-x;
}

#content .left-col ul li a {
	display: block;
	height: 26px;
	padding: 3px 0 0 26px;
	background: url('images/menu_bg.gif') no-repeat;
}

#content .left-col ul li a:hover, #content .left-col ul li.active a {
	background-position: 0 -29px;
	text-decoration: none;
}


#content .body .post {
	padding: 27px 27px 0 27px;
	line-height: 20px;
}

#content .body .post h1 {
	font-size: 29px;
	line-height: 34px;
	margin-bottom: 12px;
	font-weight: normal;
}

#content .body .post h2 {
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 4px;
	font-weight: normal;
}

#content .body .post h3 {
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 2px;
	font-weight: normal;
}



#content .body .post a {
	color: #978962;
}



#content .body .post.archive h1, #respond h3, h3#comments {
	font-size: 19px;
	line-height: 24px;
	margin-bottom: 5px;
	font-weight: normal;
}

#content .body .post p {
	margin-bottom: 16px;
}

#content .body .post p.postmetadata a {
	color: #fff;
	padding: 0 0 0 21px;
	margin-right: 12px;
	background: url('images/comment.gif') no-repeat;
}

#content .body .post p.postmetadata a.read-more {
	background: url('images/arrow.gif') no-repeat;
}

#content .body .post p.postmetadata a.addthis_button {
	background: url('images/share.gif') no-repeat;
}

#content .right-col .box {
	background: #241312;
	padding: 3px;
	margin-bottom: 10px;
}

#content .right-col .box ul.nav {
	background: #030202;
	padding: 12px 0 0 0;
	min-height: 129px;
}
* html #content .right-col .box ul.nav { height: 129px; }

#content .right-col .box ul.nav li a {
	display: block;
	height: 29px;
	padding-left: 34px;
}

#content .right-col .box ul.nav li.offer a {
	background: url('images/offer.gif') no-repeat 12px 4px;
}

#content .right-col .box ul.nav li.press a {
	background: url('images/press.gif') no-repeat 12px 4px;
}

#content .right-col .box ul.nav li.tip a {
	background: url('images/tip.gif') no-repeat 12px 4px;
}

#campaign-area {
	background: #241312;
	padding: 3px;
	margin-bottom: 12px;
}

#campaign-area ul.wp-menu {
	float: right;
}

#campaign-area ul.wp-menu li {
	float: left;
	margin-right: 17px;
	display: inline;
}

#campaign-area ul.wp-menu li a {
	display: block;
	padding: 0 11px 0 0;
	font-size: 11px;
	background: url('images/link_arrow.gif') no-repeat center right;
}

#shows {
	width: 461px;
}

#shows .box {
	padding: 3px;
	background: #241312;
	margin: 0 10px 10px 0;
	background: #241312;
}

a.box-read-more {
	display: block;
	position: absolute;
	margin: 76px 0 0  62px;
	width: 71px;
	height: 21px;
	text-indent: -2000px;
	background: url('images/read_more.png') no-repeat;
}

a.box-read-more:hover, .box.hover a {
	background-position: 0 -21px;
}

#shows .box.last {
	margin-right: 0;
}

#news {
	width: 346px;
}

#news a {
	padding-left: 20px;
	background: url('images/arrow.gif') no-repeat left center;
}

#news  .header {
	height: 28px;
	padding: 6px 14px 0 18px;
	margin-bottom: 5px;
	background: #241312;
}

#news .header h1 {
	font-size: 19px;
	color: #533e3e;
}

#news  .header a {
	font-size: 11px;
	padding-top: 1px;
}

#news .post {
	height: 89px;
	padding: 15px 18px 0 18px;
	background: url('images/news_bg2.jpg') repeat-x left bottom #000;
}

#news .post.with-bg {
	background: url('images/news_bg.jpg') repeat-x;
}

#news .post .entry {
	line-height: 18px;
}

#news .post .entry.right {
	width: 210px;
}

#news .post .entry small {
	display: block;
	font-family: tahoma, arial, serif;
	font-size: 11px;
	color: #7b7b7b;
	line-height: 11px;
}

#news .post .entry p {
	margin-bottom: 6px;
}

#news .post img {
	border: 2px solid #2f1e1e;
}

.comment-wrapper {
	display: none;
}

#respond, .commentlist {
	padding: 0 27px 0 27px;;
}

.commentlist {
	padding-top: 10px;
}

#respond {
	padding-bottom: 27px;
}

#respond h3 {
	margin-bottom: 10px;
}

#respond input, #respond textarea {
	margin-bottom: 5px;
}

#comment {
	width: 400px;
	height: 100px;
}

#respond #submit {
	float: right;
	margin-right: 16px;
}

.commentlist {
	font-size: 11px;
	line-height: 16px;
}

.commentlist .comment {
	margin-bottom: 20px;
}

.commentlist .comment-author {
	font-weight: bold;
}

#comments {
	padding-left: 27px;
}
