/*
Theme Name: ShortBoredSurfer
Theme URI:
Description: Simple theme based on Adsimple theme.
Version: 1.0.1
Author: Paul Seys
Author URI: http://joystik.co.uk
Tags: white, fixed width, three columns, widgets, right sidebar, simple
*/


* { margin: 0; padding: 0; }

html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

body {
background: url(i/bg.gif) repeat-x #f8f8f8;
font: 68.5% Georgia, "Times New Roman", Times, serif;
line-height: 2.0em;
color: #3f403d; 
}

#wrapper {
width: 960px;
margin: 0 auto;
padding: 0;
}

a {text-decoration: none;}

a:hover {text-decoration: underline;}

p {margin: 0; padding: 10px 0;}

h1 {margin: 20px 0 0}

img {border: 0}
input {vertical-align: middle}

blockquote {
width: 300px;
float: right;
margin: 20px 0 20px 30px;
border-left: 4px solid #87af18;;
background: #EEE;
padding: 10px 15px;
font-size: 1.6em;
line-height: 1.4em;
}

.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

img.aligncenter {margin: 7px margin}
.alignleft {float: left}
img.alignleft {margin: 5px 10px 3px 0}
.alignright {float: right}
img.alignright {margin: 5px 0 3px 10px}

.wp-caption {
text-align: center;
background-color: #121212;
padding-top: 4px;
margin: 10px 10px 10px 0;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-family: arial, verdana, sans-serif;
font-size: 0.9em;
line-height: 17px;
padding: 5px;
margin: 0;
color: #fff;
}


/* Header
-----------------------------------------------------------------------------*/

#header {         
height: 160px;
/*background-image: url(i/header-bg.jpg);*/	               
background-repeat: no-repeat;
margin-bottom: 2.0em;
margin-top: -20px;
/margin-top: 0;
}

#searchform {
text-align: right;
float: right;
margin-right: 5px;
}

#s {
width: 300px;
height: 18px;
padding: 5px 10px 5px 20px;
border: 2px solid #373731;
float: left;
font-size: 1.3em;
margin-right: 5px;
margin-top: 5px;
background: url(i/search-icon.gif) 5px 5px no-repeat #fff;	
}

#searchsubmit {
display: block;
width:78px;
height:44px;
background: url(i/search-sprite.gif) no-repeat;
cursor: pointer;
border: none;
text-indent: -9999px;
float: left;
}

#searchsubmit:hover {
background-position: 0 -44px;}

h1#logo a {
background: url(i/logo.jpg) no-repeat;
text-indent: -9999px;
display: block;
width: 446px;
height: 113px;
margin-top: 1px;
float: left;
/*margin-left: -40px;*/}

#menu {
font-weight: normal;
font-size: 1.2em;
font-family: Helvetica, Arial, sans-serif;
display: block;
clear: both;
/*margin-top: -15px;*/
}

#menu li {
display: inline;
text-transform: capitalize;
}

#menu li a {
margin: 0 0;
/*background: url(i/menu-sprite.gif); */
font-size: 1.2em;
height: 29px;
width: 90px;
display: block;
float: left;
color: #838381;
text-align: center;
padding-top: 15px;
}

#menu li a:hover {}

#menu li.current_page_item a {
background-position: 0 -156px;
color: #fff;
}

div.description {
float: left;
color: #fff;
font-size: 1.5em;
padding: 20px 0 0 55px;
width: 340px;
line-height: 1.2em;
}


/* Content
-----------------------------------------------------------------------------*/
#container {
width: 100%;
/*background: url(i/dots.gif) 470px 0 repeat-y;*/
margin-bottom: 10px;
}

#content {
width: 500px;
float: left;
padding: 0 20px 20px 5px;
overflow: hidden;
}

#content h2 {
color: #000;
font: normal 2.8em Georgia, "Times New Roman", Times, serif;
line-height: 1.4em;
padding: 0px 5px 15px 5px;
}

#content h2 a {
color: #000!important;
}

#content h2.pagetitle {
padding-left: 3px;
padding: 1px 0 4px;
color: #34362f;
font: normal 2.4em; 
}

#content h3 {
font: Georgia, "Times New Roman", Times, serif;
text-transform:uppercase;
font-size: 0.85em;
font-weight: normal;
color: #838381;
}

#content p,
#content li {
font-size: 1.3em;
line-height: 1.4em;
}

#content li li {
font-size: 1em;
}

#content .post {
margin: 0 0 2.2em;
background: url(i/post-underline.gif) repeat-x bottom;
padding: 1.0em 0 1.0em 0;
}

/*#content .post h2 {
color: #34362f;
font-style: italic;
font: normal 2.4em Georgia, "Times New Roman", Times, serif;
padding: 0 0 3px;
}*/

#content .post a {
color: #87af18;
} 

.entry {font-size: 1.1em;}

#content .post .entry a {
text-decoration: underline;
}

#content .post .entry a:hover {
text-decoration: none;
}

#content .post h3 {
/*font-size: 2em;*/
margin: 0 0 2px;
}

.post ul,
.post ol {
margin: 7px 0 7px 35px;
}

.post li {
padding: 2px 0;
}

.postmetadata {
display: block;
border: 1px solid #abda2a;
background: #abda2a;
width: 50px;
font-size: 1.4em;
color: #fff;
text-align: center;
padding-bottom: 0.2em;
float: left;
margin-right: 1.0em;
margin-bottom: 1.0em;
}

.postmetadata span {
background: #fff;
display: block;
font-size: 1.2em;
color: #34362f;
padding: 0.3em;
margin-bottom: 0.2em;
}

.postmetadata-sml {
display: block;
border: 1px solid #abda2a;
background: #abda2a;
font-size: 1.3em;
line-height: 2.0em;
color: #fff;
text-align: center;
float: left;
margin-bottom: 1.0em;
margin-right: 1.0em;
margin-top: 0.7em;
padding-right: 5px;
}

.postmetadata-sml span {
background: #fff;
display: block;
float: left;
color: #34362f;
padding: 0 0.3em;
margin-right: 5px;
}

.entry {
border-top: #eee solid 1px;
text-align: left;
clear: both;
}

.entry h1 {
font-size: 2.2em;
margin: 15px 0 10px;
}

.entry h2 {
font-size: 1.65em !important;
font-weight: n !important;
margin-top: 15px;
/*margin: 15px 0 10px !important;*/
padding: 0 !important;
border: none !important;
}

.entry h3 {
font-size: 1.6em !important;
font-weight: normal !important;
margin: 15px 0 10px !important;
padding: 0 !important;
}

.entry h4 {
font-size: 1.8em;
margin: 2.0em 0 0.6em 0;
font-weight: normal !important;
}

.entry h5 {
font-size: 1.5em;
margin: 1.5em 0 0 0;
padding-top: 1.0em;
font-weight: normal !important;
color: #808080;
border-top: solid #eee 1px;
}

.line {
clear: both;
padding: 3px;
margin: 0 0 15px;
background: url(i/smalldot.gif) repeat-x;
}

.nav {
font-size: 1.3em;
padding: 0 0 22px;
}

.navigation {
font-size: 1.3em;
margin: 20px 0;
height: 1.3em;
}

.navigation a {
color: #87af18;
}

.alignleft {float: left;}
.alignright {float: right;}

h3#comments,
h3#respond {
padding: 10px 0;
font-size: 1.6em;
text-transform: none!important;
color: #333;

}

ul.commentlist {
list-style: none;
}

.commentlist li {
padding: 0.5em 0;
border-bottom: 1px solid #eee;
}

.commentlist p a {color: #87af18;}

.cdata {
margin-left: 75px;
padding: 0.5em;}

.cdata a {
color: #87af18;
}

.cdata h4 a{color: #333;}

.cdata h4 {
color: #333;
font-size: 1.4em;
font-weight: normal;}

.cdata strong a {
display: block;
color: #34362a!important;
}

#content img.avatar {
background: url(i/avatar.png);
padding: 3px 4px 7px 4px;
float: left;
margin-left: -75px!important;
border: 0;
}

.ctext {
padding: 0 7px;
margin-left: 75px;
}

.commentlist li p {
font-size: 1em !important;
}

.commentdata {
display: block;
border-top: 1px solid #eee;
padding-top: 0.8em;
font-family: arial, verdana, sans-serif;
font-size: 1.2em;
color: #838381;
}

.commentdata p {
font-size: 1em!important; 
text-align: right;
margin-top: -27px;
}

.commentdata a {  
color: #abda2a;
}

#author, #email, #url, #comment, #submit {
padding: 2px 4px;
width: 200px;
border: 1px solid #CCC;
}

#comment {
width: 470px;
height: 170px;
}

#submit {
width: 115px;
height: 22px;
padding: 0;
background: #F4F4F4;
cursor: pointer;
overflow: visible;
}


/* Sidebars
-----------------------------------------------------------------------------*/
#sidebars {
float: left;
width: 420px;
font-size: 1.2em;
line-height: 1.4em;
}

#l-sidebar {
float: left;
width: 200px;
/margin-left: -10px;
/width: 190px;	
padding: 0 10px;
}

#l-sidebar img {
background: url(i/double-line.gif) repeat-x bottom;
padding-bottom: 21px;
margin-bottom: -10px;
}

#l-sidebar ul li,
#r-sidebar ul li {
border-top: #eee 1px solid;
padding: 15px 5px;
}

#l-sidebar ul li a,
#r-sidebar ul li a  {
font-size: 1.2em;
line-height: 1.4em;
}

#l-sidebar ul li a:hover {
color: #333;
}

#r-sidebar {
float: left;
width: 180px;
padding-left: 20px;
/margin-left: -10px;
}


#r-sidebar form {
padding: 7px!important;
}


#r-sidebar h2 {
background: url(i/double-line.gif) repeat-x top;
}

.widget_categories h2 {
padding: 15px 0!important;
}

.widget_categories li {
text-align: right;
display: block;
}

.widget_categories li a{
float: left;
}




#l-sidebar ul {
background: url(i/double-line.gif) repeat-x bottom;
margin: 0 0 15px;
padding: 10px 0;
/*border-bottom: solid 1px #eee;*/
}

#sidebars li {
list-style: none;
padding: 3px 0 3px 4px;
margin: 0;
}

#sidebars li ul {
margin: 0 0 3px 12px;
}

#sidebars li li {
padding: 3px 0 0;
border: none;
}

#sidebars li a {
padding: 0;
color: #808080;
}

#sidebars h2 {
text-transform: uppercase;
font-family: Georgia, "Times New Roman", Times, serif;
margin-top: 2em;
font-size: 0.9em!important;
font-weight: normal!important;
padding: 0 0 3px 3px;
}

#sidebars h3 {
font: normal 1.4em/1.1em "Trebuchet MS", Arial, Sans-Serif;
padding: 0 0 3px;
}

/* tags
-----------------------------------------------------------------------------*/

.tags,
#tag_cloud {
margin: 0 0 15px;
}
.tags {
text-align: center;
}
.tags a,
#tag_cloud a {
color: #808080;
margin: 0 2px;
}

/* Custom
-----------------------------------------------------------------------------*/
.flickrbadge {
background: url(i/double-line.gif) repeat-x bottom;
/*border-bottom: solid 1px #eee;*/
padding: 10px 0 20px 0;
clear: both;
display: block
}

#flickrrss a {
border: 5px solid #eee;
margin: 0 5px 5px 0; 
display: block; 
width: 75px!important;
float: left;
}

#flickrrss a:hover {
border: 5px solid #badb58;
}

#flickrrss h2 {
background: url(i/double-line.gif) repeat-x top;
padding-top: 1.5em;
padding-bottom: 0.5em;
margin-bottom: 1.0em;
}

#flickrrss {
display: block;
}

.twitter-item abbr {
font-style: oblique;
color: #808080;}

a.twitter_title_link {
color: #3f403d;}

ul.twitter {
background: none!important;
}

#twitterbadge {
display: block;
padding-top: 4px;}

.db-wrapper {
padding-left: 10px!important;}

.clear {clear: both;}

p.date {
font-weight: normal!important;
color: #808080;
font-size: 0.9em!important;
padding: 0 0 0.5em 0!important;
}

span.star {
color: #cc0000;
font: tahoma, arial, sans-serif;
font-size: 1.1em;
}

div.highlight {
background-color: #f3f7b6;
padding: 5px 10px;
margin-top: 1em;
}

div.highlight a {color: #6f9603!important;}

div.share {
display: block;
float: left;
padding: 0 5px 0 0;
}

div.cbw_content {
font-family: arial, verdana, sans-serif!important;}

.slideshare {
padding: 1.0em 0;}

/*.widget_recent_entries {
font-size: 1.2em;}*/

hr {
height: 1px;
border: none 0;
border-top: 1px dashed #eee;
clear: both;
margin: 1.0em 0;
}

.imagewithborder {
border: 5px solid #eee;
}

/* Footer
-----------------------------------------------------------------------------*/
#footer {
clear: both;
padding: 1.5em;
font-size: 1.1em;
margin: 1.5em 0;
color: #808080;
}

#footer p {
width: 896px;
background: url(i/footer-top.gif) no-repeat top;
padding: 0!important;
margin-left: -20px;
margin-bottom: 20px;
}

#footer p span {
display: block;
padding: 20px 30px;
background: url(i/footer-bottom.gif) no-repeat bottom;
}

#footer a {color: #87AF18;}


/* icons
-----------------------------------------------------------------------------*/

.social-media li a {
display: block;
padding-left: 20px!important;
}

.icon-twitter {background: url(i/socialmediaicons_v151/twitter-16x16.png) 0 0 no-repeat!important;}