/*  
Theme Name: BWO_space
Theme URI: http://wwww.ikirudesign.com/themes/
Description: For those who like open spaces, a modest modification of the original BWO theme.
Version: 0.82
Author: Ikiru Design
Author URI: http://www.ikirudesign.com
Liscensed under: 	GPL (http://www.opensource.org/licenses/gpl-license.php)

INDEX
I) Removing Browser Default Styling
II) Basic Layout -- what goes where
III) Basic Typography -- general fonts and links (the rest is where it styles)
IV) Styling Header
V) Styling Navigation
VI) Styling Main Content Column
VII) Styling Comments Section
VIII) Styling Sidebar
IX) Styling Footer
X) Creating Classes for Images/Ads

CHANGELOG
v0.10 -- First Release
interim -- Drastically improved archive, etc.
v0.80 -- First After Resolution to Track Better
        -Fixed month spacing in archives
        -Greatly improved 404
        -Removed superflous Meta links from default sidebar
        -Changed class "time" to class "topmeta"
        -Moved edit link on index for better standardization
        -Added permalinks (back) to comments
        -Removed title permalinks from single.php
        -Added "for [searched]" to search results
        -Fixed disappearing sidebar
        -Narrowed left navbar, fixed apparent hangover on right
v0.81 -- Tidying up decimals, mostly
v0.82 -- A Number of Little Things
          -Fixed title for search result pages (now inlcudes term)
          -Add built-in support for a custom.css file (though don't include it)
          -Fixed November, 2007 to November 2007
*/
/* ===================================
      I) REMOVING BROWSER DEFAULTS 
  ===================================*/
* {
  margin: 0;
  padding: 0;
  font-size: 1em;
}
a {
  text-decoration: none;
}
a img {
  border: none;
}

/* ===================================
        II) BASIC LAYOUT
  ===================================*/
body {
  text-align: center; /*centers #page for IE*/
}
#page { /*container for everything, below elements inside of it*/
  width: 76em;
  margin: 0 auto; /*centers #page in most browsers*/
  text-align: left; /*corrects for above IE fix*/
}
#mainnav {
  width: 8em;
  float: left;
}
#content {
  width: 48em;
  float: left;
  margin-bottom: 3em;
}
#sidebar {
  width: 14.5em;
  margin-left: 60.5em;
}
#footer {
  clear: both; /*stops footer from drifting up*/
  border-top: 2px solid black;
}

/* ===================================
        III) BASIC TYPOGRAPHY
  ===================================*/
/* more specific stuff is in the section that it styles*/
body {
  font: 62.5% Georgia, "Times New Roman", Times, serif; /*makes 1em=10px in most cases*/
}
input, textarea {
  font-family: Georgia, "Times New Roman", Times, serif;
}
a {
  color: orange;
  text-decoration: underline
}
a:visited {
  text-decoration: none;
}
a:hover {
  background-color: orange;
  color: white;  
  text-decoration: none;
}

/* ===================================
        IV) HEADER STYLING
  ===================================*/
/*body>#page>#header                */ 
#header {
  margin-bottom: 3em;
  border-bottom: 2px solid black;
  padding: 1.5em;  
  text-align: center;
}
h1 {
  font-size: 5.5em;
  font-weight: bold;
}
h1 a, h1 a:visited {
  color: black;
}
.description {
  margin-top: .4em;
  font-size: 2.2em;
  color: orange;
  text-transform: lowercase;
}

/* ===================================
        V) NAVIGATION STYLING
  ===================================*/
/*body>#page>#mainnav (under #header)*/
#mainnav {
  padding: 2em 1em 2em 0;
  text-align: right;
}
#mainnav li {
  padding-bottom: .5em;
  font-size: 1.6em;
  text-transform: lowercase;
  list-style: none;
}

/* ===================================
        VI) CONTENT STYLING
  ===================================*/
/*body>#page>#content>.entry>.time (under #mainnav)*/
#content {
  padding: 0 1em;
  border-left: 2px black solid;
  border-right: 2px black solid;
}
.navigation {
  margin: .5em .1em;  
  padding: .5em .5em;
  font-size: 1.35em;
  line-height: 1.5em; 
}
.navigation .alignleft {
  float: left;
}
.navigation .alignright {
  float: right;
}
.post {
  margin: 1.5em 0 2.2em 0;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  padding: .6em .8em;
}
#content h2 {
  border-bottom: 1px dotted black;
  clear: both;
  font-size: 2.7em;
  font-weight: bold;
  color: orange;
}
#content h3 { /*use h3 for subsections within a single post; also comments titles*/
  margin-top: .8em;
  border-bottom: 1px dotted black;
  font-size: 1.8em;
}
#content h4 {/*used in archives*/
  font-size: 1.7em;
  margin: .5em 0 -.4em .4em;
}
.topmeta {
  font-size: 1em;
}
.entry p {
  margin: .8em 0;
  font-size: 1.3em;
  line-height: 1.4em;
}
.excerpt { /*used for search results*/
  margin: .8em 0;
  font-size: 1.2em;
  line-height: 1.3em;
  font-style: italic;
}
blockquote {
  margin: .8em 2.5em .8em 1.5em;
  border-left: 5px solid orange;
  border-top: 1px dotted orange;
  border-bottom: 1px dotted orange;
  padding: 0 1em;
}
#content li {
  margin-left: 2em;
  font-size: 1.3em;
}
#content ul, #content ol {
  margin: .8em 0 .8em 0;
}
.postmetadata {
  margin-top: .8em;
  border-top: 1px dotted black;
  font-size: 1.1em;
  font-weight: bold;
}

/* ===================================
        VII) COMMENT STYLING
  ===================================*/
/*body>#page>#content>#commentsection>#singlecomment*/
#commentssection {
  margin: .5em 2em;
}
#singlecomment {
  margin: .8em .2em;  
  border: 1px dotted orange;
  padding: .2em;
}
.commentmeta { /*encloses h3, .commentcite, and .time*/
  border-bottom: 1px solid black;
}
.commentcite {
  font-weight: bold;
}
#commentssection .time {
  margin-top: -1px;
  font-size: .8em;
}
.commentcontent { /*encloses p below*/
  margin: .4em 1em 0em -1em;
}
#singlecomment p {
  margin: .6em 0 .6em 0;
} 
#responsesection {
  padding: 1em 0em;
  font-size: 1.2em;
  line-height: 1.8em;
}
#comment { /*this is the text-entry field, poorly named*/
  width: 36em; /*deviates from 1em=10px standard*/
}

/* ===================================
        VIII) SIDEBAR STYLING
  ===================================*/
/*body>#page>#sidebar> (right of #conent)*/
#sidebar {
  text-align: left;
  margin-bottom: 3em;
}
#sidebar h2 {
  margin-left: 0;
  padding: 1em 0 0 .2em;
  border-bottom: 1px solid black;
  font-size: 1.7em;
}
.search_input {
  width: 14em;
  margin-top: .2em;
}
#sidebar ul {
  list-style-type: none;
}
#sidebar ul ul {
  margin-left: 1.4em;   
  padding: .2em 0em;
  font-size: 1.1em;
  line-height: 1.2em;
  list-style-type: circle;
}
#sidebar ul ul ul {
  font-size: 1.1em;
  list-style-type: disc;
}

/* ===================================
        IX) FOOTER STYLING
  ===================================*/
/*body>#page>#footer> (below #conent & #sidebar)*/
#footer {
  border-top: 2px black solid;
  padding: .8em;
  text-align: center;
  font-size: 1.3em; 
}

/* ===================================
      X) CREATING CLASSES FOR IMGS
  ===================================*/
/*Whenever you want to use the "align" html tag, 
    avoid the urge and use the much better "class" tag, 
    which accepts the same values: "left" and "right".
  And, it's not considered depricated, as "align" is.*/
img.left {
  float: left;
  margin: .1em .5em .1em 0;
}
img.right {
  float: right;
  margin: .1em 0 .1em .5em;
}
img.center {
  display: block;
  clear: both;
  margin: .2em auto .2em auto; 
}
.ad, .ad_right {
  float: right;
  margin: .1em 0em .1em .5em;
}
.ad_left {
  float: left;
  margin: .1em .5em .1em 0;
}