body {max-width:120em;}
html {min-width:50em;}
@media screen and (max-width:1680px)
{
	html {min-width:40em;}
	body {max-width:1680px;border:0}
}
@media screen and (min-width:1680px)
{
	body {max-width:110em;border:solid #6d6d6d;border-width:0 3px;}
}

@media screen and (min-width:1250px)
{
	#projekty li {width:47%;float:right;margin-right: 3% !important}
	#projekty li:first-child, #projekty li:first-child + li + li + li  {float:left;}
}
#header:after {content:"";position:absolute;top:0;bottom:40px;right:0;width:39%;background:#bbb;}

blockquote a {font-weight:normal}

#header {border-left:0;}
#header h1 {left:0; padding-left:2%; padding-right:39%}
#header .skiplink a {left:0;}
#menu img {left:101%;}

#content {border-left:0;background:#eee;min-height:20em;padding:40px 0 0;}

#articles ul,
#articles li,
#polecam ul,
#projekty ul
{margin:0;padding:0;list-style:none;}


#projekty li,
#polecam li
{
	margin:0 0 0.5em; line-height:1.2; padding:0;
}
#polecam li {margin-bottom:0.3em}

#articles ul {margin-bottom:20px; border-bottom:1px solid #f6f6f6;}
#articles li {padding-bottom:5px; border-bottom:1px solid #cfcfcf; border-top:1px solid #f6f6f6;}
#articles li.hover {cursor:pointer}
#articles li a {display:block;padding-top:3px;padding-bottom:3px;margin-bottom:-2px;}
#articles li a:hover, #articles li.hover a:first-child {margin-left:-5px;padding-left:5px;background:black;color:white;border-top-color:black !important;text-decoration:none}
#articles li a + a{margin-top:3px;border-top:1px dashed #d6d6d6; }

#articles li:first-child {border-top:0}
#articles li:first-child a:first-child {margin-top:-3px;}


h2[id]:hover:after, h2[id]:focus:after,
h3[id]:hover:after, h3[id]:focus:after,
h4[id]:hover:after, h4[id]:focus:after {content:normal}

h2 a {color:inherit;text-decoration:none;}
h2 a:hover {text-decoration:underline;}

h2 a:after {content:"\bb";margin-left:0.2em;font-weight:normal;vertical-align:-10%; font-size:0.9em; line-height:0.8; color:#00a}
h2 a:visited:after {color:purple}

#projekty p,#polecam p,#articles p {margin-top:0}
#projekty h2,#polecam h2,#articles h2 {margin: 0;}

#wstep {float:left; width:57%;padding:15px 1% 0 2%;}
#wstep h2 {display:none;}
#wstep h2 + p {margin-top:0;} /* margin-right:150px;} */


#znaczki {text-align:right; width:135px; white-space:nowrap; overflow:hidden; position:absolute;top:240px;right:40%;margin-right:20px;height:2.5em;overflow:hidden;}
#znaczki p {margin:0}
#znaczki img {max-height:2.5em;vertical-align:top}


#articles {width:27%;margin:0 1% 0 2%;float:left;}
#projekty,#polecam {width:29%;margin:0 1% 0 0;float:right;}

/* atom */
#kolumny {position:relative}
#kolumny > p > a {white-space:nowrap;text-decoration:none; color:black; background:#eee;position:absolute; top:-40px;left:0; margin:0; padding:0 5%; height:40px; font-size:20px; line-height:40px;}
#kolumny > p > a:before {content:url(/feed.png);opacity:0.8;margin-right:0.3em}
#kolumny > p > a:hover {color:white;background:black}
#kolumny > div > p {display:none}

#projekty {margin-right:0;width:30%}

#projekty li a:first-child {text-decoration:none;}

#polecam li {list-style:disc;margin-left:0.8em;}

#kolumny > * {margin-left: 5%; margin-right:3%;}
#kolumny div h2 {display:none} /*temp*/

#kolumny {font-size:0.9em;background:#e0e0e0;margin-top:-40px;margin-right:0px;float:right; width:39%; padding:15px 0 20px;border-top:40px #f0f0f0 solid;}

h2:first-child {margin-top:0;}


#kolumny > div > ul {padding:0;margin:0 0 30px;list-style:none;  border-bottom:1px solid #e6e6e6;}
#kolumny > div > ul > li {overflow:hidden;padding:10px 0;margin:0;border-bottom:1px solid #ccc; border-top:1px solid #e6e6e6;}
#kolumny > div > ul > li:first-child {padding-top:0; border-top:0}

#kolumny > div > ul {margin:0 0 8px; overflow:auto}

#menu {left:0;right:39%;width:auto;margin:0;padding:0;min-width:4.2em;}
#menu a {float:right;}
#menu li:first-child a {background:white;color:black; width:auto;}

#menu a[href="/"] {display:none}
/*
 .twitter {
    margin:0;
    border:0;
    padding:0;
    overflow:hidden;
    font-size:0.95em;
}
.twitter a:last-child::before {content:" via ";}
.twitter a:first-child {float:left;}
.twitter a:first-child::before {content:"Twitter"; display:block; color:#bbb}
.twitter a:not(:hover) {color:inherit; text-decoration:inherit}
.twitter a[href$="yql/"] {color:#bbb;font-size:0.7em;float:right} 
*/
/*


#header {border-left:0 !important;}
#header a {width:39%;right:0;left:auto}


#header h1 {left:0!important;padding:0 1%0 2%;right:39%;}


*/