/*  
Theme Name: WordPress Balance Black
Theme URI: http://wordpress.org/
Description: Balance Black by <a href="http://www.teribl.com/">Marko Krsul</a>.
Version: 1.0
Author: Marko Kršul
Author URI: http://www.teribl.com/

	Balance Black v1.0
	http://www.teribl.org/balance-black.zip

	Sliced by Marko Dugonjić
	http://www.maratz.com/

        Modified by Tomaš Trkulja
        http://zytzagoo.net/

*/

* { margin: 0; padding: 0; }

html { height: 100%; margin-bottom: 1px; font: 62.5%/1.7 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #eee; background: #000; }
body { }

hr { display: none; }
fieldset, a img { border: none; }

acronym, abbr { cursor: help; }
	
a { color: #1fb0e0; text-decoration: none; }
a:hover	{ text-decoration: none; }

.grid { width: 915px; margin: 0 auto; }
.grid:after { display: block; clear: both; content: "."; height: 0; visibility: hidden; overflow: hidden; }

#page { background: #1b1c20 url(i/b.gif) repeat-x 0 0; }

/*** header ***/
#header { width: 895px; height: auto !important; height: 54px; min-height: 54px; padding: 100px 20px 0 0; margin-bottom: 50px; text-align: right; background: url(i/h.gif) repeat-x 0 0; }
#blog-title a { font: 1em/1.7 'Trebuchet MS', Trebuchet, sans-serif; text-transform: uppercase; text-decoration: none; color: #ff4700; }
#blog-tagline { color: #b7b7b7; }

/*** content general ***/

#content { }
#content ol li { list-style: lower-roman outside; }

/*** main content ***/
#main-content { float: left; display: inline; width: 630px; margin-left: 275px; }

#main-content em,
#main-content i,
#main-content cite,
#main-content q,
#main-content blockquote { font-style: italic; font-family: Georgia, serif; }

#main-content a	{ border-bottom: 1px dotted #1fb0e0; }
#main-content a:hover { border-bottom: 1px dotted #1b1c20; }

#main-content h1 { margin-bottom: .535em; padding-top: 5px; font: 2.8em/1.07 Arial, Helvetica, sans-serif; color: #fefffe; }
#main-content h1 em { font-style: normal; font-family: Arial, Helvetica, sans-serif !important; color: #666; }
#main-content h1 a { color: #1fb0e0; border-bottom: 1px dotted #1b1c20; }
#main-content h1 a:hover { color: #1fb0e0; border-bottom: 1px dotted #1fb0e0; }
                    		
#main-content h2 { margin-bottom: .833em; font: 1.8em/1.66 Arial, Helvetica, sans-serif; }
#main-content h3 { font-size: 1.1em; line-height: 1.6; }
#main-content h4 { font-weight: normal; font-size: 1.1em; line-height: 1.6; }
                    		
#main-content p	{ margin-bottom: 1.6em; font-size: 1.1em; line-height: 1.6; }

#main-content code { font: 1.2em/1.4 'Courier New', Courier, monospace; color: #0c0; }
#main-content blockquote { margin: 0 0 1.7em; padding-left: 1.2em; border-left: .5em solid #333; }
#main-content blockquote cite { margin: .85em 0 0; display: block; }

#main-content .navigation  { display: inline; width: 630px; text-align: center; }
#main-content .navigation .alignleft,
#main-content .navigation .alignright { }

#main-content .post { margin: 0 0 3.4em; }
#main-content .entry { margin: 0 0 1.7em 70px; }
#main-content .croportal-vote { margin: 0 0 1.7em 70px; }

#main-content .entry p,
#main-content .entry li,
#main-content .entry dt,
#main-content .entry dd,
#main-content .entry th,
#main-content .entry td	{ font-size: 1.2em; line-height: 1.6; }

#main-content .entry ul li { list-style: square; }
#main-content .entry li { margin: 0 0 .375em 30px; }

#main-content .entry li *,
#main-content .entry dd * { font-size: 1em !important; line-height: 1.7 !important; }

#main-content .entry ul,
#main-content .entry ol { margin-bottom: 1.7em; }

#main-content .entry p + ul,
#main-content .entry p + ol { margin-top: -1.7em; }


#main-content .postmetadata { margin-bottom: 2.2em; font: 1em 'Trebuchet MS', Trebuchet, Arial, sans-serif; line-height: 2 !important; text-transform: uppercase; letter-spacing: 1px; color: #999; }
#main-content .postmetadata a { color: #ff4700; text-decoration: none; border-bottom: 1px dotted #ff4700; }
#main-content .postmetadata a:hover { border-bottom-color: #1b1c20; }

/* listing pages (archive, SERP) */

.listing-page dl.post { float: left; width: 560px; padding-left: 70px; margin-bottom: 1.7em !important; }
.listing-page dl.post dt { font: 1.8em/1.66 Arial, Helvetica, sans-serif; }
.listing-page dl.post dt a { text-decoration: none; }

/* comments */

#comments	{ float: left; width: 630px; margin-bottom: 4em; }

#comments #commentlist li { clear: both; margin: 1.7em 0 0 70px !important; font-size: 1em !important; list-style-type: lower-roman !important; color: #999;  }
#comments #commentlist li.odd { }

#comments #commentlist li dl { display: inline;}
#comments #commentlist li dl a { border: 0; }
#comments #commentlist li dt { margin-bottom: 1.7em; font: 8px 'Trebuchet MS', Trebuchet, Arial, sans-serif !important; line-height: 2.2 !important; text-transform: uppercase; letter-spacing: 1px; }
#comments #commentlist li dt a { color: #ff4700; text-decoration: none; }
#comments #commentlist li dt a.comment-permalink { font-size: 1.5em !important; color: #1fb0e0 !important; }

#comments #commentlist li dd { color: #ccc; }

/*** FORMS ***/

.entry form { text-align: center; } /* pass protected entries */

fieldset { overflow: auto; }
.field { float: left; clear: both; padding-bottom: 1em; }

label { display: block; font-size: 1.1em; color: #aaa; }

label em, .notice em { font-style: normal; color: #f00; }

select, .input_text, textarea { padding: 2px; font: 1.1em/1.6 Verdana, Arial, sans-serif; border: 1px solid #C3C3C3; border-color: #777 #aaa #ddd #aaa; color: #767676; background: #fff url(i/i.gif) repeat-x 0 0; }

.input_text:focus, textarea:focus { border: 1px solid #1fb0e0; }

textarea { overflow: auto; }

.input_image { height: 19px; vertical-align: top; font: 1em/1.7 'Trebuchet MS', Trebuchet, Arial, sans-serif !important; text-transform: uppercase; letter-spacing: 1px; color: #fff; background: #ff4700; cursor: pointer; }

option { padding-right: 20px; }

#searchform { margin: 0 0 1.5em -85px; padding: 10px; background: #111; }
#searchform .field { padding: 0; margin: 0; }
#searchform .input_text { width: 145px; }
#searchform .input_image { }

#main-content #searchform { margin: 3.75em 0 1.5em 70px; }
#main-content #searchform .input_text { width: 470px; }

#sidesearch { margin-bottom: 4.7em !important; }
#sidesearch #searchform	 { }
#sidesearch fieldset { }
#sidesearch #searchform .field { width: 215px; text-align: right; }

#commentform { padding-left: 70px; }
#commentform p { clear: both; }
#commentform .input_text { width: 295px; }
#commentform textarea { width: 558px; height: 200px; }

/*** sidebar ***/
#side-content { float: left; width: 150px; padding: 0 0 0 85px; margin-left: -905px; }
#side-content a	 { border-bottom:1px dotted #ccc; color:#ffd; text-decoration:none; }

#side-content ul, #side-content ol { margin: 0 0 1.7em; }
#side-content li { list-style: none; margin-bottom: .85em; }
#side-content li li { padding-left: 30px; margin-bottom: 0; font-size: 1.1em !important; line-height: 1.6; color: #ccc; background: url(i/bull.gif) no-repeat 16px .6em; }

#side-content li h2 { margin: 0 0 0 -85px; padding-left: 85px; font: 1em/1.65 'Trebuchet MS', Trebuchet, Arial, sans-serif; text-transform: uppercase; color: #fff; }
#side-content li ul { margin-bottom: 1.7em; }

#side-content li ul li ul { margin-bottom: 1.7em; }

#side-content li p { padding-bottom: 1.6em; font-size: 1.1em !important; line-height: 1.6; color: #777; }

#side-content strong { font-weight: normal; color: #eee; }

#side-content li p,
#side-content li select { margin: 0; }

/*** footer ***/

#footer { border-bottom: 2px solid #ff4700; }
#footer .grid { width: 625px; padding: 5px 15px 80px 275px; font: .8em/1.5 'Trebuchet MS', Trebuchet, Arial, sans-serif; text-transform: uppercase; text-align: right; letter-spacing: 1px; color: #999; background: url(i/f.gif) repeat-y 100% 0; }
#footer a { color: #ff4700; text-decoration: none; }

.nocomments { text-align: center; }

#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #prev a,
#wp-calendar #next a { font-size: .9em; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; text-decoration: none; }
#wp-calendar caption { text-align: center; width: 100%; font: bold 1.1em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
#wp-calendar td { padding: 3px 0; text-align: center; }


p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin: 0 auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
.center { text-align: center; }

/* zyt custom stuff */
table.pricelist { margin-bottom: 1.6em; }
table.pricelist th { text-align: left; }
table.pricelist td.val { text-align: right; }

/* #main-content pre { margin: 1em 0; width: 99.5%; overflow-x: scroll; border: 1px solid #000; background-color: #445566; } */
#main-content pre { overflow-x: auto; background-color: #ffffdd; }
#main-content pre code { display: block; padding: 0.5em; font-size: 1.5em; color: #000; }

/* wp_syntax fixes and overrides so i can update the fuckin plugin regularly */
.wp_syntax { background: none !important; border: none !important; }
.wp_syntax .code pre { padding: 0.5em; }
.wp_syntax div, .wp_syntax td { padding: 0 !important; }

/*
#main-content pre, #main-content pre code, #main-content .code { font-family: 'andale mono', 'bitstream vera sans mono', 'lucida console', 'courier new'; font-size: 1.2em; }
*/