/*
Theme Name: old2
Theme URI: http://lonnroth.info/
Description: Design and layout for lonnroth.info version 6
Version: 1.0
Author: Olof Lonnroth
Author URI: http://lonnroth.info/
*/

/* General layout */

* {
	margin: 0;
	padding: 0;
}

body {
	font: 0.75em Arial, sans-serif;
	margin: 0;
	text-align: center;
	padding: 0;
	background: #482f18;
	color: #613812;
}

#main {
	width: 100%;
	background: #482f18;
}

#head {
	width: 920px;
	height: 82px;
	background: #482f18 url('images/logo.gif') top left no-repeat;
	position: relative;
	margin: 0 auto;
}

#head h1 {
	font-size: 1px;
	text-indent: -5000px;
}

#head p {
	font-size: 1px;
	text-indent: -5000px;
}

#content {
	width: 100%;
	min-width: 920px;
	background: #ffe7b3 url('images/back-wrap.gif') top left repeat-x;
	text-align: center;
}

#content-wrap {
	width: 920px;
	background: transparent url('images/back-main.gif') top left no-repeat;
	padding-top: 40px;
	text-align: left;
	margin: 0 auto;
}

#primary-content {
	width: 655px;
	float: left;
	margin-left: 20px;
	border-top: #a0dbdf 3px solid;
	position: relative;
	display: inline;
}

#primary-content h2 {
	font-size: 1.2em;
	border-top: #86b9c1 1px solid;
	font-weight: bold;
	padding: 7px 0px;
}

#primary-content h3 {
	font-weight: bold;
	padding: 8px 0px 8px 225px;
	border-top: #916842 1px solid;
	border-bottom: #d7b17a 1px solid;
	font-size: 2em;
	letter-spacing: -0.05em;
	font-family: "Helvetica Neue", Helvetica, Arial;
	clear: both;
	background: url('images/back-wornsmall.gif') top left repeat;
}

#secondary-content {
	width: 205px;
	float: left;
	margin-left: 20px;
}

#secondary-content h2,
#sub-content h2 {
	font-weight: bold;
	padding: 7px 0px;
	border-top: #c07346 1px solid;
	border-bottom: #916842 1px solid;
	font-size: 1.2em;
}

#extra-content {
	clear: both;
	width: 100%;
	background: #e7c18a url('images/back-worn.gif') top left repeat-x;
	padding-top: 40px;
	padding-bottom: 30px;
	border-bottom: #c3a06b 2px solid;
}

#extra-content h2 {
	font-weight: bold;
	padding: 7px 8px;
	border: none;
	font-size: 1.2em;
	background: #613812 url('images/back-extraheader.gif') top right no-repeat;
}

#extra-content a:link,
#extra-content a:visited,
#extra-content a:hover {
	color: #613812;
	font-weight: bold;
	padding-left: 8px;
}

#extra-content br {
	clear: both;
}

#extra-wrap {
	width: 920px;
	text-align: left;
	margin: 0 auto;
}

#footer {
	clear: both;
	width: 100%;
	min-width: 920px;
	background: #482f18 url('images/logo-small.gif') center center no-repeat;
	border-top: #e7c18a 1px solid;
	text-align: center;
	padding: 25px 0px;
}

#footer p {
	display: block;
	width: 880px;
	text-align: left;
	margin: 0 auto;
	font-size: 0.9em;
	color: #9e8258;
	line-height: 150%;
}

/* Primary navigation */

ul.nav {
	list-style: none;
	position: absolute;
	bottom: 0;
	left: 245px;
}

ul.nav li {
	color: #ffe4c2;
	font-size: 1.1em;
	float: left;
	padding: 0 20px 0 0;
}

ul.nav li a, ul.nav a:link, ul.nav a:visited {
	display: block;
	font-weight: bold;
	padding: 0px 0px 9px 0px;
	color: #9e8258;
	text-decoration: none;
	border-bottom: #482f18 6px solid;

}

ul.nav li a:hover {
	text-decoration: underline;
	color: #ffe4c2;
}

#home .nav .nav-home a,
#about .nav .nav-about a,
#portfolio .nav .nav-portfolio a,
#contact .nav .nav-contact a {
	color: #ffe4c2;
}

/* Introductory content */

#splash {
	background: transparent url('images/splash2.gif') center left no-repeat;
	width: 435px;
	height: 114px;
	float: left;
	margin-left: 20px;
	margin-bottom: 40px;
	display: inline;
}

#splash p {
	font-size: 1px;
	text-indent: -5000px;
}

#recent-work {
	background: transparent url('images/back-recentwork.gif') top left no-repeat;
	width: 438px;
	height: 114px;
	float: left;
	margin-left: 11px;
	margin-bottom: 40px;
}

#recent-work h2 {
	font-size: 1px;
	text-indent: -5000px;
}

#recent-work ul {
	list-style: none;
	height: 54px;
	margin-left: 4px;
	margin-top: 36px;
}

#recent-work li {
	float: left;
	width: 86px;
	height: 54px;
	margin-left: 17px;
	display: inline;
}

#recent-work a img {
	float: left;
	display: block;
	width: 84px;
	height: 52px;
	border: #ffe7b3 1px solid;
}

#recent-work a:hover img {
	border: #ff5c00 1px solid;
}

/* Main content */

.article, .portfolio-item, .search-results {
	width: 430px;
	margin-bottom: 30px;
	float: right;
	clear: both;
}

.portfolio-item img {
	margin-top: 10px;
}

#portfolio #primary-content h3 span,
#search #primary-content h3 span,
#archives #primary-content h3 span {
	font-weight: normal;
	position: absolute;
	left: 10px;
}

.search-results h4 {
	font-weight: bold;
	padding: 5px 6px;
	border-top: #916842 1px solid;
	border-bottom: #d7b17a 1px solid;
	font-size: 1.2em;
	background: url('images/back-wornsmall.gif') top left repeat;
	margin-top: 20px;
}

.search-results ul {
	width: 100%;
	list-style: none;
}

.search-results li {
	border-bottom: #d7b17a 1px solid;
	padding: 5px 0;
}

.article img {
	float: left;
	margin: 4px 10px 10px 0px;
	border: #e7c18a 3px solid;
}

.article ul,
#blogroll #primary-content ul,
#archives #primary-content ul {
	list-style: none;
}

.article li {
	margin-top: 10px;
	background: url('images/bullet.gif') center left no-repeat;
	padding-left: 18px;
}

#about #primary-content img {
	margin: 13px 0px 10px 0px !important;
	border: #e7c18a 3px solid;
}

.article p, .portfolio-item p, .search-results p {
	margin-top: 10px;
	line-height: 150%;
}

.article h4, .portfolio-item h4 {
	margin-top: 20px;
	font-size: 1.5em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.article h5, .portfolio-item h5 {
	margin-top: 20px;
	font-size: 1.2em;
}

.article-footer, .portfolio-data {
	width: 225px;
	float: left;
}

#entry-extras {
	width: 225px;
	float: left;
}

#entry-extras h3 {
	font-family: Arial, sans-serif;
	letter-spacing: 0;
}

#entry-data li.permalink,
.search-results li.permalink,
#box-short li.permalink,
#about #primary-content li.permalink {
	background: transparent url('images/bullet-arrow.gif') 0 50% no-repeat;
	padding-left: 18px;
}

#about #primary-content li strong {
	display: block;
	width: 205px;
	float: left;
	text-align: right;
	margin-right: 20px;
	display: inline;
}

#blogroll #primary-content li a {
	display: block;
	width: 205px;
	float: left;
	text-align: right;
	margin-right: 20px;
	display: inline;
}

#about #primary-content li span,
#blogroll #primary-content li span {
	display: block;
	width: 429px;
	margin-left: 225px;
}

#entry-data li.rss {
	background: transparent url('images/bullet-rss.gif') 0 50% no-repeat;
	padding-left: 18px;
}

.article-intro span,
.article-footer span,
.portfolio-data span,
#entry-data span {
	display: block;
}

.article-footer ul,
.portfolio-data ul {
	list-style: none;
	padding-right: 20px;
	font-size: 0.9em;
}

#box-short ul,
#about #primary-content ul {
	list-style: none;
	font-size: 0.9em;
}

#entry-data ul {
	list-style: none;
	font-size: 0.9em;
	width: 205px;
}

#entry-nav ul {
	list-style: none;
	border-top: #916842 1px solid;
	font-size: 0.9em;
}

.article-intro li,
.article-footer li,
.portfolio-data li,
#entry-data li,
#box-short li,
#about #primary-content li,
#blogroll #primary-content li {
	border-bottom: #d7b17a 1px solid;
	padding: 5px 0px;
	line-height: 150%;
}

#archives #primary-content li {
	border-bottom: #d7b17a 1px solid;
	padding: 5px 0px;
	line-height: 150%;
}

#comments {
	width: 655px;
	border-top: #a0dbdf 3px solid;
	position: relative;
	margin-bottom: 20px;
	clear: both;
}

#comments blockquote {
	margin-right: 50px;
}

#comments h3 {
	font-size: 1.2em !important;
	font-weight: bold;
	padding: 7px 0px 7px 0px !important;
	border-top: #86b9c1 1px solid;
	border-bottom: none !important;
	background: none;
	font-family: Arial, sans-serif;
	letter-spacing: 0;
}

.comment div,
.comment-byme div {
	margin-left: 225px;
	width: 375px;	
}

.comment h4,
.comment-byme h4 {
	border-bottom: #d7b17a 1px solid;
	padding: 5px 6px 5px 225px;
	line-height: 150%;
	background: url('images/back-wornsmall.gif') top left repeat;
	font-weight: normal;
	font-size: 0.9em;
	position: relative;
}

.comment h4 span,
.comment-byme h4 span {
	display: block;
	position: absolute;
	top: 5px;
	right: 6px;
	font-weight: bold;
	margin: 0 !important;
	padding: 0 !important;
}

.comment {
	width: 100%;
	border-top: #916842 1px solid;
	background: transparent url('images/quote.gif') 623px 40px no-repeat;
	clear: both;
	padding-bottom: 20px;
	min-height: 50px;
}

.comment-byme {
	width: 100%;
	border-top: #916842 1px solid;
	background: transparent url('images/quote-author.gif') 622px 40px no-repeat;
	clear: both;
	padding-bottom: 20px;
	min-height: 50px;
}

.comment p,
.comment-byme p {
	margin-top: 10px;
	line-height: 150%;
}

ul.comment-data {
	float: left;
	border: none !important;
	width: 205px;
	margin-bottom: 20px;
	list-style: none;
	font-size: 0.9em;
	position: relative;
}

.comment-data li {
	border-bottom: #d7b17a 1px solid;
	padding: 5px 6px;
	line-height: 150%;
}

.comment-data li.sitelink {
	background: transparent url('images/bullet-arrow.gif') center left no-repeat;
	padding: 5px 6px 5px 18px;
}

.comment-data li.quotelink {
	background: transparent url('images/bullet-quote.gif') center left no-repeat;
	padding: 5px 6px 5px 18px;
	border-bottom: none;
}

#respond {
	width: 100%;
	border-top: #a0dbdf 3px solid;
	clear: both;
	position: relative;
}

#respond #logged {
	position: absolute;
	top: 10px;
	right: 0px;
	font-size: 0.9em;
}

#respond h3 {
	border-bottom: #916842 1px solid !important;
}

#respond h3 span {
	font-weight: normal;
}

#commentPreview {
	width: 430px;
	float: left;
	background: transparent url('images/quote.gif') 398px 40px no-repeat;
	min-height: 100px;
}

#commentPreview h5 {
	border-top: #d7b17a 1px solid;
	border-bottom: #d7b17a 1px solid;
	padding: 5px 6px;
	line-height: 150%;
	background: url('images/back-wornsmall.gif') top left repeat;
	font-weight: normal;
	font-size: 0.9em;
}

#commentPreview p {
	padding-top: 10px;
	line-height: 150%;
	width: 375px;
}

#respond br {
	clear: both;
}

/* Secondary content */

.box {
	border-top: #ff8645 3px solid;
	margin-bottom: 30px;
	position: relative;
}

.box p {
	margin-top: 6px;
	line-height: 150%;
}

#box-about img {
	border: #e7c18a 3px solid;
}

#entry #box-about p,
#search #box-about p,
#contact #box-about p {
	font-size: 0.9em;
}

#box-blogroll ul,
#box-entries ul {
	list-style: none;
}

#box-blogroll li {
	line-height: 150%;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: #d7b17a 1px solid;
}

#box-blogroll li a,
#box-entries li a,
#disco-box li a {
	background: transparent url('images/bullet-arrow.gif') center left no-repeat;
	padding-left: 18px;
}

#box-blogroll h3,
#box-entries h3 {
	font-size: 0.9em;
	padding: 2px 3px;
	font-weight: normal;
	background: #e7c18a url('images/back-wornsmall.gif') top right no-repeat;
	border-bottom: #d7b17a 1px solid;
	margin-bottom: 10px;
}

#box-entries {
	position: relative;
	width: 205px;
}

#box-entries li {
	line-height: 150%;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: #d7b17a 1px solid;
	font-size: 0.9em;
}

#box-entries span {
	display: block;
}

#music-box p, 
#disco-box p,
#gear-box p {
	font-size: 0.9em;
}

#gear-box img {
	float: left;
	margin: 9px 6px 0px 0px;
	border: #e7c18a 3px solid;
}

#music-box ul,
#gear-box ul {
	list-style: none;
	font-size: 0.9em;
	border-top: #d7b17a 1px solid;
	margin-top: 10px;
}

#music-box li {
	background: url('images/bullet-audio.gif') 0px 5px no-repeat;
	padding: 5px 0px 5px 18px;
	border-bottom: #d7b17a 1px solid;
}

#gear-box li {
	padding: 5px 0px 5px 18px;
	background: url('images/bullet.gif') 0px 50% no-repeat;
	border-bottom: #d7b17a 1px solid;
}

#disco-box h3 {
	font-size: 0.9em;
	padding: 2px 3px;
	font-weight: normal;
	background: #e7c18a url('images/back-wornsmall.gif') top right no-repeat;
}

#disco-box ul {
	list-style: none;
	font-size: 0.9em;
	padding-bottom: 20px;
	border-bottom: #d7b17a 1px solid;
}

#disco-box li {
	padding: 5px 0px;
	border-top: #d7b17a 1px solid;
	font-weight: bold;
	position: relative;
}

#disco-box li span {
	font-weight: normal;
	position: absolute;
	right: 0px;
}

/* Extra content */

#extra-content ul {
	list-style: none;
	margin-top: 1px;
}

#extra-content li {
	width: 214px;
	float: left;
	line-height: 150%;
	padding: 5px 0px;
	margin-right: 1px;
	margin-bottom: 1px;
	background: #ffe7b3;
	position: relative;
	font-size: 0.9em;
}

#extra-content li span {
	position: absolute;
	right: 8px;
}

#extra-content li img {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 16px;
	height: 16px;
	border: #e7c18a 1px solid;
}

#categories-box {
	width: 450px;
	float: left;
	text-align: left;
	margin-left: 20px;
}

#categories-box h2 {
	color: #a0dbdf;
	margin-right: 21px;
}

#feeds-box {
	width: 205px;
	float: left;
	text-align: left;
	margin-left: 20px;
	display: inline;
}

#feeds-box h2 {
	color: #a0dbdf;
}

#friends-box {
	width: 205px;
	float: left;
	text-align: left;
}

#friends-box h2 {
	color: #ff8645;
}

#feeds-box li,
#friends-box li {
	width: 205px;
	margin-right: 0;
}

/* Buttons */

#content a.archive {
	display: block;
	width: 44px;
	height: 18px;
	padding: 0 !important;
	background-image: url('images/btn-archive.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -5000px;
	font-size: 1px;
	position: absolute;
	top: 6px;
	right: 0;
}

#content a.archive:hover {
	background-position: 0px -18px;
}

#comments a.rss {
	display: block;
	width: 44px;
	height: 18px;
	padding: 0 !important;
	background-image: url('images/btn-rss.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -5000px;
	font-size: 1px;
	position: absolute;
	top: 6px;
	right: 0;
}

#comments a.rss:hover {
	background-position: 0px -18px;
}

#content a.readmore {
	display: block;
	width: 59px;
	height: 21px;
	background-image: url('images/btn-readmore.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -5000px;
	font-size: 1px;
	float: right;
	margin-left: 8px;
}

#content a.readmore:hover {
	background-position: 0px -21px;
}

#content a.comments {
	display: block;
	width: 59px;
	height: 21px;
	background-image: url('images/btn-comments.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -5000px;
	font-size: 1px;
	float: right;
}

#content a.comments:hover {
	background-position: 0px -21px;
}

.article-intro ul.article-btn,
.article-footer ul.article-btn,
#entry-data ul.article-btn {
	width: 205px;
	height: 30px;
	list-style: none;
	background: url('images/btn-bigjoined.gif') top left no-repeat;
	padding: 0;
	margin-bottom: 30px;
	border-top: #916842 1px solid;
}

.article-intro ul.article-btn li,
.article-footer ul.article-btn li,
#entry-data ul.article-btn li {
	float: left;
	width: 102px;
	border: none;
	padding: 0;
	text-align: center;
	text-shadow: #482f18 -2px -2px 1px;
}

.article-intro ul.article-btn li a,
.article-footer ul.article-btn li a,
#entry-data ul.article-btn li a {
	display: block;
	color: #caab7C;
	width: 100px;
	padding: 5px 0px;
	font-weight: normal;
}

.article-intro ul.article-btn li a:hover,
.article-footer ul.article-btn li a:hover,
#entry-data ul.article-btn li a:hover {
	color: #fff7c3;
	text-decoration: none;
}

.portfolio-data ul.zoom {
	width: 205px;
	height: 30px;
	list-style: none;
	background: url('images/btn-zoom.gif') top left no-repeat;
	padding: 0;
	margin-bottom: 30px;
	border-top: #916842 1px solid;
}

.portfolio-data ul.zoom li {
	width: 204px;
	border: none;
	padding: 0;
	text-align: left;
	text-indent: 10px;
	text-shadow: #482f18 -2px -2px 1px;
}

.portfolio-data ul.zoom li a {
	display: block;
	color: #caab7C;
	width: 204px;
	padding: 5px 0px;
	font-weight: normal;
}

.portfolio-data ul.zoom li a:hover {
	color: #fff7c3;
	text-decoration: none;
}

#primary-content ul.entry-nav {
	width: 44px;
	height: 18px;
	list-style: none;
	background: url('images/btn-entrynav.gif') top left no-repeat;
	border: none;
	padding: 0;
	position: absolute;
	top: 6px;
	right: 0;
}

#primary-content ul.entry-nav li {
	float: left;
	height: 18px;
	border: none;
	margin: 0;
	padding: 0;
}

#primary-content ul.entry-nav li.back {
	width: 21px;
}

#primary-content ul.entry-nav li.fwd {
	width: 23px;
}

#primary-content ul.entry-nav li a {
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 18px;
	text-indent: -5000px;
	font-size: 1px;
}

#primary-content ul.entry-nav li a:hover {
	background-position: 0 -18px;
}

#primary-content ul.entry-nav li.back a {
	width: 21px;
	background-image: url('images/btn-back.gif');
}

#primary-content ul.entry-nav li.fwd a {
	width: 23px;
	background-image: url('images/btn-fwd.gif');
}

/* Forms */

#search-form {
	position: absolute;
	bottom: 17px;
	right: 20px;
	border: #66d6ff 1px solid;
}

li #search-form {
	position: static;
	margin-top: 5px;
}

#search-form label {
	display: none;
}

#search-fld {
	width: 200px;
	background: #ffe7b3;
	color: #613812;
	font-size: 0.8em;
}

li #search-fld {
	width: 100%;
}

#respond form {
	padding-top: 20px;
	width: 100%;
}

#respond #form-main {
	width: 210px;
	float: left;
	margin-right: 15px;
}

#respond #form-main div {
	width: 205px;
}

#respond label {
	font-size: 0.9em;
	font-weight: bold;
	border-top: #d7b17a 1px solid !important;
	border-bottom: #d7b17a 1px solid !important;
	background: url('images/back-wornsmall.gif') top left repeat;
	display: block;
	padding: 2px;
}

#respond label span {
	font-weight: normal;
}

#respond input {
	border: #613812 1px solid;
	width: 100%;
	margin-bottom: 10px;
	font-size: 1em;
}

#respond textarea {
	width: 100%;
	height: 120px;
	border: #613812 1px solid;
	margin-bottom: 10px;
}

.contact p {
	margin-left: 225px;
	margin-top: 10px;
	line-height: 150%;
}

.contactform {
	margin-top: 20px;
}

.contactleft {
	padding: 4px 0;
	width: 205px;
	font-size: 0.9em;
	font-weight: bold;
	border-top: #d7b17a 1px solid !important;
	float: left;
	text-align: right;
}

.contactright {
	padding: 6px 0;
	font-size: 0.9em;
	border-top: #d7b17a 1px solid !important;
}

.contactright input {
	margin-left: 20px;
}

.contactright textarea {
	width: 410px;
	margin-left: 20px;
}

#contactsubmit {
	margin-left: 225px;
}

/* Super Archives */

#archives #primary-content p {
	margin: 10px 0px 20px 225px;
	line-height: 150%;
}

#teb-super-archive {
	border-top: #916842 1px solid;
}

ul#teb-super-archive-year,
ul#teb-super-archive-month {
	width: 102px;
	float: left;
	margin-bottom: 30px;
}

ul#teb-super-archive-year .selected,
ul#teb-super-archive-month .selected {
	color: #ff5c00;
}

ul#teb-super-archive-year li {
	font-size: 1.5em;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

ul#teb-super-archive-month li {
	font-size: 1.5em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

ul#teb-super-archive-post {
	width: 430px;
	float: left;
	margin-left: 20px;
	display: inline;
	margin-bottom: 30px;
}

ul#teb-super-archive-post li {
	background: url('images/bullet-arrow.gif') 0px 50% no-repeat;
	padding: 5px 0px 5px 18px !important;
}

ul.old-archive {
	margin-left: 225px;
}

ul.old-archive li {
	width: 215px;
	float: left;
	padding: 5px 0px 5px 0px !important;
}

ul.old-archive li a {
	background: url('images/bullet-arrow.gif') 0px 50% no-repeat;
	padding-left: 18px;
}


/* Link styles */

a img {
	border: none;
}

a, a:link {
	color: #ff5c00;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #ff5c00;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	color: #cf3c00;
	text-decoration: underline;
}

p:hover a:link {
	text-decoration: underline;	
}

/* Misc tag styling */

abbr {
	text-transform: uppercase;
	font-size: 0.8em;
	letter-spacing: 0.1em;
	border: none;
}

li { color: #613812; }

ul { list-style-type: circle; }

blockquote {
	line-height: 150%;
	font-style: italic;
	margin: 10px 20px;
	font-size: 0.9em;
	border-bottom: #d7b17a 1px solid;
	border-top: #d7b17a 1px solid;
	padding: 5px 0px;
}

blockquote p {
	margin: 0 !important;
}

br.clear {
	clear: both;
}

/* Stylesheet for www.lonnroth.info
Copyright Olof Lonnroth, 2006 */