@charset "utf-8";
/* CSS Document */
/*  
Theme Name: Tracy Joy 2009
Description: This WP theme was designed exclusively for TracyJoy.com and is NOT freeware.  Unauthorized use of this theme, graphics or code is a violation of copyright.
Version: 1.0
Author: Genevieve Sass of Lilac Creative
Author URI: http://www.lilaccreative.com/

*/

body{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 14px;
	text-align: left;
	vertical-align: top;
	background: #c6d789 url(images/bg.gif) repeat;
	color: #000000;
}

body, h1, h2, h3, h4, h5, h6, blockquote, p, form{
	margin: 0;
	padding: 0;
}

h1{
	font-family: Georgia, Sans-serif;
	font-size: 24px;
	padding: 0 0 10px 0;
	color: #c63973;
}

h2.pagetitle{
	text-align: center;
	margin: 25px;
}

a:link, a:visited{
	text-decoration: none;
	color: #c63973;
}

a:hover{
	color: #b7dd7a;	
}

quote{
      padding-bottom: 15px;
}

p{
	padding: 10px 0 0 0;
}

.butterfly{
	clear: both;
	width: 100%;
}

h4, h3{
        padding: 15px 0;
}

img.title-img{
	padding: 20px;
	margin-left: 15px;
}

#wrapper1{
	width: 800px;		
	border-left: 3px #c63973 solid;
	border-right: 3px #c63973 solid;
	background: #fff;
	margin: -20px auto 0;
	padding: 0;	
}

#wrapper2{	
	width: 800px;		
	border-left: 3px #c63973 solid;
	border-right: 3px #c63973 solid;
	background: #fff;
	margin: 20px auto 0 auto;
	padding: 0;
}

/* Navigation & Header Formating */

#header{	
	background: url(images/curves-t.gif) left top no-repeat;
	width: auto;
	padding: 20px;
	margin-left: -4px;
}

#nav{	
	background: url(images/curves-b.gif) left bottom no-repeat;
	padding: 20px;
	width: inherit;
	margin-left: -4px;	
	list-style: none;
	height: 111px;
}

#nav li{
	float: left;
	text-indent: -9999px;
	margin:0;
	padding:0;
}

#nav li a{
	display: block;
}

li.home a{
	margin-left: -3px;
	width: 138px;
	height: 107px;
	background: url(images/nav_01.gif) bottom left no-repeat;
}

li.home a:hover{
	background: url(images/nav_01.gif) top left no-repeat;
}

li.shop a{
	width: 135px;
	height: 106px;
	background: url(images/nav_02.gif) bottom left no-repeat;
}

li.shop a:hover{
	background: url(images/nav_02.gif) top left no-repeat;
}

li.tj-logo{
	width: 238px;
	height: 107px;
	background: url(images/logo.gif) top left no-repeat;
}

li.blog a{
	width: 136px;
	height: 107px;
	background: url(images/nav_04.gif) bottom left no-repeat;
}

li.blog a:hover{
	background: url(images/nav_04.gif) top left no-repeat;
}

li.contact a{
	width: 125px;
	height: 107px;
	background: url(images/nav_05.gif) bottom left no-repeat;
}

li.contact a:hover{
	background: url(images/nav_05.gif) top left no-repeat;
}

#header{
	width: 800px;
}

/* Container and Post Formating */

#container{
	width: 800px;
	padding: 20px;
	background: url(images/curves-b.gif) left bottom no-repeat;
	margin-left: -4px;
}

.content{
	float: left;
	width: 550px;
	padding-left: 10px;
}

.date-block{
	width: 104px;
	float: left;
	margin: 0 15px 15px -18px;
}

h2.post-title{
	padding: 0 0 10px 15px;
	border-bottom: 3px solid #ffc2d6;
	margin-left: -15px;
	font-weight: bold;
	font-size: 24px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

h2.post-title a{
	text-decoration: none;
	color: #c63973;
}

h2.post-title a:hover{
	color: #b7dd7a;
}

.comments-no{
	float: right;
}

.post{
	padding: 10px 0 10px 0;
}

.post h2{
	font-family: Georgia, Sans-serif;
	font-size: 18px;
}

.entry{
line-height: 18px;
padding-bottom: 20px;
}

p.postmetadata{
	margin: 0;
	font-size: 12px;
	font-style: italic;
}

.navigation{
	padding: 10px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}

/* Page Formating */

#page-container{
	width: 760px;
	padding: 0 40px 40px 40px;
	background: url(images/curves-b.gif) left bottom no-repeat;
	margin-left: -4px;
}

#page-content{
	padding-right: 40px;
}

h2.page-title{
	text-align: center;
	font-size: 24px;
	color: #c63973;
        padding: 10px 0 25px 0;
}

/* Subnav Formating */
p.sub-nav{
	font-size: 12px;
}

p.sub-nav a{
	text-decoration: none;
	padding: 5px;
}

p.sub-nav a:hover{
	background: #c63973;
	color: #fff;
}

/* Sidebar Styling */

#sidebar{
	float: left;
	width: 200px;
	background: #ff99bb url(images/sbb.gif) bottom left no-repeat;
	margin: 0 0 0 10px;
	display: inline;
}

#sidebar #top{
	background: url(images/sbt.gif) top left no-repeat;
}

#sidebar a:hover{
	color: #fff;
}

#sidebar ul{
	list-style-type: none;
	margin: 0;
	padding: 0 15px 0 15px;
}

#sidebar ul li{
	padding: 10px 0 10px 0;
}

#sidebar ul li h2{
	font-family: Georgia, Sans-serif;
	font-size: 14px;
}

#sidebar ul ul li{
	padding: 0;
}

#text-273587371 h2{
	text-indent: -9999px;
	background: url(images/newsletter.gif) top left no-repeat;
	height: 34px;
	width: 166px;
	margin: 10px 0 10px 2px;
}

#calendar h2{
	text-indent: -9999px;
	background: url(images/calendar.gif) top left no-repeat;
	height: 33px;
	width: 134px;
	margin: 10px 0 10px 19px;
}

#categories-273587372 h2{
	text-indent: -9999px;
	background: url(images/categories.gif) top left no-repeat;
	height: 42px;
	width: 158px;
	margin: 10px 0 10px 7px;
}

#linkcat-2 h2{
	text-indent: -9999px;
	background: url(images/blogroll.gif) top left no-repeat;
	height: 42px;
	width: 129px;
	margin: 10px 0 10px 12px;
}

#linkcat-86 h2{
	text-indent: -9999px;
	background: url(images/favorites.gif) top left no-repeat;
	height: 33px;
	width: 146px;
	margin: 10px 0 10px 9px;
}

#archives h2{
	text-indent: -9999px;
	background: url(images/archives.gif) top left no-repeat;
	height: 34px;
	width: 143px;
	margin: 10px 0 10px 10px;
}

#meta{
	text-indent: -9999px;
	background: url(images/meta.gif) top left no-repeat;
	height: 34px;
	width: 90px;
	margin: 10px 0 10px 28px;
}	

table#wp-calendar{
	width: 100%;
}

.meta-comments{
	clear: both;
}

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

/* AJAX Comment & Comment form styling */

body.home .commentlist{
	list-style: none;
	max-height: 100px;
	overflow: auto;
	background: #e1eeb1;
	border: solid 1px #9cbd5c;
	padding: 0 10px;
	font-size: 10px;
	width: inherit;
}

*html body.home .commentlist{
	height: 100px;
}

body.home .commentlist a:hover{
	color: #e8729f;
}

body.home .commentlist li{
	border-bottom: #c63973 1px dotted;
	padding: 10px 0;
	clear: both;
}

body.home .meta-comments{
	font-size: 10px;
	padding-top: 5px;
}

.meta-comments a img{
	border: none;
}

body.home a.comments_link{
	font-size: 10px;
	padding-top: 15px;
	margin-top: 15px;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 10px;
}

.comment-author{
	color: #c63973;
}

.comment-meta{
	font-size: 10px;
	float: left;
	display: inline;
}

.comment-text p{
	margin: 0;
	padding: 0;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

/*  Footer Formating  */

#footer{
	clear: both;
	padding: 10px;
	font-size: 10px;
}

#footer p{
	text-align: center;
}

#footer a:hover{
	color: #fff;
}

/* WP Image-in-Post Alignment */

img.alignleft, div.alignleft {
float:left;
margin:0 0.5em 0.5em 0;
}

img.alignright, div.alignright {
float:right;
margin:0 0 0.5em 0.5em;
}

img.aligncentered, div.aligncentered {
text-align:center;
margin:0 auto;
}