/*
Theme Name: Text is Art, Content is King
Theme URI: http://insanelyinterested.com/theme
Description: Text is art, content is king. This simple but beautiful theme will put your writing in the center of attention, right where it deserves to be.
Version: 1.0
Author: Jarkko Laine
Author URI: http://jarkkolaine.com
Tags:
*/

body {
  margin: 0px;
  padding: 0px;				
  font-family: Georgia;
  background-color: #EAEAE0;
}

a {
  color: #582100;
}

img {
  border: 0px;
}

/*------------------------------------------
 * TITLE + TOP NAVIGATION
 */

#title-bar { 
  width: 100%;
}

#title-bar h1, #title-bar img { 
  margin-left: 20px; 
}

#title-bar span {
  background-color: #3c3c3c;
  display: block;
  padding: 5px;
}

#title-bar h1 {
  font-size: 18pt;
  font-family: Garamond, Georgia, "Times New Roman";  
  text-transform: uppercase;
  color: #fff;
}

#title-bar a { 
  text-decoration: none; 
}

#menu-bar {
  width: 100%;
  margin: 0px;
  color: #3C3C3C;
  font-family: Verdana;
  font-size: 10pt;
}

#menu-bar-contents {
  padding: 5px 20px 10px;
}

#menu-bar ul {
  list-style: none;
  margin: 5px;
  padding: 0px;
}

#menu-bar ul li {
  list-style: none;
  float: left;
  margin-right: 10px;
}

/*------------------------------------------
 * Page Content
 */

#content {
  width: 700px;
  margin: 20px 20px;
  padding-top: 20px;
  position: relative;
  background-color: #fff;
}

#post {
  width: 660px;
  padding: 0px 20px 20px 20px;
}

#content p {
  font-size: 12pt;
  line-height: 18pt;
  text-align: justify;
}

h1 a {
  font-size: 16pt;
  letter-spacing: +3px;
  text-transform: uppercase;
  font-family: Garamond, "Times New Roman";
  color: #3C3C3C;
  text-decoration: none;
}

h1 {
  margin-bottom: 2px;
}

.author {
  font-family: Verdana;
  font-size: 9pt;
  color: #3c3c3c;
  margin-bottom: 40px;
  display: block;
}

h3 {
  font-size: 13pt;
  letter-spacing: +3px;
  text-transform: uppercase;
  font-family: Garamond, "Times New Roman";
  color: #3C3C3C;
  text-decoration: none;
  font-weight: bold;
  margin-top: 30px;
}

em.highlight {
  background-color: #ff8;
}

ol li {
  line-height: 150%;
  margin-bottom: 10px;
}

ol li p {
  text-align: left;
}

/** Creative Commons image display (Plugin coming soon) **/

.wp-caption {
  padding: 5px;
  background-color: #3C3C3C;
}

#content .wp-caption-text {
  background-image: url('images/ccommons.png');
  background-repeat: no-repeat;
  background-position: top right;
  font-family: Verdana, Arial;
  font-size: 8pt;
  color: #BEBE9E;
  padding: 0px;
  margin: 0px;
}

#content .wp-caption-text a {
  color: #BEBE9E;
}

.person {
  text-transform: uppercase;
}

blockquote {
  font-style: italic;
  margin: 0px 0px 0px 20px;
}

/*--- Comments ---*/

div#comments {
  background-color: #FFFEF1;
  width: 660px;
  padding: 20px;
}

div#post-comment {
  background-color: #FFFEC1;
  width: 660px;
  padding: 20px;
}

div#comments h3, div#post-comment h3 {
  margin-top: 0px;
}

#comment {
  width: 660px;
}

.commentlist {
  list-style: none;
  margin: 0px;
  padding: 0px;
  margin-bottom: 20px;
}

.commentlist li {
  margin: 0px;
  padding: 0px;
  list-style: none;
  margin-bottom: 20px;
}

.gravatar {
  float: left;
  width: 90px;
}

.comment-content {
  float: left;
  margin: 0px;
  padding: 0px 10px 0 0;
  width: 560px;
}

.comment-content p {
  text-align: justify;
}

.comment-author {
  font-weight: bold;
}

.comment-date {
  font-size: 9pt;
  font-style: italic;
}

#comments h3 {
  margin-top: 0px;
}

.subscribe-to-comments {
  padding: 0px;
  padding-top: 10px;
}


/* Settings for the "What would Seth Godin Do?" plugin */

#wwsgd {
  width: 620px;
  margin: 0px;
  margin-top: 0px;
  background-color: #FEF9AC;
  padding: 10px;
  padding-left: 20px; 
  padding-right: 20px;
}

#wwsgd p {
  text-indent: 0px;
  line-height: 150%;
}
		
/*------------------------------------------
 * FOOTER
 */
	
#footer {
  margin: 20px;
  font-family: Verdana;
  font-size: 10pt;
}

#footer-content {
  margin-top: 10px;
}

#copyright {
  background-color: #3c3c3c;
  font-family: Garamond, "Times New Roman";
  font-size: 12pt;
  letter-spacing: +3px;
  color: #fff;  
  padding: 3px;
  padding-left: 6px;
  padding-right: 6px;
}

#powered-by {
  color: #888;
}

#powered-by a {
  color: #888;
}

/*------------------------------------------
 * SIDEBAR
 */

#sidebar {
  position: absolute;
  top: 0px;
  left: 705px;
  width: 240px;
  padding-left: 15px;
  height: 700px;
  color: #666;
}

#sidebar a {
  color: #a8a190;
}

/* The upcoming posts area */
#upcoming-post {
  width: 210px;
  background-color: #F7F7E7;
  padding: 20px;
  color: #000;
}

/* The "subscribe now" part of the upcoming posts box */
#upcoming-post p {
  font-style: italic;
  text-align: left;
  font-size: 10pt;
  margin-bottom: 0px;
  text-transform: none;
  letter-spacing: 0px;
}

/* The "Coming Up Next" plugin */

ul.upcoming-posts, ul.upcoming-posts li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.upcoming-post-date {
  font-size: 8pt;
  letter-spacing: +3px;
  display: block;
  text-transform: uppercase;
  margin-bottom: 5px;
  color: #000;
}

.upcoming-post-title {
  font-style: italic;
}

/* Next article / Previous article */

#navigation {
  margin-top: 20px;
  padding: 20px;
}

/* Sidebar widgets */

#sidebar .title {
  font-size: 8pt;
  letter-spacing: +3px;
  display: block;
  text-transform: uppercase;
  margin-bottom: 5px;
  color: #000;
}

#sidebar .textwidget {
  margin-top: 5px;
  display: block;
  text-transform: none;
  font-size: 12pt;
  font-style: italic;
  letter-spacing: 0px;
  margin-bottom: 20px;
}

#sidebar .post {
  display: block;
  font-size: 12pt;
  margin-bottom: 20px;
}

#ads {
  padding-left: 20px;
  padding-top: 20px;
}

#ads img {
  margin-right: 10px;
  margin-bottom: 10px;
}

.ad-here {
 font-size: 8pt; 
}

#sidebar-widgets {
  padding-left: 20px;

  font-size: 8pt;
  letter-spacing: +3px;
  display: block;
  text-transform: uppercase;
  color: #000;
}

#sidebar-widgets ul {
  list-style: none;
  margin: 5px 0 30px 0;
  padding: 0px;
  display: block;
  text-transform: none;
  font-size: 12pt;
  font-style: italic;
  letter-spacing: 0px;
  color: #3c3c3c;
}

#sidebar-widgets ul li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  margin-bottom: 5px;
}

#sidebar a:hover {
  color: #582100;
}

/** Book recommendations section / widget coming soon :) **/

.book-recommendations {
  width: 700px; 
  background-color: #EAEAE0; 
  padding: 20px; 
  padding-left: 30px;
  margin-left: -20px;
}

.book-recommendation {
  margin-right: 30px;
}

.book-recommendation a img {
  border: 1px solid #DBDBCB;
}

.book-recommendation a:hover img {
  border: 1px solid #BEBE9E;
}

img.alignleft {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}