/*  
Theme Name: WordPress Strix
Theme URI: http://wordpress.org/
Description: Strix WordPress theme.
Version: 1.0
Author: Davor van Eijk
Author URI: http://davorvaneijk.com/



	This theme was designed and built by Davor van Eijk,
	whose website you will find at http://davorvaneijk.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
html > img {
background:url(../images/auto-scroll.gif);
height:30px !important;
padding-right:21px !important;
width:0 !important;
}

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline; }
:focus, a, button, input {
outline: 0; }


body {
color:#333;
cursor:default;
font:76%/140% Verdana,Arial,Helvetica,sans-serif;
background-color:#fdfdfd;
height:100%;
overflow:auto;
}

body {
background:#fdfdfd url('images/bg-blue-line2.gif') repeat-y left;
}

/* TEXT */

p.footer {
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
line-height:200%;
color:#ccc;
text-transform:uppercase;
margin:10px 0 0 220px;
padding:0;
width:750px;
}

.container {
text-align:left;
background:transparent url('images/bg-blue2.jpg') no-repeat 0 -100px;
width:990px;
margin:0;
padding:0;
}


/*
a:link,a:active,a:visited {
color:#ceebeb;
text-decoration:none;
}*/

.header {
padding:160px 0 5px 230px;
}

.menu {
display:block;
top:80px;
left:0;
position:fixed;
text-align:left;
text-transform:lowercase;
}

* html .menu {
position:absolute;
}

.article {
color:#777;
margin:0;
padding:0 0 20px 26px;
font: 105%/1.25em "Century Gothic", "Trebuchet MS" ,Arial, Helvetica, sans-serif;
}


/* BASICS */

#page {
	background-color: #fff;
	border: 1px solid #959596;
	text-align: left;
	}

#header {
	background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;
	}

#headerimg 	{ 
	margin: 7px 9px 0; 
	height: 192px; 
	width: 740px; 
	} 
/*
#content {
	font-size: 1.0em;
	}
*/
.entry p {
	padding: 0em 0 0.5em 0;
	margin:0;

	}

.narrowcolumn .entry, .widecolumn .entry {
	/*line-height: 1.4em;*/
	line-height:175%;
	padding:0;
	margin:0.5em 0 0 0;
	}




/*
#footer {
	background: #eee url('images/kubrickfooter.jpg') no-repeat top; 
	border: none;
	}
*/
small {
	/*font-family: Verdana, Arial, Helvetica, Sans-Serif;*/
	font: 105%/1.6em "Century Gothic", "Trebuchet MS" ,Arial, Helvetica, sans-serif;

	/*font-size: 1em;
	line-height: 1.6em;
	text-transform: uppercase; font-size: 0.8em;*/
	}

	
	
	
	
h1, h2 {
	font: 200%/1.25em 'Century Gothic', 'Trebuchet MS' ,Arial, Helvetica, sans-serif;
	}
h3 {
	/*font: bold 1em/1.75em Verdana ,Arial, Helvetica, sans-serif;*/
	color: #333;
	margin: 10px 0 0 0;
}

h2 {
text-decoration:none;
color:#bbb;
margin: 15px 0 0 0;
display:block;
padding:0;
/*text-transform:lowercase;*/
}
html>body h2{
position:relative;
}

h2 span {
display:none;
}

h2 b {
border: 0;
color: #ddd;
letter-spacing: 0px;
font-weight:normal;
text-transform: uppercase;
/*font-size: 78%;*/
}



h2 span, h2 a:link span, h2 a:visited span {
top:-1px;
left:-1px;
color:#555;
display:block;
}


html>body h2 span, 
html>body h3 span
 {
position:absolute;
}





div.datebox {
float: left; 
margin: 0 7px 0em 0;
width: 40px; height: 45px;
background: url(images/date_bg.gif) no-repeat; 
}



span.day {
display: block; float: left;
width: 40px; height: 28px;
/*font: bold 1.5em Arial, Helvetica, sans-serif;*/
font: bold 2em/28px 'Century Gothic', 'Trebuchet MS', Arial, Helvetica, sans-serif;
text-align: center;
color: #fdfdfd;
}

span.month {
display: block; float: left;
width: 40px; height: 17px;
font: bold 0.8em/17px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
color: #f0f0f0;
}
div.header3 {
background: url(images/date_bg_h3.gif) no-repeat; 
width: 30px; height: 35px;
}
div.header3 span.day {
width: 30px; height: 23px;
/*font: bold 1.4em/23px Arial, Helvetica, sans-serif;*/
font: bold 1.4em/23px "Century Gothic", "Trebuchet MS" ,Arial, Helvetica, sans-serif;
}
div.header3 span.month {
width: 30px; height: 12px;
font: normal 0.7em/12px Arial, Helvetica, sans-serif;
}

div.post h2 {
font: normal 2em/28px 'Century Gothic', 'Trebuchet MS', Arial, Helvetica, sans-serif;
letter-spacing:-1px;
}

div.post h3 {
/*font: normal 1.5em/21px Verdana, Arial, Helvetica, sans-serif;*/
font: bold 1.4em/21px "Century Gothic", "Trebuchet MS" ,Arial, Helvetica, sans-serif;
letter-spacing:-0.5px;
}
h3, div.entry h3 {
/*font: bold 1em/1.75em Verdana, Arial, Helvetica, sans-serif;*/
font: bold 105%/1.25em "Century Gothic", "Trebuchet MS" ,Arial, Helvetica, sans-serif;
letter-spacing:0;
margin: 20px 0 0 0;
}

div.post h2 a:link, div.post h2 a:visited,
div.post h3 a:link, div.post h3 a:visited
 {
color:#ddd;
display:block;
}
html>body div.post h2, html>body div.post h2 a:link, html>body div.post h2 a:visited,
html>body div.post h3, html>body div.post h3 a:link, html>body div.post h3 a:visited
 {
position:relative;
}
* html body div.post h2 a:link, * html div.post h2 a:visited {
color:#555;
}
div.post h2 span, div.post h2 a:link span, div.post h2 a:visited span,
div.post h3 span, div.post h3 a:link span, div.post h3 a:visited span
 {
top:-1px;
left:-1px;
color:#555;
display:block;
}
div.post h2 a:link span, div.post h2 a:visited span,
div.post h3 a:link span, div.post h3 a:visited span
 {
cursor:pointer;
}
html>body div.post h2 span
 {
position:absolute;
padding-left:47px;
}
html>body div.post h3 span
 {
position:absolute;
padding-left:37px;
}

* html body div.post h2 a:link span, * html div.post h2 a:visited span,
* html body div.post h3 a:link span, * html div.post h3 a:visited span
 {
display:none;
}
div.post h2 a:hover span, div.post h3 a:hover span {
color:#0af;
}






/*div.post h2 a { color: #ddf; border: none; }*/
div.post h2 a:hover { color: #ddf; }

p.meta {
font-size: 1em;
line-height: 17px;
color: #bbb;
margin: 0 0 1em 0;
}



h1 {
	font-size: 4em;
	text-align: left;
	}

#headerimg .description {
	font-size: 1.2em;
	text-align: left;
	}








h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
	}

h3, h3 a, h3 a:visited {
	/*color: #06d;*/
	color: #333;
	}

#sidebar a {
	color: #666;
}
#sidebar a:hover {
	color: #0af;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}


.entry p a:visited {
	color: #ccc;
	}
.alt small a:hover,
.alt cite a:hover,	
.entry p a:hover {
	color: #0af;
	}	
	
.commentlist li, #commentform input, #commentform textarea {
	/*font: 1.0em Verdana, Arial, Sans-Serif;*/ /*'Lucida Grande'*/
	font: 105%/1.25em "Century Gothic", "Trebuchet MS" ,Arial, Helvetica, sans-serif;
	color: #666;
	}
#commentform input:focus, #commentform textarea:focus {
background-color:#f9f9f9;
}


.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.0em;
	color: #333;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.75em;
	text-transform: none;
	margin: 10px 5px 10px 0;

	}

#commentform p {
	/*font-family: Verdana, Arial, Sans-Serif;*/  /*'Lucida Grande'*/
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1.0em/1.0em Verdana, Arial, Sans-Serif;
	margin:0;
	padding:0;
	}

small,
.postmetadata a:link,
.postmetadata a:visited,
.postmetadata,
#sidebar ul ul li,
#sidebar ul ol li,
.nocomments,
blockquote,
strike {
	color: #bbb;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a {
	color: #333; 
	/*color:#ceebeb;*/
	text-decoration: none;
	}
/*h3*/
a:hover {
	color: #0af; 
}


	.entry a,
	/*h2 a,h3 a,*/
	.alt a:link,
	.alt a:visited,
	p.footer a {
	border-bottom: 1px dotted #ddd;
}
.postmetadata a:link,
.postmetadata a:visited {
	/*font: 105%/1.25em "Century Gothic", "Trebuchet MS" ,Arial, Helvetica, sans-serif;*/
	color: #f09;
}

small a:hover, .alt a:hover, .entry a:hover, p.footer a:hover, .postmetadata a:hover, .navigation a:hover {
	color:#0af;
	text-decoration: none;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em Verdana, Arial, Sans-Serif; /*'Lucida Grande'*/
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */
body {
	margin: 0 0 20px 0;
	padding: 0; 
	}

#page {
	background-color: #fff;
	/*margin: 20px auto;*/
	margin: 100px 0 0 0;
	padding: 0;
	width: 760px;
	border: 1px solid #959596;
	}

#header {
	background-color: #73a0c5;
	margin: 0 0 0 1px; 
	padding: 0; 
	height: 200px; 
	width: 758px;
	}

#headerimg {
	margin: 0;
	height: 200px;
	/*width: 100%;*/
	}

.narrowcolumn {
	float: left;
	display:block;
	padding: 0px 0 10px 0;
	margin: 0;
	width: 510px;
	
	/*border-right: 10px solid #eee;*/
	}

.widecolumn {
	/*float: left;*/
	
	padding: 0px 0 10px 0;
	margin: 0;
	width: 510px;
	/*
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;*/
	}

.post {
	padding: 0 0 25px 0;
	margin: 40px 0 0 0;
	border-bottom: 1px dotted #ddd;
	display:block;
	clear: both;
	}

.post hr {
	display: block;
	}
/*
.narrowcolumn .post, .widecolumn .post {
	padding: 16px 0 16px 0; 
	margin:0;
	padding:0;
	}
*/


.widecolumn .smallattachment {
	text-align: left;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: left;
	margin: 5px 0px;
}

.postmetadata {
margin: 0;
padding: 0 10px 0 0;
}
/*
#footer {
	padding: 0;
	margin: 0 auto;
	width: 760px;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: left;
	}
*/
/* End Structure */



/*	Begin Headers */
h1 {
	padding-top: 70px;
	margin: 0;
	}
/*
h2 {
	letter-spacing:-1px;  
	font-size: 200%;
	font-weight: normal;
	line-height: 1.2em;
	text-transform:lowercase;
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	text-align: left;
	}

h2.pagetitle {
	text-align: left;
}
*/
#sidebar h2 {
	margin: 0 0 0 10px;
	font-weight: bold;
	font-size: 0.8em;
	letter-spacing:0.3px;
	color: #333;
	padding: 5px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}

/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

/*
.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}
*/
.entry ul li, #sidebar ul ul li {	
	background: transparent url('images/arrow_r_12x12.gif') no-repeat 1px center;
	list-style-type: none;
	list-style-image: none;
	padding: 0 0 0 18px;
	margin:0 0 3px 0;
	/*list-style-position:inside;*/
}

.entry ol {
	padding: 0 0 0 35px; /*35px*/
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}


#sidebar ul, #sidebar p {
	font-size: 0.9em;
	line-height:1.6em;
	overflow:hidden;
	margin:0;
	padding:0;
}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	overflow:hidden;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;/**/
	margin-bottom: 15px;
	overflow:hidden;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 10px 8px 10px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 10px 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	/*padding: 3px 0 0;
	margin:0;
	
	margin: 3px 0 0;
	padding: 0;*/
	}
/* End Entry Lists */



ul.horizontal li {
	float:left;
	display:block;
}

ul.horizontal li.blog {
padding: 0 15px 0 13px;
margin: 0 10px 0 0;
background: transparent url('images/category.gif') no-repeat 0 4px; 
}

ul.horizontal li.page_item {
padding: 0 15px 0 13px;
margin: 0 10px 0 0px;
background: transparent url('images/guestbook.gif') no-repeat 0 4px; 
}

/* Begin Form Elements */
#searchform {
	display: block;
	margin: 0;
	padding: 0 0 3px 10px; 
	text-align: left;
	}

#sidebar #searchform #s {
	width: 102px;
	/*padding: 1px;*/
	}



.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px 0 2px 0;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px 0 2px 0;
	margin: 5px 5px 1px 0;
	}

#commentform #submit, #searchsubmit {
	/* margin: 0; */
	 /* right */
	width: 62px;
	height: 24px;
	background: transparent url('images/btn_submit.png') no-repeat;
	border: none;
	cursor: pointer;
	padding:0 0 1px 0;
	margin:0;
	font: bold 0.8em/20px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-transform: uppercase;
	color: #f0f0f0;
	letter-spacing:0.5px;
	}
	
/* End Form Elements */
#commentform #submit:hover, #sidebar #searchsubmit:hover {
	color: #0af;
}


/* Begin Comments*/
.alt {
	margin: 0;
	padding: 0;
	color: #bbb;
	line-height:160%;
	/*
	border-top: 1px solid #ddd;
	background-color: #f8f8f8;
	border-bottom: 1px solid #ddd;*/
	}
.alt .commentbackground {
	background-color:#f0f0f0;
	padding: 10px;
	margin:0;
}
.admin .commentbackground{
	background-color:#fdfdfd;
	border-width: 0 1px 0 1px;
	border-style:solid;
	border-color: #ddd;
}
.admin cite {
}
.admin .xb5{
	background-color:#ddd;
}

/*
.alt a,
.alt a:link, 
.alt a:visited {	
	color: #bbb;
}
*/
.commentlist {
	padding: 0 5px 0 0;
	text-align: left;
	}

.commentlist li {
	/*font: 1em/1.5em Verdana, Arial, Sans-Serif;*/ /*'Lucida Grande'*/
	font: 105%/1.25em "Century Gothic", "Trebuchet MS" ,Arial, Helvetica, sans-serif;
	margin: 15px 0 3px 0;
	/*padding: 5px 10px 3px;*/
	padding:0;
	list-style: none;
	font-weight: bold;
	overflow:hidden;
	}

#commentform {
	margin: 0 7px 0 0;
}
	
#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: left;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	/*display: block;*/
	}
/* End Comments */



/* Begin Sidebar */
#sidebar {
	padding: 40px 0 10px 0;
	margin-left: 534px;
	width: 200px;
	font-size: 1.0em;
	}

#sidebar form {
	margin: 0;
	overflow:hidden;
	}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	font: 105%/1.25em "Century Gothic", "Trebuchet MS" ,Arial, Helvetica, sans-serif;
	color: #0af;
	/*text-transform: lowercase;*/
	}
/* End Various Tags & Classes*/




/* Own tags */

/* .xsnazzy p {
margin:0 0 0 0;
}*/

.xsnazzy h1 {
font-size:2.5em;
color:#fdfdfd;
}
/*
h2 b, h3 b {
border: 0;
color: #ccc;
letter-spacing: 0px;
font-weight:normal;
text-transform: uppercase;
}
h2 b {
font-size: 78%;
}
*/


.xsnazzy {
background-color:transparent;
width:790px;
overflow:hidden;
padding:0;
margin:0 0 0 200px;
}

#sidebar .xsnazzy {
width:200px;
padding:0;
margin:11px 0 0 0;

}
.grey .xsnazzy {
background-color:#fdfdfd;
}

.grey .xboxcontent  {
background-color:#f0f0f0;
overflow:hidden;
border:0;
}

.grey .xb1,.grey .xb2,.grey .xb3, .grey .xb4   {
background-color:#f0f0f0;
border-color: #f0f0f0;
}

.grey .xb2, .grey .xb3, .grey .xb4 {
border-left:1px solid #f0f0f0;
}

.grey .xb1 {
background:#f0f0f0;
}

.grey .xbgrey1 { background-color:#e7e7e7; }
.grey .xbgrey2 { background-color:#e9e9e9; }
.grey .xbgrey3 { background-color:#ececec; }


.xtop,.xbottom {
display:block;
font-size:1px;
background:transparent;

clear:both;
}

.xb1,.xb2,.xb3,.xb4,.xb0 {
display:block;
overflow:hidden;
}

.xb1,.xb2,.xb3 {
height:1px;
}

.xb2,.xb3,.xb4 {
background-color:#fdfdfd;
}

.xb2, .xb3, .xb4 {background:#fdfdfd; border-left:1px solid #ddd; border-right:1px solid #ddd;}

.xb1 {
margin:0 5px;
background:#ddd;
}

.xb2 {
margin:0 3px;
border-width:0 2px;
}

.xb3 {
margin:0 2px;
}

.xb4 {
height:2px;
margin:0 1px;
}



/*
.xb0 {
height:1px;
background-color:#ddd;
font-size:1px;
margin:0 1px;
}

.xboxcontent {
background-color:#fdfdfd;
border:0 solid #ddd;
border-width:0 1px 0 0;

}
*/

.xboxcontent {
background-color:#fdfdfd;
display:block; 
border:0 solid #ddd; 
border-width:0 1px 0 1px; 
}

/*
html>body .xboxcontent {
padding-bottom:1000px;
margin-bottom:-1000px;
}*/

* html .xboxcontent {
height:1px;
}

/* menu */

.logo {
position:relative;
float:left;
padding:0 0 0 20px;
}

.logo img {
margin:13px 0 0;
}

.mainmenu {
float:left;
padding:0;
}

.galleryfilter {
float:left;
text-align:left;
padding:0;
}

div.blink {
line-height:170%;
display:block;
font-size:90%;
padding:0 5px;
}

body.bg7 div.blink {
font-size:90%;
}

a.blink,a.blink:active,a.blink:visited {
color:#cdd;
display:block;
text-decoration:none;
position:relative;
line-height:170%;
font-size:90%;
padding:0 10px 0 0;
}
a.blink:hover {
color:#fff;
}


a.current:visited,a.current {
color:#fff;
font-weight:700;
}



/*
a.current:visited,a.current {
color:#332;
}
*/
a.current span {
color:#ddd;
float:left;
font-weight:400;
margin:7px 0 0;
padding:0;
}

.menu .current b {
letter-spacing:-1px;
font:normal 220%/1.3em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
display:inline;
float:none;
color:#fff;
margin:0;
padding:0;
}

.home .current b,.links .current b {
color:#fdfdfd;
}


/* CHAPTER ICONS */
.bayabout,.bayguestbook,.baycontact,.baylinks,.baydownloads,.bayportfolio {
background:transparent url(../images/chapter-links.gif) no-repeat left top;
position:absolute;
top:35px;
left:35px;
width:100px;
height:100px;
}
.bayguestbook {
background:transparent url('images/chapter-guestbook.gif') no-repeat left top;
}

a.myhosting,a.myhosting:link,a.myhosting:visited {
text-decoration:none;
background:url('images/myhosting-x-small.gif') 0 0 no-repeat;
border:none;
line-height:1em;
vertical-align: middle;
display:inline;

}

a.myhosting:hover {
background:url('images/myhosting-x-small.gif') 0 -28px no-repeat;
color:#0af;
border:none;
text-decoration:none;
margin:0;

}

.textarrow {
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #bbb;
}

.displaynone {
	display:none;
}

.categorylink {
/*float:left;
display:block;*/
padding: 0 15px 0 13px;
margin: 0 0 0 10px;
background: transparent url('images/category.gif') no-repeat 0 3px; 
}

.taglink {
/*float:left;
display:block;*/
padding: 0 15px 0 13px;
margin: 0 0 0 0px;
background: transparent url('images/tag.gif') no-repeat 0 3px; 
}

.commentslink {
/*float:left;
display:block;*/
padding: 0 15px 0 13px;
margin: 0 0 0 10px;
background: transparent url('images/comments.gif') no-repeat 0 4px; 
}
a.commentslink:link, a.commentslink:visited { color:#333; }
a.commentslink:hover { color:#0af; }

form #author, form #email, form #url, form #comment,  #searchform #s {
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e2e2e2;
	padding: 4px;
	background: #fdfdfd url('images/input_gradient.png') repeat-x 0 0;
	font-size: 1em;
	line-height:160%;
}
#sidebar #searchform #s {

}

#sidebar ul ul li.rss {
	/*background: transparent url('images/feed_icon_12x12.gif') no-repeat 28px 4px;
	padding:4px 0 4px 0;*/
	margin: 3px 0 0;
	
	background: transparent url('images/feed_icon_12x12.gif') no-repeat left center;
	list-style-type: none;
	list-style-image: none;
	padding: 0 0 0 18px;
	
}
#sidebar ul ul li.rss a {
	/*color: #f80;*/
}

#sidebar ul ul li.rss:before  {
	/*content: "";*/
}

.xb5 {
height:1px;
margin:0 1px 0 1px;
background-color:#f0f0f0;
display:block;
overflow:hidden;
padding:0;
clear:both;
}

span.readmorelink {
	display:inline;
	padding:0 0 0 0;
}


.readmorelink a:link, .readmorelink a:visited  {
	color: #bbb;
	border: none;
	text-transform:lowercase;
	
}
.readmorelink a:hover {
	color: #0af;
}

/* CAPTION */
.imagecaptioneasy img { 	border-bottom: 1px solid #eee; margin-bottom:3px; }
.imagecaptioneasy span { text-align: center;  padding:0;}
.imagecaptioneasy_top_left  {   margin: 0px 0 11px 0px;   background-color: transparent; }
.imagecaptioneasy_top_right  {  margin: 0px 0 11px 0px;  background-color: transparent;}
.imagecaptioneasy_top_nowrap { margin: 0 0 11px 0; float: none; }
.imagecaptioneasy_left  {  margin: 11px 0 11px 0px;  background-color: transparent;}
.imagecaptioneasy_right  {    margin: 11px 0 11px 0px;  background-color: transparent; }
.imagecaptioneasy_nowrap { margin: 11px 0 11px 0; float: none; }

.imagecaptioneasy {
  padding: 5px;
  text-align: left; 
  float: left;
  line-height: 1.15em;
  text-align: center;
  background-color: #f0f0f0;
  color: #999;
}