/*
Theme Name: Alpha Theme
Theme URI: http://mr-mushroom.com
Description: My first personal blog Wordpress theme. Developed from <a href="http://elliotjaystocks.com">Starkers</a> theme.
Version: 1.0
Author: Piotr 'mushroom' Grzyb
Author URI: http://mr-mushroom.com
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

/* GENERAL */
/* ----------------------------------------- */
body { background:#f1f1f1 url(img/body-title.png) top center scroll no-repeat; color:#333333; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-shadow: 0px 1px 1px rgba(100,100,100,0.3); }
h2 a { font-weight:bold; font-size:24px; }
a { color:#d82424; text-decoration:none; }
a:hover { border-bottom:1px solid; }
a:active { color:#d82424; outline: 0; position: relative; top: 1px; }
a.no-hover:hover { border-bottom:none; }
hr.hr { clear:both; border:none; height:1px; background:#999; margin-bottom:30px; }

/* HEADER */
/* ----------------------------------------- */
#logo { margin:15px 10px 30px; font-family: 'Nobile', arial, serif; font-size: 70px; }
#logo a { /*background:transparent url(img/mushroom.png) 0 0 no-repeat scroll;*/ width:400px; height:61px; display:block; /*text-indent:-999999px; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;*/ text-shadow: 1px 1px 2px #000; filter: dropshadow(color=#000, offx=1, offy=1); }
#logo a:hover { border-bottom:none; /*background:transparent url(img/mushroom.png) 0 -61px no-repeat scroll;*/ }
#top-body-bar { width:100%; height:15px; background:rgba(0,0,0,0.3); position:fixed; top:0px; left:0px; display:block; z-index:9999; }

/* NAV */
/* ----------------------------------------- */
nav { margin-top:40px; }
nav ul { float:right; display:block; }
nav ul li { float:left; display:inline; margin-left:10px; }
nav ul li a { padding:20px 10px; display:block; background:rgba(0,0,0,0.05); -khtml-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
nav ul li a:hover, nav ul li.active a { background:rgba(0,0,0,0.3); border-bottom:none; }

/* CONTENT */
/* ----------------------------------------- */
.ico, .box { margin-bottom:30px; }
.box { background:#FFF; -khtml-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; padding:30px; position:relative; overflow:visible; }/* to compensate padding grids are set -1 */
.box:hover { -moz-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; -webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; }
.ico { text-indent:-999999px; height:100px; display:block; }
#tweet-ico { background:url(http://img.mr-mushroom.com/mushroom-icons.png) -20px -20px no-repeat scroll; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
#post-ico { background:url(http://img.mr-mushroom.com/mushroom-icons.png) -300px -300px no-repeat scroll; }
#flickr-ico { background:url(http://img.mr-mushroom.com/mushroom-icons.png) -160px -300px no-repeat scroll; }
#delicious-ico { background:url(http://img.mr-mushroom.com/mushroom-icons.png) -20px -300px no-repeat scroll; }
#tweet-ico:hover { background:url(http://img.mr-mushroom.com/mushroom-icons-hover.png) -20px -20px no-repeat scroll; }
#post-ico:hover { background:url(http://img.mr-mushroom.com/mushroom-icons-hover.png) -300px -300px no-repeat scroll; }
#flickr-ico:hover { background:url(http://img.mr-mushroom.com/mushroom-icons-hover.png) -160px -300px no-repeat scroll; }
#delicious-ico:hover { background:url(http://img.mr-mushroom.com/mushroom-icons-hover.png) -20px -300px no-repeat scroll; }
#flickr img { margin-right:1px; }
#about-foto { background:url(img/about-foto.jpg) 0 0 scroll no-repeat; width:280px; height:280px; }
#about-foto:hover { background:url(img/about-foto.jpg) 0 -280px scroll no-repeat; }

.post img.alignnone { margin:15px 0px; }

/* BLOG */
/* ----------------------------------------- */
h3.year-title { font-size:50px; }
#post-meta { background:rgba(0,0,0,0.05); -khtml-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin:0 0 15px; padding:7px 10px; position:relative; }
#post-meta:hover { background:rgba(0,0,0,0.3); }
.post img { float:left; clear:right; display:block; margin:15px 10px; }
.post h2 { margin-bottom:20px; }
.post p, .post ul { margin-bottom:10px; }
.post ul li { list-style-type:circle; list-style-position:outside; margin:0 0 0 20px; }
.PDS_Poll a:hover { border-bottom:none; }

/* COMMENTS */
/* ----------------------------------------- */
ol#comments li { padding:15px; margin:15px 0; position:relative; min-height:80px; background:rgba(0,0,0,0.02); -khtml-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
ol#comments li:hover { background:rgba(0,0,0,0.1); }
ol#comments li.even {}
ol#comments li.odd {}
.avatar { float:left; }
.comment-meta, .comment-text { margin-left:95px; }
#commentform #author, #commentform #email, #commentform #url { width:252px; background:rgba(0,0,0,0.03); border:4px solid rgba(0,0,0,0.1); -khtml-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin:0 15px 15px 0; padding:7px 10px; font-family:"Courier New", Courier, monospace; font-size:18px; }
textarea#comment { width:852px; background:rgba(0,0,0,0.03); border:4px solid rgba(0,0,0,0.1); -khtml-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin:0 0 15px 0; padding:7px 10px; font-size:18px; }
#commentform #author:focus, #commentform #email:focus, #commentform #url:focus, textarea#comment:focus, button#sub:hover { background:#FFF; }
button#sub { width:100%; background:rgba(0,0,0,0.03); border:4px solid rgba(0,0,0,0.1); -khtml-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding:7px 10px; font-size:18px; font-weight:bold; }
button#sub:active { border:4px solid rgba(0,0,0,0.3); }

/* DATE */
/* ----------------------------------------- */
time { position:absolute; float:right; top:9px; right:15px; width:50px; height:50px; }
.month, .day, .year { position:absolute; text-indent:-1000em; background-image:url(img/date.png); background-repeat:no-repeat; }
.month { top: 2px; left: 0; width: 32px; height: 24px;}
.day { top: 25px; left: 0; width: 32px; height: 25px;}
.year { bottom: 0; right: 0; width: 17px; height: 48px;}
.m-01{background-position:0 4px}.m-02{background-position:0 -28px}.m-03{background-position:0 -57px}.m-04{background-position:0 -90px}.m-05{background-position:0 -121px}.m-06{background-position:0 -155px}.m-07{background-position:0 -180px}.m-08{background-position:0 -216px}.m-09{background-position:0 -246px}.m-10{background-position:0 -273px}.m-11{background-position:0 -309px}.m-12{background-position:0 -340px}.d-01{background-position: -50px 0}.d-02{background-position: -50px -31px}.d-03{background-position: -50px -62px}.d-04{background-position: -50px -92px}.d-05{background-position: -50px -123px}.d-06{background-position: -50px -154px}.d-07{background-position: -50px -185px}.d-08{background-position: -50px -216px}.d-09{background-position: -50px -248px}.d-10{background-position: -50px -278px}.d-11{background-position: -50px -309px}.d-12{background-position: -50px -340px}.d-13{background-position: -50px -371px}.d-14{background-position: -50px -402px}.d-15{background-position: -50px -434px}.d-16{background-position: -50px -465px}.d-17{background-position: -100px 0}.d-18{background-position: -100px -31px}.d-19{background-position: -100px -62px}.d-20{background-position: -100px -92px}.d-21{background-position: -100px -123px}.d-22{background-position: -100px -154px}.d-23{background-position: -100px -185px}.d-24{background-position: -100px -216px}.d-25{background-position: -100px -248px}.d-26{background-position: -100px -278px}.d-27{background-position: -100px -309px}.d-28{background-position: -100px -340px}.d-29{background-position: -100px -371px}.d-30{background-position: -100px -402px}.d-31{background-position: -100px -434px}.y-2006{background-position: -150px 0}.y-2007{background-position: -150px -50px}.y-2008{background-position: -150px -100px}.y-2009{background-position: -150px -150px}.y-2010{background-position: -150px -200px}.y-2011{background-position: -150px -250px}.y-2012{background-position: -150px -300px}.y-2013{background-position: -150px -350px}.y-2014{background-position: -150px -400px}.y-2015{background-position: -150px -450px}.y-2016{background-position: -150px -500px}

/* PORTFOLIO */
/* ----------------------------------------- */
.portfolio-item {}
.portfolio-item p a { width:880px; height:300px; display:block; overflow:hidden; position:relative; }
.portfolio-item a span { display:block; position:absolute; padding:10px; top:300px; width:860px; background:rgba(0,0,0,0.3); -khtml-border-radius-topleft: 5px;
	-khtml-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px; }
.portfolio-item p a.post-edit-link { display:inline; }
.portfolio-item p a:hover { border-bottom:none; }
.portfolio-item p a img { position:absolute; top:0; left:0; border:none !important; }

/* FOOTER */
/* ----------------------------------------- */
footer { width:100%; background:rgba(0,0,0,0.3); -moz-box-shadow: rgba(0,0,0,0.4) 0 -1px 3px; -webkit-box-shadow: rgba(0,0,0,0.4) 0 -1px 3px; border-top:1px solid #FFF; display:block; padding:30px 0px; }
#links, #comments, #meta { margin-bottom:30px; }

/* SCROLLBAR */
/* ----------------------------------------- */
html { overflow-y: auto; background-color: transparent; }
@media only screen and (max-device-width:480px) { html { overflow: auto; } }
body { position: absolute; top: 0; left: 0; bottom: 0; right: 10px; overflow-y: scroll; overflow-x: hidden; }
::-webkit-scrollbar { width: 10px; height: 6px; background-color: transparent; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { height: 30px; display: block; background-color: transparent; }
::-webkit-scrollbar-track-piece { background-color: #3b3b3b; -webkit-border-radius: 6px; }
::-webkit-scrollbar-thumb:vertical { height: 50px; background-color: #666; -webkit-border-radius: 6px; }
::-webkit-scrollbar-thumb:horizontal { width: 50px; background-color: #666; -webkit-border-radius: 3px; }

/* 960.gs */
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix{height:1%}