/*
Theme Name: Shannon Wilkinson Theme
Theme URI: http://www.shannonwilkinson.com
Description: Custom theme for Shannon Wilkinson, built by <a href="http://www.artemis.io">Kate Harding</a> based on original design and code by <a href="http://www.norabrowndesign.com/">Nora Brown Design</a>.
Version: 1
Author: Kate Harding/Nora Brown
Author URI: http://www.artemis.io
Tags: 

	Shannon Wilkinson
	 http://www.shannonwilkinson.com

	This theme was designed and built by <a href="http://www.artemis.io">Kate Harding</a> based on original design and code by <a href="http://www.norabrowndesign.com/">Nora Brown Design</a>

	All rights reserved

*/

/* FROM RESET.CSS */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: "5";
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}




/* FROM MAINFLOAT.CSS */
/* COLORS _______________________________________
offwhite:rgb(255,241,206)
brown:rgb(56,23,0)
95% brown:rgb(66,34,12)
blue:rgb(116,206,204)
red:rgb(115,23,0)
yellow:rgb(253,184,18)
*/
/* UNIVERSAL _______________________________________ */
html, html body{
height:100%;
}
body{
text-align:center;
background:rgb(116,206,204) url("images/shadowBG.gif") 50% 0 repeat-y;
}
/* LAYOUT DIVS _______________________________________ */
#wrapper{
position:relative;
min-height:100%;
width:940px;
margin:0 auto;
text-align:left;
background:rgb(56,23,0) url("images/circles.gif") 50% -600px repeat-y; zoom:1;
overflow:auto;
}
* html #wrapper {
height:100%;
}
#header{
height:135px;
margin:0 20px 20px 20px;
padding-top:20px;
background:transparent url("images/yellowLine.gif") 0 20px no-repeat;
}
#site_name{
padding:6px 0 0 0;
margin-right:99px;
font-family:"Century Gothic", Arial, Helvetic, sans-serif;
font-size:1.5em;/*18px*/
line-height:1.5em;/*27px*/
text-align:right;
}
#site_name span{
font-size:.7777em;/*14px*/
line-height:1.2857em;
}
#portrait{
float:right;
width:97px;
height:131px;
background:transparent url("images/yellowBoxWPhoto.jpg") right top no-repeat;
}
#content{
float:left;
margin:0 -212px 0 30px;
width:520px;
padding-right:30px;
border-right:212px solid rgb(56,23,0);/* The width and color of the rail */
}
.pullquote{
position:absolute;
top:200px;
right:0;
width:190px;
padding:15px 8px 15px 15px;
background-color:rgb(56,23,0);
border:1px solid rgb(115,23,0);
border-width:1px 0 1px 1px;
background:rgb(56,23,0) url("images/swQuotes.gif") 4px 4px no-repeat;
}
#footer{
margin:40px 250px 0 172px;
padding:.5em 0 20px 0;
text-align:center;
background:transparent url("images/blueLine2.gif") left top repeat-x;
clear:both;
}
#header h1{
text-indent:-9999px;
height:80px;
}
/* NAVIGATION _______________________________________ */
#primnav{
float:left;
padding-top:5em;
width:142px;
}
#primnav li{
margin-bottom:4px;
text-align:right;
}
#primnav a{
display:block;
padding:4px 6px 4px 0;
margin-right:6px;
color:rgb(255,241,206);
background-color:rgb(115,23,0);
}
#primnav a:hover, #primnav .current_page_item a {
margin-right:0;
background-color:rgb(239,154,40);
text-decoration:none;
}

/* BLOG_SPECIFIC STYLES
__________________________________________________________________________________________________ */
#sidebar{
float:right;
width:190px;
padding:10px;
margin-top:5em;
background-color:rgb(56,23,0);
border:1px solid rgb(115,23,0);
border-width:1px 0 1px 1px;
}
.divider{
margin:1em 0;
border-bottom:1px solid rgb(115,23,0);
}





/* FROM TYPOGRAPHY.CSS */

/* COLORS _______________________________________
offwhite:rgb(255,241,206),rgb(230,230,190)
brown:rgb(56,23,0)
95% brown:rgb(66,34,12)
blue:rgb(116,206,204)
red:rgb(115,23,0)
yellow:rgb(253,184,18)
*/
body {
font-size:75%;/*take IE6 from 16px to 12px */
font-family:verdana,helvetica,clean,sans-serif;
color:rgb(230,230,190);
}
html>body {
font-size:12px;
}
/* P, BLOCKQUOTE ____________________________ */
p{
line-height:1.5em; /* 18px */
margin:0 0 1.5em 0; /*18px */
}
blockquote{
line-height:1.5em;
margin:0 36px .75em 36px;
}
p.timestamp{
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
}
p.important{
font-style:italic;
}
#footer p{
font-size:.8333em;/*10px*/
line-height:1.8em;
}
p.quotee{
text-align:right;
font-style:italic;
}
.pullquote p.quote {color: rgb(116,206,204);}
.pullquote p.quotee{
font-size:.8333em;/*10px*/
line-height:1.8em;
margin-top:-.9em;
margin-bottom:0;
}
/* HEADINGS ____________________________ */
h2{
font-family:"Century Gothic", Arial, Helvetic, sans-serif;
font-size:1.5em; /* 18px */
line-height:1.25em; /* 18px */
padding-bottom:.5em; /* 9px */
margin-bottom:.5em;
background:transparent url("images/blueLine1.gif") left bottom repeat-x;
}
h3{
font-family:"Century Gothic", Arial, Helvetic, sans-serif;
font-size:1.3333em; /* 16px */
line-height:1.125em; /*18px */
margin:.75em 0 .375em 0; /* 12px + 6px = 18px */
clear: both;}
h4{
font-family:"Century Gothic", Arial, Helvetic, sans-serif;
font-size:1.1666em; /*14px*/
line-height:1.2857em; /* 18px */
font-style:italic;
margin:.8571em 0 .4286em 0; /* 12px + 6px = 18px */
}
/* LINKS ______________________________ */
a{
text-decoration:none;
color:rgb(116,206,204);
outline:none;
}
a:hover,
a:focus {
text-decoration:underline;
}
#logo a:hover{
text-decoration:none;
}
li#rsslink a{
padding-right:20px;
background:url("images/rss.png") right top no-repeat;
}
a:visited{
}
/*External links*/
#mainContent a[href^="http"] {
padding-right:12px;
background:url("images/ext.gif") 100% 0 no-repeat;
}
#footer a[href^="http"],
#content a[href="http://"],
#content a[href^="http://url.com"],
#content a[href^="http://www.url.com"] {
padding-right:0;
background:none;
}
/* LISTS ____________________________ */
ul, ol, dl{
margin-bottom:1.5em; /* 18px */
}
li{
line-height:1.5em; /* 18px */
}
#text-364486931 li{
margin-bottom:.75em;
}
#recent-posts li{
padding-left:1em;
text-indent:-1em;
}
#content li{
margin-left:-1em;
padding-left:1em;
background:url("images/bullet.gif") 0 .6em no-repeat;
}
#cmtHelp li{
margin-left:0;
padding-left:0;
background:none;
}
ol{
list-style-type:decimal;
padding-left:1.5em;
}
dt{
line-height:1.5em; /* 18px */
font-weight:bold;
margin-bottom:0;
}
dd{
line-height:1.5em;
margin-bottom:1.5em;
}
/* CITE, EM, STRONG, SUP, SUB ____________________________ */
cite{
font-style:italic;
}
cite.short{
font-style:normal;
}
em{
font-style:italic;
}
strong{
font-weight:bold;
}
sup{
vertical-align:super;
font-size:.8333em; /* 10px */
}
sub{
vertical-align:sub;
font-size:.8333em; /* 10px */
}
/* TAG SIZES ____________________________ */
.tagList li{
display:inline;
padding-right:.5em;
}
.tagSize1{
font-size:.8333em; /* 10px */
}
.tagSize2{
font-size:.9166em; /* 11px */
}
.tagSize3{
font-size:1em; /* 12px */
}
.tagSize4{
font-size:1.1666em; /* 14px */
}
.tagSize5{
font-size:1.333em; /* 16px */
}
.tagSize6{
font-size:1.5em; /* 18px */
}
.tagSize7{
font-size:1.6667em; /* 20px */
}
.tagSize8{
font-size:1.8333em; /* 22px */
}
.tagActive{
font-weight:bold;
}
/* FORMS _________________________________*/
form{
background-color:rgb(56,23,0);
border:1px solid rgb(66,34,12);
padding:1em .5em .5em .5em;
margin-bottom:1.5em;
}
fieldset{
}
legend{
display:none;
}
form label, .spacer{
display:block;
float:left;
width:10em;
line-height:1.5em;
margin-right:0.5em;
text-align:right;
}
fieldset div{
height:3em;
}
input, textarea{
padding:2px;
border:1px solid rgb(66,34,12);
}
input:focus, input:hover, textarea:focus, textarea:hover{
border:1px solid rgb(253,184,18);
}
input#submit:focus, input#submit:hover{
background-color:#fdb812;
border:1px solid #fdb812;
}

input#submit{
cursor:pointer;
padding:4px;
color:white;
background-color:rgb(115,23,0);
}
/* COMMENT FORM ______________________________________ */

#commentform{
overflow:hidden;
}
#commentform .textarearow {margin-left: 10.5em;}
#commentform .submitrow {margin-left: 10.5em;}







/* ADDED */
.postmetadata {font-size: 0.75em; margin-top: 0.5em;}
ol.commentlist {list-style: none;}
#content ol.commentlist li {background-color:rgb(56,23,0); background-image: none; border:1px solid rgb(66,34,12); padding: 1em 1em; margin-bottom:1.5em;}
.alignright {float: right; margin: 0 0 0.25em 1em;}
.alignleft {float: left; margin: 0 1em 0.25em 0;}
#newsletteroptin {margin-left: 10.5em;}
.submitrow {margin-left: 10.5em;}
}
.submitrow input:focus, input:hover{
background-color:#fdb812;
border:1px solid #fdb812;
}

.submitrow input{
cursor:pointer;
padding:4px;
color:white;
background-color:rgb(115,23,0);}

.note {font-size: 0.75 em; font-style: italic; margin-left: 10.5em;}




/* VCARDs ______________________________ */
.vcard{
margin-bottom:1em;
}
.vcard p{
margin-left:0;
}
.vcard div{
line-height:1.5em; 
}
.email{
font-style:italic;
}
.vcard .email span{
font-size:85%;
}
.vcard .adr, .vcard .email, .vcard .tel{
margin:.5em 0;
}


.wp-caption-text {font-size: 0.8em; font-style: italic;}