/*
copyright: 2009, DariuszGuzik.net. All rights reserved (please don't re-use without permission).
*/

body {
	background: #fff url(/images/uploads/dg.png) no-repeat fixed left top;
	min-width: 960px;
	margin: 0;
	padding: 0;
	font: 14px/1.5em Georgia, serif;
	text-align: left;
	color: #333;
}

a:link,
a:visited {
	text-decoration: none;
	color: #49a;
	padding: 0;
	-webkit-transition: all 0.5s;
}

a:hover {
	text-decoration: none;
	color: #921;
}

* {
	outline: none;
}

a:active,
a:focus {
	outline: 0;
	}
	
a img {
	border-width: 0;
	}



/* frontpage
----------------------------------------------- */

#front {
	position: absolute;
	width: 770px;
	top: 125px;
	left: 230px;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #666;
	font: italic 22px/1.5em Palatino, "Palatino Linotype", Georgia, serif;
	}

#front p {
	border-bottom: 2px solid #f0f0f0;
}

#front p.one {
	margin: 0 0 2.25em 165px;
	padding: 0 0 2.25em;
	width: 540px;
}

#front p.one span {
	font-size: 36px;
}

#front p.two {
	margin: 0 0 2.25em 78px;
	padding: 0 0 2.25em;
	width: 540px;
}

#front p.three {
	margin: 0 0 2.5em 230px;
	padding: 0 0 2.5em;
	width: 540px;
	color: #888;
}

#front p.three span {
	font-size: 26px;
}

#front p.four {
	margin: 0 0 2em 0;
	padding: 0 0 2em;
	width: 540px;
}

#front p.four span {
	font-size: 26px;
}

#front p.five {
	font-size: 20px;
	margin: 0 0 .5em 140px;
	padding: 0 0 1.5em;
	width: 540px;
	text-align: right;
	color: #888;
}

#front p.five a:link,
#front p.five a:visited {
	text-decoration: none;
	padding: 0;
	color: #888;
}

#front p.five a:hover {
	text-decoration: none;
	color: #49a;
}

#front p a:link,
#front p a:visited {
	text-decoration: none;
	padding: 0;
	color: #666;
}

#front p a:hover {
	text-decoration: none;
	color: #49a;
}



/* nav
----------------------------------------------- */

#logo h1 {
	display: none;
}


#nav {
	background: transparent;
	position: absolute;
	width: 700px;
	height: 140px;
	top: 0px;
	left: 180px;
	margin: 0;
	padding: 0;
	}

#nav p {
	font: 9px "Lucida Grande", sans-serif;
	color: #444;
	line-height: 40px;
	text-transform: uppercase;
}

#nav p a,
#nav p a:link,
#nav p a:visited,
#nav p a:active {
	color: #444;
	text-decoration: none;
	border: none;
	margin: 0 5px;
}

#nav p a:hover {
	color: #888;
	text-decoration: none;
}

#nav p.links {
	float: right;
	width: 620px;
	text-align: right;
}



/* content
----------------------------------------------- */

#content {
	position: absolute;
	width: 700px;
	top: 240px;
	left: 180px;
	margin: 0;
	padding: 0;
	text-align: left;
	}

#main-content {
	margin: 0;
	padding: 0;
	text-align: left;
	}
	
.main-block {
	margin: 0 0 4.5em;
	padding: 0;
}

.last {
	float: left;
	width: 620px;
	margin: 0 0 4.5em;
	padding: 0 0 4em;
	border-bottom: 2px solid #f0f0f0;
}

.l {
	float: left;
	width: 380px;
	text-align: left;
}

.r {
	float: right;
	width: 140px;
	text-align: left;
}

		
h2 {
	font: bold 14px/1.5em Georgia, serif;
	color: #444;
	margin: 0 0 1.25em;
	padding: 0;
	border-bottom: 1px solid #e1e1e1;
}

h2 a:link,
h2 a:visited {
	display: block;
	border: none;
	padding: 0;
}

h2 a:hover {
	color: #921;
}

h2.ln {
	font-size: 24px;
	margin: 0 0 .25em;
	padding: 0;
	}

h3 {
	font: 14px/1.5em Georgia, serif;
	margin: 0 0 1.5em 0;
	padding: 0;
}

h3.arc {
	margin: 0 0 .25em 0;
	padding: 0;
}

h3.ct {
	margin: 0 0 .25em 20px;
	padding: 0;
}

h3.st {
	margin: 0 0 .25em;
	padding: 0;
}

h4 {
	font-size: 11px;
	color: #cdcac9;
	margin: 0 0 .25em 30px;
	padding: 0 0 2px 0;
}

.year-title {
	font: 12px/1.5em Georgia, serif;
	color: #444;
	margin: 1.5em 0 .25em -160px;
	padding: 0;
}

.main-body {
	margin: 0 0 0 160px;
	padding: 0;
	line-height: 1.5em;
	}

.main-body-pf {
	margin: 0 0 4.5em 160px;
	line-height: 1.5em;
	}

.main-body-kt {
	margin: 3em 0 0;
	line-height: 1.5em;
	}


img.pf {
	float: left;
	width: 140px;
	margin: 5px 0 10px -160px;
	padding: 0;
}

img.v {
	width: 220px;
	margin: 0 0 0 160px;
	padding: 0;
}

img.h {
	width: 380px;
	margin: 0 0 0 80px;
	padding: 0;
}

img.bc {
	float: left;
	width: 140px;
	margin: 0px 0 10px -160px;
	padding: 0;
}

img.l {
	float: left;
	width: 140px;
	margin: 5px 20px 10px 0;
	padding: 0;
}

img.r {
	float: right;
	width: 140px;
	margin: 5px 0px 10px 20px;
	padding: 0;
}

/*
img.h {
	float: right;
	width: 208px;
	margin: 4px 0 10px 20px;
	padding: 3px;
	border: 3px solid #f0f0f0;
}


img.h {
	float: right;
	width: 288px;
	margin: 4px 0 10px 20px;
	padding: 3px;
	border: 3px solid #f0f0f0;
}
*/

img.ee-logo {
	padding: 0;
	margin: 4px 0 8px 20px;
	float: right;
	border: none;
}

img.ee-icon {
	padding: 0;
	margin: 20px 0;
	float: right;
	border: none;
}

img.apple-icon {
	padding: 0;
	margin: 5px 0 0 15px;
	float: left;
	border: none;
}

img.icon-left {
	padding: 0;
	margin: 20px 0;
	float: left;
	border: none;
}

img.pair-right {
	padding: 3px;
	border: 3px solid #f0f0f0;
	margin: 10px 60px 25px 0;
	float: right;
	width: 172px;
}

img.pair-left {
	padding: 3px;
	border: 3px solid #f0f0f0;
	margin: 10px 0 25px 60px;
	float: left;
	width: 172px;
}

img.center {
	padding: 0;
	margin: 20px 0;
	text-align: center;
}

img.noborder {
	border: none;
	padding: 2px 0 0;
}


.clear {
	clear: both;
}

.entry-date {
	margin: 3px 0 0 20px;
	padding: 0;
	font: 10px/1.5em Georgia, serif;
	color: #666;
}


p {
	margin: 0 0 1.5em;
	line-height: 1.5em;
}

p.date {
	float: left;
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 10px;
	color: #333;
	width: 160px;
	line-height: 1.2em;
}

p.twitt {
	float: right;
	margin: 4px 0;
	padding: 0;
	font: 9px "Lucida Grande", sans-serif;
	color: #333;
	width: 160px;
	line-height: 1.5em;
	text-align: right;
}

p.note {
	float: left;
	margin: 4px 0 0 -180px;
	padding: 0;
	font-size: 12px;
	color: #444;
	width: 160px;
	line-height: 1.4em;
}

p.noindent {
	padding: 0;
	margin: 0 0 1.8em;
}

p.linklist a {
	margin-right: 1.5em;
}

p.back a:link,
p.back a:visited {
	font-size: 10px;
}

p.more {
	margin: -1.5em 0 0;
	padding: 0;
	font-size: 10px;
	text-align: right;
}

p.cit {
	margin: -.3em 0 1.5em 0;
	padding-left: 28px;
	font: 12px/1.5em Georgia, serif;
	color: #555;
	background: url(/images/uploads/quotes.png) no-repeat;
}

.quote {
	font: italic 14px/1.5em Georgia, serif;
	margin: 18px 0 1.5em 40px;
	color: #333;
	}

.big-quote {
	font-size: 500%;
	float: left;
	margin: 15px 0 0 -40px;
	color: #49a;
   }

.post-quote {
	font: italic 12px/1.5em Georgia, serif;
	margin: -.5em 0 1.5em 40px;
	}


p.ind {
	margin: 1em 20px 1.25em;
	color: #5f523f;
	}
	
p.ind2 {
	margin: 1em 40px 1.25em;
	color: #5f523f;
	}
	
p.spac {
	letter-spacing: .1em;
	}

p.bb {
	letter-spacing: .1em;
	margin: 2.5em 0 0;
	}

p.ps {
	margin: 2.5em 0 1.25em;
	font-size: 10px;
	text-align: right;
	}

p.cap {
	margin: 1.5em 0 1.5em 0;
	color: #666;
}

p.cent {
	text-align: center;
	}

p.right {
	text-align: right;
	}

p.soon {
	letter-spacing: 3em;
	text-align: right;
	}

p.code {
	margin: 1.8em 30px 1.8em 30px;
	padding: 0 15px;
	border-left: 2px dashed #e1e1e1;
	font: 11px/1.8em Monaco, "Lucida Console", monospace;
	color: #a45346;
}


.main-body ul {
	margin: 0 0 1.8em 0;
	padding: 0 0 0 30px;
	list-style: none;
}

.main-body li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.search {
	float: right;
	clear: both;
	margin: 0;
	width: 210px;
	padding: 0;
	height: 26px;
	background: url(http://eexpression.dariuszguzik.net/images/uploads/search.png) no-repeat 0 0;
}

.searchbox {
	border: none;
	float: left;
	margin: 5px 0 0;
	padding: 0 0 0 25px;
	height: 16px;
	width: 170px;
	font: 10px Verdana, sans-serif;
	color: #666;
}

.search p {
	padding: 0;
	margin: 0;
}


/* footer
----------------------------------------------- */

#footer {
	clear: both;
	float: left;
	background: transparent;
	width: 700px;
	margin: 22px 0 0;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
	border-top: 1px solid #e1e1e1;
}

#footer p {
	margin: 0;
	padding: 0;
	font: 9px "Lucida Grande", sans-serif;
	color: #555;
	line-height: 40px;
	text-transform: uppercase;
}

#footer p a,
#footer p a:link,
#footer p a:visited,
#footer p a:active {
	color: #555;
	text-decoration: none;
	border: none;
	margin: 0 5px;
}

#footer p a:hover {
	color: #888;
	text-decoration: none;
}

#footer p.left {
	float: left;
	width: 200px;
}

#footer p.right {
	float: right;
	width: 400px;
	margin: 0 -5px 0 0;
}

#footer p.right a {
	margin: 0 5px;
}

#footer img.feedicon {
	margin: 0 0 -2px 0;
	padding: 0;
	border: none;
}


/* comments
---------------------------- */


.comment-title {
	font: bold 14px/1.5em Georgia, serif;
	margin: 0 0 .5em;
	padding: 0;
	}

.comment-block {
	margin: 0 0 6em;
	padding: 0;
	border: none;
}

.comment-body {
	margin: 0 0 1.5em 160px;
	padding: 0;
	font: 12px/1.5em Georgia, serif;
	color: #666;
	}

.comment-body p {
	padding: 0;
	margin: 0 0 1.5em;
	line-height: 1.5em;
}

.posted {
	margin: 0 0 1em;
	padding: 0;
	text-align: left;
	font-size: 12px;
	}

.posted-dg {
	margin: 0 0 1em;
	padding: 0;
	text-align: left;
	}


.posted span {
	font-size: 12px;
	}


input {
	background: transparent !important;
	border: 2px solid #eaeaea;
	font: 12px/1.5em Georgia, serif;
	padding: 4px;
	margin: 0;
	color: #666;
	}

textarea {
	background: transparent;
	border: 2px solid #eaeaea;
	color: #666;
	font: 12px/1.5em Georgia, serif;
	padding: 4px 2px;
	margin: 4px 0;
	width: 612px;
	}

button {
	font: 9px/1.8em "Lucida Grande", sans-serif;
	text-transform: uppercase;
	margin: 0 0 15px;
	padding: 4px 12px;
	float: right;
	width: 125px;
	background: transparent;
	border: 2px solid #eaeaea;
	color: #888;
	cursor: pointer;
	}

label {
	padding: 0;
	font-size: 12px;
	color: #666;
	}

label.mini {
	font-size: 10px;
	color: #666;
	}

label span {
	color: #49a;
}

span.dspln {
	display: none;
}
