/*
Theme Name: SmallChange Blog
Theme URI: http://smallchangeit.com/
Description: The default theme for the SmallChange application blog.
Version: 1.0
Author: Michael Brooks
Author URI: http://michaelbrooks.ca/
*/

html {
  color:#333333;
  background:#E8E9EA;
}

body {
	background-color:#E8E9EA;
	color:#333333;
	font-family:verdana, helvetica, arial, sans-serif;
	font-size:0.9em;  /* Roughly 14px */
  line-height:150%;
}

img {
	border:0px;
}

.clear {
  clear:both;
}

/**
 ** Links
 */

a,
a:visited {
  color: #333333;
}

a:hover {
  color:#3399CC; /*#006BC4;*/
}


/**
 ** Main Body Containers
 **/
 
#page_box {
  margin:0px auto;
  width:950px;
}
 
#left_column_box {
  background-color:#FFFFFF;
  float:left;
}

#content_box {
  background-image:url(images/shadow_left.gif);
  background-repeat:repeat-y;
  background-position:100% 0%;
  padding:15px 25px 25px;
  width:670px;  /* 712px width padding + 8px for the shadow*/
}

#right_column_box {
  float:right;
  font-size:90%;
  padding:25px 0px;
  width:213px;  /* Rule of Thirds */
}

#title_logo {
  border-bottom:1px dotted #AEAEAE;
  margin-bottom:25px;
  padding-bottom:15px;
}

#shadow_top {
  text-align:right;
}
#shadow_left {
  /*background-image:url(images/shadow_left.gif);*/
  background-position:100% 0%;
  background-repeat:repeat-y;
}

/**
 ** Navigation
 */

#navigation_box {
  width:712px;
} 

#navigation_box ul {
  list-style:none;
  margin:15px 0px;
  text-align:right;
}

#navigation_box li {
  display:inline;
  color:#666666;
  font-size:85%;
  font-weight:bold;
  margin-right:25px;
}

#navigation_box li a {
  font-weight:normal;
}

/**
 ** General formatting
 */

.pagetitle {
  background-color:#F6F6F6;
  border-bottom:1px dotted #AEAEAE;
  color:#444444;
  font-size:120%;
  font-weight:bold;
  line-height:170%;
  margin-bottom:25px;
  padding:5px 20px;
}

.pagetitle span {
  background-color:#FFFFCC;
}

/**
 ** Footer
 */
 
#footer {
  font-size:80%;
  padding:10px 25px;
  text-align:center;
  width:662px;
}

/**
 ** Post
 */

.post {
  border-bottom:1px dotted #AEAEAE;
  margin-bottom:25px;
} 

.post_title {
  color:#669933;
  font-family:helvetica, arial, sans-serif;
  font-size:220%;
  font-weight:bold;
  letter-spacing:-1px;
  line-height:100%;
}

.post_title a {
  color:#669933; /*#009900;*/
  text-decoration:none;
}

.post_title a:hover {
  color:#66AA33; /*#3399ff;*/
  text-decoration:none;
}

div.post_author_date {
}

.post_author {
  color:#CC6633; /*E10019;/*0099CC*/
  font-size:100%;
  font-weight:bold;
}

.post_date {
  color:#CCCCCC;
  font-size:100%;
}

.post_comments {
  float:right;
  font-size:95%;
}

.more-link {
  float:left;
  font-size:95%;
}

.post_body {
  font-size:90%;
  line-height:160%;
  margin:25px 0px;
  width:620px;
}

.post_body p {
  margin:15px 0px;
}

.post_body ul,
.post_body ol {
  margin:15px 25px;
  padding-left:25px;
}

.post_body li {
  list-style-position:outside;
  list-style-type:disc;
}

.post_body ol li {
  list-style-position:outside;
  list-style-type:decimal;
}

.post_body blockquote {
  border-left:10px solid #CCCCCC;
  color:#444444;
  margin:15px 0px;
  padding:1px 25px;
}
.post_body strong {
  font-weight:bold;
}

.post_body em {
  font-style:italic;
}
/**
 ** Comment List
 */
#comment_list_box h1 {
  color:#339900;
  font-weight:bold;
  margin-bottom:15px;
}

.comment_header {
  background-color:#F6F6F6;
  border-top:1px solid #DDDDDD;
  padding:5px 10px;
}

.comment_header h2 {
  float:left;
}

.comment_header h2 a {
  font-size:90%;
  font-weight:bold;
}

.comment_header h3 {
  color:#CCCCCC;
  float:right;
  font-size:80%;
}

.comment_body {
  font-size:90%;
  line-height:170%;
  padding:5px 20px 25px 20px;
}

.comment_body em {
  color:#666666;
}

.comment_by_auth .comment_header {
  background-color:#EBF3FB;
  border-top:1px solid #D8DFE7;
}

/**
 ** Comment Form
 */
 
#comment_form_box h1 {
 color:#339900; /*4C627D*/
 font-weight:bold;
 margin-bottom:15px;
}
 
/**
 ** Right Column
 */
 
.right_column_element {
 padding:10px 0px;
}

#who_are_we_box {
 background-color:#FFF8F2;
 font-size:85%;
 padding:10px;
}

#who_are_we_box h1 {
 font-weight:bold;
 padding:0px;
 margin:0px;
}

#who_are_we_box p {
 line-height:120%;
 margin:5px 10px;
}
 
.rss a {
  color:#FF6600;
  padding-right:0px;
  text-decoration:underline;
}

.rss a:hover {
  background-color:#FF6600;
  color:#FFFFFF;
}

.what_is_rss a {
  font-weight:normal;
}

.categories {
  list-style:none;
}
.categories h1 {
  font-size:100%;
  font-weight:bold;
  padding:0px;
  margin:0px;
}

.categories ul {
  list-style:none;
}

.categories li {
  padding:0px 15px;
  padding-top:5px;
}

/** 
 ** Comment Form
 */

.form_element label {
  display:block;
  color:#888888;
  float:left;
  font-size:80%;
  font-weight:bold;
  text-align:right;
  width:110px;
}

.form_element_required {
  color:#333333;
}

.form_element input,
.form_element textarea {
  float:left;
  font-size:100%;
  margin:0px 0px 20px 10px;
  padding:0px;
  width:250px;
}

.form_element textarea {
  width:450px;
}

.form_submit {
  margin-bottom:10px;
  margin-left:120px;
}

.form_submit input {
  font-size:11px;
}

.form_info {
  font-size:80%;
  margin-left:120px;
}

/**
 ** Search Form
 */
 
#search_form_box {
  width:250px;
}

#search_form_input {
  font-size:100%;
  width:150px;
}

#search_form_submit {
  font-size:11px;
} 

/**
 ** Search Results
 */

.search_result_box {
  border-bottom:1px dotted #AEAEAE;
  margin-bottom:15px;
  padding-bottom:5px;
}

.search_result_box h2 {
 font-size:100%;
}

.search_result_box h3 {
 font-size:80%;
}

.search_result_box p {
 font-size:90%;
}