/* 
Theme Name: The Knitting Pen
Theme URI: http://www.knittingpen.com/
Description: Hand-coded theme for knittingpen.com
Version: 1.0
Author: Andrew Lindstrom
Author URI: http://www.andrewmakeswebsites.com/
*/

*
{
margin: 0;
padding: 0;
}

body 
{
font: 62.5%/1.6 Verdana, Arial, Helvetica, sans-serif;
background: #fff url(images/bg.png) top center repeat-x;
text-align: center;
}

p, pre, blockquote, form, fieldset, table, ul
{
padding: 0 0 1em 0;
}

img , a img
{
padding: 0;
margin: 0;
border: 0;
}

ul, li 
{
list-style:none;
}

.clear 
{
clear:both;
}

ul.archives
{
padding: 0;
border: none;

}

.archives li, .post li
{
padding: 3px 10px;
border: none;
list-style-type: square;
list-style-position: inside;

}

.archives li a
{

color: #014371;
text-decoration: none;
border: none;
background: transparent;
}

.archives li a:hover
{
background-color: #fcfbed;

color: #6f1100;
}

img.middle
{
vertical-align: -10%;
}

fieldset
{
border: 1px solid transparent;
}

table
{ 
border-spacing: 0;
border-collapse: collapse;
}

td
{
text-align: left;
font-weight: normal;
}

/*---------------------------------------------------------------DIVS---------------------------------------------------------------*/

#wrapper
{
position: relative;
width: 775px;
margin: 0 auto;
clear: both;
}

/* delete header? */
#header
{
position: relative;
text-align:left;
margin:0 auto;
}

#content
{
width: 490px;
padding: 180px 0 0 0;
text-align: left;
text-align: justify;
line-height: 1.4;
}

#girl
{
background: url(images/knitgirl.gif) no-repeat;
padding-top: 214px;
margin-top: 75px;
float: right;
z-index: 2;
width: 263px;
}

#sidebar
{
background: url(images/sidebarbg.gif) repeat-y;
margin: 0;
color: #2c292a;
font-size: 13pt;
font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
letter-spacing: 0.5px;
text-align: left;
padding: 0 20px;
text-align: left;
line-height: 1.2;
}



#sidebar p, ul
{
display: block;
border-top: #6f1100 solid 1px;
}

#sidebar p
{
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
font-family: "trebuchet ms",Helvetica,Arial,Sans-serif;
font-size: 80%;

}




#sidebar li
{

background: url(images/star.gif) no-repeat center left;
border-bottom: #ccc solid 1px;
text-transform: capitalize;
}

#sidebar p a
{
color: #014371;
}

#sidebar p a:hover
{
color: #6f1100;
}

#sidebar li a
{
padding: 6px 19px;
display: block;
color: #014371;

text-decoration: none;
}

#sidebar li a:hover
{
background: #e2eef6 url(images/star.gif) no-repeat center left;
}

#title
{
position: absolute;
top: 30px;
left: 0px;
width: 100%;
text-align: center;
}



#menu
{
position: absolute;
top: 130px;
left: 0px;
width: 100%;
text-align: center;
font: 13pt "Trebuchet MS", Helvetica, Arial, Sans-serif;
color: #48704d;
letter-spacing: 2px;
}

#menu a
{
padding: 5px 2px;
color: #558059;
text-decoration: none;
}

#menu a:hover, a:focus
{
color: #6f1100;
}

#footer
{
clear: both;
margin-top: 50px;
text-align: center;
height: 125px;
background: url(images/footerbg.gif) repeat-x;
}

#footwrap
{
width: 775px;
background: url(images/cat.gif) no-repeat 25px;
height: 125px;
margin: 0 auto;
}

#footext
{
font: 10pt "Trebuchet MS", Helvetica, Arial, Sans-serif;
letter-spacing: 0.5px;
color: #fff;
padding-top: 100px;
}

#footext a
{
color: #fff;
text-decoration: underline;
}

#footext a:hover
{
color: #47704c;
}

.post
{
font-family: Georgia, serif;
font-size: 1.5em;
color: #2c292a;
background: url(images/yarnball.gif) bottom right no-repeat;
margin-bottom: 4em;
padding-bottom: 3em;
}

ol.comment img
{
border: none;
float: none;
vertical-align: -70%;
}

.post h3 a, .pagetitle
{
font-family: "trebuchet ms", Helvetica, Arial, Sans-serif;
font-size: 15pt;
color: #2c292a;
padding-left: 25px;
background: url(images/pen.gif) top left no-repeat;
border-bottom: transparent;
}

.heading
{
margin-bottom: 1em;

color: #9bbdaf;
border-bottom: 1px dotted #9bbdaf;
}

.post h3 a:hover
{
background-color: transparent;
}

.post h4
{
font-family: "trebuchet ms", Helvetica, Arial, Sans-serif;
border-bottom: #78736f solid 1px;
display: block;
letter-spacing: 0.2em;
font-size: 80%;
color: #78736f;
font-weight: normal;
margin-bottom: 5px;
padding-bottom: 5px;


}

.post img
{
border: #ccc solid 1px;
margin: 8px 8px 0 0;
padding: 3px;
}

.post a
{
text-decoration: none;
padding: 1px 0;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #014371;
color: #014371;
background-color: #f4f8fb;
}

.post a:hover, a:focus
{
background-color: #fcfbed;
color: #6f1100;
}

.postedin
{
font-family: "trebuchet ms", Helvetica, Arial, Sans-serif;
border-top: #78736f solid 1px;
display: block;
letter-spacing: 0.15em;
font-size: 80%;
color: #78736f;
font-weight: normal;
padding-top: 5px;
clear: left;
}

.postedin a
{
background-color: transparent;
border: none;
color: #558059;
text-decoration: underline;
}

.postedin a:hover, a:focus
{
background-color: transparent;
color: #6f1100;
}

ol.comment
{
font-size: 90%;

}

ol.comment a
{
background-color: transparent;
color: #2c292a;
border-bottom: 1px solid #2c292a;
}

ol.comment a:hover
{
background-color: transparent;
}

ol.comment li
{
margin-bottom: 0.5em;
border-bottom: 1px solid #e5e4e3;
list-style: none;
}

ol.comment p
{
padding: 0.5em 1em 1em 1em;
}

.trackback
{
font-size: 65.5%;
}

.trackback a
{
color: #558059;
background-color: transparent;
}

.trackback a:hover
{
color: #6f1100;
}

.next
{
float: right;
}

.previous
{
float: left;
}

#prevnext
{
padding-bottom: 40px;
letter-spacing: 0.1em;
font-size: 100%;
color: #78736f;
font-weight: normal;
}

#prevnext a
{
background-color: transparent;
border: none;
color: #014371;
text-decoration: none;
}

#prevnext a:hover
{
background-color: #fcfbed;
color: #6f1100;
}

textarea
{
border: 1px solid #78736f;
background-color: #f6f5f5;
font: 10pt "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #2c292a;
margin: 0;
padding: 0;
}

input 
{
border: 1px solid #78736f;
background-color: #f6f5f5;
font: 10pt "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #2c292a;
margin: 0;
padding: 0;
}

input:hover
{
border: 1px solid #6f1100;
background-color: #e5c5bf;
color: #6f1100;
}

#commentform
{
font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing: 0.1em;
}

#commentform a
{
background-color: transparent;


}

div.post div form
{
font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing: 0.1em;
}

div.post div form td
{
padding: 0.5em 0;
}

#flickr a img
{
margin: 10px 10px 0 0;
border: #ccc solid 1px;
padding: 3px;
}

#flickr a img:hover
{
background-color: white;
}

#flickr
{
text-align: center;
}

#sidebar .noline
{
border-top: none;
text-align: right; 
}