/*  
Theme Name: Willy The Cat
Theme URI: http://wordpress.bytesforall.com
Description: Fixed width, highly customizable 2 column theme with changeable header image. Widget-ready, Auto SEO & options page. Valid and browser-safe. This Theme is optimized for Wordpress 2.3.1+ but works also in 2.2.x and 2.1.x. 
Version: 1.05
Author: Bytesforall
Author URI: http://www.bytesforall.com/
*/
/*
*
*
*
YOUR OWN HEADER IMAGE HOW-TO: Upload a "headerimage.jpg" to the directory "/wp-content/themes/willythecat/images/" in the wordpress installation directory on your server. Delete the exisiting "headerimage.jpg" in that directory first if your FTP software won't let you overwrite it. The "headerimage.jpg" must be 740 pixels wide and 35 pixels tall AT LEAST (it can be wider and taller - no problem). You can set the visible height of the image on the options page. The visible width will always be 740 pixels but you can set which part to show (left, right, center...) if the image is wider.   
*
*
*
*
Credits:
Layout and browser compatibility hacks based on Ruthsarian's Skidoo Redux 
http://webhost.bridgew.edu/etribou/layouts/ - ruthsarian@gmail.com
*/
ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {margin-top: 10px; margin-bottom: 0px; padding-top: 0; padding-bottom: 0; }
h2 {margin-top: 0px; margin-bottom: 0px; padding-top: 0; padding-bottom: 0; }
ul ul, ul ol, ol ul, ol ol {margin-top: 0; margin-bottom: 0; }
h1 {font-size: 240%; }
h2 {font-size: 180%; }
h3 {font-size: 140%; }
h4 {font-size: 100%; }
h5 {font-size: 70%; }
h6 {font-size: 50%; }
.entry h1, .entry h2, .entry h3, .entry h4 {clear:both;}
a, a:link, a:visited, a:active {text-decoration: underline; }
a:hover {text-decoration: none; }
code, pre {font-family: "Courier New", Courier, monospace; }
label {cursor: pointer; }
table {font-size: 100%; }
td, th {vertical-align: top; }
body {font-size: 100.1%; }
/*********************************************************/
.clear-columns {clear: both; }
#outer-column-container {border-left: solid 13em #fff; border-right: solid 13em #fff; }
#inner-column-container {width: 100%; }
#source-order-container {float: left; width: 100%; margin-right: -1px; }
#left-column {float: left; margin-left: -13em; width: 13em; margin-right: 1px; }
#middle-column {float: right; width: 100%; margin-left: -1px; }
#right-column {float: right; margin-right: -13em; width: 13em; margin-left: 1px; }
/*****BASE THEME**************************************/
body {background-color: #ccc; color: #000; padding: 0; margin: 14px 0; }
#masthead {padding-top: 1px; border-bottom: solid 1px #000; }
/**************** change middle column left and right borders *****************/
#inner-column-container
{border: solid 0px #000; border-width: 0 0px; margin: 0 -0px; }
#middle-column div.rMenu-center {border-bottom: solid 1px #000; }
#footer {border-top: solid 1px #000; padding-bottom: 1px;}
.inside {margin: 10px; }
/******HACKS***************************************************/
.clear-columns
{ /* hide from IE/Mac \*/ padding-bottom: 1px; margin-bottom: -1px;	}
* html #page-container { /* \*/ height: 0.1%; position: relative; }
* html #middle-column, * html #left-column, * html #right-column, * html #source-order-container {	/* hide from IE/Mac \*/ overflow: visible; /* hide from IE/Mac \*/ position: relative; }
* html #middle-column {margin-right: -4px; margin-right/* */: 0; }
* html #middle-column .inside
{ margin-right: 14px; margin-right/* */: 10px;}
* html #masthead, * html #footer { /* hide from IE/Mac \*/ height: 0.1%; height/**/: auto;	 }
* html #masthead .inside, * html #footer .inside {	margin-top: 0; margin-bottom: 0; margin/* */: 10px; }
* html .inside {margin: 10px 0.75em; margin/* */: 10px; }
* html #inner-column-container {display: block; }
* html #source-order-container {margin-right: -100%; /* \*/ margin-right: -1px; }
#left-column, #right-column {position: relative; }
/******************************************************************************/
#page-container {font-size: 80%; font-family: tahoma, candara, helvetica, verdana, arial, sans-serif; }
#page-container, #inner-column-container, #masthead, #footer {border-color: #99a;}
#outer-column-container {border-left-color: #f6f6f6; border-right-color: #e6e6e6;	}
#masthead {background-color: #f6f6f6;	}
#footer {background-color: #e6e6e6;}
#inner-column-container {background-color: #fcfcfc; }
#left-column h3, #right-column h3 {margin-bottom: 0; }
#right-column p, #right-column ul {margin-top: 0; }
p.fontsize-set {text-align: center;}
p.fontsize-set input {margin: 0 2px;}
/**********Credits: Dynamic Drive CSS Library *********************/
/*URL: http://www.dynamicdrive.com/style/ */
#ddcolortabs{ margin-left: 15px; padding: 0; width: auto; background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}
#ddcolortabs ul{font: bold 11px Arial, Verdana, sans-serif; margin:0; padding:0; list-style:none; }
#ddcolortabs li{display:inline; margin:0 4px 0 0; padding:0; text-transform:uppercase; }
#ddcolortabs li:first-child {margin-left: 1px; }
#ddcolortabs a span{float:none;}
#ddcolortabs a:hover{background-color: #678b3f;}
#ddcolortabs a:hover span{background-color: #678b3f;}
#ddcolortabs #current a:link, #ddcolortabs #current a:active, #ddcolortabs #current a:visited, #ddcolortabs #current a:hover, #ddcolortabs #current span{ /*currently selected tab*/ background-color: #678b3f;}
#ddcolortabsline{clear: both; padding: 0; width: 100%; height: 8px; line-height: 8px; background: #678b3f; /*border-top: 1px solid #fff;*/ /*Remove this to remove border between bar and tabs*/}
/**** Highlight current subpage *******/
li.current_page_item a:link, li.current_page_item a:active, li.current_page_item a:visited, li.current_page_item a:hover { color: black; font-weight: bold; }
/***********************************/
#left-column .inside ul, #right-column .inside ul {list-style-type: none; margin: 0; padding: 0; }
#left-column .inside ul li, #right-column .inside ul li {margin: 2px 0 2px 5px; }
a:link, a:visited, a:active {color: #004b9f; text-decoration: none; }
a:hover {text-decoration: underline; }
h3.widgettitle {color: #777; width: 100%; font-size: 1.3em; margin-bottom: 0px; padding-bottom: 0px; font-family: candara, tahoma, helvetica, arial, sans-serif; border-bottom: 1px solid #ccc; }
.inside h1{ font-family: verdana, tahoma, arial, sans-serif; letter-spacing:-3px; line-height: 1.0em; font-size:2.5em; float:left; /*width: 49%;*/ margin: 10px 5px 0 0; }
a.header:link, a.header:visited, a.header:active, a.header:hover {color: #999; text-decoration: none; }
div#search {float: right; width: 15em; text-align: right; padding: 0.6em 0 0.2em 0; margin: 0 1em; }
/***************** wordpress defaults *****************/
.navigation {display: block; margin: 0; padding: 0; width: 100%; /*height: 15px;*/ } 
blockquote{height: 1%; color: #555; /*margin-left: 20px*/; /*border-left: solid 10px #ccc;*/ padding: 1em 1em; background: #e9bccc; border-bottom: solid 1px #e9bccc;  /* hack for IE6 and older*/ }
blockquote blockquote{height: 1%; color: #444; /*margin-left: 20px*/; /*border-left: solid 10px #ccc;*/ padding: 1em 1em; background: #e2a7bc; border-bottom: solid 1px #e2a7bc;  /* hack for IE6 and older*/ }
.older{float: left; width: 49%; text-align: left; margin:0; padding:0;}
.newer{float:right; width: 49%; text-align: right; margin:0; padding:0; }
.headerleft{float: left; width: 49%; text-align: left;  margin-bottom:0; padding-bottom:0;}
.headerright{float:right; width: 49%; text-align: right; padding: 0; margin-bottom:0; }
.postmetadata{clear:both; margin: 10px 0 20px 0; color: #666; }
.postmetadata2{float: left; padding: 0; margin: 0px 0 0px 0; color: #666; font-size: 90%}
.postmetadata2 a:link, .postmetadata2 a:active, .postmetadata2 a:visited {color: #666; text-decoration: underline}
.post {border-bottom: solid 1px #913357; margin-bottom: 20px; }
.post-page {margin-top: 20px; margin-bottom: 20px; }
.pagetitle {margin-bottom: 15px;}
.entry {margin-left: 5px}
/* CSS for forms -------------------------------------- */
form {margin: 0; padding: 0; }
form p {margin: 5px 0 0 0; padding: 0; }
label {margin-right: 0.5em; /*display: block;*/ font-family: arial;}
.submit input {margin-left: 4.5em; }
form input {color: #000; background: #efd3de; border: 1px solid #c2547d; }
.submit input {color: #000; background: #fff; border: 2px outset #999; }
fieldset {border: 1px solid #781351; width: 45em; }
legend { color: #000; background: #FFB0B3; border: 1px solid #781351; padding: 2px 6px; margin-bottom: 15px; }
.comment-textarea{width: 96%; padding: 0; margin: 0; }
#s{width: 75%;}
/**********************************************/
.vert1 {display: table; height: 54px;  #position: relative; overflow: hidden;}
.vert2 { #position: absolute;  #top: 50%;display: table-cell; vertical-align: middle;}
.vert3 { #position: relative;  #top: -50%}
/******************clearfix********************/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {min-width: 0; display: inline-block; /* \*/	display: block; }
* html .clearfix {/* \*/  height: 1%;}