/*
Theme Name: Burnfield Dark
Version: 1.0 ß
Author: Martin & Peter Ström
Author URI: http://www.burnfield.com/martin
Description: Simple theme. Design by Peter Ström and coded by Martin Ström.
*/
/* --------------------------------------------------------------------------------
* Typography: =Default
* -------------------------------------------------------------------------------- */
/* Set 1em to 10px */
body { font-size: 62.5% }
html>body { font-size: 10px }
/* Base font face */
* { font-family: Courier, "Courier New", "Lucida Grande", "Lucida Sans", Helvetica, Arial, monospace, "Lucida Grande", "Lucida Sans" }
html>body * { font-family: Courier, "Courier New", "Lucida Grande", "Lucida Sans", Helvetica, Arial, monospace }
/* Base font size */
#page { font-size: 11px; line-height: 15px }
#page * { font-size: 11px; line-height: 15px }
/* --------------------------------------------------------------------------------
* Typography: =Headers
* -------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
h2 { text-transform: uppercase; margin-bottom: 10px }
h3 { margin-top: 13px }
h3 span { text-decoration: none; border-bottom: 1px solid #000 }
h4 {margin-left: 20px;}
/* --------------------------------------------------------------------------------
* Typography: =Links & =general
* -------------------------------------------------------------------------------- */
a { color: black; text-decoration: none; background-color: #c8c8c8; padding: 2px }
a:hover { color: #f00; background-color: #c8c8c8; background-image: none; border-style: none; border-color: }
strong { font-weight: normal; border-bottom: 1px solid #000 }
p { color: #646464; margin-bottom: 13px }
code, pre { color: #d3d3d3; background: #2b2b2b }
/* --------------------------------------------------------------------------------
* Structure: =Common
* -------------------------------------------------------------------------------- */
* {
margin: 0;
padding: 0;
}
.clear {
clear: both;
height: 1px;
line-height: .1px;
font-size: .1em;
overflow: hidden;
}
.content, #container, #footer {width: 825px;}
#header .content, #container, #footer { text-align: left; margin: 0 auto 0 50px }
pre {margin-bottom: 13px;}
/* Images */
a img {border: none;}
h3 + p > img { margin-top: 5px }
.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft { display: inline; margin: 0 7px 2px 0; padding: 4px }
/* --------------------------------------------------------------------------------
* Structure: =Header
* -------------------------------------------------------------------------------- */
body { color: #646464; background: #fff; text-align: center }
#top-container { background-repeat: repeat-x; position: absolute; left: -100px }
#page { background-image: url("images/Back.jpg"); background-repeat: repeat-x; background-position: 0 0; margin: 0 auto; height: 180px }
#header { background-image: url("images/bannerLogo.png"); background-repeat: no-repeat; height: 180px }
#logo { font-size: 12px; background-repeat: no-repeat; margin: 15px 0 7px; float: left }
#logo a { color: #646464; font-weight: normal; text-transform: uppercase; position: absolute; left: -300px; border: none }
#logo a:hover { color: red; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }
/* Based on search form at http://www.bartelme.at */
#searchbar {
float: right;
margin-top: 34px;
}
#searchbar label, #searchbar input { padding: 5px 6px 1px; position: relative; top: 135px; left: 50px; height: 20px }
#searchbar #s { color: #646464; position: relative; top: 135px; width: 185px; height: 15px }
#searchbar #s.focus, #searchbar #s.is-safari { color: #646464 }
/* --------------------------------------------------------------------------------
* Structure: =Navigation
* -------------------------------------------------------------------------------- */
#menubar { position: relative; top: 145px; width: 800px; clear: left }
#menubar ul {
position: absolute;
left: -6px;
list-style-type: none;
}
#menubar li { background: #fff; display: block; margin-right: 1px; padding: 5px 6px 1px; height: 20px; float: left }
html>body #menubar li:hover { color: red; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }
#menubar li a { color: #646464; text-decoration: none; height: 20px; border: none }
#menubar li a:hover { color: red; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; border: none }
/* --------------------------------------------------------------------------------
* Structure: =Sidebar
* -------------------------------------------------------------------------------- */
#sidebar { text-decoration: none; padding-bottom: 9px; width: 200px; float: right }
#sidebar h3 { text-decoration: none; margin-top: 0 }
/* Submitted comments */
#sidebar #commentlist {
list-style-type: none;
margin: 13px 0;
}
#commentlist cite {font-style: normal;}
#commentlist h3, #sidebar #commentbox h3 {margin-bottom: 13px;}
#commentlist p {margin-bottom: 0;}
/* Comment form */
#sidebar #commentbox {
margin-bottom: 6px;
padding-bottom: 0;
}
#commentbox label {
display: block;
}
#commentbox textarea {
margin-top: 2px;
width: 200px;
height: 132px;
}
#commentbox p#comment-textarea {margin-bottom: 11px;}
#commentbox p#submit {margin-bottom: 0;}
/* --------------------------------------------------------------------------------
* Structure: =Content
* -------------------------------------------------------------------------------- */
#container { background: url("images/category-bg.gif") no-repeat left top; margin-top: 20px; padding-top: 10px; clear: both }
#main { width: 600px; float: left; border-bottom: 1px solid #000 }
/* Permalink on title shouldn't look like link */
#main h2 a {
color: inherit;
border: none;
}
#main h2 a:hover { color: red }
#main p {width: 520px;}
#main p.last {margin-bottom: 11px;}
#main ol, #main ul {
padding-left: 40px;
margin-bottom: 13px;
}
#main pre {
width: 494px;
overflow: auto;
padding: 13px;
}
#main div.updated {
padding-left: 7px;
border-left: 4px solid #000;
margin-bottom: 13px;
}
/* --------------------------------------------------------------------------------
* Structure: =Thumbnail List
* -------------------------------------------------------------------------------- */
ul#thumbnails {list-style-type: none;}
ul#thumbnails li {
clear: both;
padding-bottom: 9px;
margin-bottom: 26px;
background: url(images/category-bg.gif) no-repeat left bottom;
}
ul#thumbnails li.last {margin-bottom: 0;}
ul#thumbnails .thumbnail {
display: block;
float: left;
width: 90px;
height: 90px;
border: 1px solid #000;
margin: 0 15px 5px 0;
}
ul#thumbnails .content {
float: left;
width: 600px;
overflow: hidden;
}
ul#thumbnails .content h3 {margin-top: 0;}
ul#thumbnails .content h3 span {border-bottom: none;}
ul#thumbnails .content div.text {
height: 73px;
overflow: hidden;
}
ul#thumbnails .clear {margin: 0;}
ul#thumbnails .metadata {
float: right;
clear: right;
width: 200px;
}
ul#thumbnails .metadata h3 {margin-top: 0;}
/* --------------------------------------------------------------------------------
* Structure: =Tagcloud
* -------------------------------------------------------------------------------- */
#tagcloud, #tagcloud a {
font-family: arial, helvetica, sans-serif;
font-size: 0.85em;
line-height: 25px;
border: none;
}
/* --------------------------------------------------------------------------------
* Structure: =Footer
* -------------------------------------------------------------------------------- */
#footer {clear: both;}
#footer p {
margin-top: 10px;
float: left;
padding-bottom: 26px;
}