/*	******************************

	undohtml.css

	Undo browser defaults

	http://tantek.com/log/2004/09.html#d06t2354

	******************************	*/



	/* -- undo browser HTML defaults -- */

:link,:visited {text-decoration: none;}

ul,ol {list-style: none;}

h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}

ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}

a img,:link img,:visited img {border: none;}

address {font-style: normal;}

hr {display:none;}





/*	******************************

	'my wishful thoughts' template default stylesheet

	last edit: 07/31/2007 

	author: Piotr Delawski

	******************************	*/



body { background-color: #3c312d; font: 0.88em/1.28em Georgia,serif; text-align: center; }

p { text-align: left; margin: 0.78em 30px 1.06em; }

ul, ol, dl { margin: 0.47em 15px 0.72em; padding-bottom: 0.07em; }

li { padding: 0.32em 0 0.32em 15px; clear: both; }

blockquote { margin: 0.64em 30px; font-style: italic; }

	blockquote p { padding: 0.78em 0 1.06em 0; text-indent: 15px; }

	#lower-part blockquote { background: #504642 url(../images/layout/icons/doublequote-dark.gif) no-repeat top left; }

	#upper-part blockquote { margin: 0.64em 45px 0.64em 110px; background: #f1ece7 url(../images/layout/icons/doublequote.gif) no-repeat top left; }

		#upper-part blockquote p { margin-left: 30px; background-color: #f1ece7; }

	#lower-part .col240-box blockquote, #lower-part .col320-box blockquote,

		#lower-part .col400-box blockquote, #lower-part .col560-box blockquote,

		#lower-part .col640-box blockquote, #lower-part .col640-com blockquote,

		#lower-part .col960-box blockquote { margin: 0.64em 45px; background: #f1ece7 url(../images/layout/icons/doublequote.gif) no-repeat top left; }

#upper-part acronym, #upper-part  abbr { border-color: #b8a088; cursor: help; }

#lower-part acronym, #lower-part  abbr { border-color: #9e9896; cursor: help; }

pre, code  { font-family: monospace; background-color: #504642; padding: 1px 2px; }

pre { margin: 0.64em 30px; padding: 0.64em 15px; display: block; font-family: monospace; background-color: #504642; }

	#upper-part pre, #upper-part code,

	.col240-box pre, .col320-box pre, .col400-box pre, .col560-box pre, .col640-box pre, .col960-box pre,

	.col240-box code, .col320-box code, .col400-box code, .col560-box code, .col640-box code, .col960-box code { background-color: #f1ece7; }

cite { font-style: italic; }

	

#upper-part  h1 a:link, #upper-part  h1 a:visited  { color: #ffffff; text-decoration: none; }

	#upper-part  h1 a:hover, #upper-part  h1 a:focus { color: #3c312d; text-decoration: none; }

h3 { font-size: 1.5em; font-weight: normal; letter-spacing: -1px; padding: 0 15px; }

	#upper-part  h3 { color: #c27b11; }

	#lower-part  h3 { color: #fabc11; }

	#upper-part  h3 a:link, #upper-part  h3 a:visited  { text-decoration: none; }

		#upper-part  h3 a:hover, #upper-part  h3 a:focus { text-decoration: none; }

	#lower-part h3 a:link, #lower-part h3 a:visited  { color: #fabc11; text-decoration: none; }

		#lower-part h3 a:hover, #lower-part h3 a:focus { color: #c27b11; text-decoration: none; }

	#lower-part .col240-box h3 a:link, #lower-part .col320-box h3 a:link, #lower-part .col400-box h3 a:link,

		#lower-part .col560-box h3 a:link, #lower-part .col640-box h3 a:link, #lower-part .col960-box h3 a:link,

		#lower-part .col240-box h3 a:visited, #lower-part .col320-box h3 a:visited, #lower-part .col400-box h3 a:visited,

		#lower-part .col560-box h3 a:visited, #lower-part .col640-box h3 a:visited, #lower-part .col960-box h3 a:visited

		{ text-decoration: none; color: #c27b11; }

	#lower-part .col240-box h3 a:hover, #lower-part .col320-box h3 a:hover, #lower-part .col400-box h3 a:hover,

		#lower-part .col560-box h3 a:hover, #lower-part .col640-box h3 a:hover, #lower-part .col960-box h3 a:hover,

		#lower-part .col240-box h3 a:focus, #lower-part .col320-box h3 a:focus, #lower-part .col400-box h3 a:focus,

		#lower-part .col560-box h3 a:focus, #lower-part .col640-box h3 a:focus, #lower-part .col960-box h3 a:focus

		{ text-decoration: none; color: #3c312d; }



h4 { font-size: 1.29em; font-weight: normal; padding: 0 15px; }

	#upper-part  h4 a:link, #upper-part  h4 a:visited, #lower-part  h4 a:link, #lower-part  h4 a:visited  { color: #c27b11; text-decoration: none; }

		#upper-part  h4 a:hover, #upper-part  h4 a:focus, #lower-part  h4 a:hover, #lower-part  h4 a:focus { color: #fabc11; text-decoration: none; }	

h5 { font-size: 1em; font-weight: bold; padding: 0 15px; }

h6 { font-size: 1em; font-weight: normal; padding: 0 15px; text-decoration: underline; }



/* Specific styles of minor elements */

.clear, .separate { clear: both; }

	.clear hr, .separate hr { display: none }

	.separate { height: 1.93em; }

.caps { font-size: 0.86em; letter-spacing: 1.2px; }

.small { font-size: 0.86em; }

.very-small, .footnote { font-size: 0.79em; }

.to-right { text-align: right; }

.error { color: #ff0000 !important; }

.comments-label { padding-left: 20px; }

	#upper-part .comments-label { background: url(../images/layout/icons/comments.gif) no-repeat 1px 0; }

	#lower-part .comments-label { background: url(../images/layout/icons/comments-dark.gif) no-repeat 1px 0; }

a.full-article, .full-article a { padding-left: 15px; background: no-repeat 3px 5px; }

	#lower-part a.full-article, #lower-part .full-article a { background-image: url(../images/layout/icons/full-article-dark.gif); }

	#upper-part a.full-article, #lower-part .col240-box a.full-article, #lower-part .col320-box a.full-article, #lower-part .col400-box a.full-article, #lower-part .col560-box a.full-article, #lower-part .col960-box a.full-article,

	#upper-part .full-article a, #lower-part .col240-box .full-article a, #lower-part .col320-box .full-article a, #lower-part .col400-box .full-article a, #lower-part .col560-box .full-article a, #lower-part .col960-box .full-article a {

		background-image: url(../images/layout/icons/full-article.gif); }

	#upper-part .very-small a.full-article, #upper-part .very-small .full-article a, #lower-part .very-small a.full-article, #lower-part .very-small .full-article a { background-position: 3px 3px; }



/* Styles of the main parts of the site */

#upper-part { min-width: 960px; background-color: #b8a088; text-align: center; }

	#body-subpage #upper-part { height: auto; }

	#upper-part a:link, #upper-part a:visited { color: #c27b11; text-decoration: underline; }

	#upper-part a:hover, #upper-part a:focus { color: #3c312d; text-decoration: none; }



#wrapper { width: 960px; position: relative; margin: 0 auto;	background: url(../images/layout/silhouette.jpg) no-repeat 230px bottom; }

#header { letter-spacing: -1px; }

#header h1 { color: #ffffff; font: 3.21em/0.80em Georgia,serif normal; }

#header h2 { color: #3c312d; font: 1.71em/1.13em Georgia,serif normal; }

	#body-home #wrapper { min-height: 450px; }

	#body-home #header { width: 450px; height: 450px; position: absolute; bottom: 0; left: 0; text-align: right; }

	#body-home #header h1 { position: absolute; bottom: 195px; right: 210px; padding: 0.4em 0; }

	#body-home #header h2 { position: absolute; top: 270px; right: 210px; padding: 0.75em 0; }

	#body-subpage #wrapper { height: 175px; background-position: 230px -20px; }

	#body-subpage #header { height: 175px; text-align: left; }

	#body-subpage #header h1 { position: absolute; bottom: 75px; left: 420px; padding-bottom: 0.4em; }

	#body-subpage #header h2 { position: absolute; left: 425px; top: 100px; padding-bottom: 0.75em; }

	

	#articles { position: relative; margin-left: 360px; padding: 0.78em 0; text-align: left; }

		#articles p { background-color: #ffffff; }

		

	#navbar { min-width: 960px; clear: both; background: #fabc11 url(../images/layout/bg-navbar.gif) repeat-x center bottom; border-top: 1px solid #fde4a0; }

		#menu { width: 960px; margin: 0 auto; font-weight: bold; color: #3c312d; position: relative; }

		#menu ul { margin: 0; padding: 0; }

		#menu ul li { float: left; margin: 0; padding: 0; clear: none; }

		#menu a { display: block; padding: 0.51em 1.5em 0.59em; background: #fabc11 url(../images/layout/bg-navbar.gif) repeat-x center bottom; }

			#menu a:link, #menu a:visited  { color: #3c312d; text-decoration: none; background-position: center bottom; }

			#menu a:hover, #menu a:focus  { color: #ffffff; text-decoration: none; background-position: 0 -67px; }

			#menu a.active:link, #menu a.active:visited, #menu a.active:hover, #menu a.active:focus { background-position: 0 -67px; }

		#menu form { float: left; margin: 0.51em 1.5em 0; padding-bottom: 0.31em; }

		#menu p  { margin: 0; position: absolute; right: 0; }

		#menu label, #menu input { float: left; margin-left: 0.5em; }

		#search-submit { color: #ffffff; background: transparent url(../images/layout/icons/search.gif) no-repeat; }

			body.error-page form { display: none; }

	

#lower-part { width: 960px; margin: 2em auto; clear: both; color: #ffffff; background-color: #3c312d; }

	#lower-part a:link, #lower-part a:visited { color: #c27b11; text-decoration: underline; }

	#lower-part a:hover, #lower-part a:focus { color: #fabc11; text-decoration: none; }

	

#footer { min-width: 960px; padding: 0.78em 0; clear: both; color: #ffffff; background: url(../images/layout/bg-footer.gif) repeat-x top; }

	#footer p { text-align: center; width: 960px; margin-left: auto; margin-right: auto; }

	#footer em { font-style: normal; color: #fabc11; }

	#footer a:link, #footer a:visited  { color: #ffffff; text-decoration: underline; }

	#footer a:hover, #footer a:focus  { color: #fabc11; text-decoration: none; }



/* Different types of columns in layout */

#articles .first-article, #articles .article { width: 595px; padding-bottom: 0.64em; background: transparent url(../images/layout/article-box-bg.gif) repeat-y left bottom; }

#articles .first-article h3, #articles .article h3 { background: transparent no-repeat left top; }

	#articles .first-article h3 { padding: 3.21em 30px 0 95px; background-image: url(../images/layout/first-article-box-top.gif); }

	#articles .article h3 { padding: 1.93em 30px 0 95px; background-image: url(../images/layout/article-box-top.gif); }

#articles p { margin-left: 110px; }

	#articles p.very-small { color: #c27b11; }



.col960 { clear: both; text-align: left; min-height: 60px; }

.col240, .col320 , .col400, .col560, .col640, .col240-box, .col320-box, .col400-box, .col560-box, .col640-box { float: left; text-align: left; min-height: 60px; }

	.col240, .col240-box { width: 240px; }

	.col320, .col320-box { width: 320px; }

	.col400, .col400-box { width: 400px; }

	.col560, .col560-box { width: 560px; }

	.col640, .col640-box, .col640-com { width: 640px; }

	.col960, .col960-box { width: 960px; }



.col240-box, .col320-box, .col400-box, .col560-box, .col640-box, .col960-box, .col640-com {

	padding-bottom: 0.64em; margin-bottom: 0.64em; color: #3c312d; background: #ffffff repeat-y left bottom; }

.col640-com { margin-top: 0.64em; min-height: 70px; }

	

.col240-box h3, .col320-box h3, .col400-box h3, .col560-box h3, .col640-box h3, .col960-box h3, .col640-com h4 {

	padding: 0.89em 30px 0; text-align: left; background: transparent no-repeat top left; }

.col640-com h4 { padding: 2.57em 45px 0; font-style: italic; font-weight: normal; }

	

.col240-box p, .col320-box p, .col400-box p, .col560-box p, .col640-box p, .col960-box p

	{ margin-left: 45px; margin-right: 45px; }

.col240-box h4, .col320-box h4, .col400-box h4, .col560-box h4, .col640-box h4, .col960-box h4,

.col240-box h5, .col320-box h5, .col400-box h5, .col560-box h5, .col640-box h5, .col960-box h5,

.col240-box h6, .col320-box h6, .col400-box h6, .col560-box h6, .col640-box h6, .col960-box h6

	{ margin-left: 15px; margin-right: 15px; }

.col640-com p, .col640-com h5, .col640-com h6 { margin-left: 60px; margin-right: 60px; }



.col240-box img, .col320-box img, .col400-box img, .col560-box img, .col640-box img, .col960-box img, .col640-com img {

	background-color: #3c312d; }



	#lower-part .col240-box { background-image: url(../images/layout/col240-box-bg.gif); }

		#lower-part .col240-box h3 { color: #3c312d; background-image: url(../images/layout/col240-box-top.gif); }

	#lower-part .col320-box { background-image: url(../images/layout/col320-box-bg.gif); }

		#lower-part .col320-box h3 { color: #3c312d; background-image: url(../images/layout/col320-box-top.gif); }		

	#lower-part .col400-box { background-image: url(../images/layout/col400-box-bg.gif); }

		#lower-part .col400-box h3 { color: #3c312d; background-image: url(../images/layout/col400-box-top.gif); }

	#lower-part .col560-box { background-image: url(../images/layout/col560-box-bg.gif); }

		#lower-part .col560-box h3 { color: #3c312d; background-image: url(../images/layout/col560-box-top.gif); }

	#lower-part .col640-box { background-image: url(../images/layout/col640-box-bg.gif); }

		#lower-part .col640-box h3 { color: #3c312d; background-image: url(../images/layout/col640-box-top.gif); }

	#lower-part .col640-com { background-image: url(../images/layout/col640-com-bg.gif); }

		#lower-part .col640-com h4 { font-size: 1em; color: #3c312d; background-image: url(../images/layout/col640-com-top.gif); }

	#lower-part #cpreview .col640-com { background-image: url(../images/layout/col640-pcom-bg.gif); }

		#lower-part #cpreview .col640-com h4 { color: #3c312d; background-image: url(../images/layout/col640-pcom-top.gif); }

	#lower-part .col960-box { background-image: url(../images/layout/col960-box-bg.gif); }

		#lower-part .col960-box h3 { color: #3c312d; background-image: url(../images/layout/col960-box-top.gif); }



/* Styles for lower part of the page */

ul.linklist { background: url(../images/layout/line-tan.gif) repeat-x bottom; }

	ul.linklist li { background: url(../images/layout/dotted-tan.gif) repeat-x top; }

	#lower-part ul.linklist a:link, #lower-part ul.linklist a:visited  { color: #ffffff; text-decoration: none; }

	#lower-part ul.linklist a:hover, #lower-part ul.linklist a:focus  { color: #fabc11; text-decoration: none; }

	#lower-part ul.linklist .very-small { color: #C27B11; }



div.excerptlist { margin: 0.47em 15px 0; padding: 0; }

div.excerptlist-last { background: url(../images/layout/line-tan.gif) repeat-x bottom; padding-bottom: 0.31em; }

	.col240-box div.excerptlist-last, .col320-box div.excerptlist-last, .col400-box div.excerptlist-last,

		.col560-box div.excerptlist-last, .col640-box div.excerptlist-last, .col960-box div.excerptlist-last

		{ background-image: none; }

	div.excerptlist h4 { background: url(../images/layout/dotted-tan.gif) repeat-x top; padding: 0.32em 15px 0; margin: 0; }

	div.excerptlist p a:link, div.excerptlist p a:visited  { color: #fabc11; text-decoration: underline; }

	div.excerptlist p a:hover, div.excerptlist p a:focus  { color: #ffffff; text-decoration: none; }

	

/* Customized lists */

#lower-part #categories li a { display: block; padding-left: 20px; background: url(../images/layout/icons/folder.gif) no-repeat 0 4px; }

#lower-part #feeds li a { display: block; padding-left: 20px; background: url(../images/layout/icons/rss.gif) no-repeat 0 2px; }

#lower-part #recent-comments li a { display: block; padding-left: 20px; background: url(../images/layout/icons/comment.gif) no-repeat 0 4px; }

#lower-part #twitter_div li a { display: inline;  padding-left: 20px; background: url(../images/layout/icons/binder-clip.gif) no-repeat; }

#lower-part #recent-articles li a, #lower-part #related-articles li a, #lower-part #articles-by-month li a

	{ display: block; padding-left: 20px; background: url(../images/layout/icons/full-article-dark.gif) no-repeat 3px 5px; }

#lower-part #videos li a, #lower-part #recent-videos li a { display: block; padding-left: 25px; background: url(../images/layout/icons/video.gif) no-repeat 0 -1px; }

#lower-part #links li a { display: block; padding-left: 20px; background: url(../images/layout/icons/globe.gif) no-repeat 0 2px; }



/* Article body */

.article .excerpt { margin: 0.64em 15px 0.64em 45px; font-size: 1.14em; border-left: 5px solid #ffffff; }

	.col240-box .excerpt, .col320-box .excerpt, .col400-box .excerpt, .col560-box .excerpt,

	.col640-box .excerpt, .col960-box .excerpt { border-left-color: #3c312d; }

	.article .excerpt p { margin-left: 15px; }

.article ul { margin: 0 15px; padding: 0 0 0 40px; list-style-type: square; }

	.article ul li { padding: 0 0 0 5px; list-style-type: square; }

.article ol { margin: 0 15px; padding: 0 0 0 40px; list-style-type: decimal; }

	.article ol li { padding: 0 0 0 5px; list-style-type: decimal; }

	

	.col240-box ul, .col320-box ul, .col400-box ul, .col560-box ul, .col640-box ul, .col960-box ul,

	.col240-box ol, .col320-box ol, .col400-box ol, .col560-box ol, .col640-box ol, .col960-box ol { margin: 0 30px; }



img { margin: 0.64em; padding: 0.32em; border: 0; position: relative; }

	.first-article p a:hover, .article p a:hover { border: 0; } /* It makes IE use the :hover state ; acts like a 'trigger' */

	#upper-part a:link img, #upper-part a:visited  img,

		.col240-box a:link img, .col320-box a:link img, .col400-box a:link img, .col560-box a:link img,

		.col640-box a:link img, .col960-box a:link img, .col640-com a:link img,

		.col240-box a:visited img, .col320-box a:visited img, .col400-box a:visited img, .col560-box a:visited img,

		.col640-box a:visited img, .col960-box a:visited img, .col640-com a:visited img { background-color: #c27b11; }

	#upper-part a:hover img, #upper-part a:focus img,

		.col240-box a:hover img, .col320-box a:hover img, .col400-box a:hover img, .col560-box a:hover img,

		.col640-box a:hover img, .col960-box a:hover img, .col640-com a:hover img,

		.col240-box a:focus img, .col320-box a:focus img, .col400-box a:focus img, .col560-box a:focus img,

		.col640-box a:focus img, .col960-box a:focus img, .col640-com a:focus img { background-color: #fabc11; }

	a:link img, a:visited  img{ background-color: #ffffff; }

	a:hover img, a:focus img { background-color: #fabc11; }



/* Flickr box */

#flickr { margin-bottom: 2.37em; padding: 1.58em 0 1.58em 68px; background: url(../images/layout/bg-flickr.gif) no-repeat 0 1.58em; }

	#flickr h3 { width: 1px; margin: 0; padding: 0; height: 101px; text-indent: -9999px; float: left; }

	#flickr a {  margin: 10px 3px 0 3px; display: block; float: left; }

	#flickr img { margin: 0; padding: 3px; border: 0; position: relative; }

	#flickr a:hover { border: 0; } /* It makes IE use the :hover state ; acts like a 'trigger' */

	#flickr a:link img, #flickr a:visited  img{ background-color: transparent; }

	#flickr a:hover img, #flickr a:focus img { background-color: #fabc11; }

	

/* Videos */

#youtube { margin: 0.64em 0; text-align: center; }

#video-nav { margin: 0.47em 15px 0.72em; padding-bottom: 0.07em; background: url(../images/layout/line-tan.gif) repeat-x bottom; }

	#video-nav a { display: block; background: url(../images/layout/dotted-tan.gif) repeat-x top; }

	#video-nav a span.next-video { display: block; padding: 0.32em 0 0.32em 45px; background: url(../images/layout/icons/go-next.gif) no-repeat 5px 7px; }

	#video-nav a span.prev-video { display: block; padding: 0.32em 0 0.32em 45px; background: url(../images/layout/icons/go-previous.gif) no-repeat 5px 7px; }

	#video-nav a:link, #video-nav a:visited  { color: #ffffff; text-decoration: none; }

	#video-nav a:hover, #video-nav a:focus  { color: #fabc11; text-decoration: none; }

	#video-nav span.very-small { display: block; color: #fabc11; }



/* Comments  and comments form */

#comment h4 { font-size: 1em; }

#comment h4 span { padding: 0 3px 2px; background-color: #f1ece7; }

#comment h4 span em { color: #c27b11; }

#cpreview h4 span { background-color: #fffaec; }

#lower-part #comment h4 a:link, #lower-part #comment h4 a:visited  { color: #c27b11; text-decoration: underline; }

	#lower-part #comment h4 a:hover, #lower-part #comment h4 a:focus { color: #3c312d; text-decoration: none; }	



#txpCommentInputForm .linklist li { clear: both; padding: 0.64em 0 0.32em 15px; }

#txpCommentInputForm label { display: block; float: left; width: 100px; overflow: hidden; margin: 0.14em 0; }

#txpCommentInputForm input { float: left; width: 150px; margin: 0 0 0.32em; }

	#txpCommentInputForm #remember { clear: both; width: 15px; margin: 0.32em 15px 0 100px; }

#txpCommentInputForm #li-message { text-align: center; }

	#txpCommentInputForm #li-message label { text-align: left; padding-bottom: 0.32em; }

	#txpCommentInputForm #message { width: 230px; text-align: left; }

	#txpCommentInputForm #li-message #txpCommentHelpLink { display: block; clear: both; text-align: right; padding-right: 30px; padding-top: 0.32em; font-size: 0.79em; }

#txpCommentInputForm .button { width: 75px; }

	#txpCommentInputForm #txpCommentPreview { margin-left: 50px; margin-right: 15px; }

#txpCommentInputForm ul.comments_error { padding-left: 40px; list-style-type: square; color: red; }

	#txpCommentInputForm ul.comments_error li { padding-left: 5px; list-style-type: square; }

p#txpCommentInputForm { color: #fabc11; font-size: 1.5em; line-height: 1em; padding-left: 30px; background: url(../images/layout/icons/list-add.gif) no-repeat -5px -7px; }



/* Search */

.search_results strong { background-color: #504642; padding: 0 3px; }



/* Archive */

h4.archive-year { margin: 0.57em 0 -0.07em; }

span.archive-date { display: block; float: left; width: 110px; color: #fabc11; }

	span.archive-date span { display: none; }



/* Clearfix */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: block; }

* html .clearfix { height: 1%; }




/*	******************************

	'my wishful thoughts' template default stylesheet

	MSB additions
	******************************	*/

.rssThumbs {
  margin: 0.64em 15px 0.64em 45px; 
  padding: 0px;
  font:  .79em arial;
  line-height:  113%;
}

.rssThumbFloat {
  float: left;
  width: 350px;
  border: 1px solid #999;
  margin: 5px 0px 0px 0px;
  padding: 5px;
}

.rssThumb {  
  float: left;
}

.cap { 
}

.photodiv {
  width:  515px;
  background-color: #ffffff;
  color: #3c312d;
  text-align:  center;
  line-height:  113%;
  font:  .79em arial;
  border: 1px solid #999;
  padding: 5px;
}

.photodiv_long {
  width:  415px;
  background-color: #ffffff;
  color: #3c312d;
  text-align:  center;
  line-height:  113%;
  font:  .79em arial;
  border: 1px solid #999;
  padding: 5px;
}

.photo {
  margin: 5px;
}