/*  ===================================================================
Theme Name: Dufresne
Theme URI: http://DufresneDesigns.com/
Description: A simple, clean and fresh community site.
Version: 1.0
Author: Linda Dufresne
Author URI: http://DufresneDesigns.com/
Tags: Community style, custom admin panel, right sidebar, 2 column.

This design is the marriage of two different Wordpress themes I ran across 
and liked: Our Community by Kailoon and SubtleZen by Daily Blog Tips. 
Neither one alone fit my needs but the two together worked out nicely. 
My thoughts related to the tweaking of this design: http://hobbystash.com/?p=969
Suffice it to say, this is an ongoing work in progress. ;)
======================================================================*/

@import "wordpress.css";
@import "formatting.css";
/* global=============================================================*/

* { /*--reset all to 0--*/
	margin: 0; 
	padding: 0; 
}

body {
	background: #bcb9a6 url(images/page_bg.gif) repeat-x top center;
	color: #3a2f27;
	font: 400 12px/20px Verdana, Arial, Helvetica, sans-serif;
}

a {
     text-decoration: none;
     color: #009999;
     outline: none;
}

a:hover {
	color: red;
}

a img {
	border: 0;
}

.box {
	border: 1px solid #e0e0e0;
	background: #fff url(images/input.jpg) repeat-x top left;
}

.box2 {
	background-color: #e8e8e8;
	border: 1px solid #d8d4d4;
}
.box3 {
	border: 1px solid #e0e0e0;
	background: #fff url(images/input.jpg) repeat-x top left;
        margin:0 auto;
        min-height:600px;
}
/* container =============================================================*/
#wrapper {
	width: 960px;
	margin: 0 auto;	
}

#header {
	width: 960px;
	height: 126px;
	float: left;
	background: url(images/header2.jpg) no-repeat bottom left;
}
#indexintro {
        width:605px;
        padding: 20px 20px 20px 20px;
        text-align:left;

}
#content {
	width: 960px;
        background: #f3f3f3;
	float: left;
	margin-top: 0;
}

#content #left-col {
	width: 645px;
	float: left;
	padding-right: 15px;
}

#content #right-col {
	width: 300px;
	float: left;
}

#footer {
	width: 960px;
        float:left;
	background: url(images/footer.png)  top left;
	height: 66px;
	color: #c1b0a2;
	margin:0 auto;

}

/* #header =============================================================*/

.section {
	float: left;
	width: 960px;
}

.left-box {
	float: left;
	width: 600px;
}

.right-box {
	float: left;
	width: 360px;
	height: 24px;
}

ul#menu {
	float: left;
	list-style: none;
	font-size: 12px;
	width: 600px;
        font-weight: bold;
        border-bottom: 1px solid #bcb9a6;
	padding-top: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul#menu li.page_item, ul#menu li {
	float: left;
}

ul#menu li.page_item a, ul#menu li a {
	color: #425855;
	margin: 0 15px 0 0;
}

ul#menu li.page_item a:hover, ul#menu li.current_page_item a, ul#menu li a.current {
	color: #ebe8d7;
}

a#register {
	font-size: 12px;
	padding-top: 3px;
	color: #425855;
}

.admin a {
	color: #425855;	
}

.admin {
	font-size: 12px;
        border-bottom: 1px solid #bcb9a6;
	float: right;
	padding-top: 3px;
	width: 360px;
	text-align: right;
        font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a#register:hover , .admin a:hover {
	color: #fff;
}

form#loginform {
	float: left;
	font-size: 12px;
}

form#loginform label {
	float: left;
        color:#425855;
        font-weight: bold;
	padding: 2px 5px 0 0;
}

form#loginform input {
	border: 0;
	color: #999;
	font-size: 10px;
}

form#loginform label input.text {
	height: 12px;
	background-color: #425855;
	padding: 2px;
	border: 1px solid #403939;
	width: 60px;
}

form#loginform input#my-submit {
	background: url(images/login.png) no-repeat top left;
	width: 17px;
	height: 22px;
	cursor: pointer;
}

h1 a#logo {
	float: left;
	width: 370px;
	height: 60px;
	background: url(images/logo.png) no-repeat top left;
	text-indent: -99999em;
}

#searchform {
	float: left;
	background: url(images/search.png) no-repeat top left;
	width: 209px;
	height: 17px;
	margin: 15px 0 0 60px;
	display: inline;
	padding: 3px;
}

#searchform input {
	border: 0;
	color: #fff;
	float: left;
}

#searchform input#s {
	background-color: #425855;
	width: 184px;
}

#searchform input#searchsubmit {
	background: url(images/search-button.png) no-repeat top left;
	cursor: pointer;
	width: 21px;
	height: 18px;
	margin: -1px 0 0 2px;
}

#navigation {

	position: relative;
	height: 33px;
	float: left;
	padding-top: 5px;
}

a#home {
	position: relative;
	height: 33px;
	float: left;
	padding-top: 5px;
	width: 80px;
	text-indent: -9999em;
}
a:active#home {
	color: #fff;
	background: url(images/nav.png) repeat-x top left;
}
#navigation li {
	float: left;
	line-height: 36px;
}
#navigation li a {
	color: #333333;
	display: block;
	margin: 0 0px 0 0;
	padding: 0 15px;
}

#navigation li a:hover,#topmenu li.active a { 
	color: #009999; 
	text-decoration: none;
}
#navigation li a:active {
	color: #fff;
	background: url(images/nav.png) repeat-x top left;
}
#navigation li ul li a:hover,#topmenu li.active a {
	color: #009999;
	text-decoration: none;
}


#nav, #nav ul{
	padding: 0;
	float:left;
	list-style: none;
	position: relative;
}
#nav {
	padding: 0 0 0 0;
	width: 760px;
}
#nav a {
	display: block;
}
#nav li {
	float: left;
	line-height: 35px;	
}
#nav li a:hover {
	background: none;
}
#nav li a:active {
	color: #fff;
	background: url(images/nav.png) repeat-x top left;
}
#nav li ul {
	position: absolute;
	width: 17em;
	left: -999em;
	margin-top: -3px;
	border-top: 1px solid #c3b2a5;

}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	z-index: 1000;	
}
#nav li ul li {
  background: #fff url(images/input.jpg) repeat-x top;			
	line-height: 28px;
	border: 1px solid #c3b2a5;
	width: 17em;
	border-top: 0;
	position: relative;
	
}
#nav li ul ul {
	margin: -29px 0 0 16em;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#navigation li.current-cat a {
	color: #fff;
	background: url(images/nav.png) repeat-x top left;
}

#nav li.current-cat ul li a {
	background: none;
	color: #333;
}

#nav li ul li.current-cat a, #nav li ul li.current-cat a {
	background: none;
	color: #333;
}

#navigation ul li ul li.current-cat a:hover, #navigation ul li ul li.current-cat a:hover {
	color: #e54d02;
}

#rss {
	float: left;
	text-align: right;
	width: 90px;
	padding: 6px 10px 4px 0;
}

#rss a {
	color: #0d0c0c;
	font: 900 22px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

/* .content=============================================================*/

.featured {
	float: left;
	width: 605px;
	padding: 19px;
}

.featured .f-photo {
	clear: left;
	width: 605px;
	height: 220px;
	margin-bottom: 70px;
	overflow: hidden;
}

.featured .f-photo a {
	float: left;
}

.featured .f-photo h2 a {
	float: left;
	position: absolute;
	color: #fff;
	background: url(images/title-bg.png) repeat;
	display: block;
	top: 480px;
	padding: 10px;
	font: 400 18px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	width: 400px;
}

.featured .f-author {
	float: left;
	width: 80px;
	padding-right: 10px;
	text-align: center;
	font-size: 10px;
	letter-spacing: -1px;
}

.featured .f-author img {
	float: left;
	border: 1px solid #e8e8e8;
}

.featured .f-excerpt {
	float: left;
	width: 515px;
	padding-bottom: 10px;
}

.featured .f-excerpt p {
	float: left;
}

.f-bottom {
	float: left;
	width: 605px;
	padding-left: 14px;
	margin-top: -15px;
	margin-bottom: 20px;
}

.f-bottom a.f-read {
	float: left;
	background: url(images/f-read.png) no-repeat top left;
	width: 125px;
	height: 26px;
	color: #fff;
	padding: 4px 0 0 6px;
	font-size: 11px;
}

.f-bottom .f-comment {
	float: right;
	margin-top: -10px;
	position: relative;
}

/* .post=============================================================*/

#left-post-col h3, #right-post-col h3 {
	float: left;
	padding: 5px 14px;
	color: #333;
	width: 287px;
	background-color: #e0e0e0;
	border-top: 1px solid #c0c0c0;
	border-bottom: 3px solid #c0c0c0;
	margin-bottom: 10px;
}

#left-post-col h3 a, #right-post-col h3 a {
	color: #666;
}

#left-post-col h3 a:hover, #right-post-col h3 a:hover {
	color: #333;
}

#left-post-col {
	float: left;
	width: 315px;
	padding-right: 15px;
}

#right-post-col {
	float: left;
	width: 315px;
}

.post {
	float: left;
	width: 315px;
	margin-bottom: 10px;
}
.postmini {
        float:left;
        width:267px;
        margin-bottom: 10px;
        padding: 10px;
}
.post h2 {
	padding: 0 0 4px 0;
}

.post h2 a {
	color: #111;
	font-size: 20px;
}

.post h2 a:hover {
	color: #e54d02;
}

.post .comment {
	float: right;
	background: url(images/comment.png) no-repeat top left;
	width: 38px;
	height: 24px;
	text-align: center;
	margin-right: 4px;
	position: relative;
	padding: 4px 5px 0 0;
	display: inline;
}

.post .comment a {
}

.post .post-sum {
	float: left;
	width: 283px;
	padding: 15px;
	margin-top: -14px;
}

.post .post-sum .date {
	font-size: 11px;
	font-style: italic;
	font-size: 10px;
	color: #666;
}

.post .post-sum img {
	float: left;
	margin: 5px 8px 0 0;
}

.read-more {
	float: left;
	background: url(images/read.png) no-repeat top right;
	width: 23px;
	height: 23px;
	text-indent: -9999em;
	margin: -12px 0 0 14px;
}

/* #right-col=============================================================*/

#right-col #ad {
	float: left;
	width: 288px;
	padding: 5px;
	margin: 0 0 5px 0;
}

#right-col #ad div {
	float: left;
	margin: 4px;
	display: inline;
	padding: 4px;
}

#right-col #ad div a img {

}

#right-col .tab-box {
	float: left;
	width: 298px;
	margin: 10px 0 5px 0;
}

#right-col .tab-box ul#tab-toolbar, #right-col .tab-box ul#recent-toolbar {
	float: left;
	list-style: none;
	width: 300px;
	margin-bottom: -1px;
}

#right-col .tab-box ul#tab-toolbar li, #right-col .tab-box ul#recent-toolbar li {
	float: left;
	display: inline;
}

#right-col .tab-box ul#tab-toolbar li a, #right-col .tab-box ul#recent-toolbar li a {
	float: left;
	font-weight: 900;
	color: #979090;
	height: 25px;
	padding: 5px 0 0 0;
	text-align: center;
	width: 73px;
	border-bottom: 1px solid #e0e0e0;
	border-right: 1px solid #f3f3f3;
	border-left: 1px solid #f3f3f3;
	margin-bottom: -1px;
	position: relative;
}

#right-col .tab-box ul#recent-toolbar li a {
	width: 148px;
}

#right-col .tab-box ul#tab-toolbar li a:hover, #right-col .tab-box ul#recent-toolbar li a:hover {
	color: #3a2f27;
}

#right-col .tab-box ul#tab-toolbar li a.current, #right-col .tab-box ul#recent-toolbar li a.current {
	color: #3a2f27;
	background: #fff url(images/input.jpg) repeat-x top left;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	position: relative;
}

#right-col .tab-box .simpletab-container {
	border: 1px solid #e0e0e0;
	float: left;
	width: 288px;
	background-color: #fff;
	padding: 5px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#right-col .tab-box .simpletab-container ul {
	float: left;
	width: 280px;
	list-style: none;
	padding: 9px;
	font-size: 12px;
}

#right-col .tab-box .simpletab-container ul li {
	float: left;
	width: 280px;
	font-size: 12px;
}

#right-col .tab-box .simpletab-container ul li a {
	float: left;
	width: 280px;
	padding: 4px 0;
	color: #666;
	border-bottom: 1px solid #f3f3f3;
}

#right-col .tab-box .simpletab-container ul li a:hover {
	color: #e54d02;
}

#right-col .tab-box .simpletab-container ul li ul {
	width: 255px;
	padding: 0 0 0 25px;
}

#right-col .tab-box .simpletab-container ul li ul li ul {
	width: 230px;
	padding: 0 0 0 25px;
}

#right-col .tab-box .simpletab-container ul li ul li ul li {
	width: 230px;
}

#right-col .tab-box .simpletab-container ul li ul li ul li a {
	width: 230px;
}

#right-col .tab-box .simpletab-container ul li ul li {
	width: 255px;
}

#right-col .tab-box .simpletab-container ul li ul li a {
	width: 255px;
	font: 400 12px Arial, Helvetica, sans-serif;
	font-style: italic;
}

#right-col .tab-box .simpletab-container #tab-tags {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-bottom: 10px;
	font-style: italic;
}

#right-col .tab-box .simpletab-container #tab-tags a {
	padding: 6px;

	color: #666;
}

#right-col .tab-box .simpletab-container #tab-tags a:hover {
	color: #e54d02;
}

#right-col .tab-box .simpletab-hidden {
    display: none;
}

#right-col .tab-box .simpletab-active {
    display: block;
}

/* #sidebar =============================================================*/
#sidebar {
	float: left;
	width: 300px;
	font-size: 12px;
}

#sidebar #sidebar1 {
	float: left;
	width: 300px;
}

#sidebar ul {
	font-family: Georgia, "Times New Roman", Times, serif;
	float: left;
	width: 300px;
	list-style: none;
}

#sidebar ul li {
	margin: 5px 0;

}

#sidebar ul li a {
	color: #666;
	font-style: italic;
}

#sidebar ul li a:hover {
	color: #e54d02;
}

#sidebar ul li ul {
	background-color: #fff;
	padding: 4px 8px;
	border: 1px solid #e0e0e0;
	width: 272px;
	background: #fff url(images/input.jpg) repeat-x top left;
	margin: 5px 0 10px 0;
}

#sidebar ul li ul li {
	margin: 0;
	padding: 4px 8px;
}


#sidebar ul li ul li a {

}

#related {
	padding: 4px 8px;
	width: 262px;
	background: #fff url(images/input.jpg) repeat-x top left;
	margin: 5px 0 10px 0;
	list-style: none;	
}

#related li {
	margin: 5px 0;
	padding: 2px 0;
	border-bottom: 1px solid #f3f3f3;
}

#related li a {
	color: #666;
	font-style: italic;
}

#related li a:hover {
	color: #e54d02;
}
/* .single =============================================================*/
.single {
	float: left;
	width: 605px;
	padding: 19px;
	margin-bottom: 5px;
}
.single2 {width: 905px;	padding: 19px;	margin-bottom: 5px;}
.minipost {
        padding: 19px; width:255px;
        margin-bottom: 5px;
}
.minipost p{padding-left:19px;}
.single h2 {
	padding: 0 0 4px 0;
	font-size: 22px;
	font-style: normal;
}

.single span.date {
	padding: 0 0 10px 0;
	display: block;
	font-size: 11px;
	font-style: italic;
	color: #999;
}

.single p {
	padding: 0 0 15px 0;
}
.single2 li {float:left;}

em.tag {
	clear: both;
	display: block;
	padding-top: 10px;
}

#author-intro {
	float: left;
	width: 100%;
	margin: 10px 0;
}

#author-intro h3 {
	font-style: normal;
	padding-bottom: 5px;
	font: 400 9px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}

#author-intro .desc {
	float: left;
	width: 500px;
	padding: 0 0 0 10px;
	color: #666;
	font-style: italic;
	font-size: 11px;
}

#author-intro .author-img {
	float: left;
	width: 100px;
	text-align: center;
}

#author-intro .author-img img {
	padding: 4px;
	border: 1px solid #ccc;
	background-color: #fff;
}

.navigation {
	float: left;
	width: 645px;
	margin: 5px 0;
}

.navigation .alignleft a {
	float: left;
}

.navigation .alignright a {
	float: right;
}

/* .#comment-area=============================================================*/

#comment-area {
	float: left;
	width: 627px;
	padding: 8px;
	margin: 5px 0;
}

#comment-title, #reply h3 {
	background-color:#E7E7E7;
	border:1px solid #D7D7D7;
	float: left;
	width: 617px;
	color: #666666;
	margin-bottom: 10px;
	padding: 3px 4px;
}

#comment-area h3 {
	float: left;
}

#comment-area span a {
	float: right;
	font-size: 11px;
}

.trackback {
	float: left;
	width: 627px;
	padding: 0 8px;
	margin: 5px 0;
}

.trackback h3 {
	color: #666666;	
	clear: left;
	margin-bottom: 10px;
	padding: 3px 4px;
}

.trackback ol {
	list-style-position: inside;
}

#comment-area ol {
	float: left;
	width: 627px;
	list-style: none;
}

#comment-area ol li {
	float: left;
	width: 627px;
	margin: 5px 0;
}

#comment-area ol li .left-comment {
	float: left;
	width: 120px;
	padding-right: 10px;
	text-align: right;
	font-size: 11px;
}

#comment-area ol li .left-comment img {
	padding: 4px;
	border: 1px solid #e7e7e7;
	background-color: #fff;
}

#comment-area ol li .right-comment {
	float: left;
	width: 475px;
	border: 1px solid #e0e0e0;
	padding: 10px;
	background-color: #f3f3f3;
	min-height: 150px;
}

#comment-area ol li.alt .right-comment {
	border: 1px solid #e7dcbc;
	background-color: #fff;
}

/* #reply=============================================================*/

#reply {
	float: left;
	width: 627px;
	padding: 8px;
	margin: 5px 0;
}

#reply form {
	float: left;
	width: 627px;
	font: 400 12px Arial, Helvetica, sans-serif;













}

#reply form input, #reply form textarea {
	border: 1px solid #e0e0e0;
	background: url(images/input.jpg) repeat-x top left;
	padding: 4px;
	font: 400 12px trebuchet MS;
	color: #666;
}

#reply form label {
	float: left;
	width: 200px;
	padding: 5px 10px 0 0;
	text-align: right;
}

#reply form p {
	padding: 0 0 10px 0;
}

#reply form input#submit {
	float: right;
}

/* #footer=============================================================*/

#footer p {
	margin: 0 auto;
	padding: 13px 0 0 0;
	width: 960px;
        clear:left;
}

#footer p a {
	margin: 0 2px;
}

#footer p span {
	width: 400px;
	float: left;
}

#footer p em {
	width: 560px;
	float: left;
	text-align: right;
	font-style: normal;
}

/* .archives=============================================================*/
.archives {
	float: left;
	width: 623px;
	padding: 10px;
	margin-bottom: 25px;
}
.describe{
	margin-left: 15px;
        padding:15px;
}
.archives .date {
	font-size: 10px;
	color: #666;
	font-style: italic;
}

.archives .data {
	font-size: 11px;
	color: #434343;
	font-style: italic;
}

.archives p {
	padding: 0 0 15px 0;
}

.archives img {
	float: left;
	background-color:#fff;
	padding: 4px;


	border: 1px solid #e0e0e0;
	margin: 0 0 5px 5px;
}

.archives h2 a {
	padding: 5px 0 8px 0;
	float: left;
	width: 100%;
	font-style: normal;
}

h2.pagetitle {
	font: 400 12px Arial, Helvetica, sans-serif;
	float: left;
	width: 100%;
	padding: 5px 0 10px 0;
	color: #999;
}

h2.pagetitle a {
	font-style: italic;
	padding: 1px 4px;
}

h2.pagetitle a:hover {
	color: red;
}

h2.pagetitle2 {
	font: 400 12px Arial, Helvetica, sans-serif;
	float: left;
	width: 100%;
	padding: 5px 0 10px 0;
	color: #666;
}

h2.pagetitle2 strong {
	font-size: 14px;
	color: #333;
}

/* #author-details=============================================================*/

#author-details {
	float: left;
	padding: 5px;
	margin: -25px 8px 5px 0;
	background-color: #fff;
	border: 1px solid #ccc;
	width: 80px;
	position: relative;
}

.author-right {
	float: left;
	width: 490px;
	color: #666;
}

.author-right h2 {
	font-style: italic;
	padding-bottom: 10px;
	color: #333;
}


h3.author-title {
	float: left;
	width: 100%;
	padding: 13px 0 6px 0;
	letter-spacing: -1px;
}

.author-post {
	float: left;
	width: 628px;
	margin-bottom: 10px;
}

.author-post h2 {
	padding: 0 0 4px 0;
}

.author-post h2 a {
	color: #3a2f27;
}

.author-post h2 a:hover {
	color: #e54d02;
}

.author-post .comment {
	float: right;
	background: url(images/comment.png) no-repeat top left;
	width: 38px;
	height: 24px;
	text-align: center;
	margin-right: 4px;
	position: relative;
	padding: 4px 5px 0 0;
	display: inline;
}

.archives .comment {
	float: right;
	background: url(images/comment.png) no-repeat top left;
	width: 38px;
	height: 24px;
	text-align: center;
	margin-right: 4px;
	position: relative;
	padding: 4px 5px 0 0;
	display: inline;
	margin-top: -23px;
}

.author-post .comment a {
}

.author-post .post-sum {
	float: left;
	width: 598px;
	padding: 15px;
	margin-top: -14px;
}

.author-post .post-sum .date {
	font-size: 11px;
	font-style: italic;
}

.author-post .post-sum img {
	float: left;
	margin: 5px 8px 0 0;
}

.author-read-more {
	float: right;
	background: url(images/read.png) no-repeat top right;
	width: 23px;
	height: 23px;
	text-indent: -9999em;
	margin: -12px 14px 0 0;
}

.read-more2 {
	float: right;
	background: url(images/read.png) no-repeat top right;
	width: 23px;
	height: 23px;
	text-indent: -9999em;
	margin: -38px 14px 0 0;
}
/* archives=============================================================*/

.archives2 {
	float: left;
	width: 287px;
	margin: 0 15px 0 0;
	display: inline;
	padding: 9px;
}

.archives2 h2 {
	padding: 2px 0 7px 0;
	font-style: normal;	
}
	

.archives2 ul {
	clear: left;
	list-style: none;
	font-style: italic;
	color: #999;
}

.archives2 ul li {
	padding: 3px 0;
	border-bottom: 1px solid #f3f3f3;
}

.archives2 ul li a {
	color: #434343;
	font-style: normal;
}

.archives2 ul li a:hover {
	color: #e54d02;
}

.archives2 ul li ul li {
	padding: 3px 0 3px 20px;
	border-bottom: 0;
}

#bookmarks {
	background-color: #f3f3f3;
	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	clear: both;
	color: #ccc;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-style: italic;
	padding: 3px 15px;
	text-align: center;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}
.fltrt {
  float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
    img.fc_custom01 {
    position:absolute;
    clip:rect(4px 40px 18px 4px); }

    span.custom_caption {
    position:absolute;
    margin:13px 0 0 42px;
    padding:0;
    color:#555;
    font-size:10px; }