/*
 * Nerdblog.pl
 * 
 * by Michał "D4rky" Matyas < d4nerd@gmail.com >
 *
 * Everything on this site is under CC BY-NC 3.0 License unless it's stated otherwise
 *
 */

/* No, it's bandwidth saving, not obfuscation */
* { padding: 0; margin: 0; }
html { background: #22771e url('grass.jpg') 0 215px; font-family: "Verdana", "Lucida Unicode Sans", "Liberation Sans", sans-serif; }
body { background: url('top.jpg') 50% 0 no-repeat; }
a { color: #209dff; text-decoration: none; }
a:hover { color: #10370e; }
h1 { width: 100%; height: 215px; }
h1 a { width: 100%; height: 215px; display: block; text-indent: -9999px; outline: none; }

#icons { padding-left: 95px; overflow: hidden; }

#icons a { width: 32px; height: 32px; display: block; float: left; margin-left: 10px; background-image: url('icons.png'); background-repeat: no-repeat; text-indent: -9999em; }
#icons a:first-child { margin-left: 0; }

#icons a.gplus          { background-position:    0px   0px }
#icons a.gplus:hover    { background-position:    0px -32px }
#icons a.twitter        { background-position:  -32px   0px }
#icons a.twitter:hover  { background-position:  -32px -32px }
#icons a.gmail          { background-position:  -64px   0px }
#icons a.gmail:hover    { background-position:  -64px -32px }
#icons a.gadugadu       { background-position:  -96px   0px }
#icons a.gadugadu:hover { background-position:  -96px -32px }
#icons a.jabber         { background-position: -128px   0px }
#icons a.jabber:hover   { background-position: -128px -32px }


#hello-gentleman { background: url('green.jpg') 50% 100% repeat-x; }
#all { background: white url('white.jpg') 50% 100% repeat-x; width: 900px; margin: 0 auto; padding: 0 0 170px 0; }
#all h2 a { font-size: 20pt; color: #CF0000; border: 0; margin: 0 15px; }
#your { padding: 50px; }

.are a[href^="http://"] { color: #209dff; padding-right: 8px; background: url('arr.png') 100% 0 no-repeat; }
.are a[href^="http://nerdblog"] { padding: 0; background: none; }
.are a[href^="http://"]:hover { color: #095f9f; }

.base { color: #222; line-height: 160%; text-align: justify; }
.base p { margin: 15px; }
.are { font-size: 10pt; margin: 1em 15px; }
.are, .now { font-family: "Verdana"; font-size: 10pt; font-variant: small-caps; color: #666; }
.now { background: url("line.png") 50% 50% no-repeat; text-align: center; margin: 20px 0; }
.now a { color: black; background: none; padding: 0; }

#c-c { margin: 0; font-size: 11pt; line-height: 160%; }
.comment1, .comment2 { padding: 10px 0; }

.comment1 { background: #e0efe2; }

.trackback1, .trackback2 { padding: 10px 0; }

.trackback1 { background: #eff8ff; }

.combo { line-height: 120%; width: 150px; margin: 0 10px; text-align: center; float: left; padding-top: 10px; }

.trackback1 .combo, .trackback2 .combo { padding-top: 5px; }
.trackback1 a { color: #1d689f; }
.trackback2 a { color: #9f9f9f; }

.combo img { border: 0; }
.combo, .combo a { color: #aaa; font-size: 10pt; font-weight: bold; font-variant: small-caps; }
.b { text-align: justify; width: 550px; float: left; }
.breaker { float: left; width: 150px; text-align: right; font-size: 10pt; font-family: "Verdana"; }
.comment1 .breaker { color: #89928a; }
.comment2 .breaker { color: #888; }
.i-am-sooo-going-to-hell { clear: both; border: 0; }

#cf { position: relative; margin-top: 20px; padding: 20px 0; border-top: 1px solid #eee; }
#cf input { background: white; font-size: 10pt; }
fieldset { border: 0; }
#cf .descr { padding: 5px 15px; position: absolute; left: 520px; max-width: 300px; margin: 0px 0 20px 0; font-size: 13.3px; text-align: justify; }
#cf .d1 .descr { background: url('label.png') 0 50% no-repeat; }
#cf .d2 .descr { background: url('label2.png') 0 50% no-repeat; }
#cf .d3 .descr { background: url('label3.png') 0 50% no-repeat; }
#cf .descr p { margin: 10px 0; }

#notifystart { position:absolute; right:420px; bottom: 40px; margin-top: 3px; }
#notifylab { font-size: 10pt; position: absolute; right: 450px; bottom: 40px; }
#notifystop { border: 0; background: white; position:absolute; right:420px; font-weight: bold; color: #2d143f; border: 1px solid #ccc; border-width: 1px 1px 2px 1px; padding: 5px; }

#commnickid, #code { border: 1px solid #ccc; border-width: 0 0 1px 0; padding: 2px 10px; color: black; }
#commnickid { width: 150px; }
#code { width: 60px; }
#commbody { width: 410px; height: 307px; color: black; border: 0; background: url('lines-textarea.png') 0 0; font-size: 10pt; padding: 0 10px; line-height: 17px; }
#submitcomm { border:0; font-weight: bold; color: #2d143f; border: 1px solid #ccc; border-width: 1px 1px 2px 1px; padding: 5px; }
#submitcomm:focus, #notifystop:focus { color: #aaa; }
#cf div { clear: both; margin: 0 0; padding: 10px 50px; }

#page-switch { position: relative; list-style-type: none; font-size: 14pt; }
#page-switch .prev { position: absolute; left: 10%; }
#page-switch .next { position: absolute; right: 10%; }

#disregard-that { min-height: 350px; background: url('patt.jpg'); border-top: 8px solid #000; }
#i-suck { background: url('roots.jpg') 50% 0 repeat-x; padding: 15px 0 10px 0; color: white; }
#belong { width: 900px; margin: 0 auto; }
#belong a { color: white; }
#belong .to { width: 50%; float: left;  }
.us { margin: 0 10px 20px 10px; font-size: 10pt; background: url('darkbg.png');  }
div.us { padding: 10px; }
div.us a { font-weight: bold; margin: 0 10px 0 0; }
#ads a { margin: 0; }
#twitter a { color: #a741af ; }
#twitter span { color: #444; margin-left: 10px; }
#lastfm a { color: #af4c4c; }
.loading { background: url('loading.gif') 0 50% no-repeat; padding-left: 20px; }
ul.us { list-style-type: none; padding: 5px 0; }
ul.us li { padding: 0 10px; position: relative; }
ul.us li span { position: absolute; right: 20px; color: #a3df9f; }
ul.us li a { color: black; display: block; padding: 5px; }
ul.us li a:hover { background: #22771e; }
#miniblog li a:hover { background: #1e6877; }
#miniblog li span { color: #9ec7de; }

#about { min-height: 64px; }
#about img { float: left; margin: 0 15px 0 0; }
#about em { display: block; font-size: 14pt; font-style: normal; font-variant: small-caps; color: #efdd1d; }
#about a { color: #efdd1d; }

blockquote { margin: 25px 15px; color: #444; font-style: italic; }
cite { display: block; text-align: right; padding-right: 15px; font-size: 10pt; }
cite::before { content: '— '; }

pre { margin: 25px 35px; font-size: 80%; 
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
q {
  color: #888;
  font-style: italic;
}

ul { margin: 30px 35px; }
ul li { margin: 10px 0; }

.infobox, .warning, .commercial { padding: 0 30px; margin: 20px 15px; }

.infobox { border: 1px solid #DDDD00; background: #ffffdf url('error.png') 15px 50% no-repeat; }
.warning { border: 1px solid red; background: #ffdfdf url('exclamation.png') 15px 50% no-repeat; }
.commercial { border: 1px solid #80e1f2; background: #dffdff; text-align: center;}
.commercial img { margin-right: 5px; vertical-align: middle; }

.infobox a { color: #AAAA00; }
.infobox a:hover { color: #777700; }
.warning a { color: #CC0000; }
.warning a:hover { color: #AA0000; }

em, strong { color: #22771e }

code, pre { font-family: 'Droid Sans Mono', monospace !important; color: #666; }

samp { background: #efefd1; padding: 3px 5px; color: #2f2c0c; letter-spacing: 2px; }

small { font-size: 12pt; color: #aaa; }

.outside { color: #af4c4c; }

ins { color: #008800; text-decoration: none;}

del { color: #cf9b9b; text-decoration: line-through; }
p:hover del { color: #cf0000; }

.proscons { list-style-type: none; }
.pros { background: url('add.png') 0 4px no-repeat; padding-left: 32px; color: black; }
.pros em { color: #008800; }
.cons { background: url('delete.png') 0 4px no-repeat; padding-left: 32px; color: black; }
.cons em { color: #cf0000; }

.base li { margin: 15px 60px; }

.linklift { text-align: center; }

#lookfor { text-align: center; }
#search { background: black; border: 1px solid #ccc; padding: 4px; width: 80%; color: white; }
#search-submit { width: 24px; height: 24px; background: url('search.png') 50% 50% no-repeat; text-indent: -9999px; border: 0; }

h3 { margin: 25px 10px 15px 10px; font-size: 16pt; font-weight: normal; color: #1a5817; }

h3.aa { color: #1a5817; }
h3.bb { color: #115a8f }
h3.cc { color: #bf7723; }
h3.dd { color: #a741af; }

.photo { text-align: center; }
.photo img { padding: 15px; border: 1px solid #ccc; border-width: 1px 1px 2px 1px; max-width: 95%; }

.left-side-image, .right-side-image { padding: 15px 15px 10px 15px; border: 1px solid #ccc; border-width: 1px 1px 2px 1px;  font-size: 10pt; text-align: center; color: #666; }
.left-side-image { float: left; margin: 0 20px 0 15px; }
.right-side-image { float: right; margin: 0 15px 0 20px; }

.under-entry-list { margin: 15px 0; list-style-type: none; font-size: 10pt; }

.ocena0, .ocena1, .ocena2, .ocena3, .ocena4, .ocena5, .ocena6, .ocena7, .ocena8, .ocena9, .ocena10 { display: block; width: 93px; height: 75px; text-indent: -9999px; background-position: 0 0; background-repeat: no-repeat; margin-left: 650px; }

.ocena0 { background-image: url('ocena-0.png'); } /* nie spoileruj */
.ocena1 { background-image: url('ocena-1.png'); }
.ocena2 { background-image: url('ocena-2.png'); }
.ocena3 { background-image: url('ocena-3.png'); }
.ocena4 { background-image: url('ocena-4.png'); }
.ocena5 { background-image: url('ocena-5.png'); }
.ocena6 { background-image: url('ocena-6.png'); }
.ocena7 { background-image: url('ocena-7.png'); }
.ocena8 { background-image: url('ocena-8.png'); }
.ocena9 { background-image: url('ocena-9.png'); }
.ocena10 { background-image: url('ocena-10.png'); }

.b img { padding: 15px; border: 1px solid #ccc; border-width: 1px 1px 2px 1px; max-width: 95%; margin: 0 auto; display: block; background: white; }

#folksr ul { font-size: 11pt; list-style-type: none; }
#AdTaily_Widget_Container { margin-top: 30px; }

#footer { clear: both; padding: 20px 0 5px 0; text-align: center; font-size: 10pt; color: #bbb9b6; }