/*  
Theme Name: Textile Medium
Theme URI: http://mp-dulcimer.com/blog/
Description: Two-column, fixed width, for 800x600 screens. Based on Kubrick with help from UrbanGiraffe. Background image with left border. Transparent header and footer. Separated content and sidebar. Uses the_excerpt_reloaded plugin.
Version: 1.5
Author: Marcy Prochaska
Author URI: http://mp-dulcimer.com
*/

/* -------------------------
Style for core elements 
------------------------- */

body
{
  background: #dca url('http://mp-dulcimer.com/images/fabric3.gif');
  color: #600;
  font-family: Optimum, Arial, sans-serif;
}

/* This wrapper code, to contain content and sidebar, is adapted from UrbanGiraffe, http://www.urbangiraffe.com/2005/04/22/themeguide2/4/.
*/
 
#wrapper
{
  margin: 0 0 0 102px;
  width: 645px;
}

#content
{
  background: none #dca;
  border: 1px solid #a97;
  text-align: left;	
  width: 440px;
  padding: 1em 0;
  float: left;
}

#sidebar
{
  font-size: 0.9em;
  background-color: #fff;
  border: 1px solid #a97;
  text-align: left;
  width: 190px;
  padding: 1em 0;
  margin: 0 0 0 450px;
}

#header




{
  text-align: center;
  width: 645px;
  margin: 0 0 0 102px;
  padding: 0.5em 0;
}

#footer
{
  margin: 0px 0px 0px 102px;
  padding: 0.2em 0;
  clear: both;
  font-family: Arial, sans-serif;
  font-weight: bold;
  text-align: center;
  width: 645px;
}

/* -------------------------
Navigation, headings, and links 
------------------------- */

/* navmenu is for styling a horizontal menu under the header */

#navmenu
{
  margin: 0px 0px 0px 102px;
  padding: 0.5em 0 .2em 0;
  font-weight: bold;
  text-align: center;
  width: 645px;
}

.description
{ 
  line-height: 0.5em;
}

/* navigation is for "next" and "previous" post links */

.navigation
{
  margin: 0 3%;
}

h1
{ 
  font-weight: bold; 
  font-family: 'Calligraph421 BT', serif;
  line-height: 0.5em;
}

.pagetitle
{
  margin-left: 5%;
}

h2, h3
{ 
  font-weight: bold; 
  font-family: 'Calligraph421 BT', serif;
}

.heading
{
  padding: 0.5em 5%;
  border-top: 1px solid #a97;
  border-bottom: 1px solid #a97;
  background-color: #e8ddbb;
}

a:link 
{ 
  color: #006 
}

a:visited 
{ 
  color: #030 
}

a:active 
{ 
  color: #000 
}

a:hover 
{ 
  color: #33f;
  text-decoration: underline;
}

a, h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite 
{
  text-decoration: none;
}

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

.entry, .entrytext
{
  margin: 0 5%;
}

.narrowcolumn .postmetadata, .widecolumn .postmetadata 
{
  margin: 1em 2%;
  padding: 0.5em 2%;
  border: 1px solid #a97;
  font-size: 0.8em;
  color: #211;
}

img
{
  padding: 5px;
  margin: 1em 0;
  border: 1px solid #a97;
  background-color: #dca;
}

.left-img
{
  margin-top: 0;
  margin-right: 5%;
}

/* -------------------------
Comments 
------------------------- */

form p
{
  margin-left: 10px;
}

#comments, #respond
{
  margin-left: 10px;
}

#commentform input 
{
  border: 1px solid #a97;
  background-color: #fff;
}

#commentform textarea 
{
  border: 1px solid #a97;
  width: 415px;
}

#commentform #submit 
{
  border: 1px solid #a97;
  background-color: #e8ddbb;
}

.commentmetadata
{
  text-align: right;
}

.commentlist ol
{
  list-style-type: none;
}

.commentlist li
{
  padding: 0.5em 3%;
  margin-left: -20px;
  margin-right: 20px;
}

.commentlist li.alt
{
  border-bottom: 1px solid #a97;
  border-top: 1px solid #a97;
}

/* -------------------------
Sidebar 
------------------------- */

#sidebar img
{
  margin: 0;
  border-left: none;
  border-right: none;
  background-color: #fff;
}

#sidebar h2
{
  border-top: 1px solid #a97;
  border-bottom: 1px solid #a97;
  padding: 0.1em 3%;
}

#sidebar p
{
  padding: 0.1em 3%;
  margin-bottom: 0;
}





#sidebar ul
{
  margin: 0;

  padding: 0;
  list-style-type: none;
  list-style-image: none;
}

#sidebar ul ul
{
  margin-bottom: 1em;
}

#sidebar ul ul li 
{
  margin-left: 10%;
}

#sidebar ul ul ul
{
  margin-bottom: 0;
}

#sidebar form
{
  text-align: right;
}

select
{
  border: 1px solid #a97;
}

#searchform input
{
  margin: 0.1em 5px;
  border: 1px solid #a97;
  background-color: #e8ddbb;
}

#searchform #s
{
  margin: 0.1em 5px;
  width: 176px;
  background-color: #fff;
}

/* -------------------------
Various Tags & Classes 
------------------------- */

small 
{
  color: #211;
}

.alt 
{
  background-color: #e8ddbb;
}

.title
{
  font-style: italic;
}

acronym, abbr, span.caps 
{
  cursor: help;
}

acronym, abbr 
{
  border-bottom: 1px dashed #006;
}

blockquote 
{
  border-left: 1px solid #600;
  padding: 0 5px;
  color: #000;
}