/*
THEME NAME: Simple Bloody Laughter
THEME URI: http://bloodylaughter.com/
DESCRIPTION: Originally <cite><a href="http://www.mcsweeneys.net/" title="Timothy McSweeny's Internet Tendency">McSweeny's</a></cite> "Very Plain Text" theme, a fluid 2-column layout with Widgets support for WordPress 2.0.x and 2.1. Now adapted for Bloody Laughter.
VERSION: 3.0.1
AUTHOR: Scott Allan Wallick, modified by Meitar Moscovitz
AUTHOR URI: http://maymaymedia.com/
*/


/*
-----------------------------------------------
Blogger Template Style
Name:     Stretch Denim Light
Designer: Darren Delaye
URL:      www.DarrenDelaye.com
Date:     11 Jul 2006
-----------------------------------------------
*/

/* Variable definitions
   ====================
 <Variable name="bgColor" description="Page Background Color"
           type="color" default="#ffffff">
 <Variable name="textColor" description="Text Color"
           type="color" default="#333333">
 <Variable name="linkColor" description="Link Color"
           type="color" default="#336699">

 <Variable name="headerBgColor" description="Page Header Background Color"
           type="color" default="#c4e1ff">
 <Variable name="headerTextColor" description="Page Header Text Color"
           type="color" default="#003366"> 
 <Variable name="headerCornersColor" description="Page Header Corners Color"
           type="color" default="#c4e1ff">

 <Variable name="mainBgColor" description="Main Background Color"
           type="color" default="#ffffff">
 <Variable name="borderColor" description="Border Color"
           type="color" default="#ffffff">
 <Variable name="dateHeaderColor" description="Date Header Color"
           type="color" default="#999999">

 <Variable name="sidebarTitleBgColor" description="Sidebar Title Background Color"
           type="color" default="#ffffff">
 <Variable name="sidebarTitleTextColor" description="Sidebar Title Text Color"
           type="color" default="#333333">
 
 <Variable name="bodyFont" description="Text Font"
           type="font" default="normal normal 100% Verdana, Arial, Sans-serif;">
 <Variable name="headerFont" description="Page Header Font"
           type="font" default="normal normal 210% Verdana, Arial, Sans-serif;">

*/

body {
  background: #ffffff;
  margin: 0;
  padding: 0px;
  font: x-small Verdana, Arial;
  text-align: center;
  color: #333333;
  font-size/* */:/**/small;
  font-size: /**/small;
}
a:link {
  color: #0066cc;
}
a:visited {
  color: #000066;
}
a img {
  border-width: 0;
}

#outer-wrapper { 
  font: normal normal 100% Verdana, Arial, Sans-serif;;
}

/* Header
----------------------------------------------- */
#header-wrapper {
  margin:0;
  padding: 0;
  background-color: #FFFFFF;
  text-align: left;
}

#header {
  margin: 0 2%;
  background-color: #000099;
  color: #FFFFFF;
  padding: 0;
  font: normal normal 229% Verdana, Arial;
  position: relative;
}

h1.title {
  padding-top: 38px;
  margin: 0 1% .1em;
  line-height: 1.2em;
  font-size: 100%;
}

h1.title a {
  color: #FFFFFF;
  text-decoration: none;
}

#header .description {
  display: block;
  margin: 0 1%;
  padding: 0 0 40px;
  line-height: 1.4em;
  font-size: 45%;
  font-family: Verdana,Arial,Sans-serif;
}
                                                              
/* Content
----------------------------------------------- */

.clear { 
  clear: both;
}


#content-wrapper {
  margin: 0 2%;
  padding: 2em 0 15px 0;
  text-align: left;
  background-color: #ffffff;
  border: 2px solid #000099;
  border-top: 0;
}
#main-wrapper {
  margin-left: 1%;
  width: 64%;
  float: left;
  background-color: #ffffff;
  display: inline;       /* fix for doubling margin in IE */
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
  margin-right: 1%;
  width: 29%;
  float: right;
  background-color: #ffffff;
  display: inline;       /* fix for doubling margin in IE */
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}

/* Headings
----------------------------------------------- */
h2, h3 {
  margin: 0;
}

/* Posts
----------------------------------------------- */
.date-header {
  margin: 1.5em 0 0;
  font-weight: normal;
  color: #4c4c4c;
  font-size: 100%;
}
.post {
  margin: 0 0 1.5em;
  padding-bottom: 1.5em;
}
.post-title {
  margin: 0;
  padding: 0;
  font-size: 125%;
  font-weight: bold;
  line-height: 1.1em;
}
.post-title a, .post-title a:visited, .post-title strong, h3#numcomments, h3.widgettitle {
  text-decoration: none;
  color: #000099;
  font-weight: bold;
}
.post div {
  margin: 0 0 .75em;
  line-height: 1.3em;
}
p.post-footer {
  margin: -.25em 0 0;
  color: #ffffff;
  font-size: 83%;
}

.post-footer .span {
  margin-right: .3em;
}
.comment-link {
  margin-left: .3em;
}
.post img {
  padding: 4px;
  border: 1px solid #66B5FF;
}
.post blockquote {
  margin: 1em 20px;
}
.post blockquote p {
  margin: .75em 0;
}

/* Comments
----------------------------------------------- */
#comment { width: 100%; }

#comments {
  margin: 1em 0 1.5em;
  line-height: 1.3em;
}
#comments li {
  margin: 2em 0;
}

.deleted-comment {
  font-style:italic;
  color:gray;
}

.feed-links {
  clear: both;
  line-height: 2.5em;
}

#blog-pager-newer-link {
  float: left;
 }

#blog-pager-older-link {
  float: right;
 }
 
#blog-pager {   
  text-align: center; 
 }

#comments .comment-author .fn {font-weight: bold; }

/* Sidebar Content
----------------------------------------------- */
.sidebar h2 {
 margin: 1.6em 0 .5em;
 padding: 4px 5px;
 background-color: #66B5FF;
 font-size: 100%;
 color: #003366;
}
                                                              
.sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar li {
  margin: 0;
  padding: 0 0 .5em 15px;
  line-height: 1.5em;
}
.sidebar {
  color: #333333;
  line-height:1.3em; 
}
.sidebar .widget { 
  margin-bottom: 1em;
}

.sidebar .widget-content {
  margin: 0 5px;
}

/* Profile 
----------------------------------------------- */
.profile-img { 
  float: left;
  margin: 0 5px 5px 0;
  padding: 4px;
  border: 1px solid #66B5FF;
}

.profile-data {
  margin:0;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight: bold;
  line-height: 1.6em;
  font-size: 78%;
}

.profile-datablock {
  margin:.5em 0 .5em;
}

.profile-textblock {
  margin: 0.5em 0;
  line-height: 1.6em;
}

                                                              

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

ins {
  font-style: italic;
  text-decoration: none;
}
ins::before {
  content: "Added on " attr(datetime) ": ";
  font-size: smaller;
}

del {
  text-decoration: line-through;
}
del::before {
  content: "Removed on " attr(datetime) ": ";
  font-size: smaller;
}

/* Footer
----------------------------------------------- */
#footer {
  clear: both;
  text-align: center;
  color: #333333;
}

#footer .widget {
  margin:.5em;
  padding-top: 20px;
  font-size: 85%;
  line-height: 1.5em;
  text-align: left;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #header { 
  width: 750px;
  margin-left: 0;
  margin-right: 0;
}

/* Widgets and things */
.collapsible-archive-month-toggle { color: #369; font-weight: bold; font-size: larger; cursor: pointer; }
#prev-next-post-nav {
   list-style-type: none;
   margin: 0 0 1em 0; padding: 0;
}
#prev-next-post-nav::after {
   content: ".";
   height: 1%;
   visibility: hidden;
   clear: both;
}
#prev-post-link {
    float: left;
}
#next-post-link {
    text-align: right;
}