/*
Theme Name: maxdemage.pl
Theme URI: http://maxdemage.pl/
Description: Temat specjalnie dla - maxdemage.pl
Author: Łukasz Gawroński
Author URI: http://maxdemage.pl
Tags: dark, typography
Text Domain: maxdemage

*/


/*Tutaj zastosowałem reset style, ale lekko przerobiony - lubie reset style. Są fajne ;)*/  
/*This is a reset style, but a little bit modificated - I really like reset styles. They're great! ;)*/  
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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
	color:#dddddd;
	text-decoration:none;
}
body {	line-height: 1;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}

a {
-webkit-transition-property: color;
-webkit-transition-duration:.3s;
-webkit-transition-timing:ease-out;
}


/*----------------*/   
body{background-color:#232323;margin:0px;padding:0px;color:#dddddd;font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}

/*body{background-image:url('http://maxdemage.pl/wp-content/uploads/2010/06/327716.jpg');}*/
ul#main_menu{margin:0px 0px 5px 20px;}
ul#main_menu li{display:inline-block;margin:0px 5px 0px 5px;}
ul#main_menu li a{display:block;padding:25px 8px 8px 8px;font-variant:small-caps;}
ul#main_menu li a:hover{background-color:rgba(255,255,255,0.1);-moz-border-radius:0px 0px 3px 3px;border-radius:0px 0px 3px 3px;text-decoration:underline;text-shadow:#aaaaaa 0px 0px 20px;}
ul#main_menu li a:active{text-shadow:#aaaaaa 0px 0px 3px;}   

div#main_info{font-variant:small-caps;text-align:right;position:absolute; top:50%;right:30%;}
div#main_info p{letter-spacing:1px;font-size:14pt;}
div#main_info h1{letter-spacing:1px;font-size:52pt;line-height:40pt;text-shadow:#ccffff 0px 0px 80px;}
div#main_info h1 span{display:block;}

/* Trick na prawy obrazek jest banalnie łatwy... banalnie */   
/* Right Image trick is easy... like, totaly easy */   
div#right_image{height:100%;width:25%;float:right;overflow:hidden;}    
div#right_image img{height:100%;}

div#copy{position:fixed;bottom:0px;left:0px;margin:1px;padding:7px;background-color:#222222;}
div#copy p{color:#444444;font-size:9pt;line-height:12pt;}

span#home{background-image:url('bg.png');height:12px;width:12px;margin-right:3px;display:inline-block;background-position:0 -113px;}
span#foolio{background-image:url('bg.png');height:12px;width:12px;margin-right:3px;display:inline-block;background-position:-210px -129px;}
span#contact{background-image:url('bg.png');height:13px;width:12px;margin-right:3px;display:inline-block;background-position:-82px -96px;}
span#blag{background-image:url('bg.png');height:13px;width:12px;margin-right:3px;display:inline-block;background-position:-67px -96px;}
span#about{background-image:url('bg.png');height:13px;width:12px;margin-right:3px;display:inline-block;background-position:-146px -96px;}

.switch_on{text-shadow:yellow 0px 0px 3px;}

   
div#aboutme_info{font-variant:small-caps;text-align:justify;position:absolute; top:25%;right:30%;width:550px}   
div#aboutme_info p{line-height:16pt;margin-top:0px;letter-spacing:1px}   
div#aboutme_info p.aboutme_text{line-height:18pt;margin-bottom:15px;text-shadow:none;}
div#aboutme_info p span{font-weight:bolder;letter-spacing:1px;display:inline-block;margin-left:15px;text-shadow:#ccffff 10px 0px 20px;}   




div#blag_info{width:600px;margin:10px auto 100px;padding:10px;}
div#blag_info h1{font-size:20pt;text-shadow:#ccffff 0px 0px 20px;font-variant:small-caps;}
div#blag_info .onepost{margin-bottom:30px;margin-top:50px;}
div#blag_info .content{margin:5px 5px 5px 20px;text-align:justify;line-height:14pt;}
div#blag_info .content p{text-indent:10px;margin-top:10px;}
div#blag_info .meta_up, div#blag_info .meta_down{font-size:9pt;margin-top:10px;}

#content{
width:600px;margin:10px auto 100px;padding:10px;
}

#blag_info a {display:inline-block;padding:0px;}
#blag_info a:hover{background-color:rgba(255,255,255,0.1);-moz-border-radius:3px;border-radius:3px;text-decoration:underline;text-shadow:#aaaaaa 0px 0px 20px;}


div#contact_info{font-variant:small-caps;text-align:right;position:absolute; top:25%;right:30%;}
div#contact_info p{font-size:16pt;line-height:20pt;}
div#contact_info p span{display:inline-block;padding:0px 5px;line-height:16pt;font-variant:normal;font-size:12pt; -moz-border-radius:3px;border-radius:3px;background-color:rgba(255,255,255,0.1)}


div#contact_form{font-variant:small-caps;text-align:right;position:absolute; top:50%;right:30%;}
div#contact_form h2{letter-spacing:1px;text-shadow:#ccffff 0px 0px 20px;}
div#contact_form input,div#contact_form textarea{display:block;font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
div#contact_form input{width:250px;padding:5px 5px;margin:3px;background-color:rgba(255,255,255,0.1);border:1px solid silver;color:#dddddd;-moz-border-radius:3px;border-radius:3px;background-image:url('gloss.png');background-position:bottom}
div#contact_form input[type=text]{width:250px;padding:5px 5px;margin:3px;background-color:rgba(255,255,255,0.1);border:1px solid silver;color:#dddddd;-moz-border-radius:3px;border-radius:3px;background-image:url('gloss.png');background-position:bottom}
div#contact_form textarea{height:100px;width:250px;padding:5px 5px;margin:3px;background-color:#2A2A2A;border:1px solid silver;color:#dddddd;-moz-border-radius:3px;border-radius:3px;background-image:url('gloss.png');background-position:bottom;background-repeat:repeat-x;}
div#contact_form input[type=submit]{width:250px;padding:5px 5px;margin:3px;background-color:rgba(255,255,255,0.1);border:1px solid silver;color:#dddddd;-moz-border-radius:3px;border-radius:3px;background-image:url('dot.png');background-position:bottom}
  
#sidebar{position:fixed;right:0px;bottom:0px;background-color:#222222;padding:5px;-moz-border-radius:3px;border-radius:3px;}
#sidebar>ul>li{display:inline-block;vertical-align:top;margin-right:5px;}
#sidebar>ul>li h2{font-size:10pt;text-shadow:#ccffff 0px 0px 30px;margin-bottom:3px;}
#sidebar>ul>li a:hover{background-color:rgba(255,255,255,0.1);text-decoration:underline;}
#sidebar>ul>li select{border:0px; background-color:rgba(255,255,255,0.1);color:white;padding:3px;}

#pfoolio_wraper{overflow: hidden; font-variant: small-caps; text-align: right; position: absolute; top: 25%; right: 30%; vertical-align: top; height: 70%; padding: 10px;}
#pfoolio_info{width:500px;margin-top: 0px; float: right;}
.one_fool p{line-height:14pt;margin-bottom:7pt;text-align:left;}
.one_fool p a{display:inline-block;border-bottom:1px dashed silver;}
.one_fool p a:hover{display:inline-block;border-bottom:1px solid silver;text-shadow:yellow 0px 0px 5px;}
.meta{margin-bottom:20px;font-size:9pt;lineheight:11pt;}
.foolio_img {margin-top:5px;}   
.foolio_img span{display:inline-block;position:relative;margin-left:5px;border:2px solid silver;border-radius:3px;}   
.foolio_img span:hover{border:2px solid grey; }
.foolio_img span strong{display:block;position:absolute;bottom:0px;left:0px;width:100%;text-align:center;padding:5px 0px;background-color:rgba(0,0,0,0.5)}

div#wraper div.one_fool p{text-align:justify; letter-spacing:1px}
div#wraper div.one_fool p.meta{text-align:right;}

#foolio_list li{padding:5px 5px 5px 10px;margin:10px 0px 0px 0px;background-color:rgba(0,0,0,0.7)}


.commentlist .comment{
 margin:10px 5px;
 padding:7px 80px 10px 13px;
 border:1px solid silver;
 border-radius:20px 0px 80px 0px;
}

.comment-author{font-size:13pt;line-height:22pt;}
.comment-author .avatar{float:right;margin:5px;}
.comment-meta a{font-size:10pt;margin-bottom:5px;color:grey;}