/*
Theme Name: samuli.hakoniemi.net
Theme URI: http://samuli.hakoniemi.net
Description: My Personal Theme for My Personal Website
Version: 0.2
Author: zvona
Author URI: http://samuli.hakoniemi.net
*/

@font-face {
	font-family: 'MinionRegular';
	src: url('Minion_Regular.eot');
	src: local('Minion Regular'), local('Minion-Regular'), url('Minion_Regular.woff') format('woff'), url('Minion_Regular.ttf') format('truetype'), url('Minion_Regular.svg#Minion-Regular') format('svg');
}


html	{overflow-y:scroll;height:100%;}

body	{zoom:1;height:100%;}
body	{background-color:#12142B;color:#101010;font:normal 12px verdana, arial, helvetica, sans-serif;line-height:20px;margin:0px;padding:0px;}


header, footer, section, article, nav, aside	{display:block;}


#content h1, #content h2, #content h3,
#content h1 a, #content h2 a, #content h3 a	{display:block;clear:both;font:normal 26px/28px Georgia, "Lucida", arial, helvetica, sans-serif;font-smooth:always;color:#101010;text-shadow:0px 0px 1px rgba(32,32,32,0.5);text-decoration:none;margin:0px;}

#content h2, #content h2 a {text-shadow:0px 0px 1px rgba(32,32,32,0.35) !important;}
#content h3, #content h3 a {font-size:20px;text-shadow:0px 0px 1px rgba(0,0,0,0.2) !important;}

#content h1, #content h1 a,
#frontpage .first h2,
#frontpage .first h2 a	{font-size:36px;line-height:36px;letter-spacing:0.02em;}

#content h2,
#content h3 {margin-top:20px;}


#content h1 a:hover,
#content h2 a:hover,
#content h3 a:hover	{text-decoration:underline;}

#blog h1, #about h1 {margin-bottom:20px;}

p	{font:normal 12px verdana, arial, helvetica, sans-serif;line-height:20px;margin:0.5em 0px 0.75em 0px;}
pre	{margin:0px;padding:0px;}

img {display:block;}

a {color:#3058C0;}
:focus	{outline:none;-moz-outline:0;}

a:focus,
a:hover {color:#4480EA;}
a:visited {color:#8034A0;;}
a:visited:hover {color:#9060B0;}
a img	{display:block;border-width:0px;}

ul {}
ul li {list-style-type:none;list-style-image:url(images/arrow-right.png);}

#main p a:hover	{background-color:#FCFCF8;}

.left {float:left;margin:0px 10px 20px 0px;}


.img_main {display:block;width:550px;height:225px;background-color:#12142B;}
.img_sub {display:block;width:550px;height:225px;background-color:#12142B;margin-top:40px;}

.ingress {border:1px solid #808080;background:url(images/bg_ingress.png) left top repeat-x #E7F2FA;padding:10px 20px 5px 20px;margin:0px -2px 20px 0px;
-moz-box-shadow:0px 0px 3px #606060;-webkit-box-shadow:0px 0px 3px #606060;box-shadow:0px 0px 3px #606060;}


time	{color:#404060;}
.details {font-size:12px;padding:1px 0px 0px 2px;}
.details, .comment-info * {}
.author	{color:#101010;background-color:#F4F8F8;padding:2px;margin:-2px;}
.sep	{margin:0px 3px;}

#wrapper	{display:block;margin:0px auto;overflow:hidden;min-height:100%;}
#body-header	{display:block;clear:both;overflow:hidden;padding-top:40px;position:relative;z-index:3;background:url(images/bg-header.png) left top repeat-x;}

#body-header #logo	{display:block;margin-left:20px;margin-bottom:40px;width:360px;height:60px;background:url(images/hakoniemi.png) left top no-repeat;}
.IE6 #body-header #logo {background:none transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='wp-content/themes/samuli.hakoniemi.net/images/hakoniemi.png', sizingMethod='scale');}

#body-header #logo span	{position:absolute;top:-500px;}

#body-header nav	{height:45px;background:url(images/bg-nav.png) left top repeat-x;}
.IE6 #body-header nav {background-image:none;DXImageTransform.Microsoft.AlphaImageLoader(src='wp-content/themes/samuli.hakoniemi.net/images/bg-nav.png' sizingMethod='scale');}

#body-header nav ul	{list-style-type:none;margin:0px;padding:0px;height:36px;line-height:36px;}
#body-header nav li {display:block;float:left;margin:2px 0px;}

#body-header nav a	{display:block;background-color:#1A1A30;padding:0px 20px;font-size:18px;letter-spacing:0.01em;color:#FFFFFF;font-weight:bold;text-decoration:none;border-left:1px solid #000000;}


#body-header nav .current_page_item a	{background-color:#203060;}

#content	{width:960px;margin:-5px auto 0px auto;}
.content, .act	{padding-left:2px;}

.inner	{width:960px;margin:0px auto;}
#main	{width:550px;padding:20px 20px 10px 20px;background-color:#FFFFFF;float:left;min-height:1000px;border:2px solid #000000;border-width:0px 2px;margin:0px -2px;
		-moz-box-shadow:0px 0px 10px #336699;-webkit-box-shadow:0px 0px 10px #336699;box-shadow:0px 0px 10px #336699;}
aside	{width:330px;padding:0px 20px 20px 20px;float:right;color:#FFFFFF;}
aside p {font-size:32px;line-height:32px;text-transform:uppercase;}

.act .comments {display:block;float:left;background:url(images/comments.png) 5px 2px no-repeat #F4F6F4;padding:0px 5px 0px 28px;border:1px solid #C0C2C0;
				-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
.act .comments a	{display:block;font-size:11px;line-height:18px;color:#101010;text-decoration:none;}

.act .comments:hover {background-color:#F4F6E0;border-color:#B0B280;}
.act .comments a:hover {text-decoration:underline;}

.editpost {display:block;float:right;}
.editpost a {color:#000000;text-decoration:none;font-size:11px;display:block;padding:0px 5px;line-height:14px;background-color:#E8E8E8;border:1px outset #C0C0C0;}
.editpost:hover a {color:#333333;background-color:#F8F8E0;}

.tags	{background-color:#F8FAF4;padding:1px 5px;border:1px solid #F0F0E8;font-size:12px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.tags a	{margin-right:5px;}

#access	{display:none;position:fixed;left:0px;top:0px;width:100%;list-style-type:none;margin:0px;padding:0px;background-color:#003066;border-bottom:1px solid #333333;}
#access li	{float:left;margin:0px 15px;}
#access li a	{color:#FFFFFF;}
#access li a:focus	{background-color:#FFFFFF;color:#101010;}


.tags {padding-left:5px;margin:20px 0px;}

#frontpage h1	{position:absolute;top:-500px;}
#frontpage .first h2,
#frontpage .first h2 a 	{margin-top:0px;}

#frontpage .post,
#blog .post {border-bottom:1px dotted #D0D0D0;padding-bottom:40px;}

#post-30 {border-bottom-width:0px !important;}

.sidebar .link-block	{display:block;clear:both;border-bottom:1px solid #FFFFFF;}
.sidebar .link-block a	{display:block;width:330px;height:80px;padding:20px 0px;text-decoration:none !important;}
.sidebar .link-block:hover	{background:url(images/bg_link-block_hover.png) left top repeat-x #0C2040;}

#rss	{background:url(images/rss-subscribe.png) left center no-repeat;}
#twitter	{background:url(images/twitter-follow.png) left center no-repeat;}

.sidebar .portrait {margin:40px 0px 20px 0px;}

#content .wd a {display:block;margin-top:20px;padding:2px 20px;background:url(images/bg_link.png) 0px 0px no-repeat #303850;color:#FFFFFF;font-weight:bold;text-decoration:none;border-bottom:1px solid #202440;}
#content .wd a:hover {text-decoration:underline !important;background-position:0px -25px;background-color:#334068;color:#F8F8E8;text-decoration:none;border-bottom-color:#3A4450;}
.wd p {margin-bottom:0px;}
.wd .brief {display:block;padding:0px 0px 0px 20px;}


/* FORMS */
input, textarea {background-color:#FFFFFF;border:1px solid #101010;font:normal 12px arial, helvetica, sans-serif;padding:2px 4px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
input:focus,
textarea:focus	{background-color:#FDFDF6;}

#cmtswitcher	{margin:10px 0px 0px 0px;}
#cmtswitcher a {margin-right:20px;}

#commentform textarea {width:98%;}
#commentform .row {padding:5px 0px;}
#commentform label {font-size:12px;}
#commentform .button {background-color:#E8E8E8;border-style:outset;}
#commentform .button:hover,
#commentform .button:focus {background-color:#F4F4E0;cursor:pointer;}

/* --- FORMS */


/* COMMENTS AND TRACKBACKS	*/
#thecomments	{margin:0px 0px 20px 0px;padding:0px;list-style-type:none;border-top:1px solid #FFFFFF;}
#thecomments p	{padding-left:74px;}
#thecomments .comment {position:relative;padding:3px 3px 25px 3px;margin-bottom:10px;border:1px solid #8080A0;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
#thecomments .comment-info {font-size:11px;border-bottom:1px groove #8080A0;}

#thecomments .admincomment {background-color:#FFFCF2;}
#thecomments .pic {float:left;padding:1px;background-color:#FFFFFF;border:1px solid #808080;-moz-border-radius:3px;margin-right:10px;}
#thecomments .pic img {display:block;}

#thecomments .name  {}
#thecomments .act {display:inline;font-size:12px;position:absolute;left:78px;}

#thetrackbacks	{margin:0px 0px 20px 0px;padding:0px;list-style-type:none;border-top:1px solid #FFFFFF;}
#thetrackbacks li {padding:10px;background-color:#FFFFFF;border-bottom:1px solid #F0F0F0;}
#thetrackbacks li:nth-child(even) {background-color:#F8F8F8;border-bottom:1px solid #E8E8E8;}
#thetrackbacks .date {font-size:12px;float:left;}
#thetrackbacks .title {display:block;clear:both;}
#thetrackbacks .title a {font-size:12px;line-height:14px;}
#thetrackbacks .pic {float:left;margin-right:10px;}
#thetrackbacks .name  {}
#thetrackbacks .act {border-width:0px;background-color:transparent;float:left;clear:none;font-size:12px;margin:0px 0px 0px 10px;padding:0px;height:12px;}


/* --- COMMENTS AND TRACKBACKS */

/* PLUGINS */

.sexy-bookmarks {margin:40px auto 0px auto !important;}

.dp-highlighter {margin:0px 0px 20px 0px !important;}
/* --- PLUGINS */



/* demo.hakoniemi.net	*/
.demo #main	{width:auto;float:none;margin-top:20px;}
.demo #body-header	{padding-bottom:40px;}
code, .codeparts pre {display:block;background-color:#101020;color:#FFFFFF;padding:10px;margin:10px 0px 20px 0px;font:normal 12px monospace, courier;border:1px solid #FFFFFF;padding:10px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;overflow-x:auto;}

/* --- demo.hakoniemi.net	*/