/*  
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/teribl_themes/balance-black.zip

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

*/


/* reset all */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0; padding:0; border: 0; 
  font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
  vertical-align: baseline;
}
body { line-height: 1.5; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
acronym, abbr	{ cursor: help;	}



html  { height: 100%; font: 70% Trebuchet, 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #fff; background: #000; }	
a { color: #0088de; text-decoration: none; }
a:hover { border-bottom: 1px dotted #0088de; }



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



#page { border-top: 2px solid #666; border-bottom: 2px solid #666; }



#header { background: #000 url('i/sian-rotam.jpg') no-repeat top left; height: 102px; }
#blog-title { font-size: 3em; font-weight: bold; text-align: right; }
#blog-title a { text-decoration: none; color: #333; }
#blog-title a:hover { border: none; }
#blog-tagline { display: none; }





/*** content general ***/



/*** main content ***/
#main-content 			{ float: right; display: inline; width: 550px; }

#main-content em,
#main-content i,
#main-content cite,
#main-content q,
#main-content blockquote	{ font-family: Tahoma, Verdana, serif; font-size: 0.9em; }

#main-content h1			{ color: #0088de; margin-bottom: 10px; font-size: 2.5em; }
#main-content h1 em			{ font-style: normal; font-family: Arial, Helvetica, sans-serif !important; color: #666; }
                    		
#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-bottom: 4em; }
#main-content .croportal-vote	{ margin: 0 0 1.7em 70px; display: none; }

#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.1em; line-height: 1.6; }

#main-content .entry ul, #main-content .entry ol { padding: 20px 0; }
#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: 2em; font-size: .8em; color: #666; }



/* 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; }




/* comments */

#entry-comments #commentlist li 		{ clear: both; margin: 0 0 3em 0 !important; font-size: 1em !important; list-style-type: decimal !important;  }
#entry-comments #commentlist li.odd	{  }

#entry-comments #commentlist li dl		{ display: inline; }
#entry-comments #commentlist li dl a    	{ border: 0; }
#entry-comments #commentlist li dt		{ margin-bottom: 1.7em; background-color: #111; padding: 5px 0 5px 10px; font-size: 1.3em; font-weight: bold; }
#entry-comments #commentlist li dt a	{ text-decoration: none; }

#entry-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					{ background: #151515; padding: 5px 0 5px 10px;  }
#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 p				{ clear: both; }
#commentform .input_text 	{ width: 295px; }
#commentform textarea 		{ width: 550px; height: 200px; }




/*** sidebar ***/
#side-content			{ float: left; width: 350px; padding: 0; }
#side-content li			{ list-style: none; margin-bottom: 2em; }
#side-content li li			{ margin-bottom: 1em; }
#side-content li h2 		{ font-size: 1.2em; background-color: #151515; padding: 5px 0 5px 30px; margin-bottom: 1em; clear: both; }
#side-content li#execphp-348557661 h2 { background: #151515 url('i/sian-rotam-reflejo.jpg') no-repeat 0px 0px; }
#side-content li#recent-comments h2 { background: #151515 url('i/inv_letter_09.jpg') no-repeat 5px 5px; }
#side-content li#flickr-sidebar h2 { background: #151515 url('i/inv_gizmo_adamantiteframe.jpg') no-repeat 5px 5px; }
#side-content li p			{ padding-bottom: 1.5em; }
#side-content strong		{ font-weight: normal; color: #eee; }

#side-content .falbum-thumbnail-nods { float: left; margin: 2px; }
#side-content .falbum-thumbnail-nods a:hover { border: none; }
#side-content .falbum-thumbnail-nods:after { display: block; clear: both; content: "."; height: 0; visibility: hidden; overflow: hidden; }

#side-content .widget_recent_comments { display: block; clear: both; }

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



/*** footer ***/

#footer .grid	{ width: 950px; padding: 45px 15px 40px 275px; font-size: .8em; text-align: right; color: #999; }



.nocomments 			{ 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; }
	


.last_achievements img { float: left; padding: 5px; width: 34px !important; height: 34px !important; margin: 0 5px 5px 0; background: #000 url('i/icon_border_medium.png') no-repeat top left; }
pre { width: 500px; padding: 10px; font-size: 10pt; margin: 20px 0; }
.post img { padding: 0 10px; }
.post h2 { background-color: #151515; padding-left: 20px; }

.azul, .blue { color: #00C0FF; background-color: #001319; font-family: "trebuchet ms", verdana, tahoma, arial, sans-serif; background: #001319 url(i/blue.gif) no-repeat 5px 5px; padding: 25px 0px 0px 0px; }



#side-content .talents ul, #side-content .talents ul ul, #side-content .talents ul ul ul, #side-content .talents ul ul ul ul { padding: 0; margin: 0; }
#side-content .talents li, #side-content .talents li li, #side-content .talents li li li, #side-content .talents li li li li { padding: 0; margin: 0; }
#side-content .talent_tree { float: left; width: 90px; }
#side-content .talent { float: left; width: 20px; height: 20px; text-align: center; }
#side-content .talent span { display: block; margin: 2px; }
#side-content span.point, #side-content span.point a { background-color: #111; color: #6f6; }
#side-content span.zero , #side-content span.zero a{ color: #333; }
#side-content span.full, #side-content span.full a {  color: #f66; }




.mago, .class8, .mage { color: #69CCF0; background: transparent url(i/class_mage.gif) no-repeat top left; padding-left: 18px; }
.cazador, .class3, .hunter { color: #ABD473; background: transparent url(i/class_hunter.gif) no-repeat top left; padding-left: 18px; }
.paladin, .class2, .pala { color: #F58CBA; background: transparent url(i/class_paladin.gif) no-repeat top left; padding-left: 18px; }
.brujo, .class9, .lock, .warlock { color: #9482C9; background: transparent url(i/class_warlock.gif) no-repeat top left; padding-left: 18px; }
.chaman, .class7, .shaman { color: #2459FF; background: transparent url(i/class_shaman.gif) no-repeat top left; padding-left: 18px; }
.picaro, .class4, .rogue { color: #FFF569; background: transparent url(i/class_rogue.gif) no-repeat top left; padding-left: 18px; }
.druida, .class11, .druid { color: #FF7D0A; background: transparent url(i/class_druid.gif) no-repeat top left; padding-left: 18px; }
.sacerdote, .class5, .priest { color: #FFFFFF; background: transparent url(i/class_priest.gif) no-repeat top left; padding-left: 18px; }
.guerrero, .class1, .warrior { color: #C79C6E; background: transparent url(i/class_warrior.gif) no-repeat top left; padding-left: 18px; }
.caballero, .class6, .dk { color: #C41F3B; background: transparent url(i/class_deathknight.gif) no-repeat top left; padding-left: 18px; }


.last_items img { padding-right: 5px; }

.color0 { color: black; }
.color1 { color: red; }
.color2 { color: green; }
.color3 { color: yellow; }
.color4 { color: blue; }
.color5 { color: magenta; }
.color6 { color: cyan; }
.color7 { color: white; }
.color8 { color: black; }
.lfs_name { background-color: #BFBFBF; }