/* ------------------------------------------------------------------
---------- BASE LAYOUT ----------------------------------------------
------------------------------------------------------------------ */
body {
	text-align: center;  /* centering the page container, 
							text-align will be reset to left 
							inside the container */
	margin: 0;
	padding: 0;
	font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.0em;
color: #000000;
background: #e2c6c4;	}

a:link, a:visited, a:active {
	color: #666666; 
	font-weight: bold; 
	text-decoration: none; 
	}
	
a:hover {
	color: #CC0000;
	font-weight: bold; 
	text-decoration: underline; 
	}
		
ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;
	}

ul ul, ul ol, ol ul, ol ol {
	/* kill margins on sub-lists */
	margin-top: 0;
	margin-bottom: 0;
	}

h1 {font-size: 2.15em; font-weight: bold;}
h2 {font-size: 1.85em; font-weight: bold;}
h3 {font-size: 1.6em; font-weight: bold; }
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1em;}


code, pre {
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	}

pre {
	overflow: auto;
	word-wrap: normal;
	padding-bottom: 1.5em;
	overflow-y: hidden;
	width: 99%;
	}


abbr[title], acronym[title] {
	border-bottom: 1px dotted;
	}
	
hr {
	display: block;
	height: 2px;
	border: none;
	margin: 0.5em auto;
	color: #cccccc;
	background-color: #cccccc;
	}

table {
	font-size: 100%; /* use the body's font size in tables, too */
	}	


/* ------------------------------------------------------------------
---------- BREAK LONG STRINGS ---------------------------------------
------------------------------------------------------------------ */

.post, ul.commentlist li, ol.commentlist li {
	word-wrap: break-word; /* break long strings in IE6+ and Safari2+ 
							in posts and comments */
	}

pre, .wp_syntax {
	word-wrap: normal; /* reset "break-word" for pre & wp-syntax */
	}

	
/* ------------------------------------------------------------------
---------- WRAPPER, CONTAINER & LAYOUT ------------------------------
------------------------------------------------------------------ */

/*-------------------- WRAPPER for MIN / MAX width --------*/


div#wrapper {
	text-align: center;  
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 870px;
		}



/*-------------------- CONTAINER for VISUAL styles --------*/

div#container {
	padding: 0;
background: #ffffff;		width: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* resetting the "text-align: center" of "wrapper" */
	display: block;
	}

/*-------------------- LAYOUT to keep it all together -----*/
	
table#layout {
	font-size: 100%;
	width: 100%;
	max-width: 100%;
	table-layout: fixed;
	}

.colone {width: 230px;}
.coltwo {width: 100%; min-width:200px;}
.colthree {width: 200px;}
	
	
/* ------------------------------------------------------------------
---------- HEADER ---------------------------------------------------
------------------------------------------------------------------ */


/*-------------------- HEADER CONTAINER -------------------*/

td#header {
	width: auto;
	padding: 0;
	}


/*-------------------- LOGO AREA --------------------------*/

table#logoarea, 
table#logoarea tr, 
table#logoarea td {
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	}

table#logoarea {
	width: 100%;
	max-width: 100%;
	background: #ffffff;
font-family: tahoma, arial, sans-serif;
font-size:0.8em;
	}
	

/*-------------------- LOGO -------------------------------*/

.logo {
	display: block;
	margin: 0 10px 0 0;	}

td.logoarea-logo {
	width: 1%;
	}

	
/*-------------------- BLOG TITLE -------------------------*/

h1.blogtitle {
	display: block;
	/*white-space: nowrap;*/
	margin: 10px;
padding:0;
letter-spacing:-1px;
line-height: 1.0em;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 240%;
color: #666666;
text-decoration: none;	}
	
h1.blogtitle a:link, 
h1.blogtitle a:visited, 
h1.blogtitle a:active {

	}
	
h1.blogtitle a:hover {
	color: #000000;
text-decoration: none;	}


/*-------------------- BLOG TAGLINE -----------------------*/

p.tagline { 
	margin: 0;
padding: 0;
font-size:1.2em;
font-weight: bold;
color: #666666;	}

	
td.feed-icons {
	white-space: no-wrap; 
	}

div.rss-box {
	height: 1%; 
	display: block; 
	padding: 10px 0 10px 10px; 
	margin: 0;
	width: 280px;
	}
	




	
	


/*-------------------- HORIZONTAL BARS --------------------*/

.horbar1, 
.horbar2 { 
	font-size: 1px;
	clear: both; 
	display: block;
	position: relative;
	padding: 0; 
	margin: 0;
	width: 100%; 
	}

.horbar1 {
	height: 5px;
background: #ffffff;
border-top: dashed 1px #cccccc;	}
	
.horbar2 { 
	height: 18px;
background: #e2c6c4;
border-bottom: dashed 1px #cccccc;	}	


.header-image-container {
	position: relative; 
	margin: 0; 
	padding: 0; 
	height: 165px; 
	/* background: (= header image) will be added in bfa_header_config.php */
		}

	






		
/* ------------------------------------------------------------------
---------- LEFT SIDEBAR ---------------------------------------------
------------------------------------------------------------------ */

td#left {
	vertical-align: top;
	border-right: solid 18px #e2c6c4;
padding: 10px 10px 10px 10px;
background: #ffffff;
font-family: tahoma, arial, sans-serif;
font-size: 95%;	}

	
/* ------------------------------------------------------------------
---------- RIGHT SIDEBAR --------------------------------------------
------------------------------------------------------------------ */

td#right {
	vertical-align: top;
	border-left: dashed 1px #CCCCCC;
padding: 10px 10px 10px 10px;
background: #ffffff;
font-family: tahoma, arial, sans-serif;
font-size: 95%;	}

	
/* ------------------------------------------------------------------
---------- CENTER COLUMN --------------------------------------------
------------------------------------------------------------------ */

td#middle {
	vertical-align: top;
	width: 100%;
	max-width: 100%;		
	overflow: auto;
	background-color: #fff;
	padding: 10px 15px;	}

	
/* ------------------------------------------------------------------
---------- FOOTER ---------------------------------------------------
------------------------------------------------------------------ */

td#footer {
	width: auto;
	background-color: #ffffff;
border-top: solid 18px #e2c6c4;
padding: 10px;
text-align: center;
color: #777777;
font-size: 95%;	}

td#footer a:link, td#footer a:visited, td#footer a:active {
	text-decoration: none;
color: #777777;
font-weight: normal;	}

td#footer a:hover {
	text-decoration: none;
color: #777777;
font-weight: normal;	}
	
/* ------------------------------------------------------------------
---------- WIDGETS --------------------------------------------------
------------------------------------------------------------------ */

div.widget {
	display: block;
	width: auto;  /* without this IE will stretch too-wide select 
					menus but not the other widgets. With 100% IE
					will remove sidebar borders if select menu is
					too wide */
	margin: 0 0 20px 0;	}

div.widget-title {
	display: block;
	width: auto;
		}

div.widget-title h3 {
	padding:0;
	margin:0;
	font-family: tahoma, arial, sans-serif;
font-size: 110%;
color: #666666;
text-decoration: none;
font-weight: normal;	}	
	
div.widget-content {
	display: block;
	width: auto;
		}

	
/* ------------------------------------------------------------------
---------- Select MENUS INSIDE OF WIDGETS -------------------------
------------------------------------------------------------------ */

/* if a select menu is too wide to fit into the sidebar (because one 
 or several of its option titles are too long) then it will be cut off
 in IE 6 & 7 */

div.widget select { 
	 
	width: 98%; 		/* auto won't work in Safari */
	margin-top: 5px;
}	
	
	
/* ------------------------------------------------------------------
---------- LISTS INSIDE OF WIDGETS ----------------------------------
------------------------------------------------------------------ */

.widget ul {
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	width: auto;
	}

/*------------- list items with 1 link per item -----------*/
	
.widget ul li {
	margin: 2px 0 2px 0;  
	display: block;
	margin: 2px 0 2px 0px;
	}

.widget ul li ul li {
	margin: 2px 0 2px 5px;  
	}

.widget ul li ul li ul li {
	margin: 2px 0 2px 5px;  
	}
	
.widget ul li a:link, 
.widget ul li a:visited, 
.widget ul li a:active {
	text-decoration: none; 
	font-weight: normal; 
	padding: 0 0 0 5px; 
	color: #666666; 
	border-left: solid 7px #E2C6C4; 
	}

.widget ul li ul li a:link, 
.widget ul li ul li a:visited, 
.widget ul li ul li a:active {
	padding: 0 0 0 5px; 
	color: #666666; 
	border-left: solid 7px #CCCCCC; 
	}

.widget ul li ul li ul li a:link, 
.widget ul li ul li ul li a:visited, 
.widget ul li ul li ul li a:active {
	padding: 0 0 0 5px; 
	color: #666666; 
	border-left: solid 7px #CCCCCC; 
	}

	
.widget ul li a:hover {
	color: #000000; 
	border-left: solid 7px #000000; 
	}

.widget ul li ul li a:hover {
	color: #000000; 
	border-left: solid 7px #000000; 
	}

.widget ul li ul li ul li a:hover {
	color: #000000; 
	border-left: solid 7px #000000; 
	}
	
.widget ul li a:link, 
.widget ul li a:visited, 
.widget ul li a:active,
.widget ul li a:hover {
	display: block;
	height: 1%;   /* IE needs this */
	}
	
/*------------- list items with 2 links or link & text ----*/

.widget_recent_comments ul li, 
.widget_simple_recent_comments ul li {
	padding: 0 0 0 5px; 
	display: block; 
	border-left: solid 7px #E2C6C4; 
	}

.widget_recent_comments ul li ul li, 
.widget_simple_recent_comments ul li ul li {
	padding: 0 0 0 5px; 
	border-left: solid 7px #CCCCCC; 
	}

.widget_recent_comments ul li ul li ul li, 
.widget_simple_recent_comments ul li ul li ul li {
	padding: 0 0 0 5px; 
	border-left: solid 7px #CCCCCC; 
	}	
	
/*- with sfhover for IE6 because it doesn't know li:hover -*/

.widget_recent_comments ul li:hover, 
.widget_simple_recent_comments ul li:hover, 	
.widget_recent_comments ul li.sfhover, 
.widget_simple_recent_comments ul li.sfhover {	
	border-left: solid 7px #000000; 
	}

.widget_recent_comments ul li ul li:hover, 
.widget_simple_recent_comments ul li ul li:hover, 	
.widget_recent_comments ul li ul li.sfhover, 
.widget_simple_recent_comments ul li ul li.sfhover {	
	border-left: solid 7px #000000; 
	}

.widget_recent_comments ul li ul li ul li:hover, 
.widget_simple_recent_comments ul li ul li ul li:hover, 	
.widget_recent_comments ul li ul li ul li.sfhover, 
.widget_simple_recent_comments ul li ul li ul li.sfhover {	
	border-left: solid 7px #000000; 
	}
	
/*--- comments get the border on the li instead of the a --*/

.widget ul li.recentcomments a:link, 
.widget ul li.recentcomments a:visited, 
.widget ul li.recentcomments a:active, 
.widget ul li.recentcomments a:hover,
.widget ul li.bfarecentcomments a:link, 
.widget ul li.bfarecentcomments a:visited, 
.widget ul li.bfarecentcomments a:active, 
.widget ul li.bfarecentcomments a:hover { 	
	border-left: 0px !important; 
	display: inline !important; display: inline;
	padding: 0px !important; 
	margin: 0px !important; 
	}


/* ------------------------------------------------------------------
---------- BFA SUBSCRIBE WIDGET -------------------------------------
------------------------------------------------------------------ */

table.subscribe {
	width: 100%;
	}
	
table.subscribe td.email-text {
	padding: 0 0 5px 0;
	vertical-align: top;
	}

table.subscribe td.email-field {
	padding: 0;
	width: 100%;
	}
	
table.subscribe td.email-button {
	padding: 0 0 0 5px;
	}
	
table.subscribe td.post-text {
	padding: 7px 0 0 0;
	vertical-align: top;
	}
	
table.subscribe td.comment-text {
	padding: 7px 0 0 0;
	vertical-align: top;
	}
	
	
/* ------------------------------------------------------------------
---------- POSTS ----------------------------------------------------
------------------------------------------------------------------ */

/*-------------------- POST CONTAINER ---------------------*/

div.post {
	display: block;
	margin: 0 0 30px 0;
	}

/* additonal styles for sticky posts */
.sticky {
		}

/*-------------------- POST KICKER ------------------------*/

div.post-kicker {
	margin: 0 0 5px 0;
	}

div.post-kicker a:link, 
div.post-kicker a:visited, 
div.post-kicker a:active {
	color: #000000;
text-decoration: none;
text-transform: uppercase;	}

div.post-kicker a:hover {
	color: #cc0000;	}

	
/*-------------------- POST HEADLINE ----------------------*/

div.post-headline {
		}

div.post-headline h2 {
	margin: 0;
	padding: 0;
	padding: 0;
margin: 0;
font-family: tahoma, arial, sans-serif;
font-weight: normal;	}

div.post-headline h2 a:link, 
div.post-headline h2 a:visited, 
div.post-headline h2 a:active {
	color: #666666;
text-decoration: none;
font-family: tahoma, arial, sans-serif;
font-weight: normal;	}

div.post-headline h2 a:hover {
	color: #000000;
text-decoration: none;
font-family: tahoma, arial, sans-serif;
font-weight: normal;	}

	
/*-------------------- POST BYLINE ------------------------*/
	
div.post-byline {
	margin: 5px 0 10px 0;	}

div.post-byline a:link, 
div.post-byline a:visited, 
div.post-byline a:active {
		}

div.post-byline a:hover {
		}

	
/*-------------------- POST BODY COPY ---------------------*/
	
div.post-bodycopy {
		}
	
div.post-bodycopy p {
	margin: 1em 0;
	padding: 0;
	display: block;
	/* This would create hor. scrollbars in Firefox instead of 
	overflowing long strings, but then text won't float around images 
	anymore. Uncomment this if you don't float images anyway */
	/* overflow: auto; */
	}

/*-------------------- POST PAGINATION --------------------*/

div.post-pagination {
	/*border: solid 1px brown;*/
	}

	
/*-------------------- POST FOOTER ------------------------*/
	
div.post-footer {
	clear:both; 
	display: block;
	margin: 0px;
padding: 5px 5px 25px 5px;
color: #666;
line-height: 18px;
font-family: tahoma, arial, sans-serif;
font-size: 90%;
border-bottom: solid 2px #e2c6c4;	}

div.post-footer a:link, 
div.post-footer a:visited, 
div.post-footer a:active {
	color: #333;
font-weight: normal;
text-decoration: none;	}	

div.post-footer a:hover {
	color: #333;
font-weight: normal;
text-decoration: underline;	}

	
/*-------------------- ICONS in KICKER, BYLINE & FOOTER ---*/

div.post-kicker img, 
div.post-byline img, 
div.post-footer img {
	border: 0;
	padding: 0;
	margin: 0 0 -1px 0;
	background: none;
	}
	
span.post-ratings {
	display:inline-block; 	/* postratings set to "span" by the 
							theme, instead of default "div", to 
							make them display inline. Adding 
							inline-block and nowrap to avoid 
							line wrapping of single voting stars. */
	width: auto;
	white-space: nowrap;
	}


/* ------------------------------------------------------------------
---------- PAGE NAVIGATION NEXT/PREVIOUS ----------------------------
------------------------------------------------------------------ */

.navigation-top {
	display: block; 
	width: 100%; 
	margin: 0 0 10px 0;
padding: 10px 0 10px 0;
border-bottom: dashed 1px #ccc;	}

.navigation-middle {
	display: block; 
	width: 100%; 
	margin: 10px 0 20px 0;
padding: 10px 0 10px 0;
border-top: dashed 1px #ccc;
border-bottom: dashed 1px #ccc;	}
	
.navigation-bottom {
	display: block; 
	width: 100%; 
	margin: 0px;
padding: 0px 0 10px 0;	}

.navigation-comments-above {
	display: block; 
	width: 100%; 
	margin: 0 0 10px 0;
padding: 10px 0 10px 0;	}
	
.navigation-comments-below {
	display: block; 
	width: 100%; 
	margin: 0 0 10px 0;
padding: 10px 0 10px 0;	}
	
.older {
	float: left; 
	width: 49%; 
	text-align: left; 
	margin:0; 
	padding:0;
	}
	
.newer {
	float:right; 
	width: 49%; 
	text-align: right; 
	margin:0; 
	padding:0; 
	}	

.older-home {
	float: left; 
	width: 45%; 
	text-align: left; 
	margin:0; 
	padding:0;
	}

.newer-home {
	float:right; 
	width: 45%; 
	text-align: right; 
	margin:0; 
	padding:0; 
	}	

.home {
	float: left; 
	width: 9%; 
	text-align: center;  
	margin:0; 
	padding:0;
	}

	
/* ------------------------------------------------------------------
---------- FORMS ----------------------------------------------------
------------------------------------------------------------------ */

form, .feedburner-email-form {
	margin: 0; 
	padding: 0; 
	}

fieldset {
	border: 1px solid #cccccc; 
	width: auto; 
	padding: 0.35em 0.625em 0.75em;
	display: block; 
	}
	
legend { 
	color: #000000; 
	background: #f4f4f4; 
	border: 1px solid #cccccc; 
	padding: 2px 6px; 
	margin-bottom: 15px; 
	}
	
form p {
	margin: 5px 0 0 0; 
	padding: 0; 
	}
	
label {
	margin-right: 0.5em; 
	font-family: arial;
	cursor: pointer; 
	}

/* input.TextField for WP-Email */
input.text, 
input.password, 
input.file,
input.TextField, 
textarea {
	padding: 3px;
	color: #000000;
border-top: solid 1px #333333;
border-left: solid 1px #333333;
border-right: solid 1px #999999;
border-bottom: solid 1px #cccccc;
background: url(images/inputbackgr.gif) no-repeat top left;		}

textarea {
	width: 96%; 
	}


input.inputblur {
	color: #777777;
	width: 95%;
	}

input.inputfocus {
	color: #000000;
	width: 95%;
	}	
	
input.highlight, textarea.highlight {
	background: #e8eff7;
border-color: #37699f;	}

/* .Button for WP-Email */
.button, .Button {
	padding: 0 2px;
	height: 24px;
	line-height: 16px;
	background-color: #777777;
color: #ffffff;
border: solid 2px #555555;
font-weight: bold;	}
	
.buttonhover {
	padding: 0 2px;
	cursor: pointer;
	background-color: #6b9c6b;
color: #ffffff;
border: solid 2px #496d49;	}
	
	
/* ------------------------------------------------------------------
---------- SEARCH FORM ----------------------------------------------
------------------------------------------------------------------ */

table.searchform {
	width: 100%;
	}

table.searchform td.searchfield {
	padding: 0;
	width: 100%;
	}
	
table.searchform td.searchbutton {
	padding: 0 0 0 5px;
	}

	
/* ------------------------------------------------------------------
---------- BLOCKQUOTES ----------------------------------------------
------------------------------------------------------------------ */

blockquote {
	height: 1%;
	display: block;
	clear: both;
	color: #555555;
padding: 1em 1em;
background: #f4f4f4;
border: solid 1px #e1e1e1;	
	}
	
blockquote blockquote {
	height: 1%;
	display: block;
	clear: both;
	color: #444444;
padding: 1em 1em;
background: #e1e1e1;
border: solid 1px #d3d3d3;	}


/* ------------------------------------------------------------------
---------- TABLES & CALENDAR ----------------------------------------
------------------------------------------------------------------ */

/*-------------------- TABLES IN POSTS --------------------*/

.post table {
	border-collapse: collapse;
	background-color: #ffffff;
	margin: 10px 0;
	}
	
.post table caption {
	width: auto;
	margin: 0 auto;
	background: #eeeeee;
border: #999999;
padding: 4px 8px;
color: #666666;	}
	
.post table th {
	background: #888888;
color: #ffffff;
font-weight: bold;
font-size: 90%;
padding: 4px 8px;
border: solid 1px #ffffff;
text-align: left;	}
	
.post table td {
	padding: 4px 8px;
background-color: #ffffff;
border-bottom: 1px solid #dddddd;
text-align: left;	}

.post table tfoot td {
		}
	
.post table tr.alt td {
	background: #f4f4f4;	}

.post table tr.over td {
	background: #e2e2e2;	}


/*-------------------- CALENDAR WIDGET --------------------*/

#calendar_wrap {
	padding: 0;
	border: none;
	}
	
table#wp-calendar {
	width: 100%; 
	font-size:90%;
	border-collapse: collapse;
	background-color: #ffffff;
	margin: 0 auto;
	}

table#wp-calendar caption {
	width: auto;
	background: #eeeeee;
	border: none;;
	padding: 3px;
	margin: 0 auto;
	font-size: 1em;
	}

table#wp-calendar th {
	border: solid 1px #eeeeee;
	background-color: #999999;
	color: #ffffff;
	font-weight: bold;
	padding: 2px;
	text-align: center;
	}
	
table#wp-calendar td {
	padding: 0;
	line-height: 18px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	text-align: center;
	}

table#wp-calendar tfoot td {
	border: solid 1px #eeeeee;
	background-color: #eeeeee;
	}
	
table#wp-calendar td a {
	display: block;
	background-color: #eeeeee;
	width: 100%;
	height: 100%;
	padding: 0;
	}


/* ------------------------------------------------------------------
---------- COMMENTS -------------------------------------------------
------------------------------------------------------------------ */

ol.commentlist {
	margin: 15px 0 25px 0;
	list-style-type: none;
	padding: 0;
	border-top: dotted 1px #cccccc;
	display:block;
	}
	
ol.commentlist li {
	background-color: #FFFFFF;
	border-bottom: dotted 1px #cccccc;
	padding: 15px 10px;
	display: block;

	height: 1%; /* for IE6 */
	margin: 0;
	}

ol.commentlist li.alt {
	background-color: #F6F6F6;
	border-bottom: dotted 1px #cccccc;
	display: block;

	height: 1%; /* for IE6 */
	}

ol.commentlist li.authorcomment {
	background-color: #FFECEC;
	display: block;

	height: 1%;
	}

ol.commentlist span.authorname {
	font-size: 100%;
	font-weight: bold;
	}

ol.commentlist span.commentdate {
	color: #666666;
	font-size: 90%;
	margin-bottom: 5px;
	display: block;
	}

ol.commentlist span.editcomment {
	display: block;
	}
	
ol.commentlist li p {
	margin: 2px 0 5px 0;
	}

div.comment-number {
	float: right; 
	font-size: 2em; 
	line-height: 2em; 
	font-family: georgia, serif; 
	font-weight: bold; 
	color: #ddd; 
	margin: -10px 0 0 0; 
	position: relative; 
	height: 1%
	}

div.comment-number a:link, 
div.comment-number a:visited, 
div.comment-number a:active {
	color: #ccc;
	}

textarea.comment {
	width: 96%; 
	margin: 0; 
	}





/* ------------------------------------------------------------------
---------- COMMENTS WP 2.7 ------------------------------------------
------------------------------------------------------------------ */

ul.commentlist {
	margin: 15px 0 15px 0;
	list-style-type: none;
	padding: 0;
	border-top: dotted 1px #cccccc;
	display:block;
	}

ul.commentlist ul {
	margin: 15px 0 25px 0;
	list-style-type: none;
	padding: 0;
	border: none;
	display:block;
	}

ul.commentlist li.thread-even {
	background-color: #FFFFFF;
	border-bottom: dotted 1px #cccccc;
	padding: 15px 10px;
	display: block;
	clear: both;
	height: 1%; /* for IE */
	margin: 0;
	}

ul.commentlist li.thread-odd {
	background-color: #F6F6F6;
	border-bottom: dotted 1px #cccccc;
	padding: 15px 10px;
	display: block;
	clear: both;
	height: 1%; /* for IE */
	margin: 0;
	}

ul.commentlist li.bypostauthor {
	background-color: #FFECEC;
	}
	
/* reset children */

ul.commentlist li ul.children, 
ul.commentlist li ul.children li, 
ul.commentlist li ul.children li.bypostauthor  {
	background-color: transparent;
	border: 0;
	padding: 0;
	margin: 0;
	display: block;
	height: 1%;  /* for IE */
	}

ul.commentlist li ul.children li, 
ul.commentlist li ul.children li.bypostauthor {
	margin: 10px 0 0 30px;
	}

ul.commentlist li ul.children li.depth-2 {
	margin: 10px 0 0 0;
	}

ul.children div.comment-container {
	background-color: transparent;
	border: dashed 1px #ccc;
	padding: 8px;
	margin: 0;
   	/* optional rounded corners for browsers that support it */
   	-moz-border-radius: 5px;
   	-khtml-border-radius: 5px;
   	-webkit-border-radius: 5px;
   	border-radius: 5px;
	}
	
ul.children div.bypostauthor {
	background-color: #ffecec;
	border: dashed 1px #ffbfbf;
	}

ul.commentlist li p {
	margin: 2px 0 5px 0;
	}

ul.commentlist span.authorname {
	font-size: 100%;
	}


div.comment-meta a:link, 
div.comment-meta a:visited, 
div.comment-meta a:active, 
div.comment-meta a:hover {
	font-weight: normal;
	}

div#cancel-comment-reply {
	margin: -5px 0 10px 0;
	}

div.comment-number {
	float: right; 
	font-size: 2em; 
	line-height: 2em; 
	font-family: georgia, serif; 
	font-weight: bold; 
	color: #ddd; 
	margin: -10px 0 0 0; 
	position: relative; 
	height: 1%
	}

div.comment-number a:link, 
div.comment-number a:visited, 
div.comment-number a:active {
	color: #ccc;
	}


/* ------------------------------------------------------------------
---------- IMAGES ---------------------------------------------------
------------------------------------------------------------------ */

img { 
	border: 0;
	}

.post img {
	max-width: 96%;		/* 	resize images in the main column if needed.
							97% so images with padding and border don't touch
							the right sidebar while being resized. Change this 
							to 100% if you want, if your images
							don't have padding and a border */
	width: auto 100%;
	margin: 5px 0 5px 0;
	/*overflow-x: auto;*/
	padding: 5px;	}

/* hiding from IE6 which would stretch the image vertically. 
IE6 will get width and height via jQuery */
div[class~=post] img { 
	height: auto; /* FF & Safari need auto */
	}	

img.alignleft {
	float: left; 
	margin: 10px 10px 5px 0; 
	}
	
img.alignright {
	float: right; 
	margin: 10px 0 5px 10px; 
	}

img.aligncenter {
	display: block;
	margin: 10px auto;
	}

.aligncenter, 
div.aligncenter {
   	display: block;
   	margin-left: auto;
   	margin-right: auto;
	}

.alignleft, 
div.alignleft {
	float: left;
	margin: 10px 10px 5px 0;
	}

.alignright, 
div.alignright {
   	float: right;
   	margin: 10px 0 5px 10px;
	}

/* feed icons on archives page */
div.archives-page img {
	border: 0;
	padding: 0;
	background: none;
	margin-bottom: 0;
	vertical-align: -10%;
	}
	
	
/* ------------------------------------------------------------------
---------- IMAGE CAPTION (WP 2.6 and newer) -------------------------
------------------------------------------------------------------ */

.wp-caption {
	max-width: 96%;		/* FF2, IE7, Opera9, Safari 3.0/3.1 will 
							resize images in the main column if needed.
							97% so images with padding and border don't touch
							the right sidebar while being resized. Change this 
							to 100% if you want, if your images
							don't have padding and a border */
	width: auto 100%;
	height: auto;  /* FF3 needs "auto", IE6 needs "100%", see next style*/
	padding: 5px;	}

* html .wp-caption {
	height: 100%;
	}
	
.wp-caption img {
   	margin: 0;
   	padding: 0;
   	border: 0 none;
	}


	
.wp-caption p.wp-caption-text {
	font-size: 0.8em;
line-height: 13px;
padding: 2px 4px 5px;
margin: 0;
color: #666666;	}


/* ------------------------------------------------------------------
---------- SMILEYS --------------------------------------------------
------------------------------------------------------------------ */

img.wp-smiley {
    float: none;  
    border: none; 
	margin: 0 1px -1px 1px; 
	padding: 0;
	background: none;
	}


/* ------------------------------------------------------------------
---------- GRAVATARS ------------------------------------------------
------------------------------------------------------------------ */

img.avatar {
	float: left; 
	display: block;
	margin: 0 8px 1px 0;
padding: 3px;
border: solid 1px #ddd;
background-color: #f3f3f3;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;	}


	



/* ------------------------------------------------------------------
---------- PRINT STYLE ----------------------------------------------
------------------------------------------------------------------ */

@media print {

body { 
	background: white; 
	color: black; 
	margin: 0; 
	font-size: 12pt; 
	font-family: arial, sans-serif; 
	}

a:link:after, 
a:visited:after { 
	content:" [" attr(href) "] "; 
	font-weight: normal; 
	text-decoration: none; 
	font-size: 12pt;
	}
	
a:link, a:visited {
	text-decoration: underline; 
	color: #000;
	}
	
.postmetadata a:link:after, 
.postmetadata a:visited:after { 
	content: ""; 
	}
	
h2 a:link:after, 
h2 a:visited:after { 
	content: ""; 
	} 
	
h2, 
h2 a:link, 
h2 a:visited, 
h2 a:active {
	color: #000; 
	font-size: 18pt;
	}
	
h3 {
	color: #000; 
	font-size: 15pt;
	}
	
#header, 
#left, 
#right, 
#footer, 
.navigation, 
.wp-pagenavi-navigation, 
#comment, 
.remove-for-print {
	display: none;
	}

}	





/* ------------------------------------------------------------------
---------- HACKS: Clearfix & others ---------------------------------
------------------------------------------------------------------ */

.clearfix:after
	{
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
	}
	
.clearfix
	{
	min-width: 0;		/* trigger hasLayout for IE7 */
	display: inline-block;
	/* \*/	display: block;	/* Hide from IE Mac */
	}
	
* html .clearfix
	{
	/* \*/  height: 1%;	/* Hide from IE Mac */ 
	}

/* Chrome and Safari don't like clearfix in some cases.
Also, adding height and font-size for IE6 */
.clearboth {
	clear: both;
	height: 1%;
	font-size: 1%;
	line-height: 1%;
	display: block;
	padding: 0;
	margin: 0;
	}

	
	
/* ------------------------------------------------------------------
---------- CUSTOM STYLES: -------------------------------------------
------------------------------------------------------------------ */