/*   
Theme Name: See-Why.Net: Tea and Chocolate
Theme URI: http://see-why.net
Description: A private theme for see-why.net
Author: Christine Yu	
Author URI: http://see-why.net
Version: 1.0
.
General comments/License Statement if any.
.
*/

html * {
    margin: 0;
    padding: 0;
 } 

body {
margin-top: 0px; 
margin-right: 0px; 
margin-bottom: 0px; 
margin-left: 0px;
background: url(./images/teaAndChocolate_bg.jpg) top center;
line-height: 125%;
color: #441a12;
font-family:verdana, helvetica, arial, sans-serif;
font-size: 85%;
}

a img {border: none; } 

a:link, a:visited {
color: #d5536e;
}

a:active, a:hover {
color: #ff2448;
}

#header {
width: 780px;
height: 287px;
background: url(./images/teaAndChocolate_header.jpg) top center no-repeat;
margin-top: -290px;
clear: both;
}

#header-title{
padding-top: 80px;
padding-left: 300px;
}

#header-title h1 {
visibility: hidden }

#header-bg{
width: auto;
height: auto;
background: url(./images/teaAndChocolate_bgheader.jpg) top center repeat-x;
}

#header-links {
margin-top: 40px;
margin-left: 377px;
}

#header-links ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#header-links ul li {
display: inline; 
}

#header-links a:link, #header-links a:visited {
text-decoration: none;
font-weight: bold;
font-size: 100%;
color: #F8F7F8;
padding-right: 8px;
padding-left: 8px;
border-right: 1px solid #542B25;
}

#header-links a:hover, a:active {
color: #FDC4F1;
}

#footer-bg{
width: auto;
height: auto;
background: url(./images/teaAndChocolate_bgfooter.jpg) bottom center repeat-x;
}

#inner-bg {
width: 780px;
background: url(./images/teaAndChocolate_bg2.jpg);
padding-top: 3px;
}

#container {
width: 780px;
margin: auto;
padding-top:289px;
margin-top: -3px;
}

#sidebar{
float: left;
width:  150px;
padding-left: 66px;
margin-top: -30px;
font-size: 80%;

}
#sidebar ul {
list-style-type: none
}

#sidebar h2 {
font-size: 100%;
border-bottom: 1px dotted;
margin-bottom: 5px;
padding-top: 10px;
}

#content {
float: left;
width: 472px;
padding-left: 16px;
margin-top: -60px;
position: relative;
font-size: 85%;
}

#content h2 {
font-size: 100%;
margin-bottom: 4px;
margin-top: 10px;
}

#content h3 {
font-size: 90%;
margin-bottom: 4px;
margin-top: 10px;
}

#content p {
margin-bottom: 10px;
margin-top: 10px;
}
.post_tags, .post_categories {
color: #834D37;
font-size: 100%;
}

.post_tags {
padding-top: 8px;
}

.post_categories {
padding-bottom: 8px;
}

.post_title{
border-bottom: 1px dotted #542B25;
}

img.size-thumbnail  {
padding: 10px;
border: 0;
}

img.size-medium {
padding: 10px;
}

#content h2 a{
text-decoration: none;
font-size: 100%;
}

#content .date {
background: #8CFD92;
float: right;
padding-right: 10px;
padding-left: 10px;
padding-top: 2px;
padding-bottom: 2px;
margin-right: 20px;
margin-bottom: 0px;
margin-left: 5px;
border: 1px solid #78CF82;
text-align: center;
}

#content .day {
font-size: 100%;
}

#content .year , #content .month {
font-size: 80%;
text-transform: uppercase;
}

#spacer {

}

.wp-caption {
text-align: center;
padding-top: 4px;
margin: 10px;
}

.wp-caption img {
border: 1px solid #53302A;
margin: 0;
padding: 5px;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 12px;
margin: 0;
padding: 0;
}

.alignright {float:right; margin:0 0 1em 1em}
.alignleft {float:left; margin:0 1em 1em 0}
.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

#footer {
margin-top: -10px;
background: url(./images/teaAndChocolate_footer.gif);
width: 780px;
height: 202px;
}

#footer-text{
margin-top: 105px;
padding-left: 90px;
font-size: 70%;
float: left
}
#topLeft-bg {

}

#leftside-bg {
}

#clearer{
clear: both;
}

.navigation{
font-size: 80%;
}

#navClear{
clear: both;
}