/*
Theme Name: thomasknierim.com
Theme URI: http://www.thomasknierim.com
Version: 1.1
Description: 2 Column theme
Author: Thomas Knierim
Author URI: http://www.thomasknierim.com
*/




a:link { text-decoration: none; color: #FF9600; }

a:visited { text-decoration: none; color: #FF9600; }

a:hover, a:active { color: #FFCC00; }



h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 20px 0 10px; }

h1 { font-size: 32px; margin-bottom: 0px; margin-top: 10px;}

h2 { font-size: 28px; }

h3 { font-size: 24px; }

h4, h5, h6 { font-size: 20px; }


.titles {
  font-weight: normal;
  border-bottom-width: 0;
  font-size: 24px;
  text-decoration: none;
  underline: none;
}

.titles a:link, .titles a:visited, .titles a:active {
  text-decoration: none;
  underline: none;
  font-size: 24px;
  font-weight: normal;
  border-bottom-width: 0;
}

blockquote 
{
  overflow: auto;
  padding: 0 10px;
  margin: 20px 30px;
  line-height: 1.8em;
  background-color: #f5f5f5;
  border: 1px solid #e0e0e0;
}

blockquote:hover
{
  background-color: #f0f0f0;
  border: 1px solid #d0d0d0;
}

pre 
{ 
  font-family: Consolas, Verdana, "Courier New", Sans-Serif;
}

/*

pre { 
  color: #779900;
  font-family: Consolas, "Courier New", Courier, "Miriam Fixed", Sans-Serif;
  font-size: 1.1 em;
  line-height: 1.5em;
}

*/

code { 
   
  font-family: Consolas, Verdana, "Courier New", Sans-Serif;   
  line-height: 1.2em;
  font-size: 1em;
}

ul, ol { line-height: 2.0em; }

ul { list-style-image: url(images/bullet.gif); }

abbr, acronym { font-style: normal; border-bottom: 1px dotted #333333; cursor: help; }

del { text-decoration: line-through; color: #999999; }

ins { text-decoration: none; color: #009977; }



body {
  margin: 0px;
  padding: 0px;
  color: #222222;
  background-image: url(images/bg.gif);
  background-repeat: repeat-x;
  background-color: #406AAA;
  font: normal 76% "Trebuchet MS", "Lucida Grande", Verdana, Georgia, Sans-Serif;
}

#wrapper2 {
  width: 768px;
  border-width: 0px;
  border-collapse: collapse;
  border-spacing: 0px;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  color: #555555;
  background: #FFFFFF;
}

.wrapper-cell {
	border-width: 0px;
	padding: 0px;
	border-style: none;
  vertical-align: top;
}

#header
{
	height: 70px;
  float: left;
  width: 100%;
  padding-bottom: 8px;
  background: #FFFFFF;
  clear: right;
}

#navigation
{
  clear: both;
  float: left;
  width: 100%;
  background-image: url(images/header.jpg);
  height: 178px;
}

#wrapper
{
  clear: both;
  float: left;
  width: 100%;
  color: #555555;
  background: #FFFFFF;
}

#content-table
{
  width: 100%;
  border-width: 0px;
  padding: 0px;
  margin: 0px;
}

#content-cell
{
	width: 65%;
  border-width: 0px;
  border-style: none;
  padding: 0px 10px 10px 30px;
  vertical-align: top;
}

#sidebar-cell
{
  width: 35%;
  vertical-align: top;
}

/* changed to table layout

#content-wrapper
{
  width: 65%;
  float: left;
}

#content
{
  float: left;
  padding: 0 0px 10px 30px;
}


#sidebar-wrapper
{
  width: 35%;
  float: right;
}

*/

#sidebar
{
  float: right;
  padding: 20px 15px 10px 10px;
  width: 210px;
  background-color: #FFF9F0;
  border: 1px solid #FFEACC;
  margin-right: 15px;
  margin-top: 20px;
}

#footer
{
  clear: both;
  float: left;
  width: 768px;
  text-align: center;
  padding-bottom: 20px;
  background: #FFFFFF;
}

#extras
{
  float: left;
  width: 780px;
  color: #444444;
  text-align: left;
  padding: 0 10px 10px;
  margin: 10px 12px 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}



#header h1 { padding-left: 30px; }



#navigation ul {
  list-style-type: none;
  list-style-image: none;
  float: right;
  margin-top: 135px;
  padding: 0 17px 0 0;
}

#navigation li { float: left; }

#navigation li a:link,
#navigation li a:visited
{
  float: left;
  color: #565656;
  display: block;
  padding: 5px 10px;
  margin-right: 1px;
  border: none;
  height: 38px;
  font-size: 14px;
  margin-top: 4px;
}

#navigation li a:hover,
#navigation li a:active
{
  color: #7E7E7E;
  background-image: url(images/nav-bg.gif);
  background-repeat: repeat-x;
  font-size: 14px;
  margin-top: 4px;
}

#navigation li.active a
{
  color: #555555;
  background-color: #ffffff;
}



#wrapper a:link { font-weight: bold; }

#wrapper a:visited { font-weight: bold; }

#wrapper a:hover, #wrapper a:active { }



#content-table .post-title a { border-bottom-width: 0; }

#content-table .post p {
  font-size: 1.1em;
  line-height: 1.5em;
}

#content-table .post p img {
  float: left;
  margin: 0 15px 0 0;
}

#content-table .post p.img img { padding: 8px; border: 1px solid #d0d0d0; background-color: #eeeeee; }

#content-table .post-footer 
{ 
  font-size: 90%; 
  color: #888888;
  margin-top: 10px;
  margin-bottom: 5px;
  padding:5px 5px 5px 15px;
  background-image: url(images/details.gif);
  background-repeat: none;
}



.sideblock
{
  padding: 5px 10px;
  margin-bottom: 20px;
}

.sideblock ul {
  font-size: 1.1em;
  margin: 0em;
  line-height: 1.5em;
  padding-left: 2em;
}

.sideblock ul li {
  margin-bottom: 0.3em;
  padding-left: 0.3em;
}

.sideblock h3 { margin-top: 5px; font-size: 14px; text-transform: uppercase; }

#sidebar dt { margin: 0; padding-top: 5px; font-weight: bold; color: #666666; }

#sidebar dd { margin: 0 0 5px; padding-bottom: 5px; line-height: 1.8em; }

#sidebar dd a:link { border-bottom-width: 0; font-weight: normal;  border-bottom: none; text-decoration: none;}

#sidebar dd a:visited { border-bottom-width: 0; font-weight: normal; border-bottom: none; text-decoration: none; }

#sidebar dd a:hover, #sidebar dd a:active { border-bottom: none; text-decoration: none;}



#extras h6 { font-size: 14px; text-transform: uppercase; color: #555555; }

#friends
{
  float: left;
  width: 150px;
  margin-left: 20px;
  margin-right: 10px;
}

#links
{
  float: left;
  width: 275px;
  margin-right: 50px;
}

#about
{
  float: left;
  width: 250px;
  margin-right: 20px;
}

#friends ul { padding-left: 20px; }

#links dl, #links dt, #links dd { margin: 0; padding: 0; }

#links dt { font-weight: bold; padding-top: 5px; }

#links dd { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #999999; }

#search-input {
  background: #f8f7f6;
  border: 1px solid #d6d3d3;
  margin-bottom: 5px;
}

#search-input:hover {
  background: #FFFFFF;
  border: 1px solid #d6d3d3;
}

#search-input:focus {
  background: #ffffff;
  border: 1px solid #939793;
}



#commentlist li {
  margin-bottom: 1.5em;
  padding-bottom: 1em;
  border-bottom: 1px solid #700000;
}

.commentlist li {
  font-size: 1.1em;
  line-height: 1.5em;
}

#commentform {
  margin: 1em 0;
  background: #FFFFFF;
  width: 280px;
}

#commentform textarea {
  background: #f8f7f6;
  border: 1px solid #d6d3d3;
  width: 280px;
}

#commentform textarea:hover {
  background: #FFFFFF;
  border: 1px solid #d6d3d3;
}

#commentform textarea:focus {
  background: #ffffff;
  border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
  font-size: 1.1em;
  background: #f8f7f6;
  border: 1px solid #d6d3d3;
  width: 280px;
}

#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
  font-size: 1.1em;
  background: #ffffff;
  border: 1px solid #d6d3d3;
  width: 280px;
}

#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
  font-size: 1.1em;
  background: #ffffff;
  border: 1px solid #939793;
  width: 280px;
}

#commentform input{
  margin-bottom: 3px;
}

.title-wrapper {
  float: right;
  width: 400px;
  clear: right;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 10px 0px 10px 10px;
}

.post-header-wrapper {
  border-width: 0px;
  clear: both;
}

.date {
  background: url(images/date.gif) no-repeat;
  height: 54px;
  margin-bottom: 0px;
  width: 54px;
  text-align: center;
  float: left;
  margin-top: 15px;
  margin-bottom: 10px;
}

.date .month {
  display: block;
  color: #C47C14;
  padding: 2px 0px;
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
}

.date .day {
  display: block;
  color: #767676;
  font: 2.3em Georgia;
  padding-top: 0px;
  text-align: center;
}

#left {
  width: 60px;
  float: left;
}

.slogan {
  font-size: 13px;
  color: #587AAB;
  text-transform: lowercase;
  margin-left: 30px;
  margin-bottom: 2px;
}

#top-line {
  float: left;
  font-size: 13px;
  color: #587AAB;
  margin-left: 30px;
  margin-bottom: 2px;
  margin-top: 150px;
}