/*
Theme Name: Strode
Theme URI: http://kjellstrode.com
Description: Theme for Kjell's Visual Effects Site
Version: 2 (WP2.6.2)
Author: Greg Mihalko
Author URI: http://gregmdesign.com/
Tags: starkers, naked, clean, basic
*/

/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */


/* ----------------------- STRUCTURE -----------------------------*/

body {
font-family: Verdana, sans-serif;
font-size: 11px;
line-height: 14px;
font-weight: normal;
padding: 1%;
}


#header{
float: left;
height: 25px;
width: 900px;
margin-bottom: 1em;
color: black;
}

#wrapper {
margin: 1%;
padding: 1%;
width: 970px;
min-width: 925px;
height: 100%;

}

#content {
float: left;
width: 640px;
padding-right: 2.25em;
border-right: solid 1px #336699;
}

.post, #post {border-bottom: dotted 1px #336699; padding-bottom: 1.5em; margin-bottom: 2.5em;}

img {margin-bottom: 1.25em; margin-top: .5em;}



#sidebar{
float: left;
width: 240px;
padding-left: 2em;
padding-top: 1em;
}

#clear {
clear: both;
}

#sidebar div{
margin-top: 10px;
margin-bottom: 10px;
}

#searchform {margin-bottom: 2em;}


#footer{
clear: both;
margin-left: 2%;
margin-top: 1em;
padding-top: 1em;
width: 970px;
}

/* -----------------  TYPOGRAPHY --------------------*/


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

a:hover {
text-decoration: underline;
}

a:visited {
text-decoration: line-through;
color: #336699;
}

#sidebar #meta a:visited {
text-decoration: none;
color: #336699;
}

#sidebar #meta a:hover {
text-decoration: underline;
color: #336699;
}

#header a{
text-decoration: none;
color: black;
font-weight: bold;
}

#header a:hover{
text-decoration: none;
color: #336699;
}

h1 {
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
}

.post h1 {
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: .5em;
}

h2{
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
letter-spacing: .15em;
padding-top:0;
padding-right: .3em;
padding-bottom: ..15em;
margin-bottom: .15em;
display:inline-table;
color: black;
}

h3 {
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1px;
}

p.signature {
font-style: italic;
padding-top: 1.5em;
padding-bottom: .5em;
}

p.signature a {
font-style: normal;
padding-top: 1.5em;
padding-bottom: .5em;
}



/* -----------------  SEARCH FORM --------------------*/


#searchform #s {width: 135px; margin-left: -2px; margin-right: .15em; border: solid 1px black; padding: .15em; font-size: 11px;}

#searchform .button {font-size: 11px; padding: .1em; border: solid 1px black; background: none;}

#searchform .button:hover {color: white; font-size: 11px; padding: .1em; border: solid 1px black; background-color: black;}