/*	
	blog.dileno.com style sheet, for media screen, projection
	By: Martin S.
*/

/* global styles */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline
}

body {
	background: #fafafa;
	color: #111;
	font: 62.5%/1.4 tahoma,verdana,geneva,sans-serif
}

/* heading styles */
h1,h2,h3,h4,h5 {
    font-family: tahoma,geneva,verdana,sans-serif;
    font-weight: 100
}

h1.c { padding-bottom: 1em }

#main h1 a { color: #222629; text-decoration: underline }
#main h1 em { font-style: normal }
h2,h3,h4,h5 { color: #2f3187; font-weight: normal }

#content h1 {
	color: #5d2179;
	font-size: 1.7em;
	line-height: 1.1em;
	width: 100%
}

#content h1#archive { padding-bottom: 1em }

#content h2 { font-size: 1.3em; padding-top: 0.6em; padding-bottom: 0.2em }
#content h3 { font-size: 1.1em; padding-top: 0.4em; padding-bottom: 0.2em }
#content h4 { font-size: 1em; padding: 0.2em 0 }
#content h5 { font-size: 0.9em }

#content .blogentry h2 { line-height: 1.5em; padding-top: 0; padding-bottom: 0 }



/* link styles */
a { text-decoration: none }
a img { border: none }

p { margin: 0 0 1em 0 }
p.msg { padding-top: 1em }

ol,ul { list-style: none }
dl { padding-bottom: 1em }
dt { font-weight: 700;padding-top: 1em }

fieldset { width: 100% }

label {
	color: #414551;
	cursor: pointer
}

input, textarea {
	background: #fff;
	border: solid 1px #c3c5cd;
	border-top-color: #9b9ca3;
	border-left-color: #9b9ca3;
	font: 1em Tahoma,Verdana,sans-serif;
	padding: 0.2em
}

input.twitter{
	border: solid 1px #33ccff;
	border-top-color: #02b3f0;
	border-left-color: #02b3f0
}

textarea { width: 524px }
input { width: 230px }
input.btn { padding: 0.2em 0.6em; width: auto }


/* table styles */
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%
}

caption, th, td { font-weight: 400; text-align: left }

/* for quotes */
blockquote:before,blockquote:after,q:before,q:after { content: "" }

hr {
    background: #d6d6d6;
    border: 0;
    color: #d6d6d6;
    float: left;
    height: 1px;
    width: 100%;
}

pre,kbd,samp,code { font-family: "Courier New",Tahoma,monospace; }

pre {
	background: #f6f8fd;
	border: solid 1px #dde1e3;
	color: #12455a;
	font-size: 1em;
	margin-bottom: 1em;
	padding: 0.8em;
	overflow: visible;
	overflow-x: auto;
	overflow-y: hidden;
	width: 556px;
}

ol pre { width: 526px }
pre.multirows {padding-bottom: 24px}


code { background: #f6f8fd; color: #12455a }

/* classes */
.right { float: right }
.left { float: left }
.clear { clear: both }
.hide { display: none }
.whitespace { margin: 0.8em 0 0.2em 0 }
img.right { margin: 0 0 0 0.8em }
img.xtra { background: #fff; border: solid 1px #333; padding: 10px }
img.top { padding: 0 10px 10px 0 }

#content ul, #content ol { margin: 1.2em 0 1.2em 30px }
#content ul li { list-style-type: circle }
#content ol li { list-style-type: decimal; padding-bottom: 0.5em }

#skip, #returntotop { display: none }

/* wrap div styles */
#wrap {
	margin: 0 auto;
	width: 920px
}

#top,
#footer {
	background: #eef7fc;
	color: #382244
}

#top a, #footer a { color: #382244 }
#top a:hover, #footer a:hover { color: #111 }

#top {
    border-bottom: solid 4px #a25ecc;
    float: left;
    padding: 0 0 50px 0;
    width: 100%
}

#top div {
	margin: 0 auto;
	width: 906px
}

#top p { margin: 0 }

#top h1,
#top p#logo a {
	color: #fff
}

#top p#logo,
#top h1 {
    display: inline;
    float: left;
    text-transform: uppercase;
    width: auto
}

#top h1 { font-size: 2.4em }

#top #logo a {
    display: block;
    font-size: 2.4em;
}

#top #rss {
    color: #222;
    display: inline;
    float: right;
    font-size: 1.2em;
    margin: 4px 15px 0 0;
    width: 240px
}

#top #rss a {
	background: url(/gfx/icons/rss.png) no-repeat 0 0;
    color: #e26400;
    cursor: pointer;
    float: left;
    font-size: 2.2em;
    padding: 0 0 2px 42px;
    width: auto
}

#top #rss a:hover { color: #bc5401 }

#top #rss a em {
    display: block;
    font-size: 0.45em;
    font-style: normal;
    line-height: 1.1em;
    padding: 1em 0 1em 0.3em;
    width: auto
}

#main {
    color: #222;
    float: left;
    padding-top: 15px;
    width: 920px
}

#content {
    background: #fafafa url(/gfx/bg-content.png) no-repeat 0 0;
    display: inline;
    float: left;
    font-size: 1.3em;
    min-height: 200px;
    line-height: 1.4em;
    position: relative;
    top: -55px;
    margin: 0 0 0 -30px;
    padding: 30px 40px 0 40px;
    width: 580px
}

div#visitormsg {
	background: #d3edfd;
	border: solid 1px #a4dcfd;
	color: #000;
	font-size: 0.9em;
	line-height: 1.2em;
	margin: 0.6em 0 2.2em 0;
	padding: 0.7em 20px 0.5em 20px
}

div#visitormsg a#visitormsg-close {
	background: url(/gfx/icons/close-blue.png) no-repeat 0 0;
	display: block;
	float: right;
	height: 12px;
	width: 12px;
	position: relative;
	top: -4px;
	left: 16px	
}

div#visitormsg a#visitormsg-close span { display: none }

div#visitormsg p { margin-bottom: 0.6em }
div#visitormsg a { color: #4c2604 !important }


div#presentation {
	display: inline;
	float: right;
	font-size: 1.3em;
	margin: 20px 0 0 0;
	padding: 0;
	width: 255px
}

div#presentation p {
	float: left;
	line-height: 1.35em;
	margin: 0;
	width: 175px
}

div#presentation p#photo {
	float: right;
	margin: 8px 0 0 8px;
	width: auto
}

div#presentation em { font-style: normal }


/* blog entries */
.blogentry {
    float: left;
    margin-top: 1.5em;
    width: 100%
}

#content .first { margin-top: 0 }

#main a:link { color: #2f3187 }
#main a:visited { color: #3f4085 }
#main a:hover { color: #5d2179 }

#content a { text-decoration: underline }

#main a:active,
#main a:focus,
#main #content a:active span,
#main #content a:focus span {
    background: #f7fbfe;
    color: #5d2179
}

#blogentry p#introduction { font-weight: bold }
.blogentry h2 a { font-size: 1.3em; text-decoration: underline }

#content .blogentry .metadata { margin-top: 0.8em }
#content #blogentry .metadata { margin-top: 1em }

#content .metadata {
    float: left;
    font-size: 1em;
    list-style: none;
    margin: 0 0 0.8em 0;
    width: 100%
}

#content .metadata li {
    float: left;
    line-height: 1.4em;
    list-style: none;
    padding-right: 0.8em;
    margin-right: 0.8em;
    width: auto;
}

#content .metadata li a { text-decoration: none }

#content .metadata li.date span {
    background: url(/gfx/icons/date.png) no-repeat 0 50%;
    padding-left: 14px
}

#content .metadata li.comments a { background: url(/gfx/icons/comments.png) no-repeat 0 50% }
#content .metadata li.comments a span { margin-left: 16px }

#content .metadata li.categories {
    background: url(/gfx/icons/categories.png) no-repeat 0 50%;
    padding-left: 16px
}

#content .metadata img {
    display: none;
    margin-right: 4px;
    position: relative;
    top: 1px
}

#content  div.facts {
	background: #f6f6f6;
	border: solid 1px #999;
	margin: 10px 0 0 10px;
	padding: 10px;
	width: 250px
}

/* comments area */
#content h2#postedcomments {
	background: url(/gfx/icons/comments.png) no-repeat 0 50%;
	clear: both;
	color: #4b4b4b;
	display: inline;
	float: left;
	margin: 0.4em 0 0.8em 0;
	overflow: hidden;
	padding: 0 0 0.2em 18px;
	width: 96.9%
}

#content #comments {
	/*margin-top: 2.5em;
	overflow: hidden*/
}

#comments .comment {
	border-left: solid 4px #e9e9e9;
	float: left;
	padding: 1.6em 0 0.8em 14px;
	width: 96.5%
}

#comments .even {
	background: #f3f3f3;
	border-left-width: 4px
}

#comments .comment .metadata { padding: 0 0 0.8em 0 }

#comments .comment .metadata .id {
    border: 0;
    color: #555;
    font-size: 1em;
    font-weight: 700;
    text-decoration: none
}

#comments .comment .metadata em {
	color: #333;
	font-size: 1.1em;
	font-style: normal;
	font-weight: 700
}

#comments .comment .metadata span {
	display: block;
	padding-left: 1.35em
}

h3#writecomment {
	background: transparent url(/gfx/icons/comments.png) no-repeat scroll 0 95%;
	clear: both;
	color: #414551;
	font-size: 1.1em;
	overflow: hidden;
	padding: 2.4em 0 0 18px
}

div#comment,div#contact {
	background: #f9f9f9;
	border: solid 1px #e9e9e9;
	border-left-width: 4px;
	float: left;
	margin-top: 0.6em;
	padding: 1.4em 20px 1.8em 20px;
	width: 532px
}

div#comment fieldset { width: 100% }

div#comment fieldset div.section {
	border-right: solid 1px #e9e9e9;
	float: left;
	width: 49.9%
}

div#comment fieldset div.twitteridentify {
	border-right: 0;
	margin-left: 4.9%;
	width: 45%
}

div#comment fieldset h4 { padding-bottom: 0.8em }

div#comment p#confirm{ clear: both }
	
/* related */
#related {
    float: right;
    font-size: 1.1em;
    margin: 25px 0 0 0;
    width: 260px
}

#related .module { margin-bottom: 2em }
#related .contact p { font-size: 1.2em; padding: 1em 20px 0 20px }
#related .contact { padding-bottom: 1em }

#related h2 {
    background: #a35ece url(/gfx/bg-related.png) repeat-x 0 100%;
    border: solid 1px #8746b1;
    color: #f6f9fa;
    font-size: 1.1em;
    font-weight: 700;
    line-height: 1em;
    padding: 0.6em 15px 0.5em 20px;
    text-transform: uppercase
}

#related ul {
    font-size: 1.1em;
    margin-top: 1em;
    padding: 0 20px
}

#related li {
    background: transparent url(/gfx/bg-link-arrow.png) no-repeat 0 0.4em;
    display: block;
    color: #4b4b4b;
    line-height: 1.2em;
    margin-bottom: 0.25em;
    padding-left: 8px
}

#related #twitterfeed {
	background: url(/gfx/icons/twitter.png) no-repeat 97% 0;
	margin-top: -2.6em;
	padding-top: 3.2em;
	overflow: hidden
}

#related #twitterfeed a:active,
#related #twitterfeed a:focus { color: #fff; background: transparent }

#related #twitterfeed a.iconlink span { display: none }
#related #twitterfeed a.iconlink { color: #000; display: block; height: 40px; position: relative; top: -40px; left: 212px; margin-bottom: -40px; width: 40px; }

#related #twitterfeed div {
	background: #33ccff url(/gfx/bg-related-blue.png) repeat-x 0 100%;
	border: solid 1px #02b3f0;
	color: #fff;
	margin-bottom: 2em;
	padding: 0.8em 20px 0.7em 20px;
}

#related #twitterfeed h2 {
	background: transparent;
	border: 0;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	padding: 0;
	text-transform: none
}

#related #twitterfeed p { line-height: 1.2em; margin: 0 }
#related #twitterfeed p.followme { text-align: right }
#related #twitterfeed blockquote p { margin: 0.3em 0 0.35em 0 }
#main #related #twitterfeed a { color:#fff; text-decoration:underline }

#main #related #latest-blogentries a { display: block; width: 100% }

#main #related a:active,
#main #related a:focus { color: #5d2179 }

#main #error404 h1 { padding-bottom: 0.8em }

/* footer */
#footer {
    border-top: solid 4px #8746b1;
    color: #111;
    float: left;
    font-size: 1.2em;
    width: 100%
}

#footer div {
	margin: 0 auto;
	padding: 10px 30px 10px 0;
	overflow: hidden;
	width: 906px
}

#footer p {
	display: inline;
	float: left;
	margin: 0;
	width: auto
}

#footer p#binero { float: right }

#footer a { text-decoration: underline }
#footer a.rss { color: #e26400 }
#footer a.rss:hover { color: #bc5401 }

input.small {
    padding-right: 2px;
    text-align: center;
    width: 24px
}

div#statistics{display:none}