/*
Theme Name: olofolsson.com
Theme URI: http://olofolsson.com/
Description: This is the customised olofolsson.com theme
Version: 1.0
Author: Olof Olsson
Author URI: http://olofolsson.com/

	olofolssson.com
	http://olofolsson.com/

        This is the theme for olofolsson.com.
        (c) 2008 Olof Olsson; Please do not steal my style.

*/


/*-- Layout --*/

body {min-width:810px}
body,html {text-align:center} 
#page {width:810px; position: relative; margin: 0 auto; text-align: left}
#banner {height:170px}
#menu {height: 40px; padding: 0 35px}
#content {float:left; width:448px; display: inline}
#simpleViewer {height: 700px; border: 0; padding: 0 35px 0 35px; margin: 0}
#sidebar {float:right; width:203px; display: inline}
#footer {clear:both; height:48px; position: relative}
:focus {outline: 0}

/*--- Typography ---*/

/* Defaults */
* {padding:0; margin:0; border:0;font-style:normal}
p {margin-top:.8em}

/* sIFR */
.sIFR-active h2, .sIFR-active h3 {visibility: hidden; font-family: Verdana; line-height: 1em}
.sIFR-active #content h2 {display: block; width: 450px; border-bottom-width:1px; border-bottom-style: solid; border-bottom-color: #ffffff} 
.sIFR-active #sidebar h2 {display: inline}
.sIFR-active #content h2 {font-size: 24px}
.sIFR-active #content h3 {font-size: 20px}
.sIFR-active #sidebar h2 {font-size: 16px}

/* Defaults */
body,html,input,textarea {font: normal 12px/22px Verdana, sans-serif}

/* Headings */
h1,h2,h3,em, h2 a {font-weight:bold !important}
a {font-weight:bold}
#content h2 {font-size: 20px; padding-top: 8px}
#sidebar h2 {font-size:16px; margin-bottom: 5px; padding: 4px 0 0 0}
#content h3 {font-size:16px; margin: 20px 0 4px 0}
#menu a {letter-spacing: -0px; font-weight: bold}

/* Links */
a {text-decoration:none;border-bottom-width:1px; border-bottom-style: solid}
a:hover,a:active {border-bottom-width:1px !important; border-bottom-style: solid !important}
#sidebar a, #footer a {font-weight: normal}
#banner a, #content h2 a, #menu a, #footer a, #sidebar a.site, #sidebar h2 a, 
.earlier a, .later a, .earlier a:hover, .later a:hover, .earlier a:active, .later a:active, a#lime:hover, a#orange:hover, a#blue:hover  {border-bottom-style: none !important; background-color: transparent !important}

/* Lists */
#content li, #sidebar li {list-style: none; background: url("/wp-content/themes/olofolsson.com/images/common/bullet.gif") no-repeat left 8px; 
padding-left: 14px;}
#content li, #sidebar li {margin-top: 0.5em; }
#menu li {list-style:none}


/*--- Colour theme ---*/

/* White */
#menu a, #content input.button {color: #fff}
#content {background-color: #fff}

/* Almost black */
h1, h2, a, em {color: #222}

/* Dark grey */
body,html,input,textarea {color:#333} 
#content .post, #content #comments, #content #respond, #content input.button {border-color: #aaa}

/* Light grey */
#footer, #footer a {color: #aaa}
a {border-bottom-color: #aaa}
input,textarea, #content .comment, #content .search {border-color: #aaa} 
#content .post img {border-color: #333}

/* Mid grey */
#sidebar a.site, #content .meta, #content .comment-nr {color: #888}
input,textarea {border-left-color: #888; border-top-color: #888}
#sidebar .widget {border-top-color: #888}

/* Dark grey */
h3 {color: #555}


/*--- Forms ---*/
form {padding:0.8em 0}
input,textarea {border-width: 2px; border-style: solid; padding: 4px}


/*--- Menu ---*/

/* Layout */
#menu ul,#menu li {float:left; line-height:normal; white-space:nowrap}
#menu a {display: block; height: 13px; width: 80px; padding:12px 0 14px; text-align: center;}
#menu a {border-right: 1px solid #444 !important; border-left: 1px solid #666} 
#menu a.first {border-left:1px solid #444 !important; border-right: 1px solid #666}
#menu a#current {border-left: 1px solid #333}

/* Button backgrounds */
#menu a {background: url("/wp-content/themes/olofolsson.com/images/common/button-bg.gif") repeat-x}
#menu a:hover {background: url("/wp-content/themes/olofolsson.com/images/common/button-hover-bg.gif") repeat-x}
#menu a#current {background: url("/wp-content/themes/olofolsson.com/images/common/button-active-bg.gif") repeat-x}

/* Search */

/* #search {background: transparent url("/wp-content/themes/olofolsson.com/images/common/search-bg.gif") no-repeat; position: absolute; display: inline; top: 176px; right: 46px}
#search  {height: 13px; width: 170px; line-height: 13px; padding: 7px 25px 8px; border: none; vertical-align: top} */

#search {position: absolute;top: 176px; right: 46px; padding: 0; margin: 0;}
#search form {padding: 0}
#search input {background: transparent url("/wp-content/themes/olofolsson.com/images/common/search-bg.gif") no-repeat; display: inline}
#search  input {line-height: 13px; padding: 7px 25px 8px; border: none; vertical-align: top;
height: 13px; width: 170px;} 


/*--- Footer --- */
/* #footer #cclogo {height: 16px; width: 16px; float:left; display: inline; margin: 5px 0 5px 55px; vertical-align: top} */
#footer #cclogo {position: absolute; height: 16px; width: 16px; left: 55px; top: 4px} 
#footer #cclogo a {background: inherit !important; border: none !important }
#footer #cc {position: absolute; height: 13px; line-height:13px; left: 80px; top: 5px}
#footer #disclaimer {position: absolute; height: 13px; line-height:13px; right: 130px; top: 5px}


/*--- Content ---*/

/* Layout */
#content {margin: 0 0 0 35px; padding: 50px 20px 50px 20px}

/* Navigation */
#navigation-top {position: absolute; top: 210px; left: 35px; background: url("/wp-content/themes/olofolsson.com/images/common/navigation-top-bg.gif") repeat-x} 
#navigation-bottom {position: absolute; bottom:48px; left: 35px; background: url("/wp-content/themes/olofolsson.com/images/common/navigation-bottom-bg.gif") repeat-x} 
#navigation-top {width: 495px; height: 34px; margin: 0 0 40px; padding: 4px 0 0}
#navigation-bottom {width: 495px; height: 24px; margin: 0;  padding: 6px 0 0}
.earlier {float: left;text-align:left; margin-left: 20px; height: 20px; width: 20px}
.later {float: right; text-align: right; margin-right: 20px; height: 20px; width: 20px}
.earlier a, .later a {display: block; height: 20px; width: 20px}
.hidden {display: none}
#navigation-top .earlier a {background: url("/wp-content/themes/olofolsson.com/images/common/earlier-top.gif") no-repeat}
#navigation-top .later a {background: url("/wp-content/themes/olofolsson.com/images/common/later-top.gif") no-repeat}
#navigation-bottom .earlier a {background: url("/wp-content/themes/olofolsson.com/images/common/earlier-bottom.gif") no-repeat}
#navigation-bottom .later a {background: url("/wp-content/themes/olofolsson.com/images/common/later-bottom.gif") no-repeat}


/* Posts */
#content .post, #content #comments, #content #respond {padding: 30px 0 0; margin: 40px 0 0 0; border-top-width: 2px; border-top-style: solid}
#content .first, #sidebar .first {border-top-style: none !important; margin: 0 !important; padding: 0 !important}
#content .meta {margin-top: 8px}
.sIFR-active #content .meta {margin: -4px 0 0 0 !important; padding: 0}

/* Comments */
#content .comment {padding:20px 0 0; margin: 30px 0 0 0; border-top-width: 2px; border-top-style: solid}
#content textarea {width: 440px}
#content input.button {padding:4px 10px; margin-bottom:20px; float:right; display:block; background: url("/wp-content/themes/olofolsson.com/images/common/button-bg.gif"); height: 40px; width: 80px; border-width: 2px; border-style: solid}
#content input.button:hover {background: url("/wp-content/themes/olofolsson.com/images/common/button-hover-bg.gif")}

/* Search results */
#content .search {padding:20px 0 0; margin: 30px 0 0 0; border-top-width: 3px; border-top-style: solid}

/* Images */
#content .post img {border-width: 6px; border-style: solid}
#content .post .img-center {clear:both;margin:6px 0 0 0}
#content .post .img-left {float:left;margin:6px 12px 0 0}
#content .post .img-right {float:right;margin:6px 0 0 12px}


/*--- Sidebar  ---*/

#sidebar {margin: 0 35px 0 0; padding: 20px 20px 20px 20px}
#sidebar .widget {padding: 20px 0; border-top-width: 2px; border-top-style: solid;}
#sidebar #text-1, #sidebar #text-3 {padding-top: 0 !important; border-top-style: none !important;}
/* #sidebar li {margin: 0 0 0.5em 16px} */
/* #sidebar li.rss {padding-left: 20px; margin: 0;} */

#lookfeel {height: 28px; width: 100px; position: absolute; top: 176px; right: 290px} 
#lookfeel a#blue, #lookfeel a#lime, #lookfeel a#orange {float: right; display: inline; width: 28px; height: 28px; margin: 0; padding: 0; border: none !important}
#lookfeel #bluelight {background: url("/wp-content/themes/olofolsson.com/images/blue/blue-bg.gif") no-repeat !important; width: 28px; height: 28px}
#lookfeel #orangelight {background: url("/wp-content/themes/olofolsson.com/images/orange/orange-bg.gif") no-repeat !important;  width: 28px; height: 28px}
#lookfeel #limelight {background: url("/wp-content/themes/olofolsson.com/images/lime/lime-bg.gif") no-repeat !important}
#lookfeel #blue:hover {background-image: url("/wp-content/themes/olofolsson.com/images/blue/blue-bg.gif") !important}
#lookfeel #orange:hover {background-image: url("/wp-content/themes/olofolsson.com/images/orange/orange-bg.gif") !important}
#lookfeel #lime:hover {background-image: url("/wp-content/themes/olofolsson.com/images/lime/lime-bg.gif") !important}
#lookfeel a#blue {background: transparent url("/wp-content/themes/olofolsson.com/images/common/blue-bg.gif")}
#lookfeel a#lime {background: transparent url("/wp-content/themes/olofolsson.com/images/common/lime-bg.gif")}
#lookfeel a#orange {background: transparent url("/wp-content/themes/olofolsson.com/images/common/orange-bg.gif")}