/*
Theme Name: WP-Andreas01
Theme URI: http: //andreasviklund.com/wordpress-themes/
Description: Updated for WordPress v2.6, now supporting tags, gravatars and other useful features. 
  Originally based on the classic <a href="http: //andreasviklund.com/templates/andreas01/">andreas01 
  CSS template</a>. Valid XHTML 1.0 Strict and CSS. Public domain.
Version: 2.0
Author: Andreas Viklund
Author URI: http: //andreasviklund.com/
Tags: 2 columns, 3 columns, white, widgets, fixed width, 800px, andreas
*/

/* Body */
* { margin: 0; padding: 0; }
body { background: #f4f4f4 url(img/KK-TP.png) top left no-repeat; background-attachment: fixed; color: #303030; 
  font: 76% Verdana, Tahoma, Arial, sans-serif; }
#wrap { background-color: white; color: #033023; margin: 0 auto; width: 760px; }

/* This one you need to eliminate invisible text */

* html .visualIEFloatFix { height: 0.01%; }

a        { background-color: inherit; color: #731138; font-weight: bold; text-decoration: none;      position: relative; }
a: hover { background-color: inherit; color: #731138; font-weight: bold; text-decoration: underline; position: relative; }
a img { border: 0; }

/* Header */
#header { margin: 10px 0 0; }
#header h1   { background-color: inherit; color: #555555; float: left; font-size: 2em; 
  letter-spacing: -1px; margin: 0 0 10px; width: 350px; }
#header h1 a { background-color: inherit; color: #555555; text-decoration: none; }
#header p    { background-color: inherit; color: #777777; float: right; font-size: 1.1em; 
  font-weight: bold; line-height: 1.3em; margin: 6px 0 0; text-align: center; width: 400px; }
#frontphoto { margin: 0 0 10px; }

/* Sidebars */
#leftside { clear: left; float: left; line-height: 1.5em; margin: 0 0 5px; padding: 0; width: 140px; }
#extras { float: right; line-height: 1.4em; margin: 0 0 5px; padding: 0; width: 140px; }
#leftside p,                   #leftside ul, 
  #leftside div.textwidget,    #extras p, #extras ul, 
  #extras div.textwidget       { font-size: 0.9em; margin: 0 0 18px; }
#leftside li,                  #extras li                  { line-height: 1.2em; list-style: none; margin: 0 0 6px; }
#leftside ul ul,               #extras ul ul               { margin: 6px 0 0 10px; }
#leftside ul ul li,            #extras ul ul li            { margin: 0 0 4px; }
#leftside ul ul li a,          #extras ul ul li a          { font-weight: normal; position: relative; color: #033023; }
#leftside ul.linklist,         #extras ul.linklist         { font-size: 1em; }
#leftside ul.linklist ul,      #extras ul.linklist ul      { margin: 0 0 20px; }
#leftside ul.linklist ul li a, #extras ul.linklist ul li a { font-weight: bold; position: relative; }
#leftside h2, #leftside ul.linklist li h2, #leftside h3, 
  #extras h2, #extras ul.linklist li h2, #extras h3, 
  table#wp-calendar caption { background-color: inherit; color: #731138; 
  font-size: 1.3em; font-weight: bold; text-align: left; margin: 0 0 6px; }
#leftside label, #extras label { display: none; }

/* Main menu */
ul.page         { list-style: none; margin: 0 0 20px; width: 140px; }
ul.page li      { display: inline; line-height: 1.4em; width: 140px; }
ul.page li a    { background-color: #f4f4f4; border-left: 4px solid #731138; 
  color: #033023; float: left; font-weight: bold; margin-bottom: 5px; position: relative;
  padding: 5px 1px 5px 5px; text-decoration: none; width: 130px; }
ul.page li a: hover, ul.page li.current_page_item a { background-color: #eaeaea; 
  border-left: 4px solid #731138; color: #033023; position: relative; }
ul.page ul      { font-size: 0.9em; margin: 0 0 0 15px; padding: 0 0 5px; width: 125px; }
ul.page ul a    { padding: 3px 1px 3px 5px; width: 115px; position: relative; }
ul.page ul ul   { width: 113px; }
ul.page ul ul a { width: 100px; position: relative; }

/* Content */
#content        { line-height: 1.6em; margin: 0 155px 5px      ; padding: 0; }
#contentwide    { line-height: 1.6em; margin: 0 0     5px 150px; padding: 0; }
#content h2,    #contentwide h2 { font-size: 1.6em; margin: 0 0 10px; }
#content h3,    #contentwide h3 { font-size: 1.4em; margin: 0 0 8px; }
#content img,   #contentwide img { border: 1px solid #d0d0d0; float: left; margin: 3px 10px 3px 0; }
#content ul,    #contentwide ul,    #content ol,    #contentwide ol    { margin: 0 0 16px 20px; }
#content li,    #contentwide li { padding: 0 0 0 5px; }
#content ul ul, #contentwide ul ul, #content ol ol, #contentwide ol ol { margin: 0 0 0    16px; }

/* Footer */
#footer { border-top: 2px solid #e0e0e0; font-size: 0.9em; clear: both; color: #777777; 
  font-weight: normal; line-height: 1.7em; margin: 0 auto; padding: 10px 0; text-align: center; width: 760px; }
#footer p            { margin: 0; padding: 0; }
#footer a            { color: #777777; font-weight: normal; text-decoration: none; }
#footer a: hover     { color: #555555; text-decoration: underline; }
#footer strong a     { font-weight: bold; }
#footer span.credits { font-size: 1.1em; }

/* Subpage menu */
#subpages { border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; 
  float: right; font-weight: bold; line-height: 1.3em; margin: -5px 0 8px 15px; 
  padding: 0 0 10px 10px; width: 190px; }
#subpages h2 { font-size: 1.2em; font-weight: bold; letter-spacing: -1px; line-height: 1.3em; margin: 0 0 12px; }
#subpages ul.submenu                  { line-height: 1.4em; list-style: none; margin: 0; }
#subpages ul.submenu li               { display: inline; line-height: 1.4em; width: 180px; padding: 0; }
#subpages ul.submenu li a             { background-color: #f4f4f4; border-left: 4px solid #cccccc; 
  color: #033023; float: left; font-weight: bold; margin-bottom: 5px; padding: 3px 1px 3px 5px; position: relative;
  text-decoration: none; width: 180px; }
#subpages ul.submenu li ul            { margin: 0 0 5px 10px; width: 170px; }
#subpages ul.submenu li ul li a       { width: 170px; position: relative; }
#subpages ul.submenu li ul ul         { margin: 0 0 5px 10px; width: 160px; }
#subpages ul.submenu li ul ul li a    { width: 160px; position: relative; }
#subpages ul.submenu li ul ul ul      { margin: 0 0 5px 10px; width: 150px; }
#subpages ul.submenu li ul ul ul li a { width: 150px; position: relative; }
#subpages ul.submenu li a: hover, #subpages ul.submenu li.current_page_item a { background-color: #eaeaea; 
  border-left: 4px solid #731138; color: #033023; position: relative; }
#subpages ul.submenu li.current_page_item ul li a                             { background-color: #f4f4f4; 
  border-left: 4px solid #cccccc; color: #033023; position: relative; }

/* Tags */
p, ul, ol         { margin: 0 0 18px; }
blockquote        { border-left: 4px solid #731138; margin: 20px; padding: 8px 8px 8px 15px; }
blockquote p      { background-color: inherit; color: #033023; font-size: 0.9em; line-height: 1.3em; }
label             { background-color: inherit; color: #606060; font-size: 0.9em; font-weight: bold;  }
table#wp-calendar { margin: 0 0 20px; width: 140px; }
code { font-size: 1.2em; display: block; padding: 5px 5px 5px 8px; background-color: #f4f4f4; 
  margin: 5px 0 15px 0;border-left: 4px solid #cccccc; }

/* Forms */
#s,#submit { background-color: #ffffff; border: 1px solid #cccccc; color: #033023; 
  font-size: 0.9em; margin: 0 0 16px; padding: 4px; width: 130px; }
#author,#email,#url,#comment { border: 1px solid #cccccc; 
font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 1em; margin: 0; padding: 4px; }
#commentsection   { margin: 25px 0 0  ; }
#commentsection p { margin: 0    0 6px; }

/* Float fix */
.contenttext { overflow: hidden; }
* html .contenttext { height: 1px; overflow: visible; }
* html .contenttext p { overflow: hidden; width: 99%; }

/* WP image align classes */
img.centered   { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0   2px 7px; display: inline; }
img.alignleft  { padding: 4px; margin: 0 7px 2px 0  ; display: inline; }
.alignright { float: right; }
.alignleft  { float: left;  }

/* Various classes */
.left      { border: 1px solid #cccccc; margin: 10px 15px 10px  0  ; float: left;  }
.right     { border: 1px solid #cccccc; margin: 10px 0     5px 10px; float: right; }
.center    { border: 1px solid #aaaaaa; margin: 5px auto 12px      ; text-align: center; }
.textright { text-align: right; }
.small     { font-size: 0.8em;  }
.bold      { font-weight: bold; }
.hide      { display: none;     }

/* Shit that I edited */

.post           { margin-bottom: 25px; }
.post .quote    { border: 1px black; color: #033023; background: #cccccc; padding: 3px; margin-right: 20px; }
.quotesig { background: #cccccc; padding: 3px; color: #731138;     margin-right: 20px; font-weight: bold; }
.product  { background: #cccccc; padding: 3px; position: relative; margin-right: 20px; }
.prodinfo { background: #cccccc; padding: 3px; position: relative; float: left;    width: 340px; color: #033023;     }
.prodbuy  { background: #cccccc; padding: 3px; position: relative; float: right;   width: 160px; text-align: center; z-index: 1; }
.prodbuy img { margin-right: 5px; }
.prodend  { clear: both; }

/* END Shit that I edited */

.postinfo     { background-color: #f4f4f4; border-left: 4px solid #cccccc; color: #606060; font-size: 0.9em; 
  padding: 8px 5px 8px 8px; font-weight: bold; line-height: 1.5em; margin: 1px 0 30px; }
.comment      { background-color: #f4f4f4; border-left: 4px solid #cccccc; color: #606060; margin: 0 0 10px; 
  padding: 8px 5px 0   8px; }
.comment p    { font-size: 0.9em; line-height: 1.3em; margin: 0 0 6px; padding-bottom: 5px; }
.gravatarside { float: right; width: 48px; height: 48px; margin: 0 5px 5px 5px; }
.navigation   { display: block; margin: 10px 0 20px 0; padding: 0; text-align: center; }
.navigation p { margin: 0; padding: 0; }
.prevlink     { margin-right: 20px; }
.nextlink     { margin-left:  20px; }