/* =======================================================================================================================
=RESET
========================================================================================================================*/

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,dd,dl,dt,
li,ol,ul,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td 
{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
}

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

ol,ul 
{
	list-style: none;
}

q:before,q:after, blockquote:before,blockquote:after 
{
	content: "";
}

a 
{
	text-decoration: none;
}
.st-tag-cloud {
text-align:center; 
width: 300px; 
}
/* 
=======================================================================================================================
=CLEAR FLOATS
========================================================================================================================*/
.container:after,
.main:after,
.column:after,
.sub-container:after,
.navigation:after,
.masthead-container:after,
.search-container:after,
.navigation-container:after,
.top-container:after

{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0em;
	visibility: hidden;
	overflow: hidden;
}

/* =======================================================================================================================
=GLOBAL STYLES
========================================================================================================================*/

body 
{
	background: #46381d url(images/body.gif) repeat;
	color: #333;
	font-family: "lucida sans unicode", "lucida grande", verdana, arial, helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, ul, ol, dl,
pre, p, blockquote, table, img 
{
	padding-bottom: .5em;
}

h1, h2, h3, h4, h5, h6, strong, em 
{
	font-weight: bold;
}

h1, h2, h3, h4 {
	font-family:Georgia, Times, serif;
}

h1 
{
	font-size: 1.6em;
}

h2 
{
	font-size: 1.3em;
}

h3 
{
	font-size: 1.1em;
}

h4 
{
	font-size: 1.3em;
}

a:link, a:visited 
{
	color:#a6431c;
}

a:hover, a:focus 
{
	color:#828415;
}

p 
{
	font-size: 1em;
}

/* =======================================================================================================================
=LAYOUT
========================================================================================================================*/

.container {
	background:url(images/container.gif) repeat-x;
}


/* =search */
.search-container {
	width:339px;
	height:111px;
	background:url(images/search.gif) no-repeat;
	
}
.search {
	padding-top:30px;
	padding-left:130px;

}

.search div {
}

.search input.txt {
	background:transparent;
	border:0;
	width:200px;
	vertical-align:middle;
	color:#888;
}

.search input.btn {
	vertical-align:middle;
	float:right;
	margin-right:24px;
	margin-top:4px;
	
}

/* end search */

.masthead-container {
	height:302px;
	background:url(images/boy.jpg) no-repeat left top;
	width:990px;
	
}

/* =logo */

h1.logo {
	float:left;
	margin:4px 0 0 0;
	width:260px;
	background:url(images/logo.gif) no-repeat;
	
}

h1.logo a {
	display:block;
	width:260px;
	height:30px;
	text-indent:-999em;
	overflow:hidden;
}

/* end logo */

.top-container{
	width:1002px;
	margin:0px auto;
	position:relative;
	background:url(images/feat_top.jpg) no-repeat center top;
}

.illustration {
	width:277px;
	height:304px;
	background:url(images/illustration.png) no-repeat;
	position:absolute;
	top:-26px;
	left:0;
	z-index:3000;
}

.top-container .featured {
	background:url(images/feat_btm.jpg) no-repeat center bottom;
	float:left;
	width:1002px;
}

.featured-btm {
	background:url(images/feat_btm.jpg) no-repeat bottom;
	height:100px;
	width:1002px;
	margin:0 auto;
	clear:both;
}


.top-container .entry-container {

	width:670px;
	border-top:1px solid #d5c9af;
	padding-top:10px;
	float:left;
	margin-left:290px;
	margin-top:10px;
}

.top-container .entry-meta {
	width:180px;
	float:left;
	padding-right:20px;
}

.top-container .entry {
	margin-bottom:15px;
	float:left; 
	width:470px;
}

.top-container .entry-thumb {
	width:426px;
	height:59px;
	padding:6px;
	background:#fff;
	border:1px solid #dfe5da;
}

.top-container .entry-thumb img {
	width:426px;
	height:59px;
	padding:0;

}

.top-container h2 a {
	color:#d9893b;
	display:block;
	padding-bottom:0px;
	text-align:right;
}

.top-container h2 a:hover {
	color:#828415;
}

.top-container p {
	font-size:.8em;
	color:#45371b;
	line-height:1.5em;
	padding-bottom:20px;
}

.top-container p.meta {
	color:#7d7960;
	font: bold italic .8em georgia, times, serif;
	text-align:right;
	
}

.top-container p.meta span a {
	color:#b9857c;
}

.top-container p.meta span.date {
	display:block;
	text-align:right;
	color:#565345;
	font-style:italic;
	font-weight:bold;
}


.top-container p.more a {
	background:url(images/more_alt.gif) no-repeat;
	display:block;
	text-indent:-999em;
	height:34px;
	overflow:hidden;
	width:143px;
}

.top-container p.more a:hover {
	background:url(images/more_alt.gif) no-repeat 0 -34px;
}





/* =navigation */

.navigation-container {
	width:1002px;
	margin:0 auto;
}

.navigation {
	background:url(images/navigation.gif) no-repeat 0 0;
	height:64px;
	width:402px;
	float:right;
}



.navigation li {
	float:left;
}

.navigation a {
	height:64px;
	display:block;
	text-indent:-999em;
}
.navigation a:hover {
	height:-64px;
	display:block;
	text-indent:-999em;
}
.navigation a.home {
	width:89px;
}

.navigation a.home:hover {
	width:100px;
	background:url(images/navigation_home.gif)  no-repeat 0;
}

.navigation a.about {
	width:87px;
}

.navigation a.about:hover {
	width:98px;
	background:url(images/navigation_about.gif)  no-repeat 0;
}

.navigation a.archives {
	width:108px;
}
.navigation a.archives:hover {
	width:119px;
	background:url(images/navigation_forums.gif)  no-repeat 0;
}

.navigation a.contact {
	width:116px;
}
.navigation a.contact:hover {
	width:116px;
	background:url(images/navigation_contact.gif)  no-repeat 0;
}


.asides {
	width:330px;
	float:left;
	margin-top:1px;
}

.asides-sub {
	background:url(images/asides_center.jpg) repeat-y 50% 0;
	float:left;
	clear:both;
	margin-top:5px;
	
}

.asides .two {
	background:url(images/asides_top.jpg) no-repeat top;
	width:339px;
	margin: 0;
	padding:0;
	float:left;
	clear:both;
}

.asides .btm {
	background:url(images/asides_btm.jpg) no-repeat bottom;
	width:339px;
	height:79px;
	float:left;
}
.asides ul {
	padding:15px;
}

.asides li{
	font-family:Georgia, Times, serif;
	line-height:1.4em;
	font-size:1em;
}

.asides li h2 {
	text-indent:-999em;
}

.asides li ul li {
	border-bottom:1px solid #c18f86;
}

.asides a {
	color:#fff;
	
}

.asides a:hover {
	color:#7d605a;
}

.main {
	margin:0 auto;
	width:1002px;
}

.column {
	float:left;
}

/* = main column */

.content {
	float:left;
	width:1002px;

}



/* =column two */

.content .one {
	background:url(images/one_center.jpg) repeat-y 50% 0;
	width:663px;
	float:left;
}

.content .one .sub {
	background:url(images/one_top.jpg) no-repeat top;
	width:623px;
	padding:20px;
}

.content .one .btm {
	background:url(images/one_btm.jpg) no-repeat bottom;
	width:663px;
	height:96px;
	clear:both;
}



.content .one h2 a {
	color:#d9893b;
	display:block;
	padding-bottom:0px;
	text-align:right;
}

.content .one h2 a:hover {
	color:#828415;
}

.content .one p {
	font-size:.8em;
	color:#45371b;
	line-height:1.5em;
	padding-bottom:20px;
}

.content .one p.meta {
	color:#7d7960;
	font: bold italic .8em georgia, times, serif;
	text-align:right;
	
}

.content .one p.meta span a {
	color:#b9857c;
}

.content .one p.meta span.date {
	display:block;
	text-align:right;
	color:#565345;
	font-style:italic;
	font-weight:bold;
}


.content .one p.more a {
	background:url(images/more.gif) no-repeat;
	display:block;
	text-indent:-999em;
	height:34px;
	overflow:hidden;
	width:143px;
}

.content .one p.more a:hover {
	background:url(images/more.gif) no-repeat 0 -34px;
}

.content .one h2.pagetitle {
	padding-left:15px;
}

.content .entry-container {
	width:620px;
	border-bottom:1px solid #d5c9af;
	padding-top:10px;
	float:left;
}

.content .one .entry-meta {
	width:150px;
	float:left;
	padding-right:20px;
}

.content .one .entry {
	margin-bottom:15px;
	float:left; 
	width:450px;
}

.content .one .entry-thumb {
	width:426px;
	height:59px;
	padding:6px;
	background: url(http://www.calliejocafe.com/wp-content/themes/TrueColours/images/thumb_01.jpg) no-repeat center;
	border:1px solid #dfe5da;
}

.content .one .entry-thumb img {
	width:426px;
	height:59px;
	padding:0;

}


.content .one .entry-extended {
	padding:0 15px 15px 15px;
	margin-bottom:30px;
	width:600px;
}

.content .one .entry-extended li.cat-item {
	padding-top:6px;
	padding-left:10px;
}

.content .one .entry-extended .postmetadata p {
	padding-bottom:0;
}

.content .one .entry-extended  p.meta {
	padding-bottom:5px;
	text-align:left;
}





/* =commentlist */

ol.commentlist li {
	background:#f8f6f3;
	font-size:.8em;
}

ol.commentlist li.alt {
	background:#e8e6de;
	margin-bottom:10px;
	
}

ol.commentlist li p {font-size:.9em !important; clear:left; padding:10px 20px 10px 40px;}

img.avatar {float:left; margin-right:10px;}

/* =contactform */

form {font-size:.8em;}
input {margin-bottom:5px;}
input.short {margin-left:4px;}
legend span {color:#888;}
textarea {margin-bottom:10px;}
fieldset label {float:left;}

/* =below the fold */

.sub-container {
	background:url(images/sub_bg.jpg) repeat-x top;
	margin-top:10px;
}

.sub-container .inner {
	width:1002px;
	margin:0 auto;
}

.sub-container h2 {
	color:#daa9a0;
	font-style:italic;
	margin-top:25px;
	letter-spacing:1px;
}

.sub-container li {
	font-family:Georgia, Times, serif;
	color:#979073;
}

.sub-container li ul li a {
	background:url(images/bullet.gif) no-repeat left center;
	padding-left:15px;
	color:#b7af8d;
}

.sub-container li ul li a:hover {
	color:#fff;
}

.sub-container li.recentcomments a {background:none;}


/* =first sub column */

.sub-container .one {
	width:350px;
}

.sub-container .two {
	width:322px;
}

.sub-container .three {
	width:330px;
}




.copyright {padding:12px 12px 12px 12px; color:#8c6e31; font-size:.8em; }
.copyright p {text-align:center;}

.pagination {clear:both;}