/*
Theme Name: Concrete
Theme URI: http://marekkaczkowski.com/
Description: The K2 theme that rocks.
Author: Marek Kaczkowski
Author URI: http://marekkaczkowski.com/
Template: K2
*/

body {background:transparent url(images/bg.jpg) no-repeat scroll center top;}
html {background:#fff url(images/bg2.jpg) repeat scroll center top;}
html,body,h1,h2,h3,h4,h5,ul,li,ol,blockquote,p {margin:0;padding:0;}
body,strong,em,b,i,h1,.blog-title,h2,h3,h4,h5,h6 {
color:#1a1a1a;
font-family:"Helvetica Neue", Helvetica, Arial, sans !important;
text-shadow:1px 1px 1px #fff;
}

a {color:#000;text-decoration:none;}
a:focus {outline:none;}
a:hover,a:visited:hover,#rollingarchives a:hover,#trimmertrim:hover,#trimmeruntrim:hover {text-decoration:none;}

#header {
background:transparent;
float:left;
height:80px;
margin:0;
overflow:hidden;
padding:0;
position:relative;
width:950px;
}

#page {
background:transparent;
border:none;
margin:0 auto;
padding-top:0;
width:950px;
}

#pagetrackwrap {
left:160px;
position:absolute;
top:20px;
width:230px;
}

#primary {
padding:0;
width:950px;
}

#rolldates {
color:#efefef;
font-size:.9em;
text-shadow:none;
}

#rollhome {
background:transparent url(images/house.png) no-repeat scroll center center;
display:block;
left:407px;
}

#rollingarchives {
display:block;
height:45px;
top:0;
width:950px;
}

#rollload {
background:transparent url(images/ajax-loader.gif) no-repeat scroll center center;
}

#rollnext,#rollprevious,.navigation a {
color:#1a1a1a;
font-size:1.3em;
font-weight:700;
}

#rollpages {
color:#1a1a1a;
font-size:1.3em;
font-weight:700;
left:70px;
}

#s {
background:transparent;
border:1px solid #efefef;
padding:3px;
position:relative;
width:60%;
z-index:2;
}

#s,#search-label.overlabel-apply {
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
font-size:1.1em;
line-height:15px;
width:190px;
}

#s:focus {
border-color:#1a1a1a;
}

#search-label.overlabel-apply {
background:none;
color:#1a1a1a;
cursor:text;
display:block;
padding:4px 5px;
position:absolute;
z-index:1;
}

#search-label.overlabel-apply.fade {
color:#efefef;
}

#search-label.overlabel-apply.hide {
text-indent:-1000px;
}

#searchload {
background:url('images/spinner.gif') center center no-repeat;
z-index:3;
}

#searchreset {
background:transparent url(images/reset-fff.png) no-repeat scroll center center;
display:block;
left:200px;
position:absolute;
top:3px;
z-index:4;
}

#searchreset,#searchload {
height:18px;
opacity:0;
position:absolute;
right:2px;
top:2px;
width:18px;
}

#searchsubmit {
float:right;
width:30%;
}

#texttrimmer {
color:#1a1a1a;
font-size:0.8em;
font-weight:700;
left:560px;
position:absolute;
top:1px;
}

#trimmerless,#trimmermore,#trimmertrim,#trimmeruntrim {
color:#1a1a1a;
cursor:pointer;
display:inline;
float:left;
text-align:left;
width:50px;
}

.blog-title {
background:transparent url(images/marek-kaczkowski-blog.png) no-repeat scroll left top;
float:left;
font-size:2em;
font-weight:700;
height:56px;
padding:0;
width:360px;
}

.blog-title a {
display:block;
height:56px;
text-indent:-1000px;
width:360px;
}

.columns-one #page {
width:950px;
}

.columns-one .secondary {
border-top:none;
width:435px;
}

.comment-content p,.comment-content ul,.comment-content ol,.comment-content div,.comment-content blockquote,.entry-content p,.entry-content ul,.entry-content ol,.entry-content div,.entry-content blockquote {
margin:0 0 10px;
}

.content {
padding:0;
}

.entry-content .about {
margin:20px auto;
padding:20px 30px;
width:600px;
}

.entry-content .landscape {
margin:0 auto 5px;
width:905px;
}

.entry-content .portrait {
margin:0 auto 5px;
width:450px;
}

.entry-content a:visited,#leavecomment,.comments #loading,#comments-closed-msg {
color:#444;
}

.entry-head {
margin:10px 0 10px 0;
}

.entry-head .entry-edit {
right:135px;
}

.entry-meta,entry-meta a,.comment-meta a,.entry-date,.entry-time,.entry-meta a,.comment-meta a,.entry-date,.entry-time {
color:#1a1a1a;
font-size:1em;
line-height:1.6em;
}

.entry-title {
color:#1A1A1A;
font-size:1.7em;
font-weight:700;
}

.entry-title a,.entry-title a:hover {
background:none;
display:block;
text-decoration:none;
}

.entry-title,.entry-title a,.entry-title a:visited,h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited,h4,h4 a,h4 a:visited {
color:#1a1a1a;
}

.landscape .picShadow {
background:transparent url(files/landscape-shadow.png) no-repeat center bottom;
width:640px;
}

.landscape .picShadow,.portrait .picShadow {
bottom:-24px;
display:block;
float:left;
height:44px;
left:0;
position:absolute;
}

.landscape,.portrait {
background-color:#fff;
border:1px solid #85878c;
clear:both;
display:block;
font-family:"Times New Roman", Georgia, sans-serif;
font-size:15px;
line-height:20px;
margin:0 0 45px;
padding:20px;
position:relative;
}

.leave-a-reply {
display:inline;
font-size:1.3em;
font-weight:700;
position:absolute;
right:0;
top:7px;
}

.livesearch #s {
padding-right:20px;
width:175px;
}

.portrait .picShadow {
background:transparent url(files/portrait-shadow.png) no-repeat center bottom;
width:440px;
}

.widget_search {
margin-top:20px !important;
}

body.columns-three #search-label.overlabel-apply {
width:165px;
}

body.columns-three .livesearch #s {
width:150px;
}

body.smartposition #rollingarchives {
background:transparent url(images/bg2.jpg) no-repeat scroll center top;
border:none;
position:fixed;
z-index:50;
}

div.trimmed .hentry {
background:none;
}

div.trimmed .hentry.alt {
background:transparent;
}

h4 {
font-size:1.5em;
font-weight:700;
}

input[type=text],textarea {
color:#1a1a1a;
margin:0;
padding:1px;
}

p.description,#search h4,.widget_search h4,#search-label {
display:none;
}

ul.menu {
margin:0;
}

ul.menu li a {
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
color:#1a1a1a;
display:block;
font-size:1em;
padding:5px 15px;
}

ul.menu li a:hover {
background:#efefef;
color:#1a1a1a;
text-decoration:none;
}

/* CSS3 */
/*
ZURB
http://www.zurb.com/
Super Awesome Buttons with CSS3 and RGBA
*/
.awesome,.awesome:visited {
-moz-border-radius:5px;
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
-webkit-border-radius:5px;
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
background:#222 url(images/alert-overlay.png) repeat-x;
border-bottom:1px solid rgba(0,0,0,0.25);
color:#fff;
cursor:pointer;
display:inline-block;
padding:5px 10px 6px;
position:relative;
text-decoration:none;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
}
.awesome:hover{background-color:#111;color:#fff;}
.awesome:active{top:1px;}
.small.awesome,.small.awesome:visited{font-size:11px;}
.awesome,.awesome:visited,.medium.awesome,.medium.awesome:visited{font-size:13px;font-weight:700;line-height:1;text-shadow:0 -1px 1px rgba(0,0,0,0.25);}
.large.awesome,.large.awesome:visited{font-size:14px;padding:8px 14px 9px;}
.green.awesome,.green.awesome:visited{background-color:#91bd09;}
.green.awesome:hover{background-color:#749a02;}
.blue.awesome,.blue.awesome:visited{background-color:#2daebf;}
.blue.awesome:hover{background-color:#007d9a;}
.red.awesome,.red.awesome:visited{background-color:#e33100;}
.red.awesome:hover{background-color:#872300;}
.magenta.awesome,.magenta.awesome:visited{background-color:#a9014b;}
.magenta.awesome:hover{background-color:#630030;}
.orange.awesome,.orange.awesome:visited{background-color:#ff5c00;}
.orange.awesome:hover{background-color:#d45500;}
.yellow.awesome,.yellow.awesome:visited{background-color:#ffb515;}
.yellow.awesome:hover{background-color:#fc9200;}
.k2.awesome,.yellow.awesome:visited{background-color:#222;}
.k2.awesome:hover{background-color:#111;}

/**/
#commentlist .avatar,#commentlist .gravatar {
float:left;
margin-right:5px;
}

#commentlist .comment-author {
float:right;
}

#commentlist li {
clear:both;
margin:40px 0;
}

#commentlist li .comment-content {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:0;
-moz-border-radius-topright:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
-webkit-border-top-left-radius:0;
-webkit-border-top-right-radius:10px;
/*iPhone background:#b2de55;*/
background:#efefef;
border-radius:10px;
display:block;
float:left;
margin:0 0 0 5px;
overflow:hidden;
padding:10px 20px;
position:relative;
width:500px;
}

#commentlist li .comment-head {
display:block;
float:left;
margin-right:5px;
overflow:hidden;
position:relative;
text-align:right;
width:175px;
}

#commentlist li .comment-edit {
float:left;
display:block;
margin:2px 0 0 5px;
}

#commentlist li .comment-meta {
clear:right;
float:right;
margin:0;
padding:0;
}

.comments h4 {
display:none;
text-align:center;
}

.comments .navigation {
clear:both;
}

.comments .metalinks {
display:none;
text-align:center;
}