/*
Theme Name: Succinct
Theme URI: http://www.tfbw.com/
Description: A pure-text one-column theme, based on RoundFlow by "The undersigned", but pared back to the bare essentials.
Version: 0.0
Author: The Famous Brett Watson
Author URI: http://www.tfbw.com/

Note that this style sheet is not strictly beholden to IE's farcical lack of stanards compliance.
Layout damage in IE is minimised where practical.

As a derived work of RoundFlow, all files in this theme are licensed under the GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/*
	#4d806e	pale_teal
	#0d402f	dark_teal
	#80804d	light_brown
	#545432	mid_brown
	#2b2b1a	dark_brown
	#fcfce3	ivory
*/

/**  Document base properties  **/

body {
	margin: 0 auto;
	padding: 10px;
	max-width: 728px; /* not understood by IE */
	background-color: #0d402f; /* dark_teal */
	color: white;
	font: 12px/17px "Bitstream Vera Sans", sans-serif;
}
* html body {
	width: 728px; /* IE damage control: site looks better with a max width */
}

form {
	display: inline;
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

h1, h2, h3, h4, p {
	margin: 0;
	padding: 0;
	text-align: left;
}

a:link, a:visited {
	color: inherit;
	text-decoration: inherit;
}
* html a:link, * html a:visited { /* IE hack because "inherit" not implemented. */
	color: white;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

code {
	font-family: "Bitstream Vera Sans Mono", monospace;
	font-style: normal;
}


/*
  navbars are DIVs containing inline lists of A[href]s.
  One of the "list style" classes (following navbar) should also be applied.
  Designed to cope with H2, P, UL>LI, and OL>LI.
*/

.navbar {
	padding: 2px;
	border: 0 solid white;
	font-size: 10px;
	line-height: 12px;
	text-transform: uppercase;
	font-weight: bold;
	color: white;
}
.navbar h2 {
	display: none;
}
.navbar ul, .navbar ol, .navbar p {
	display: block;
	margin: 0;
	padding: 1px;
	text-align: center;
}
.navbar li {
	display: inline;
	padding: 0 0.5em;
	color: white;
}
.navbar a:hover {
	color: #EEEEEE;
}

/*
  List style classes for navbars. Apply to navbar like <div class="navbar slash_sep">
  The *_sep classes _separate_ elements with a particular character.
  The *_point classes _prefix_ all elements with a particular character.
  These don't work on IE: the base navbar style will have to do.
*/

.raquo_sep li {
	padding: 0 0.25em;
}
.raquo_sep li + li:before {
	padding-right: 0.25em;
	content: "\BB "; /* raquo */
}

.slash_sep li {
	padding: 0 0.2em;
}
.slash_sep li + li:before {
	padding-right: 0.2em;
	content: "/ ";
}

.bar_sep li {
	padding: 0 0.2em;
}
.bar_sep li + li:before {
	padding-right: 0.2em;
	content: "| ";
}

.plus_point li:before {
	padding-right: 0.3em;
	content: "+";
}

.dot_point li:before {
	padding-right: 0.3em;
	content: "\B7"; /* middot */
}


/*
  For side-by-side columns.
  Default values suit two columns with equal margins and gutter.
  Follow the columns with an empty "spacer" div.
*/

.column {
	float: left;
	margin-left: 5%; /* IE is really quirky on this. Compensation below. */
	width: 42.5%;
	border: 1px dotted yellow;
}
* html .column {
	margin: 0 2.5%; /* IE seems to double the left margin on the left-most float. */
}

.spacer {
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*** Specific section formatting ***/

body > div + div { /* Selects nothing on IE. No easy way to compensate for this. */
	margin-top: 2px; /* gap between top-level divs */
}

/** header: title as H1, description as P **/

#header {
	padding: 4% 5% 3%;
	background-color: #4d806e; /* pale_teal */
	color: white;
}
#header h1 {
	font-size: 25px;
	line-height: 25px;
	font-weight: bold;
	text-shadow: 4px 4px #0d402f; /* dark_teal */ /* can anything render this? */
}
#header h1 a:hover {
	color: #EEEEEE;
	text-decoration: none;
}
#header p {
	margin-left: 20px;
	font-size: 14px;
	line-height: 14px;
	font-weight: lighter;
}

/** parentnav and childnav are the top navbars (and require the navbar class) **/

#parentnav {
	background-color: #80804d; /* light_brown */
}
#parentnav p {
	color: #fcfce3; /* ivory */
}

#childnav {
	background-color: #545432; /* mid_brown */
}
#childnav p {
	color: #80804d; /* light_brown */
}

/*
  maincontent: like the name suggests.
  Could be a page, a post, or a set of posts.
*/

#maincontent {
	padding: 4% 5% 5%;
	background-color: #fcfce3; /* ivory */
}


.post + .post { /* Selects nothing on IE; see below. */
	margin-top: 4%;
}
/* IE-only damage reduction. */
* html .post {
	margin-bottom: 4%;
}

    
.posttitle {
	border-bottom: 1px solid #545432; /* mid_brown */
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.posttitle a:link, .posttitle a:visited {
	color: black;
}
.posttitle a:hover {
	color: #80804d; /* light_brown */
	text-decoration: none;
}


.postinfo {
	margin-bottom: -0.2em;
	color: #545432; /* mid_brown */
	text-transform: uppercase;
	font-size: 9px;
}

.postinfo a:link, .postinfo a:visited {
	color: #2b2b1a; /* dark_brown */
}
.postinfo a:hover {
	color: #80804d; /* light_brown */
}


.postcontent {
	color: black;
	font-family: "Bitstream Vera Serif", serif;
}

.postcontent p {
	margin-top: 0.8em;
	text-align: justify;
}
.postcontent blockquote {
	margin: 0.8em 4% 0;
	border: 1px solid #80804d; /* light_brown */
	padding: 0.5em 1em;
	background-color: white;
	font-style: italic;
}
.postcontent blockquote p {
	margin: 0;
}
/* The following two don't work on IE. No pretty-pretty for them. */
.postcontent > p, .postcontent > blockquote, .postcontent > ul, .postcontent > ol {
	margin-top: 1em;
}
.postcontent p + p {
	margin: 0;
	text-indent: 1em;
}

.postcontent a:link, .postcontent a:visited {
	color: #0d402f; /* dark_teal */
}
.postcontent a:hover {
	color: #4d806e; /* pale_teal */
}


.postcontent img {
	float:right;
	margin: 0 0 10px 10px;
	border: 2px groove;
}

.postcontent h1 {
	margin:15px 0 0 0;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	letter-spacing:2px;
	color: black;
	border-bottom:1px solid #80804d; /* light_brown */
}
        .postcontent h2 {
        margin:15px 0 0 0;
        font-size:14px;
        line-height:20px;
        font-weight:bold;
        letter-spacing:2px;
        color: black;
        border-bottom:1px solid #80804d; /* light_brown */
        }
        
        .postcontent h3 {
        margin:15px 0 0 0;
        font-size:12px;
        line-height:20px;
        font-weight:bold;
        letter-spacing:2px;
        color: black;
        border-bottom:1px solid #80804d; /* light_brown */
        }
        
.postcontent .pagenav {
	text-align:center;
}


#comments {
margin:5px 0 0 0;
padding:20px 0 0 0;
background-color: #fcfce3; /* ivory */
}
    
        #comments a:link, #comments a:visited {
        color: #0d402f; /* dark_teal */
        }
        
        #comments a:hover {
	text-decoration:underline;
	color: #4d806e; /* pale_teal */
        }
    
    #comment, #author, #url, #email {
    width:100%;
    }

    #comments h3 {
    margin:0;
    font-size:15px;
    line-height:20px;
    font-weight:bold;
    letter-spacing:2px;
    border-bottom:1px solid #80804d; /* light_brown */
    }

    .comment {
    width:90%;
    margin:0 auto 0 auto;
    color: black;
    font-size:11px;
    }
    
        #comments .commentinfo {
        margin:20px 0 0 0;
        color: #545432; /* mid_brown */
        display:block;
        border-bottom:1px solid #80804d; /* light_brown */
        line-height:15px;
        text-transform:uppercase;
        font-size:9px;
        }
        
            #comments .commentinfo a:link, #comments .commentinfo a:visited {
            color: #2b2b1a; /* dark_brown */
            }
            
	#comments .commentinfo a:hover {
	color: #80804d; /* light_brown */
	text-decoration:none;
	}


#bottombar {
	padding: 4% 0 5%;
	background-color: #545432; /* mid_brown */
}

#bottombar h2 {
	display: none;
}

#bottombar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#bottombar li {
	margin:0;
	padding:0;
}
#bottombar ul li h2 {
	margin:0;
	text-align:center;
	display:block;
	color: #fcfce3; /* ivory */
	font-weight:bold;
	line-height:20px;
	font-size:11px;
	text-transform:uppercase;
	border-bottom:2px solid #fcfce3; /* ivory */
}
#bottombar ul li {
	margin:0 0 20px 0;
}
#bottombar ul li ul li, #bottombar ul li div {
	color: white;
	text-transform:uppercase;
	font-size:10px;
	line-height:20px;
	display:block;
	border-bottom:1px dotted #fcfce3; /* ivory */
	text-align:center;
	margin:0;
}

#bottombar a:link, #bottombar a:visited {
	color: white;
}

#bottombar a:hover {
	text-decoration:underline;
	color: #EEEEEE;
}


#wp-calendar {
	width:80%;
	text-align:center;
	border-collapse: collapse;
	color: white;
	margin:0 auto 0 auto;
}

#wp-calendar caption, #wp-calendar th {
	color: #fcfce3; /* ivory */
	padding:4px;
}

#wp-calendar td {
	padding:1px;
	border:none;
}

#wp-calendar caption {
	font-weight:bold;
}

#wp-calendar #today {
	font-weight:bold;
	color: #fcfce3; /* ivory */
}

#wp-calendar a:link, #wp-calendar a:visited {
	color: white;
	font-weight:bold;
}

#wp-calendar a:hover {
	color: #EEEEEE;
	text-decoration:underline;
}


#footer {
	background-color: #80804d; /* light_brown */
	text-align: center;
}