/**
 * blog.shpyo.org
 *
 * @author Piotr Cichosz aka shpyo
 * @version 1.00 2008/07/14
 */

body,html {
	font: normal 12px tahoma, Helvetica, Geneva, sans-serif;
	background: #000 url(../img/bg.jpg) center -80px no-repeat;
	color: #000;
	margin: 0;
}

/******************************************************************
 * global styles
 */

*:focus { outline: none; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: 0; }
input, textarea { color: #666;  border: solid 1px #ccc; padding: 2px; font: normal 12px tahoma, Helvetica, Geneva, sans-serif; }
input.submit { cursor: pointer; border: 0; color: #000; font-weight: bold; background: transparent; }

hr { clear: both; }

.clearUl { margin: 0; padding: 0; list-style: none; }
.clear { clear: both; }
.r { float: right; }
.l { float: left; }
.c { text-align: center; }
.ri { text-align: right; }
.j { text-align: justify; }
.hide { display: none; }

.sourceCode { padding: 0 30px; border-left: solid 4px #dedede; }
code { background: #e9e8d3; border: solid 1px #d8d6b7; padding: 3px 2px; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 5px 0; }

.codeSource {
	padding: 0 20px;
	border-left: solid 5px #dedede;
	margin: 10px;
}

p.i3000 { text-indent: -3000em; }
p.i300 { text-indent: -300em; }
p.i30 { text-indent: -30em; }

.bnm_row { text-align: center; }

.attention { border-top: solid 1px #f00;border-bottom: solid 1px #f00;background: #ffc0cb; padding: 10px; }

.admin-comment { background: #f3f3f3; }
.admin-comment a { color: #f00; }

p.autor-blurank {
	background: #f3f3f3 url(../images/autorzy/bluerank.jpg) 10px no-repeat;
	border-top: solid 1px #d3d3d3;
	border-bottom: solid 1px #d3d3d3;
	padding-left: 120px;
}

#msg { border: solid 1px #66c1ff; background: #c8eaff url(../images/info.gif) 5px 12px no-repeat; }
#msg p { font-size: 14px; margin: 0; padding: 13px 0 13px 40px;}

#commentsForm p { clear: both; overflow: hidden; padding: 2px 45px; }
#commentsForm p label { float: left; display: block; width: 100px; }
#commentsForm p input.text, #commentsForm p textarea.text { float: right; width: 430px; }
#commentsForm p textarea.text { height: 100px; }
#commentsForm p.tip { clear: both; padding: 0 0 0 150px; font-size: 10px; }

/******************************************************************
 *  infoBox
 */
#infoBox { color: #fff; background: #1c3c63; }
#infoBox div.wrapper { width: 950px; margin: auto; overflow: hidden; background: none; border: 0; }
#infoBox div.wrapper span { float: left; color: #78a9bb; }
#infoBox div.wrapper ul { float: right; }
#infoBox div.wrapper ul li { display: inline; padding: 0 8px; }
#infoBox div.wrapper ul li a { color: #78a9bb; }
#infoBox div.wrapper ul li a:hover { color: #a4cede; }

/******************************************************************
 *  mainBox
 */
#mainBox { width: 950px; overflow: auto; margin: auto; }
#topBox { height: 120px; position: relative; }
#topBox img.logo { position: absolute; top: 35px; left: 20px; }
#topBox p { color: #fff; margin: 0; padding: 0; position: absolute; top: 42px; left: 80px; }
#topBox p strong { display: block; }

div.wrapper { padding: 5px; background: #fff; overflow: hidden; border-top: solid 2px #78a9bb; height: 1%; }

#menuBox { float: left; width: 300px; padding: 2px; }
#menuBox h3 { font-size: 16px; padding: 1px 0; margin: 0; }
#menuBox ul { background: #f3f3f3; }
#menuBox ul li { padding: 5px 2px; margin: 0 15px; border-top: solid 1px #fff; border-bottom: solid 1px #e4e4e4; }
#menuBox ul li.last { border: 0; }
#menuBox ul li a { color: #00d; }
#menuBox ul li span { display: block; font-size: 10px; padding: 0 0 0 10px; }
#menuBox ul li.selected { color: #1c3c63; }
#menuBox ul li.selected a { color: #1c3c63; }

#menuBox .friends ul { margin: 0; padding: 0 !important; background: none !important; list-style: none; }
#menuBox .friends ul li { margin: 0; padding: 3px 20px; }

#contentBox { line-height: 180%; float: right; width: 630px; height: 1%; }
#pathBox { color: #1c3c63; font-size: 10px; margin: 0; padding: 5px 0; border-bottom: solid 1px #e2e2e2; }
#pathBox a { color: #1c3c63; text-decoration: underline; }

#recommendedNews { overflow: hidden; height: 110px; }
#recommendedNews li { width: 220px; float: left; background: #333; height: 110px; position: relative; }
#recommendedNews li.mid { margin: 0 1px; width: 218px; }
#recommendedNews li a { display: block; padding: 5px; background: #000; color: #fff; position: absolute; bottom: 0; width: 210px; opacity:0.80; filter:alpha(opacity=80); -moz-opacity: 0.80; }
#recommendedNews li.mid a { width: 208px; }
#recommendedNews li.r1 { background: url(../img/r1.jpg) center; }
#recommendedNews li.r2 { background: url(../img/r2.jpg) center; }
#recommendedNews li.r3 { background: url(../img/r3.jpg) center; }

#contentBox h1, h2, h3 { margin: 10px 0; padding: 0; position: relative; clear: both; }
#contentBox h1 { line-height: 100%; font: normal 32px Georgia, Helvetica, Geneva, sans-serif; border-bottom: solid 1px #f3f3f3; padding-bottom: 10px; }
#contentBox h1 a, #contentBox h2 a { color: #1c3c63; }
#contentBox h1 span, #contentBox h2 span { display: block; font-weight: normal; font-size: 12px; padding: 0; margin: 0; color: #aaa; }
#contentBox h1 span a { color: #aaa; }
#contentBox h2 { font: bold 22px Georgia, Helvetica, Geneva, sans-serif; padding: 10px 30px 10px 0; border-bottom: solid 1px #f3f3f3; }
#contentBox h2 span.comments { position: absolute; right: 0; top: 20px; display: block; background: url(../images/kom.gif) left top no-repeat; width: 13px; padding: 0 0 0 20px; height: 20px; text-align: left; color: #000; font-weight: bold; }
#contentBox h3 { font-size: 12px; padding: 0 0 15px 0; }
#contentBox blockquote { padding: 10px; color: #666; font-style: italic; }
#contentBox p a { color: #00d; }
#contentBox div.comments { border-top: solid 1px #eee; overflow: auto; padding: 10px 3px; }
#contentBox div.comments span { float: left; width: 120px; font-size: 10px; }
#contentBox div.comments span a { font-size: 12px; display: block; font-weight: bold; }
#contentBox div.comments p { float: right; width: 500px; margin: 0; }

#footerBox { padding: 10px 0; font-size: 10px; color: #fff; }
#footerBox ul li { margin: 0 10px; padding: 3px 0; }
#footerBox ul li a { color: #fff; }