/*
 * Psyke.org - Template - Screen
 *
 * Revisions
 * 6.0 : 2004-09-08 : Morten Wulff <wulff@psyke.org>
 * 6.1 : 2004-09-12 : Morten Wulff <wulff@psyke.org>
 *       Simplified the branding styles
 * 6.2 : 2004-09-14 : Morten Wulff <wulff@psyke.org>
 *       Fixed paths to background images
 * 6.3 : 2005-02-13 : Morten Wulff <wulff@psyke.org>
 *       Minor display-related fixes (/poetry images and others)
 * 6.4 : 2005-07-04 : Morten Wulff <wulff@psyke.org>
 *       Added blockquote styling to make feedback section more readable
 * 6.5 : 2005-11-10 : Morten Wulff <wulff@psyke.org>
 *       Added explicit colors to <a>
 */

/* basic elements */

	a {
		color: #00e;
	}
	a:visited {
		color: #551A8B;
	}
	a:hover {
		color: #c00;
	}

	body {
		background-color: #f6f6f6;
		color: #000;
		font: 78%/1.2em verdana, helvetica, geneva, sans-serif;
	}

	p {
		margin: 1.2em 0 0 0;
		padding: 0;
	}

	blockquote {
		margin-left: 3em;
		padding: 1em;
		background-color: #fff;
		border: 1px solid #ddd;
	}
	blockquote p {
		margin: .5em 0;
		padding: 0;
	}

	textarea {
		width: 100%;
	}

/* branding */

	#branding {
		border-top: 3px solid #600;
		background: #900;
		color: #fff;
	}

	#branding-main {
		margin: 6px 12px 12px 12px;
		padding: 0 0 14px 0;
	}
	#branding-main h1 {
		float: left;
		width: 289px;
		height: 52px;
		margin: 0 0 12px 0;
		padding: 0;
		background: transparent url(img/logo.gif) top left no-repeat;
		text-indent: -9999px;
	}
	#branding-main h1 a {
		display: block;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		background: transparent url(img/logo.gif) top left no-repeat;
		text-decoration: none;
	}

/* search */

	#search {
		float: right;
		margin: 4px 0 0 0;
		padding: 0;
		font-size: 11px;
		text-align: left;
	}
	#search a {
		color: #fff;
	}
	#search form {
		margin: 0;
		padding: 0;
	}
	#search input {
		border-width: 1px;
	}

/* about / contact */

	#aboutcontact {
		list-style: none;
		float: right;
		margin: 4px 1em 0 0;
		padding: 0 1em 0 0;
		border-right: 1px solid #600;
		font-size: 11px;
		text-align: left;
	}
	#aboutcontact a {
		color: #fff;
	}
	#aboutcontact li {
		margin: 0;
		padding: 0;
	}

/* navigation - section */

	#nav-section {
		background: #edece5 url(img/back.gif) repeat-x bottom;
		font-size: 93%;
		line-height: normal;
	}
	#nav-section ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#nav-section li {
		display: inline;
		margin: 0;
		padding: 0;
	}
	#nav-section a {
		float: left;
		margin: 0;
		padding: 0 0 0 5px;
		border-right: 1px solid #aaa;
		border-bottom: 1px solid #707070;
		text-decoration: none;
	}
	#nav-section a span {
		display: block;
		float: left;
		padding: 5px 15px 4px 10px;
		color: #333;
	}
	/* hide rule from IE5-Mac \*/
	#nav-section a span {float:none;}
	/* end IE5-Mac hack */
	#nav-section a:hover span {
		color: #333;
	}

	/* highlight active tab */
	#forum #nav-sec-forum a,
	#personal #nav-sec-personal a,
	#poetry #nav-sec-poetry a,
	#pictures #nav-sec-pictures a,
	#coping #nav-sec-coping a,
	#faqs #nav-sec-faqs a,
	#articles #nav-sec-articles a,
	#bookstore #nav-sec-bookstore a {
		border-bottom: none;
		background-color: #fff;
		font-weight: bold;
	}
	#forum #nav-sec-forum a span,
	#personal #nav-sec-personal a span,
	#poetry #nav-sec-poetry a span,
	#pictures #nav-sec-pictures a span,
	#coping #nav-sec-coping a span,
	#faqs #nav-sec-faqs a span,
	#articles #nav-sec-articles a span,
	#bookstore #nav-sec-bookstore a span {
		padding-bottom: 5px;
		color: #333;
	}
	#warning #nav-sec-pictures a {
		border-bottom: none;
		background-color: #f6f6f6;
		font-weight: bold;
	}
	#warning #nav-sec-pictures a span {
		padding-bottom: 5px;
		color: #333;
	}

	/* highlight tab on mouseover */
	#nav-section a:hover {
		background-color: #fff;
	}
	#nav-section a:hover span {
		background-color: #fff;
	}

/* navigation - category */

	#nav-category {
		border-bottom: 1px solid #aaa;
		background-color: #fff;
	}
	#nav-category div {
		padding: 5px 0 6px 15px;
	}
	#nav-category span {
		margin: 0 5px 0 0px;
	}
	.cat-0 #nav-cat-0,
	.cat-a #nav-cat-a,
	.cat-b #nav-cat-b,
	.cat-c #nav-cat-c,
	.cat-d #nav-cat-d,
	.cat-e #nav-cat-e,
	.cat-f #nav-cat-f,
	.cat-g #nav-cat-g,
	.cat-h #nav-cat-h,
	.cat-i #nav-cat-i,
	.cat-j #nav-cat-j,
	.cat-k #nav-cat-k,
	.cat-l #nav-cat-l,
	.cat-m #nav-cat-m,
	.cat-n #nav-cat-n,
	.cat-o #nav-cat-o,
	.cat-p #nav-cat-p,
	.cat-q #nav-cat-q,
	.cat-r #nav-cat-r,
	.cat-s #nav-cat-s,
	.cat-t #nav-cat-t,
	.cat-u #nav-cat-u,
	.cat-v #nav-cat-v,
	.cat-w #nav-cat-w,
	.cat-x #nav-cat-x,
	.cat-y #nav-cat-y,
	.cat-z #nav-cat-z,
	.cat-da #nav-cat-da,
	.cat-de #nav-cat-de,
	.cat-en #nav-cat-en,
	.cat-se #nav-cat-se {
		font-weight: bold;
	}

/* navigation - breadcrumb trail */

	#nav-trail {
		border-bottom: 1px solid #999;
		background-color: transparent;
		color: #999;
		font-size: 87%;
		line-height: normal;
	}
	#nav-trail ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#nav-trail li {
		float: left;
		margin: 0;
		padding: 0;
	}
	#nav-trail a {
		display: block;
		float: left;
		width: .1em;
		padding: 2px 9px 2px 9px;
		color: #999;
		text-decoration: none;
	}
	#nav-trail > ul a {width:auto;}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#nav-trail a {float:none;}
	/* End IE5-Mac hack */
	#nav-trail a:hover {
		color: #009;
	}
	#nav-trail li:hover, #nav-trail li:hover a {
		background-color: #e0e0e0;
		color: #009;
	}
	#nav-trail li:hover a {
		background-color: #e0e0e0;
	}
	#nav-trail li.main {
		padding: 2px 9px 2px 9px;
		border: none;
	}
	#nav-trail li.main a {
		display: inline;
		padding: 0;
	}
	#nav-trail li.main:hover, #nav-trail li.main:hover a {
		background-color: transparent;
		color: #999;
	}
	#nav-trail li.main a:hover {
		background-color: transparent;
		color: #009;
	}
	#nav-trail li.prev {
		border-right: 1px solid #999;
	}
	#nav-trail li.next {
		float: right;
		border-left: 1px solid #999;
	}

/* headers */

	h1, h2, h3, h4, h5, h6 {
		margin: 1em 0 0.2em 0;
	}

	h1 { font-size: 160%; font-weight: normal; }
	h2 { font-size: 150%; font-weight: normal; border-bottom: 1px solid #900; clear: both; }
	h3 { font-size: 120%; }
	h4 { font-size: 100%; }
	h5 { font-size: 90%; }
	h6 { font-size: 90%; }

	#content > h1:first-child,
	#content > h2:first-child,
	#content > h3:first-child,
	#content > h4:first-child,
	#content > h5:first-child,
	#content > h6:first-child {
		margin-top: 0;
	}

/* content */

	#content-section-main {
		line-height: 1.4;
	}

	#content-text {
		max-width: 45em;
		margin: 0 auto 0 7em;
		padding: 0 4em 0 0;
	}
	#content-text-main {
		float: left;
		clear: both;
		width: 100%;
		margin: 1.5em 0 0 0;
		padding: 0;
		line-height: 1.4;
	}

/* columns */

	div.col-1 {
		clear: both;
		width: 100%;
	}
	div.col-1-m {
		max-width: 60em;
		margin: 0 1.5em 0 0;
		padding: 0;
	}

	div.col-2 {
		clear: both;
		width: 100%;
	}
	div.col-2-l {
		float: left;
		width: 100%;
		margin-right: -50%;
	}
	div.col-2-lm {
		margin: 0 50% 1.5em 0;
		padding: 0 1em 0 0;
	}
	div.col-2-r {
		float: right;
		width: 50%;
		margin: 0;
		padding: 0;
	}
	div.col-2-rm {
		margin: 0 0 1.5em 0;
		padding: 0 0 0 1em;
	}

	div.col-1 h2, div.col-2 h2 {
		margin-top: .5em;
		padding-top: .5em;
		border-bottom: 1px solid #900;
	}
	div.col-1 h2.first, div.col-2 h2.first {
		margin: 0;
		padding-top: 0;
	}
	div.col-1 h3, div.col-2 h3 {
		margin: .4em 0 0 0;
	}
	div.col-1 p, div.col-2 p {
		margin: .75em 0 0 0;
	}
	div.col-2 p.more {
		margin-top: .2em;
		font-size: smaller;
		text-align: right;
	}
	div.col-1 ul, div.col-2 ul {
		list-style: none;
		margin: .75em 0 0 0;
		padding: 0;
	}
	div.col-1 ul ul, div.col-2 ul ul {
		list-style: disc;
		margin: .5em 0 0 0;
	}
	div.col-1 li, div.col-2 li {
		margin: .5em 0 0 0;
		padding: 0;
	}
	div.col-1 li li, div.col-2 li li {
		margin: .5em 0 0 3em;
		padding: 0;
	}

/* gallery */

	#gallery {
		margin: 2em 0 0 0;
	}
	#gallery-albums {
		margin: 1.5em 0 0 0;
		padding: 0;
	}

	div.gallery-highlight {
		float: left;
		width: 160px;
		height: 190px;
		padding: 0 5px 5px 0;
	}
	div.gallery-highlight img {
		border: 1px solid #333;
	}
	div.gallery-highlight p {
		margin: 0;
	}

	div.gallery-thumbnail {
		float: left;
		width: 160px;
		height: 185px;
		padding: 0 5px 5px 0;
	}
	div.gallery-thumbnail img {
		border: 1px solid #333;
	}
	div.gallery-thumbnail p {
		margin: 0;
	}

/* sidebar */

	#sidebar-main h3 {
		margin: 1em 0 0 0;
		padding: .2em 0;
		border-bottom: 1px solid #900;
		/* font-size: 1em; */
	}
	#sidebar-main input {
		border-width: 1px;
	}
	#sidebar-main p {
		margin: 0;
		padding: .5em .5em 0 0;
	}
	#sidebar-main ul {
		margin: 0;
		padding: 0;
	}
	#sidebar-main li {
		list-style: none;
		margin: 0;
		padding: .5em .5em 0 0;
	}

/* siteinfo / footer */

	#siteinfo {
		border-top: 1px solid #b00;
		border-bottom: 1px solid #600;
		background-color: #f0f0f0;
		color: #999;
		line-height: 1.4;
	}
	#siteinfo p {
		margin: 0 0 1em 0;
		padding: 0;
	}
	#siteinfo-location {
		margin: 0;
		padding: 1em 0 0 1.5em;
	}
	#siteinfo-copyright {
		margin: 1em 0 0 1.5em;
		padding: 0;
	}

/* other stuff */

	#getfirefox {
		margin-top: 2em;
		padding-top: .1em;
		text-align: center;
	}