/* 
 * http://hedonism.brego.dk/
 * Copyright Kamil "Brego" Dzieliński 2011 <brego.dk@gmail.com>
 *
 * Based on HTML5 ✰ Boilerplate
 **/

/* RESETS & HTML5
 *****************************************************************************/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,
strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, figcaption, figure, footer, header, hgroup, menu, nav,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	vertical-align: baseline;
	background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
section {
	display: block;
}
nav ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote p:first-child:before, q:before {
	content: '“';
}
blockquote p:last-child:after, q:after {
	content: '”';
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input, select {
	vertical-align: middle;
}

/* FONT BASELINE
 ******************************************************************************
 */

body {
	font: 14px/24px sans-serif;
	*font-size: small;
	-webkit-font-smoothing: antialiased;
}
select, input, textarea, button {
	font: 99% sans-serif;
}
pre, code, kbd, samp {
	font-family:  Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace, sans-serif;
}

/* MINIMAL BASE STYLES
 *****************************************************************************/

body, select, input, textarea {
	color: #444; 
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
}
a:hover, a:active {
	outline: none;
}
a, a:active, a:visited {
	color: #aaa;
	text-decoration: underline;
}
a:hover {
	color: #111;
	text-decoration: none;
}
ul, ol {
	margin-left: 1.8em;
}
ol {
	list-style-type: decimal;
}
nav ul, nav li {
	margin: 0;
} 
small {
	font-size: 11px;
}
strong, th {
	font-weight: bold;
}
em {
	font-variant: italic;
}
td, td img {
	vertical-align: top;
}
sub {
	vertical-align: sub;
	font-size: smaller;
}
sup {
	vertical-align: super;
	font-size: smaller;
}
pre {
	white-space: pre;           /* CSS2 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP printers */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3 (and 2.1 as well, actually) */
	word-wrap:   break-word;    /* IE */
}
textarea {
	overflow: auto;
}
.ie6 legend, .ie7 legend {
	margin-left: -7px;
}
input[type="radio"] {
	vertical-align: text-bottom;
}
input[type="checkbox"] {
	vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
	vertical-align: baseline;
}
.ie6 input {
	vertical-align: text-bottom;
}
label, input[type=button], input[type=submit], button {
	cursor: pointer;
}
button, input, select, textarea {
	margin: 0;
}
::-moz-selection {
	background: #ff5e99;
	color: #eee;
	text-shadow: none;
}
::selection {
	background: #ff5e99;
	color: #eee;
	text-shadow: none;
}
a:link {
	-webkit-tap-highlight-color: #1e1e1e;
}
.ie7 img {
	-ms-interpolation-mode: bicubic;
}

/* NON-SEMANTIC HELPER CLASSES
 *****************************************************************************/

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden {
	display: none;
	visibility: hidden;
}
/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden {
	position: absolute !important;    
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
	visibility: hidden;
}
/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}
/* Image Replacement Base */
.ir {
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	height: 0px !important;
}

/* SPECIFIC CONTENT/SITE STYLES
 *****************************************************************************/

body {
	background: #fff;
	background: #fab;
	background: #f9f9f9;
}
a, a:active, a:visited {
	color: #a22;
	text-decoration: none;
}
a:hover {
	color: #633;
	text-decoration: none;
	border-bottom: none;
}
.post p a {
	border-bottom: 1px solid #b44;
	padding-bottom: 1px
}
.post p a:hover {
	border-bottom: 1px solid #944;
}
.post .link p {
	color: #a22;
	white-space:       nowrap;
	overflow:          hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow:  ellipsis;
	text-overflow:     ellipsis;
}
.post .link p:hover {
	color: #633;
}
	#container {
		min-height: 700px;
		min-width:  770px;
	}
	.ie6 #container {
		background-attachment: scroll;
	}
		header {
			position: fixed;
			width: 300px;
			background-image: url(http://brego.dk/images/crow.png);
			min-height: 300px;
			background-size: 220px;
			background-repeat: no-repeat;
			background-position: 10px 10px;
		}
		.ie6 header {
			position: relative;
		}
		header h1 a, header p, header p a {
			text-transform: uppercase;
			font-weight: bold;
			color: #444 !important;
		}
		header h1 a {
			font-size: 30px;
			line-height: 30px;
			position: absolute;
			top: 196px;
			left: 80px;
			z-index: 1000;
		}
		header p {
			position: absolute;
			top: 220px;
			left: 82px;
			z-index: 1001;
			height: 24px;
		}
			header p a {
				font-size: 10px;
				line-height: 24px;
				letter-spacing: 0px;
				display: block;
				height: 24px;
			}
		#main {
			width: 660px;
			margin: 0 0 0 330px;
			padding: 56px 0 50px 20px;
		}
			.post {
				margin: 0 0 100px 0;
				padding: 0 0 24px 0;
				width: 500px;
			}
				.post .footer a {
					text-transform: uppercase;
					font-size: 12px;
				}
				.post .media {
					margin: 0 0 12px 0;
					padding: 0px;
					line-height: 0px;
				}
				.no-boxshadow .post .media {
					border: 1px solid #888681;
				}
				.post .media {
					box-shadow:         0px 0px 5px rgba(0, 0, 0, .40);
					-moz-box-shadow:    0px 0px 5px rgba(0, 0, 0, .40); 
					-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .40);
				}
				.post .media img {
					background: #eee;
					width: 500px;
				}
				.post h2.title {
					color: #333;
					font-size: 24px;
					margin: 0 0 12px 0;
					width: 500px;
				}
				.post h3 {
					color: #444;
					font-size: 16px;
					font-weight: bold;
					margin: 0 0 12px 0;
					width: 500px;
				}
				#main .post p {
					margin: 0 0 12px 0;
					width: 500px;
				}
		#main nav {
			text-transform: uppercase;
			font-size: 12px;
		}
		#posts {
			margin-bottom: 20px;
			position: relative;
			height: 24px;
		}
			#posts a {
				color: #222;
			}
			#posts .next {
				font-weight: bold;
				position: absolute;
				top: 0px;
				left: 0px;
			}
			#posts .previous {
				font-weight: bold;
				position: absolute;
				top: 0px;
				right: 0px;
			}
		#pages {
			height: 24px;
			margin-bottom: 40px;
			width: 500px;
			position: relative;
		}
			#pages a {
				color: #222;
			}
			#pages .previous {
				display: block;
				width: 150px;
				position: absolute;
				top: 0px;
				left: 0px;
				font-weight: bold;
			}
			#pages .next {
				display: block;
				width: 150px;
				position: absolute;
				top: 0px;
				right: 0px;
				text-align: right;
				font-weight: bold;
			}
			
			#page-list {
				display: block;
				width: 200px;
				position: absolute;
				top: 0px;
				left: 150px;
				text-align: center;
			}
				#page-list a {
					font-weight: bold;
					padding: 2px 4px 2px 4px;
				}
				#page-list .current-page {
					padding: 2px 4px 2px 4px;
					color: #622;
					font-weight: bold;
				}

blockquote, blockquote p {
	font-size:   20px;
	line-height: 24px;
	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}
.quote-author {
	text-align: right;
}