/* bjorn.tornroth.net */

body {
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 2px;
}
@media print {
	body {
		background-color: rgb(255,255,255);
		color: rgb(0,0,0);
	}
	.printHeaderFooter {
		text-align: center;
	}
}
@media screen {
	.printHeaderFooter {
		display: none;
	}
}
#navBarfixedpositionnotinuse {
	position: fixed;
	right: 1em;
	left: auto;
	top: 1em;
	bottom: 1em;
	overflow: auto;
}
#navBar {
	width: 180px;
	float: right;
	position: fixed;
	top: 0;
	right: 0;
	bottom: auto;
	left: auto;
	text-align: left;
	font-size: 9pt;
	font-weight: normal;
	background-color: rgb(96,0,128);
	color: rgb(255,255,255);
	padding: 2px 1em 4em;
	margin: 0;
}
#navBar p {
	color: rgb(255,192,255);
	font-size: 9pt;
	text-align: right;
	border-bottom: 1px dotted rgb(255,192,255);
	margin: 6px 0 4px 17px;
}
#navBar div {
	padding: 1px 1px 4px;
}
#navBar a, #navBar a:hover, #navBar a:active, #navBar a:visited {
	color: rgb(255,255,255);
	background: inherit;
}
#navBar span.tocBtnSel {
	background-color: rgb(128,0,160);
}
@media print {
	#navBar {
		display: none;
	}
}
#langSelectors {
	font-size: 8pt;
	text-align: right;
	margin-bottom: 16px;
}
@media screen {
	#logoImg {
		position: fixed;
		right: auto;
		left: 1em;
		top: 1em;
		bottom: auto;
		width: 37px;
		float: left;
	}
	#logoText {
		position: fixed;
		right: auto;
		left: 1em;
		top: 6em;
		bottom: auto;
		width: 1em;
		float: left;
		clear: left;
	}
}
@media print {
	#logoImg {
		float: left;
		margin-right: 2em;
	}
}
#logoText {
	color: rgb(230,200,230);
	font-family: Arial;
	font-size: 14pt;
	font-weight: bold;
	text-align: left;
	line-height: 140%;
}
#updated {
	font-size: 7pt;
	font-weight: bold;
	text-align: right;
	margin-bottom: 6px;
}
#main {
	margin: 0 200px 0 70px;
}
@media screen {
	#mainCell, #langSelectors, #contactInfo {
		/* border-right: 12px solid rgb(251,32,4); */
	}
}
@media print {
	#main {
		margin: 0;
		font-family: Times, serif;
		font-size: 10pt;
	}
}



td {
	vertical-align: top;
}
h1, h2, h3, h4, h5, h6 {
	color: rgb(173,134,211);
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 18pt;
}
h2 {
	font-size: 13pt;
}
h3 {
	font-size: 12pt;
	margin-left: 3em;
}
h4 {
	font-size: 10pt;
}
h5 {
	font-size: 8pt;
}
a, a:hover, a:active, a:visited {
	color: rgb(160,0,160);
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	background-color: rgb(255,255,128);
}
a img {
	border: none;
}
@media print {
	.hideFromPrint {
		display: none;
	}
}
.fileError {
	padding: 2em;
}
p.feedbackNotSent {
	background-color: rgb(245,250,255);
	color: rgb(0,0,128);
	border: 1px solid rgb(0,0,160);
	text-align: left;
	margin: 1em;
	padding: 1em;
}
#intro a {
	color: rgb(160,128,192);
}
.intro {
	text-align: justify;
	margin-left: 10%;
	margin-right: 15%;
	margin-top: 1em;
}
.textBlock {
	text-align: justify;
}
.textBlock:first-letter {
	font-family: serif;
	font-size: 150%;
}
dd {
	margin-bottom: 1em;
}
.ahem {
	background-color: rgb(255,255,255);
	color: rgb(200,0,0);
}
.ok {
	background-color: rgb(255,255,255);
	color: rgb(0,100,0);
}



/* APHORISMS */

#aphorisms {
	width: 420px;
	margin:auto;
	text-align: left;
}
p {
	margin-bottom: 20px;
}
#aphorisms p:first-letter {
	font-family: serif;
	font-size: 150%;
}
#aphorisms div {
	margin-top: -18px;
	text-align: right;
	font-size: 80%;
	color: rgb(96,0,128);
}
#aphorisms .en {
	color: rgb(0,100,0);
}
#aphorisms .fi {
	color: rgb(0,0,128);
}



/* POETRY */

#poetry {
}
#poetry div.toc {
	width: 140px;
	float: left;
	font-size: 8pt;
}
#poetry div.poems {
	width: 320px;
	margin-left: 180px;
	font-family: "Times New Roman",Times,serif;
	font-size: 13pt;
}
#poetry a {
	font-weight: normal;
}
#poetry .toc .links {
	font-family: "Monotype Corsiva","Times New Roman",Times,serif;
	font-style: italic;
	font-size: 14pt;
}
#poetry h2, #poetry h3 {
	font-family: "Monotype Corsiva","Times New Roman",Times,serif;
	font-style: italic;
	font-weight: normal;
	margin-left: 0;
}
#poetry h2 {
	margin-top: 1.7em;
	margin-bottom: 0;
}
#poetry h3 {
	margin-top: 0;
	margin-left: 20px;
	margin-bottom: 0.5em;
}
#poetry .date {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 8pt;
	margin-bottom: 0;
	margin-top: 0;
	text-align: right;
}
#poetry .poems p {
	margin-top: 0;
	margin-left: 20px;
	margin-bottom: 1em;
}
#poetry p:first-letter {
	font-size: 150%;
}
#poetry p:first-line {
	margin-left: 0;
}



/* LINKS */

#links .header {
	color: rgb(255,255,255);
	background-color: rgb(192,160,223);
	font-size: 13pt;
	font-weight: bold;
	padding: 2pt 4pt 3pt;
}
#links .category {
	padding: 10px 0 30px 20px;
}
#links table.cigar td {
	background-color: rgb(230,230,230);
	background-image: none;
	font-size: 8pt;
}
#links table.cigar thead td {
	background-color: rgb(90,90,90);
	color: rgb(230,230,230);
	font-weight: bold;
}



/* FUN STUFF */
#funStuff {
}
#funStuff td {
	padding: 0 6px 6px 0;
}
#funStuff td.added {
	white-space: nowrap;
}



/* FILM */

@media print {
	#film .title {
		font-family: serif;
		font-size: 10pt;
	}
}
#filmList td {
	padding-top: 2px;
	padding-bottom: 4px;
}
#filmList .title {
	text-align: left;
	padding-right: 10px;
}
#filmList .updated {
	text-align: right;
}
#filmList .odd td {
	background-color: rgb(240,240,240);
}



/* MUSIC RIG, HIFI */

#rig_intro p {
	margin-top: 9px;
	margin-bottom: 8px;
}
#rig_quicklist {
	width: 272px; 
	font-size:8pt; 
	border: 1px solid rgb(100,100,100);
	margin-bottom: 3px;
}
#rig_blog {
	border: 1px solid rgb(100,100,100);
	background-color: rgb(240,240,240);
	margin: 20px 10px 20px 0;
}
#rig_blog_header {
	background-color: rgb(210,210,210);
	border-bottom: 3px solid rgb(170,170,170);
	padding: 2px 2px 2px 10px;
}
#rig_blog_header a {
	font-family: Georgia,serif;
	font-variant: small-caps;
	letter-spacing: 0.2em;
}
#rig_blog_text {
	padding: 0 10px 10px;
}
#rig_imageComments li {
	margin-bottom: 8px;
}
#rig td {
	vertical-align: top;
	padding: 10px;
	border-bottom: 1px solid rgb(0,0,0);
}
#rig .item {
	font-weight: bold;
	font-size: 10pt;
	white-space: nowrap;
}
#rig .item div {
	font-weight: normal;
	font-size: 7pt;
	text-transform: uppercase;
	text-decoration: underline;
	margin-bottom: 8px;
}
#rig .comment p {
	margin: 1em 0;
}
#rig .comment .history {
	font-size: 8pt;
}
#rig .links {
}
#rig .cd td {
	background-color: rgb(240,240,255);
}
#rig .vinyl td {
	background-color: rgb(240,255,240);
}
#rig .av td {
	background-color: rgb(255,240,255);
}
#rig .amp td {
	background-color: rgb(255,255,240);
}
#rig .speaker td {
	background-color: rgb(255,240,240);
}
#rig .misc td {
	background-color: rgb(240,255,255);
}
#rig img {
	border: 1px solid rgb(128,128,128);
	background-color: rgb(255,255,255);
	margin-left: 10px;
	float: right;
}
#rig img.uparrow {
	border: none;
	background-color: inherit;
	margin: 20px 0 0;
	float: none;
}
#rig div.imgRigMulti {
	width: 162px;
	float: right;
}
#rig div.imgRigMulti img {
	margin-bottom: 3px;
}
#rig .powerConsumption td {
	border: none;
	text-align: right;
	padding: 3px;
}
#rig .powerConsumption thead td {
	text-align: left;
	border: 1px solid rgb(0,0,0);
}



/* CIGAR */

#cigarReviews table {
	border: 3px solid rgb(64,32,0);
}
#cigarReviews tr.odd {
	background-color: rgb(64,32,0);
}
#cigarReviews tr.even {
	background-color: rgb(32,16,0);
}
#cigarReviews tbody td {
	color: rgb(255,235,205);
}
#cigarReviews td.cigar {
	font-weight: bold;
	white-space: nowrap;
}
#cigarReviews td.vitola {
	white-space: nowrap;
}



/* BICYCLE */

#bicycle table {
	width: 412px;
	float: left;
	font-size: 8pt;
	margin: 0 10px 10px 0;
}



/* WELLBEING */

#wellbeing li {
	margin-bottom: 0.5em;
}
#wellbeing li strong {
	color: rgb(200,0,0);
}
