body {
	/*background: #fff url(../img/bg.gif) 0 0 repeat-x;*/
	background: #fff url(../img/body-y.gif) 0 0 repeat-y;
	padding: 0;
	margin: 0;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 85%;
	color: #3E4851;
	position: relative;
}

* {
    text-shadow: #fff 0 0 0px;
}

h1, h2, h3, h4, ul, ol, li {
	list-style: none;
	padding: 0;
	margin: 0;
	font-weight: normal;
}

a {
	text-decoration: none;
}

/*a:focus {
	color: #000 !important;
	background: #FFF159 !important;
}
*/

a img,
a:hover img,
a:focus img {
	border: none;
}

#access-content a {
	position: absolute;
	top: -9000em;
	left: 0;
	padding: .5em 1em;
	font-size: 130%;
}

#access-content a:focus {
	top: 10px;
	left: 10px;
}

#wrapper {
	min-width: 1030px; /* add expressions for ie's sake */
}

/*
 ========================================================================================= */
#heading {
	height: 100px;
	overflow: hidden;
	
	background: #0E222F url(../img/hd-bg-side.jpg) 657px 0 no-repeat;
	position: relative;
}

#branding {
	height: 100px;
	width: 657px;
	float: left;	
}

	#branding h1 {
		height: 100px;
	}

	#branding h1 a {
		text-indent: -9000em;
		display: block;
		height: 100px;	
		background: url(../img/hd-bg.jpg) 0 0 no-repeat;	
	}
	
	#colors {
		
	}

#nav {
	float: left;
	width: 370px;
	padding: 70px 0 0 0;
	font-family: Arial, Verdana, sans-serif;
}

	#nav li {
		float: left;
		margin: 0 0 0 28px;		
	}

	#nav a {
		color: #fff;
		padding: 0 0 2px 0;	
		font-weight: bold;
		font-size: .9em;
		text-shadow: 0 1px #060F15;
	}
	
	#nav #feed {
		position: relative;
		padding: 0 18px 0 0;
	}
	
	#nav a.feed {
		background: url(../img/feed-small-white.gif) 0 0 no-repeat;
		display: block;
		height: 12px;
		width: 12px;
		position: absolute;
		top: 2px;
		right: 0;
		text-indent: -9000em;
	}
	
	#nav a.feed:hover {
		border-bottom: none;
	}
	
	#nav a:hover {
		border-bottom: solid 2px #fff;
	}
	
	#nav .active {
		border-bottom: solid 2px #fff;
	}
	

/*
 ========================================================================================= */
#body {
	height: 100%;		/* I can't remember why I did that ... sidebar is floating I think */
	overflow: hidden;	
}

/*
 ========================================================================================= */
#main {
	width: 607px;
	min-height: 700px;
	float: left;
	padding: 30px 30px 50px 20px;
	background: #F6F6F6 url(../img/bg.png) 100% 0 repeat-y;
	line-height: 150%;
}

	#main a {
		color: #0090cf;
	}
	
	#main a[rel=lastfm] {
		color: #CE113C;
		padding: 0 0 0 20px;
		background: url(../img/i-last-fm-n.png) 2px 50% no-repeat;
		
	}
	
	#main a:hover {
		color: #314654;
		border-bottom: solid 2px #0090CF;
	}
	
	#main a[rel=lastfm]:hover {
		color: #CE113C;
		border-bottom: none;
		background: url(../img/i-last-fm-h.png) 2px 50% no-repeat;
		
	}
	
	#main .details {
		font-size: 75%;
		color: #8E8E8E;
		margin: 0 0 8px 0;
	}
	
	#main .details li {
		display: inline;		
	}
	
	#main .details li.category a {
		color: #29A1D6;
		font-weight: bold;
		text-transform: uppercase;
	}
		
	#main .details li a {
		color: #8E8E8E;
		border-bottom: solid 2px #DEDEDE;
		padding: 0 0 2px 0;
	}
	
	#main .details li a:hover {
		color: #314654;
		border-bottom: solid 2px #0090CF;
	}

	#main .date {
		position: absolute;
		top: 0;
		left: 0;
		width: 76px;
		height: 87px;
		background: #fff url(../img/calendar.gif) 0 0 no-repeat;		
		text-align: center;
	}
	
	#main .simple .date {
		width: 33px;
		height: 39px;
		background: #fff url(../img/calendar-s.gif) 0 0 no-repeat;		
	}
	
	#main .date strong,
	#main .date span {
		width: 76px;
		display: block;
		position: absolute;
	}
	
	#main .simple .date strong,
	#main .simple .date span {
		width: 33px;
		display: block;
		position: absolute;
	}
	
	#main .date strong {
		top: 30px;
		left: 0;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		color: #333;
		font-size: 290%;
		letter-spacing: -3px;
	}
	
	#main .simple .date strong {
		top: 6px;
		left: 0;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		color: #333;
		font-size: 150%;
		letter-spacing: -1px;
		font-weight: normal;
	}

	#main .date span {
		bottom: 0;
		left: 0;
		font-family: "Lucida Grande", Verdana, Arial, sans-serif;
		font-size: 80%;
		color: #fff;
		font-weight: bold;
		text-transform: lowercase;
	}
	
	#main .simple .date span {
		bottom: -5px;
		font-size: 50%;
	}
	
	#notes h2 {
		font-size: 220%;
		line-height: 130%;
		letter-spacing: -1px;
		font-family: "Geneva", "Lucida Grande", Verdana, Arial, sans-serif;
		padding: 0 0 5px 0;
		border-bottom: solid 1px #e1e1e1;
	}
	
	#notes h3 {
		font-size: 75%;
		letter-spacing: .3em;
		font-family: Georgia, "Times New Roman", serif;
		padding: 0;
		margin: 20px 0 0 0;
		text-transform: uppercase;
		border-bottom: solid 1px #e1e1e1;
	}
	
	#notes h2 a:hover {
		border-bottom: none;
	}

	#main .noteContainer {
		position: relative;	
		margin: 0 0 30px 0;
		padding: 0 0 0 100px;
	}
	
	#main .simple {
		position: relative;	
		margin: 0 0 30px 0;
		padding: 0 0 0 50px;
	}

	#main .note {
		border-bottom: solid 1px #e1e1e1;
		padding: 0 0 5px 0;
	}
	
	#main .note a {
	}
	
	#main .note a:hover {

	}
	
	#main .abs {
		font-family: Georgia, "Times New Roman", serif;
		font-size: 125%;
		line-height: 140%;
		color: #000;
		
	}

	
	#notes .music {

	}
		
	#notes .music h2,
	#notes .simple h2 {
		font-size: 160%;
		line-height: 130%;
		letter-spacing: -1px;
		padding: 0;
		border-bottom: none;
	}
	
	#notes .music h2 a,
	#notes .simple h2 a {
		color: #333333;
	}
	
	#notes .music h2 a:hover,
	#notes .simple h2 a:hover {
		color: #0090CF;
	}

	#main .music .note {
		padding: 0 0 20px 160px;
	}

	#main .music .artworkCont {
		width: 195px;
		height: 160px;
		float: left;
		position: relative;
		padding: 1px;
		margin: 0 15px 0 -50px;
	}
	
	#main .music .artwork {
		width: 195px;
		height: 160px;
		background: url(../img/case.png) 0 0 no-repeat;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	#main .music .inlinePlayer {
		position: absolute;
		bottom: 5px;
		left: 5px;
	}

	#main .note pre,
	#main .note code {
		font-family: "Lucida", Courier, sans-serif;
		font-size: .9em;
		background: #fff;
		padding: 0 2px;
	}
	
	#main .note pre {
		font-family: "Lucida", Courier, sans-serif;
		font-size: .9em;
		padding: 0 5px;
		overflow: auto;
	}
	
	#main .note ul li {
		list-style: disc;
		margin: 2px 0 4px 0;
	}
	
	#main .note ol li {
		list-style: decimal;
	}

	#main .note ul,
	#main .note ol {
		padding: 10px 0 0 30px;
	}
	
	#footnotes h3 {
		font-size: 75%;
		letter-spacing: .3em;
		font-family: Georgia, "Times New Roman", serif;
		padding: 0;
		margin: 20px 0 0 0;
		text-transform: uppercase;
		border-top: solid 1px #e1e1e1;
	}
	
	#footnotes {
		font-family: Georgia, "Times New Roman", serif;
		font-style: italic;
		font-size: 90%;
		color: #767676;
		list-style: decimal;
	}

/*
 ========================================================================================= */
#archives h3 {
	font-size: 75%;
	letter-spacing: .3em;
	font-family: Georgia, "Times New Roman", serif;
	padding: 0;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	border-bottom: solid 1px #e1e1e1;
}
	
#archive {
	
}

	#archive h3 {
	}
	
	#archive ul {
		margin: 8px 0 20px 20px;
	}
	
	#archive li {
		background: url(../img/file.gif) 0 50% no-repeat;
		padding: 0 0 0 17px;
	}
	
	#archive ul a {
		color: #314654;
	}
	
	
/*
 ========================================================================================= */
#archive-simple {
	margin: 0 0 30px 0;
}

	#archive-simple li {
		display: inline;
		padding: 0 15px 0 0;
	}


/*
 ========================================================================================= */	
#search-simple {
	margin: 0 0 30px 0;
}
	
	#search-simple form,
	#search-simple p,
	#search-simple fieldset {
		padding: 0;
		margin: 0;
		border: none;
	}
	
	#search-simple label,
	#search-simple legend {
		display: none;
	}
	
	#search-simple div {
		margin: 5px 0 0 0;
		display: none;
	}
	
	#search-simple h3 {
		font-size: 75%;
		letter-spacing: .3em;
		font-family: Georgia, "Times New Roman", serif;
		padding: 0;
		margin: 0 0 8px 0;
		text-transform: uppercase;
		border-bottom: solid 1px #e1e1e1;
	}
	
	
	#search-simple p input {
		padding: 5px 4px 3px 4px;
		font-size: 120%;
		width: 300px;
		font-family: Helvetica, Arial, Verdana, sans-serif;
		border-top: solid 1px #888;
		border-left: solid 1px #888;
		border-right: solid 1px #DCDCDC;
		border-bottom: solid 1px #DCDCDC;
	}

	#search-simple p .default {
		color: #999;
		
	}

/*
 ========================================================================================= */
#side {
	width: 320px;
	float: left;
	padding: 30px 25px 0 25px;
}
	
	#side .item {
		position: relative;
		margin: 0 0 35px 0;
		clear: both;
	}

	#side h2 {
		color: #333;
		font-size: 140%;
		margin: 0 0 10px 0;
	}
	
	#side h2 a {
		color: #333;
	}
	
	#side h2 a:hover {
		border-bottom: solid 2px #0090CF;
	}
	
	#side .mode {
		position: absolute;
		top: 5px;
		right: 0;
		font-size: 85%; /* MAYBE 90% */
		font-family: Georgia, "Times New Roman", serif;
		font-style: italic;
		
		display: none;
	}
	
	#side .mode a,
	#side .mode div {
		color: #777;
		outline: none;
	}
	
	#side .mode a:hover {
		color: #0090CF;
	}
	

/*
 ========================================================================================= */
#categories {
}

	#categories li {
		position: relative;
		padding: 3px 0;
		font-size: 110%;		
	}
	
	#categories li a {
		color: #314654;
	}
	
	#categories li a:hover {
		color: #0090CF;
	}
	
	#categories .theCount {
		display: block;
		position: absolute;
		top: 0;
		right: 20px;
		font-size: 85%; /* MAYBE 90% */
		font-family: Georgia, "Times New Roman", serif;
	}
	
	#categories .theFeed {
		display: block;
		position: absolute;
		top: 3px;
		right: 0px;
		height: 10px;
		width: 10px;
	}
	
	#categories li:hover .theCount {
	}
	
	#categories .theFeed a {
		display: block;
		height: 10px;
		width: 10px;
		text-indent: -9000em;	
		background: url(../img/feed-small.gif) 0 0 no-repeat;
	}
	
	#categories .theFeed a:hover {
		background: url(../img/feed-small.gif) 0 -10px no-repeat;
		
	}
	
	#categories .theCount a {
		display: block;
		
	}
	
	#categories li {
		
	}


/*
 ========================================================================================= */
#wakoopa {

}

	#wakoopa li {
		padding: 3px 0;
		height: 100%;
		overflow: hidden;
	}
	
	#wakoopa li p {
		float: right;
		margin: 0;
		padding: 0;
		line-height: 250%;
	}
	
	#wakoopa li img {
		float: left;
		
		height: 20px;
		width: 20px;
		border: solid 1px blue;
	}
	
	#wakoopa li a {
		color: #314654;
	}
	
	#wakoopa li a:hover {
		color: #1699d3;
	}
	
/*
 ========================================================================================= */
#twitter {
	font-family: "Lucida Grande", Verdana, Arial, Tahoma, sans-serif;
	height: 0;
}

	#twitter li {
		background: #DFF2FF url(../img/twitter.png) 0 100% no-repeat;
		font-size: 85%;
		padding: 7px 10px 14px 45px;
		margin: 0 0 5px 0;
		overflow: hidden;
	}
	
	#twitter li p {
		margin: 0;
		padding: 0;
		line-height: 140%;
	}
	
	#twitter li a {
		color: #1699D3;
	}
	
	#twitter li a:hover {
		background: #1699D3;
		color: #fff;
	}
	
	

/*
 ========================================================================================= */	
#responses {
	font-size: 90%;
	line-height: 150%;
	margin: 0 0 30px 100px;
}

	#responses h2 {
		font-size: 160%;
		padding: 0;
	}
	
	#responses h3 {
		padding: 0 0 5px 0;
		font-size: 75%;
		letter-spacing: .3em;
		font-family: Georgia, "Times New Roman", serif;
		text-transform: uppercase;
	}
	
	#responses li a {

	}
	
	#responses li h3 .time {
		padding: 0 5px;
		letter-spacing: 1px;
		font-family: Georgia, "Times New Roman", serif;
		text-transform: lowercase;
		color: #BABABA;
	}
	
	#responses ol {
		margin: 20px 0 0 0;
		color: #656565;
	}
	
	#responses .response {
		border-bottom: solid 1px #E1E1E1;
		overflow: hidden;
		height: 100%;
		padding: 7px 0;
	}
	
	#responses .OskarKrawczyk {
		/*background: #FFFBDF;*/
	}
	
	#responses .userpic,
	#responses .response .content,
	#responses .response .content p {
		padding: 0;
		margin: 0;
	}
	
	#responses .userpic {
		width: 40px;
		height: 40px;
		border: solid 4px #E3E3E3;
		float: left;
		background: url(../img/av.jpg) 0 0 no-repeat;
	}
	
	#responses .userpic img {
		display: block;
		width: 40px;
		height: 40px;
	}
	
	#responses .response .content {
		width: 440px;
		float: right;
	}
	
	#responses .moderation {
		color: #CF564E;
	}

	#responses .commentInfo {
		text-align: center;
		padding: 30px 0;
		font-family: Georgia, "Times New Roman", serif;
		color: #BABABA;
		font-style: italic;
		font-size: 1.2em;
	}
	
/*
 ========================================================================================= */	
#add-response {
	margin: 0 0 0 100px;
	overflow: hidden;
}

	#add-response fieldset {
		border: none;
		padding: 0;
	}

	#add-response legend {
		display: none;
	}

	#add-response p {
		overflow: hidden;
		height: 100%;
		
	}

	#add-response label {
		display: block;
		font-family: Georgia, "Times New Roman", serif;
		font-size: 75%;
		text-transform: uppercase;
		letter-spacing: 2px;
		
		line-height: 130%;
	}

	#add-response p input,
	#add-response p textarea {
		font-family: Helvetica, Arial, Verdana, sans-serif;
		border-top: solid 1px #888;
		border-left: solid 1px #888;
		border-right: solid 1px #DCDCDC;
		border-bottom: solid 1px #DCDCDC;
		color: #858585;
		padding: 6px 3px 3px 3px;
		display: block;
		width: 490px;
		max-width: 490px;
	}
	
	#add-response p input.missing,
	#add-response p textarea.missing {
		border-top: solid 1px #E43832;
		border-left: solid 1px #E43832;
		border-right: solid 1px #FF9F96;
		border-bottom: solid 1px #FF9F96;
		background: #FFF7F0;
	}
	
	#add-response p input:focus,
	#add-response p textarea:focus {
		color: #313131;
	}
	
	#add-response p input {
		font-size: 110%;
	}
	
	#add-response p textarea {
		font-size: 100%;
		height: 80px;
		line-height: 120%;
	}
	
	#add-response form {
		width: 505px;
		float: left;
	}
	
	#re-int-cont {
		width: 2500px;
		height: 100%;
		overflow: hidden;
		position: relative;
		top: 0;
	}
	
	#wait,
	#yay {
		width: 505px;
		float: left;
		margin: 100px 0 0 0;
		padding: 10px 0;
		text-align: center;
	}
	
	#wait span,
	#yay span {
		font-size: 1.2em;
		font-family: Georgia, "Times New Roman", serif;
		font-style: italic;
	}
	
	#wait span {		
		padding: 0 0 0 25px;
		background: url(../img/loader.gif) 0 50% no-repeat;
	}
	
	#yay span {		
		
	}

/*
 ========================================================================================= */
#flickr {
	overflow: hidden;
	height: 100%;
}

	#flickr li {
		float: left;
		margin: 0 10px 0 0;
	}
	
	#flickr img {
		border: solid 5px #f6f6f6;
	}
	
/*
 ========================================================================================= */
#recent-responses {
	font-size: 90%;
}

	#recent-responses li {
		background: url(../img/comment.gif) 0 8px no-repeat;
	}
	
	#recent-responses a {
		display: block;
		padding: 6px 5px 6px 20px;
		color: #6E6E6E;
		border-bottom: solid 1px #ddd;
	}
	
	#recent-responses a:hover {
		color: #000;
	}
	
	#recent-responses a .author {
		color: #999;
		font-family: Georgia, "Times New Roman", serif;
		font-style: italic;	
		padding: 0 0 0 5px;
	}
		
		
	#recent-responses a:hover .author {
		color: #0090CF;
	}

/*
 ========================================================================================= */
#book.simple {
	padding: 0 0 0 45px;
	height: 225px;
	background: url(../img/shelf-2.gif) 0 100% no-repeat;
}

#book.detailed {
	padding: 0 0 0 0;
	height: auto;
	background: url(../img/none.png) 0 100% no-repeat;
}

#audio {
	overflow: hidden;
	height: 0;
}

	#audio .single,
	#book .single {
		height: 100px;
		margin: 0 0 4px 0;
	}
	
	#book .single {
		height: 160px;
		margin: 0;
		padding: 0;
	}

	/* .simple mode only in advanced-view */

	#audio .cover,
	#book .cover {
		display: block;
		position: relative;
		float: left;
	}

	#audio .cover {
		background: url(../img/cd-cover.png) 0 0 no-repeat;
		width: 102px;
		height: 95px;
		-webkit-transition: all 0.2s ease-in-out;
	}
	
	#audio .cover:hover {
		-webkit-transform: rotate(4deg) translate(0em, 0em) scale(1.3);
		
		z-index: 100;
	}
	
	
	#audio .cover img,
	#book .cover img {
		display: block;
		position: absolute;
		border: none;
	}
	
	#audio .cover img {
		width: 87px;
		height: 86px;
		top: 3px;
		left: 11px;
	}
	
	#book .cover {
		/*background: url(../img/book-cover.png) 0 0 no-repeat;*/
		width: 101px;
		height: 150px;
		margin-right: -60px;
	}
	
	#book .cover img {
		width: 93px;
		height: 134px;
		top: 4px;
		left: 4px;
	}

	#audio .details,
	#book .details {
		border-top: solid 1px #ccc;
		float: right;
		width: 210px;
		margin: 2px 0 0 0;
		padding: 4px 0 0 0;
		position: relative;
	}
	
	/* .simple mode only in advanced-view */
	
	#audio .details {
		height: 82px;
		background: url(../img/merchant-lastfm-g.gif) 0 100% no-repeat;
	}
	
	#book .details {
		height: 132px;
		background: url(../img/merchant-amazon-g.gif) 0 100% no-repeat;
	}
	
	#audio li:hover .details {
		background: url(../img/merchant-lastfm.gif) 0 100% no-repeat;
	}
	
	#book li:hover .details {
		background: url(../img/merchant-amazon.gif) 0 100% no-repeat;
	}
	
	
	#audio .title a,
	#book .title a {
		color: #3F3F3F;
		font-weight: bold;
		font-size: 100%;
		line-height: 120%;
	}
	
	#audio li:hover .title a,
	#book li:hover .title a {
		color: #2A80D8;
	}
	
	#audio .subTitle,
	#book .subTitle {
		color: #999;
		font-size: 90%;
		font-family: Georgia, "Times New Roman", serif;
		font-style: italic;
		line-height: 120%;
		display: block;
		padding: 5px 0 0 0;
	}
	
	#audio li:hover .subTitle,
	#book li:hover .subTitle {
		color: #333;
	}
	
	.loaderTicker {
		position: absolute;
		top: 0;
		right: 0;		
		height: 16px;
		width: 16px;
		background: url(../img/loader.gif) 0 0 no-repeat;
		
	}

/*
 ========================================================================================= */
#links {

}


/*
 ======================================================================================== */

/*
 ========================================================================================= */	
#site-info {
	clear: both;
	padding: 10px 20px;
	background: #EEEEEE;
}

	#site-info h2 {
		color: #94CAEC;
		
	}
	
	#site-info .item {
		margin: 15px 0 0 0;
	}