/*  
Theme Name: Carters Line
Theme URI: http://wwww.ikirudesign.com/themes/carters-line/
Description: A (very modest) tribute to type designer Matthew Carter and the power of a single line.
Version: 0.82
Author: Ikiru Design
Author URI: http://www.ikirudesign.com
Licensed under: 	GPL (http://www.opensource.org/licenses/gpl-license.php)

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

CHANGELOG
v0.10 -- RELEASE VERSION
interim -- many untracked improvements
v0.80 -- Improved and tracked better
        -Fixed month spacing on archives
        -Improved 404, search suggestion
        -Removed unnecessary links in Meta (on default sidebar)
        -Standardized "(edit)" link
        -Improved list spacing within posts
        -Added permalinks from comments
        -Removed link from single title
        -Added "for '[searched]'" to results   
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)
*/

/*<><><><><><><><><><><><><><><><><><><>
  BASICS
    the things that are best done in public...
<><><><><><><><><><><><><><><><><><><><>*/

/* ===================================
      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*/
}
#left {
  width: 15em;
  float: left;
}
#right {
  width: 60em;
  float: left;  
  border-left: 3px black solid;
}
#content {
  margin-bottom: 3em;
}
#sidebar {
  clear: left;
}

/* ===================================
        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, p, ul ul, ol, #content ul, .description {
  font-family: Verdana, sans-serif;
}
.commentlink, blockquote p, #footer p, .commentmeta, #commentssection ol {
  font-family: Georgia, serif;
}
a {
  color: #005aff;
  text-decoration: underline
}
a:visited {
  text-decoration: none;
}
a:hover {
  background-color: #005aff;
  color: white;  
  text-decoration: none;
}

/*<><><><><><><><><><><><><><><><><><><>
  LEFT
    those things to the left of the line
<><><><><><><><><><><><><><><><><><><><>*/
/* ===================================
        IV) NAVIGATION STYLING
  ===================================*/
/*body>#page>#mainnav (under #header)*/
#mainnav {
  padding: 2.8em 1em 1.2em 0;
  text-align: right;
}
#mainnav li {
  padding-bottom: 0;
  font-size: 1.5em;
  text-transform: lowercase;
  list-style: none;
}
/* ===================================
        V) SIDEBAR STYLING
  ===================================*/
/*body>#page>#sidebar> (right of #conent)*/
#sidebar {
  text-align: right;
  padding-right: 1em;
}
#sidebar h2 {
  margin-left: 0;
  padding: .5em 0 0 0;
  font-size: 1.6em;
}
.search_input {
  width: 10.5em;
  margin-top: .25em;
}
#sidebar ul {
  list-style-type: none;
}
#sidebar ul ul {  
  padding: .25em 0em;
  font-size: 1.1em;
  line-height: 1.2em;
  list-style-type: none;
}
#sidebar ul ul ul {
  font-size: 1.1em;
  list-style-type: none;
}

/*<><><><><><><><><><><><><><><><><><><>
  RIGHT
    those things to the right of the line
<><><><><><><><><><><><><><><><><><><><>*/
/* ===================================
        VI) HEADER STYLING
  ===================================*/
/*body>#page>#header                */ 
#header {
  margin-bottom: 1em;
  padding: 1.5em 1em;  
  text-align: left;
}
h1 {
  font-size: 5.5em;
  font-weight: bold;
}
h1 a, h1 a:visited {
  color: black;
}
.description {
  margin-left: 3em;
  font-size: 2.2em;
  color: #005aff;
  text-transform: lowercase;
}

/* ===================================
        VII) CONTENT STYLING
  ===================================*/
/*body>#page>#content>.entry>.time (under #mainnav)*/
#content {
  padding: 0 1em;
}
.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;
  padding: .6em 0;
}
#content h2 {
  clear: both;
  font-size: 2.7em;
  font-weight: bold;
  color: #005aff;
}
.undertitle {
  margin: 0 2em;
  font-size: 1.1em;
}
#content h3 { /*use h3 for subsections within a single post; also comments titles*/
  margin-top: .8em;
  font-size: 1.8em;
}
#content h4 {/*used in archives*/
  font-size: 1.7em;
  margin: .5em 0 -.4em .3em;
}
.time {
  font-size: 1em;
}
.entry p {
  margin: .8em 0;
  font-size: 1.2em;
  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 1em;
  padding: 0 .5em;
  color: #555;
}
#content li {
  margin: .1em 2em;
  font-size: 1.2em;
  line-height: 1.2em;
}
#content ul, #content ol {
  margin: .8em 0 .8em .5em;
}
.commentlink {
  margin: .5em 2em;
  font-size: 1.2em;
  font-weight: bold;
}

/* ===================================
        VIII) COMMENT STYLING
  ===================================*/
/*body>#page>#content>#commentsection>#singlecomment*/
#commentssection {
  margin: .5em 0;
}
#singlecomment {
  margin: .8em 0;  
  padding: .2em;
}
.commentmeta { /*encloses h3, .commentcite, and .time*/
  color: #555;
}
.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 -1em;
} 
#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*/
}

/* ===================================
        IX) FOOTER STYLING
  ===================================*/
/*body>#page>#footer> (below #conent & #sidebar)*/
#footer {
  padding: 1em;
  text-align: left;
  font-size: 1.2em; 
  font-style: italic;
}

/* ===================================
      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;
}