/*
Theme Name: Jane Winebox
Theme URI: http://janewinebox.net
Description: Default theme.
Version: 1.0
Author: Emily Carlin
Author URI: http://www.swankwebstyle.com/
*/

/*
General
----------------------------------------------- */
* { margin: 0; padding: 0; }

body {
	background: #edd69b url(images/bg.jpg) repeat top center;
	font-size: small;
        font-family: 'Palatino Linotype', 'Lucida Sans Unicode', 'Lucida Grande', Verdana, san-serif;
	margin-top: 0;
	margin-bottom: 0;
        color: #000; 
        text-align: justify; }

* html body {
        font-size: x-small; /* for IE5/Win */
        f\ont-size: small;  /* for other IE versions */}

img { border: 0; }
p { margin: 0 0 10px; }
acronym { text-decoration: underline; }
.clearit { clear:both; }

blockquote {
	background: url(images/quote.gif) no-repeat top left;
	text-align: justify;
	margin: 10px 20px;
	padding: 0 30px 0 60px; }

.pullquote {
        float: right;
        width: 150px;
        margin: 10px 0 10px 5px;
        font-family: Arial, Helvetica, san-serif;
        font-size: 150%;
        line-height: 110%;
        text-align: right; }

.alignright { float: right; }
.alignleft { float: left; }

input, textarea, select {
        background-color: #FEF3DF;
        border: 0;
        text-align: left;
        margin: 0 0 5px;
        padding: 3px; }

#s { width: 150px; }
select { width: 160px; }

/*
Links
----------------------------------------------- */
a { color: #E2321A; font-weight: normal; text-decoration: none; }
a:link { color: #E2321A; font-weight: normal; text-decoration: none; }
a:visited { color: #E2321A; font-weight: normal; text-decoration: none; }
a:hover { color: #508B75; background-color: #FEF3DF; font-weight: normal; text-decoration: none; }

#footer a { color: #F4CD7E; font-weight: normal; text-decoration: none; }
#footer a:link { color: #F4CD7E; font-weight: normal; text-decoration: none; }
#footer a:visited { color: #F4CD7E; font-weight: normal; text-decoration: none; }
#footer a:hover { color: #508B75; background-color: #FEF3DF; font-weight: normal; text-decoration: none; }

ul#topmenu li a:hover { color: #508B75; background-color: transparent; font-weight: normal; text-decoration: none; }

/*
Structure
----------------------------------------------- */
#container {
	background: url(images/background.jpg) repeat-y top left;
        width: 971px;
	margin: 0 auto;
        overflow: hidden; }

#container-image {
	background: url(images/header2.jpg) no-repeat top left;
	width: 971px;
	height: 300px; 
	margin: 0; }

#tagline { 
        position: relative;
        margin: -125px 0 0;
        *margin: 0;
        padding: 0 0 0 20px;
        *padding: 175px 0 0 20px;
        text-align: center; }

ul#topmenu {
        position: relative;
        list-style-type: none;
        padding: 25px 0 0 710px; }

ul#topmenu li {
        list-style-type: none;
	background: url() no-repeat top left;
        float: left;
        margin: 0;
        padding: 0 0 0 15px; }

#innerwrap {
        float: left;
        width: 775px; }

#content {	
        float: right;
	margin: 0;
	padding: 5px 0 0 0;
	width: 583px;
        overflow: hidden; }

.storycontent {
        margin: 0; 
        padding: 0 12px;
        line-height: 150%; }

.date { 
        float: right; 
        font-family: Georgia, 'Times New Roman', Times, serif;
        font-size: 90%;
        text-align: center;
        line-height: 120%;
        margin: 12px 12px 0 0;
        padding: 2px 1px 0; }

.date-large {
        font-family: Georgia, 'Times New Roman', Times, serif;
        font-size: 180%;
        color: #FFD17C; }

.post  {
        float: left;
	font-size: 120%;
	text-align: left;
        margin: 0;
	padding: 5px 0 30px 0;
        line-height: 150%; }

#side1 {
        position: relative;
        float: left;
	width: 167px;
        margin: 10px 0 0;
	padding: 5px 8px 0 15px;
        line-height: 140%;   
	text-align: left;   
        overflow: hidden; }

#side2 {
        position: relative;
        float: right;
	width: 164px;
        margin: 10px 0 0;
	padding: 5px 17px 0 4px;
        line-height: 140%;    
        text-align: left;
        overflow: hidden; }

ul.photo li {
        list-style-type: none;
	background: url() no-repeat top left;
        margin: 0 auto;
        padding: 0; 
        text-align: center; }

ul.photo li img {
        padding: 1px;
        border: 1px dotted #F4CD7E; }

ul.gallery li {
        list-style-type: none;
	background: url() no-repeat top left;
        margin: 0;
        padding: 0; }

ul.gallery li img {
        float: left;
        margin: 0 4px 6px 0;
        padding: 1px;
        border: 1px dotted #F4CD7E; }

.tags { line-height: 200%; margin: 0 0 20px; text-align: left; }

.navigation  {
        font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 90%;
	text-align: center;
	margin: 0;
        padding: 0; }

#footer {
        clear: both;
	background: url(images/footer.jpg) no-repeat top left;
        width: 971px;
        height: 73px;
	margin: 0 auto;
        padding: 30px 0 0;
        color: #FEF3DF;
        text-align: center; }
/*
Comments
----------------------------------------------- */
ol.commentlist {
        list-style-type: none;
	margin: 0;
	padding: 0; }

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

ol.commentlist img {
        background-color: transparent;
	margin:0;
        padding: 0;
        border: 0px solid #333;
        text-align: left; }

.avatar { float: left; }

.commentmetadata {
        float: left;
        background-color: #FEF3DF;
        width: 91%;
        height: 24px;
        font-family: Georgia, 'Times New Roman', Times, serif;
        font-size: 110%;
        text-align: left;
        v-align: middle;
        margin: 0 0 5px 5px;
        padding: 6px 0 0 10px;  }

.com-text { padding: 5px 0 0 30px; }

.bypostauthor .commentmetadata { background-color: #FFD076; }

.children { list-style-type: none; width: 97%; margin: 0; padding: 10px 0 0 15px; }

.left-comform {float: left; width: 18%; padding: 10px 0 0 0;}

.right-comform {float: right; width: 70%; padding: 10px 0 0 0;}

#commentform { margin: 0 0 10px; text-align: left; }

#commentform #author, #commentform #email, #commentform #url {
        background-color: #FEF3DF;
        border: 0;
	width: 150px;
	padding: 3px;
	margin: 0 0 5px; }

#commentform textarea {
        background-color: #FEF3DF;
        border: 0;
        width: 97%; 
        padding: 3px;
	margin: 0; }
/*
Headings
----------------------------------------------- */
h1 { 
	background: url(images/tbg.gif) no-repeat top left;
        width: 564px;
        *width: 515px;
        height: 52px;
        font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 180%;
	text-align: left;
        margin: 10px 0 5px 10px;
	padding: 12px 0 0 0;
        color: #508B75; }

h1.pagetitle { 
	background: url(images/tbg-page.gif) no-repeat top left;
        width: 564px;
        *width: 564px;
        height: 52px;
        font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 180%;
	text-align: left;
        margin: 10px 0 0 10px;
	padding: 12px 0 0 10px;
        color: #508B75; }

h2 {
        font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 130%;
	text-align: left;
	font-weight: normal;
        margin: 0;
	padding: 0 0 3px; }

h2.pagetitle  { 
        font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 160%;
	text-align: center;
        margin: 0;
	padding: 0 0 10px; }

h2.linktitle  { 
        font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 130%;
	text-align: left;
        margin: 0;
	padding: 0 0 10px; }

h3  { 
        font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 90%;
	text-align: left;
	font-weight: normal;
        margin: 0;
	padding: 0 0 10px; }

.storycontent h3  { 
        float: right;
	font-size: 90%;
	text-align: right;
	font-weight: normal;
        margin: 0;
	padding: 0 0 10px;
        width: 400px; }

.storycontent h3.trackback  { 
        float: none;
	font-size: 90%;
	text-align: left;
	font-weight: normal;
        margin: 0;
	padding: 0 0 10px; }

/*
Lists
----------------------------------------------- */
ul, ol  {
        list-style-type: none;
        text-align: left;
        padding: 0;
        margin: 0 0 20px; }

ul li  {
        list-style-type: none;
	background: url(images/bullet.jpg) no-repeat top left;
        line-height: 100%;
        padding: 0 0 10px 15px;
        margin: 0; }

ol li  {
        list-style-type: decimal;
        list-style-position: inside;
        padding: 0;
        margin: 0;
        line-height: 150%; }

.storycontent ul.list li.linkcat { list-style-type: none; background: url() no-repeat top left; }

.storycontent ul.list {
        list-style-type: none;  
        float: left; 
        margin: 0 0 10px;
        padding: 0;   
        width: 285px; }

.storycontent li.none {
        list-style-type: none;
        line-height: 180%;
        margin: 0;
        padding: 0; }

/*
Images
----------------------------------------------- */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
        margin-bottom: 10px;
        padding: 5px;
        border: 1px dotted #F4CD7E; }

img.alignleft {
	margin: 0 10px 10px 0;
        padding: 5px;
        border: 1px dotted #F4CD7E; }

img.alignright {
	margin: 0 0 10px 10px;
        padding: 5px;
        border: 1px dotted #F4CD7E; }

.storycontent img {
	margin-left: auto;
	margin-right: auto;
        margin-bottom: 10px;
        padding: 5px;
        border: 1px dotted #F4CD7E;
        text-align: center; }

.storycontent h1 img, .storycontent .post img {
        background-color: transparent;
        border: 0; 
        margin: 0;
        padding: 0; }