/* reset */
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 { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
body { line-height:1; color:black; background:white; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
/* ta kanei aorata! */
.set:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.set { display:inline-block; }
html[xmlns] .set { display:block; }
* html .set { height:1%; }
/* html5 tags*/
article,aside,dialog,figure,footer,header,hgroup,menu,nav,section { display:block; }
/* some basic rules */
body { background:#f5f6f6 url(images/background.jpg) repeat fixed; color:#737272; font:normal 13px/19px Georgia,serif; }
h1,h2,h3,h4,h5,h6 { line-height:1; }
strong { font-weight:bold; }
a { color:#8aa2a2; text-decoration:none; }
a:hover { color:#d47546; }
.alignleft { float:left; padding:10px; background: #eff0f0; margin-right:20px; -moz-border-radius:8px; -webkit-border-radius:8px; }
.alignright { float:right; padding:10px; background: #eff0f0; margin-left:20px; -moz-border-radius:8px; -webkit-border-radius:8px; }
.noalign { padding:10px; background: #eff0f0; margin-left:20px; -moz-border-radius:8px; -webkit-border-radius:8px; }
/* books */
.book {float:left; padding-top:5px; margin-right:10px; padding-bottom:10px;}
#books li p{ padding-bottom:10px !important; backround:red !important; }
#books li p strong { color:#fff; }
#books li p span {display:block;}
/* structure */
div#page { width:960px; margin:0 auto; position:relative; }
section#content { padding:0 0 40px 20px; margin:45px 0 0; background:url(images/hr.png) no-repeat bottom center; }
section#blog { padding:0 0 30px; background:url(images/hr.png) no-repeat bottom left; }
/* top */
#top { background:#2b2c2c; position:relative; color:#fff; }
#top-links { width:920px; margin:0 auto; position:relative; padding:0 20px; }
#top a { color:#fff; }
p#role { position:absolute; top:0; right:20px; }
/* logo - navigation */
#page-header { margin-top:40px; background:url(images/hr.png) no-repeat 0 100px; height:140px; padding:0 20px; }
#page-header h1 { display:block; width:392px; height:88px; background:url(images/kloudesign.png) no-repeat; }
#page-header h1 a { padding:88px 0 0 392px; display:block; text-indent:-9999px; }
#page-header h2 { font-size:14px; font-weight:normal; color:#a9a9a9; margin-top:-15px; text-shadow:1px 1px #fff; }
#page-header h2 span { color:#d47546; background:url(images/bg_name.gif) repeat-x 0 15px; text-shadow:1px 1px #fff; }
/* navigation */
#global-nav { position:absolute; top:50px; right:20px; line-height:1.2; }
#global-nav ul li { float:left; font-size:25px; color:#8aa2a2; }
#global-nav ul li a { font-size:25px; color:#8aa2a2; font-style:italic; padding:0 0 0 10px; text-shadow:1px 1px #fff; }
#global-nav ul li a:hover,#global-nav ul li.active a { color:#d47546; }
/*masthead */
#masthead { background:url(images/hr.png) no-repeat center bottom; padding-bottom:36px; }
#masthead h2 { font-weight:normal; text-align:center; font-size:45px; color:#8aa2a2; font-style:italic; line-height:1; padding:0 20px; text-shadow:1px 1px #fff; }
#masthead h3 { text-align:center; color:#babab9; font-weight:bold; font-style:italic; font-size:20px; margin-top:26px; text-shadow:1px 1px #fff; }
#masthead span { font-family:Baskerville,"Goudy Old Style",Palatino,"Book Antiqua",serif; font-style:italic; color:#d67d51; }
#masthead h2.contact-title { color:#727272!important; }
#masthead h3.contact-sub { color:#959595; font-size:30px!important; font-weight:normal!important; margin-top:10px!important; }
/*latest work */
#recent-wrapper { position:relative; }
.recent { width:940px; position:relative; z-index:1; }
.work-info { float:left; width:195px; position:relative; }
.work-info h3 { font-size:25px; font-weight:bold; font-style:italic; color:#d47546; margin-bottom:15px; text-shadow:1px 1px #fff; }
.work-info a { font-weight:bold; }
.work-info p { color:#767676; font-style:italic; padding-bottom:10px; }
.work-info p span { font-weight:bold; color:#d47546; }
.more-work { position:relative; margin-top:-35px; z-index:200; }
.more-work a { font-weight:bold; font-style:italic; }
.work-screenshot { float:right; width:675px; background:url(images/bg_work.png) no-repeat; height:398px; padding:17px 0 0 16px; }
.work-screenshot img { display:block; }
div#mention { text-align: center; margin-top:40px; padding:0 30px;}
div#mention h3 { font-size:24px; font-style:italic; line-height: 1.2;}
/* latest post */
#latest-post { background:url(images/hr.png) no-repeat bottom center; padding:0 0 2px 20px; position:relative; }
#latest-post h2 { font-size:38px; font-weight:normal; font-style:italic; margin-bottom:15px; max-width:800px; line-height:1; text-shadow:1px 1px #fff; }
#latest-post p { font-size:22px; color:#7f7f7f; line-height:1.2; max-width:900px; }
#latest-post ul { overflow:hidden; margin-top:20px; }
#latest-post ul li { float:left; color:#d0ab99; font-size:16px; font-style:italic; padding:10px 22px 10px 0; margin-right:22px; background:url(images/separator.png) no-repeat right; }
#full-article { background:0!important; }
p#comments { font-size:15px; color:#d0ab99; font-style:italic; position:absolute; top:0; right:20px; }
p#comments span { font-size:18px; color:#5b5a59; display:inline-block; background:url(images/bg_comment.png) no-repeat 0 0; padding:7px 26px 10px; text-align:center; }
p#comments a { color:#5b5a59!important; }
/* single */
#post { padding:0 0 2px 20px; position:relative; }
#post h2 { font-size:38px; font-weight:normal; font-style:italic; margin-bottom:15px; max-width:620px; line-height:1; padding-left:150px; text-shadow:1px 1px #fff; }
#post h3 { font-size:30px; font-weight:normal; font-style:italic; margin:10px 0 15px; max-width:620px; line-height:1; padding-left:150px; text-shadow:1px 1px #fff; }
#post h4 { font-size:22px; font-weight:normal; font-style:italic; margin:10px 0 15px; max-width:620px; line-height:1; padding-left:150px; text-shadow:1px 1px #fff; }
#post p { font-size:16px; color:#7f7f7f; padding:0 0 10px 150px; width:620px; line-height:1.5; }
#post ol { list-style-type:decimal; margin-left:150px; }
#post ol li { font-size:16px; }
#post ol li h4 { padding-left:0; font-size:16px; font-weight:normal; color:#7f7f7f; font-style:normal; }
#post ol li p { padding-left:0; }
#post blockquote { background:#eff1f1; font-style:italic; padding:15px; border-left:solid 5px #ccd6d6; margin:15px 0 25px 150px; width:590px; }
#post blockquote p { color:#979797; font-size:15px; width:590px; padding-left:0; }
#post p#comments { font-size:15px; color:#d0ab99; font-style:italic; position:absolute; top:0; right:20px; width:auto!important; line-height:1.2; }
#post p#comments span { font-size:18px; color:#5b5a59; display:inline-block; background:url(images/bg_comment.png) no-repeat 0 0; padding:7px 26px 10px; text-align:center; }
#post p#comments a { color:#5b5a59!important; }
#post footer { background:url(images/hr.png) no-repeat bottom center; }
#post ul { overflow:hidden; margin-top:20px; margin-left:20px; }
#post ul li { float:left; color:#d0ab99; font-size:16px; font-style:italic; padding:10px 22px 10px 0; margin-right:22px; background:url(images/separator.png) no-repeat right; }
/* contact form */
.contact-page { margin-top:50px; padding:0 20px; }
.contact-page h2 { max-width:960px!important; text-align:center; padding:0 20px!important; }
#contact-details { float:left; width:195px; margin-right:30px; }
#contact-details ol li {font-size:15px; color:#8E9191; padding-bottom:10px;}
#contact-details ol li span {display:block;}
#contact-details ol li strong {font-style:italic; color:#666;}
#contact-details p { color:#8e9191; font-size:15px; margin-bottom:15px; line-height:1.5; }
#contact-form { float:left; width:520px; }
/* comments */
div#comments-wrap { margin-bottom:-40px; }
div#comments-wrap h3 { padding:20px 0 20px 20px; text-shadow:1px 1px #fff; }
.comment { padding-bottom:40px; margin-bottom:40px; background:url(images/bg_comment_hr.gif) no-repeat bottom left; }
.comment p { color:#4b4b4b!important; font-size:1.1em!important; }
.avatar { float:left; width:112px; margin-left:10px; padding-bottom:10px; }
.avatar img { padding:12px; background:#fff; border:solid 1px #dcdddd; -moz-border-radius:8px; -webkit-border-radius:8px; width:82px; height:82px; }
.comment time { color:#d0ab99; font-style:italic; font-size:12px; padding:0 0 10px 150px; display:block; }
.comment p.author { line-height:1.2!important; }
.comment p.author a { font-size:1.35em; }
.comment-text p { width:550px!important; }
/* comment form */
div#comment-form { padding-top:30px; }
div#comment-form h3 { padding:30px 0 30px 240px; text-shadow:1px 1px #fff; }
div#comment-form h3#have-comments { padding-top:0; }
div#comment-form fieldset, #contact-form fieldset { margin-bottom:20px; }
div#comment-form label { float:left; width:220px; padding-left:20px; color:#4b4b4b; font-size:1.2em; }
div#comment-form input,div#comment-form textarea, #contact-form input, #contact-form textarea { font:normal 1.6em Georgia, serif; font-style:italic; color:#b8b9b9; background:#e2e3e3; border:none; padding:20px 15px; -moz-border-radius:8px; -webkit-border-radius:8px; width:520px; }
div#comment-form input:focus,div#comment-form textarea:focus, #contact-form input:focus, #contact-form textarea:focus { background:#eff0f0; color:#5a5a5a;}
div#comment-form textarea, #contact-form textarea { height:220px; overflow:auto; }
div#comment-form input.action { margin-left:240px; border:solid 10px #c7d2d2; background:#dce5e5; width:550px; font:normal 2em Georgia, serif; font-style:italic; color:#727272; text-shadow:1px 1px #fff; padding:10px 15px; }
#contact-form input.action { margin-left:0px; border:solid 10px #c7d2d2; background:#dce5e5; width:550px; font:normal 2em Georgia, serif; font-style:italic; color:#727272; text-shadow:1px 1px #fff; padding:10px 15px; }
/* archive */
#archive-list { background:url(images/bg_comment_hr.gif) no-repeat bottom left; padding-bottom:5px; }
#archive h2 { font-size:45px; font-weight:normal; padding-left:20px; font-style:italic; background:url(images/hr.png) no-repeat bottom center; padding-bottom:30px; margin-bottom:25px; text-shadow:1px 1px #fff; }
#archive-list p { color:#d0ab99; font-style:italic; font-size:1.2em; width:175px; float:left; padding:5px 0 0 20px; text-align:right; margin-right:65px; }
#archive-list ul { margin:40px 0; }
#archive-list ul li { padding:15px 0; }
#archive-list a { font-size:2em; font-style:italic; line-height:1.2; display:inline-block; float:right; width:700px; }
/* search */
#search { padding-top:25px; }
#search label { float:left; width:240px; text-align:left; font-size:2em; font-style:italic; padding-left:20px; position:relative; top:18px; }
#search input { font:normal 1.2em Georgia, serif; background:#e2e3e3; border:none; padding:20px 15px; -moz-border-radius:8px; -webkit-border-radius:8px; width:520px; }
#search input:focus { background:#eff0f0; }
/* older posts */
#older-posts { overflow:hidden; padding:35px 0 0 20px; }
.older-post { float:left; width:280px; margin-right:33px; }
.older-post h2 { font-size:22px; font-style:italic; font-weight:normal; margin-bottom:5px; text-shadow:1px 1px #fff; }
.older-post time { font-size:12px; color:#d0ab99; padding-bottom:10px; display:block; }
.older-post p { color:#7e7e7e; font-size:14px; }
.older-post footer { text-align:right; padding-top:5px; }
.older-post footer a { font-style:italic; font-size:15px; }
#blog nav,#archive nav { padding:40px 0 0 20px; }
#blog nav h3,#archive nav h3 { font-size:48px; font-style:italic; font-weight:normal; color:#727272; margin-bottom:10px; }
#blog nav p,#archive nav p { font-size:30px; font-style:italic; padding-left:110px; color:#727272; }
/* twitter */
#twitter { width:930px; margin:50px auto 0; background:url(images/bg_twitter.png) no-repeat; height:120px; }
#twitter p { padding-left:145px; }
p#twitter-updates { font-size:12px; color:#787878; padding:25px 0 3px 145px; }
p#twitter-updates a { color:#33ccff; text-decoration:underline; }
p#hey-birdy-say-something { font-size:18px; font-style:italic; font-weight:bold; color:#717171; line-height:1.2; padding-right:20px; }
a.aktt_tweet_time { font-size:.5em; }
/* portfolio */
.portfolio { padding-bottom:25px!important; }
.portfolio h2 { color:#737272!important; }
.portfolio h3 { text-align:right!important; font-weight:normal!important; margin-right:20px!important; }
#matrix { width:895px; height:685px; margin-left:10px; padding-top:15px; }
#matrix ul { position:relative; width:895px; }
#matrix ul li { padding:10px; background:#e8e8e8; background:rgba(0,0,0,0.09); width:200px; margin:0 5px 5px 0; }
#matrix ul li:hover,#matrix ul li.said-thumb { background:url(images/bg_thumb_over.png) no-repeat; }
#matrix ul li.said { background:#e9f0e3; background:rgba(166,234,50,0.08); }
#matrix ul li.a2:hover,#matrix ul li.b1:hover,#matrix ul li.c2:hover { background:#e9f0e3; background:rgba(166,234,50,0.08)!important; }
#matrix ul li img { display:block; }
#matrix ul li p { color:#878787; font:normal 18px Georgia,serif; font-style:italic; line-height:1.6; height:260px; padding:20px 10px 25px; }
#matrix ul li p span { display:block; font-size:14px; color:#333; padding-top:5px; }
#a1 { position:absolute; top:0; left:0; }
#a2 { position:absolute; top:0; left:225px; }
#a3 { position:absolute; top:0; left:450px; height:305px; }
#a4 { position:absolute; top:0; left:675px; }
#b1 { position:absolute; top:165px; left:0; }
#b2 { position:absolute; top:165px; left:225px; }
#b3 { position:absolute; top:165px; left:675px; }
#c1 { position:absolute; top:330px; left:0; }
#c2 { position:absolute; top:330px; left:450px; }
#c3 { position:absolute; top:330px; left:675px; }
#d1 { position:absolute; top:495px; left:0; }
#d2 { position:absolute; top:495px; left:225px; }
#d3 { position:absolute; top:495px; left:450px; }
/* footer */
#footer-wrap { background:#2b2c2c; margin-top:-50px; padding:70px 0 0; }
#page-footer { width:920px; margin:0 auto; padding:0 15px; position:relative; }
#page-footer h4 { background:url(images/bg_underline.png) no-repeat bottom left; color:#f18f30; font-size:20px; font-weight:bold; font-style:italic; padding:0 0 15px; text-shadow:1px 1px #404040; }
#is { width:265px; float:left; margin-right:15px; }
#is p { font:normal 15px Helvetica, Arial, sans-serif; color:#f5f6f6; line-height:25px; padding:20px 20px 0 0; }
#flickr { width:285px; float:left; background:url(images/bg_flickr.gif) no-repeat 0 15px; padding:0 20px 0 43px; }
#flickr ul { margin-top:20px; }
#flickr ul li { float:left; margin:0 20px 20px 0; }
#flickr ul li a { border:solid 2px #fff; display:block; }
#flickr ul li a:hover { border:solid 2px #abe0e8; }
#flickr ul li img { display:block; }
#flickr ul li.last { margin-right:0!important; }
#latest-posts { width:270px; float:right; }
#latest-posts ul li { padding:15px 0 18px; background:url(images/bg_post.gif) repeat-x bottom; }
#latest-posts a { font-size:20px; font-style:italic; color:#bdecee; line-height:1; }
#latest-posts a span { display:block; font-size:12px; color:#c8c8c8; padding:5px 0 3px; }
p#more-posts { text-align:right; padding:5px 0; }
p#more-posts a { color:#fff; font-style:italic; font-size:12px; }
div#credits { clear:both; width:930px; background:url(images/bg_horizontal_line.gif) no-repeat 40px 10px; padding:40px 0 20px 110px; color:#fff; font:normal 12px Helvetica, Arial, Verdana, sans-serif; }
#sign { position:absolute; bottom:0; left:0; }
a#back-top { display:block; color:#fff; background:#d02a0a; position:absolute; right:15px; bottom:10px; padding:10px; text-align:center; font-size:14px; }