/*  
Theme Name: WordPress Balance White
Theme URI: http://wordpress.org/
Description: Balance White by <a href="http://www.teribl.com/">Marko Krsul</a>.
Version: 1.0
Author: Marko Kršul
Author URI: http://www.teribl.com/

	Balance White v1.0
	http://www.teribl.org/teribl_themes/balance-white.zip

	Sliced by Marko Dugonjić
	http://www.maratz.com/

*/


* 		{ margin: 0; padding: 0; }

html 	{ height: 100%; margin-bottom: 1px; font: 62.5%/1.7 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #1b1c20; background: #fff; }
body	{ background-color: #fff; }

hr 		{ display: none; }
fieldset,
a img 	{ border: none; }

acronym,
abbr	{ cursor: help;	}
	
a		{ color: #00a6df; 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			{  }


/*** header ***/
#header 		{ width: 895px; height: auto !important; height: 154px; min-height: 154px; padding: 0 20px 0 0; margin-bottom: 10px; text-align: right; background: url(i/header.png) repeat-x 0 0; }
#blog-title a 	{ font: 1em/1.7 'Trebuchet MS', Trebuchet, sans-serif; text-transform: uppercase; text-decoration: none; color: #ff3600; }
#blog-tagline 	{ width: 300px; color: #b7b7b7; }

#menu { width: 895px; text-align:center; margin-bottom:20px;}
#menu ul {text-align:center; margin: 20px 0 0 0; list-style:none;}
#menu li {float:left; width:100px !important; margin:0 13px 0 13px;}
#menu img {padding:1px; border: 1px solid #00a6df; background-color:#fff;}
#menu a {color:#00a6df;	font-weight:bold;}
#menu a:hover {text-decoration:underline;}

#googleheader { width:895px; text-align:center; height:90px; margin-top:20px; }



/*** content general ***/

#content 		{  }

#content ol li	{ list-style: lower-roman outside; }




/*** main content ***/
#main-content 			{ float: left; width: 485px; margin: 0 15px 0 15px; }

#main-content em,
#main-content i,
#main-content cite,
#main-content q,
#main-content blockquote	{ font-style: none; font-family: Georgia, serif; }

#main-content a				{ border-bottom: none; }
#main-content a:hover		{ border-bottom: 1px dotted #f8f8f8; }

#main-content h1			{ margin-bottom: .535em; padding-top: 5px; font: 2.8em/1.07 Arial, Helvetica, sans-serif; color: #b7b7b7; }
#main-content h1 em			{ font-style: normal; font-family: Arial, Helvetica, sans-serif !important; color: #666; }
#main-content h1 a			{ color: #00a6df; border-bottom: 1px dotted #f8f8f8; }
#main-content h1 a:hover	{ color: #00a6df; border-bottom: 1px dotted #00a6df; }
                    		
#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: #060; }
#main-content blockquote 		{ margin: 0 0 1.7em; padding-left: 40px; background: url(i/blockquote.png) no-repeat 0 0;  }
#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 30px; }
#main-content .croportal-vote	{ margin: 0 0 1.7em 30px; }

#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 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; list-style-type:decimal;}

#main-content .entry p + ul,
#main-content .entry p + ol			{ margin-top: -1.7em; list-style-type:decimal;}


#main-content .postmetadata			{ margin-bottom: 2.2em; font: .8em 'Trebuchet MS', Trebuchet, Arial, sans-serif; line-height: 2.2 !important; text-transform: uppercase; letter-spacing: 1px; color: #999; }
#main-content .postmetadata a		{ color: #ff3600; text-decoration: none; border-bottom: 1px dotted #ff3600; }
#main-content .postmetadata a:hover	{ border-bottom-color: #f8f8f8; }



/* 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 */

#entry-comments							{ float: left; width: 485px; margin-bottom: 4em; }

#entry-comments #commentlist li 		{ clear: both; margin: 1.7em 0 0 70px !important; font-size: 1em !important; list-style-type: hiragana !important; color: #999;  }
#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; font: 8px 'Trebuchet MS', Trebuchet, Arial, sans-serif !important; line-height: 2.2 !important; text-transform: uppercase; letter-spacing: 1px; }
#entry-comments #commentlist li dt a					{ color: #ff3600;  text-decoration: none;  }
#entry-comments #commentlist li dt a.comment-permalink	{ font-size: 1.5em !important; color: #00a6df !important; }

#entry-comments #commentlist li dd						{ color: #1b1c20; }




/*** 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: #333; }

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 #00a6df; }

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: #ff3600; cursor: pointer; }

option			{ padding-right: 20px; }


#searchform					{ margin: 0 0 1.5em -85px; padding: 10px;  }
#searchform .field			{ padding: 0; margin: 0; }
#searchform	.input_text     { width: 135px; }
#searchform	.input_image	{ }

#main-content #searchform				{ margin: 3.75em 0 1.5em 70px; }
#main-content #searchform .input_text	{ width: 400px; }

#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: 400px; height: 200px; }




/*** sidebar ***/
#side-content				{ float: left; width: 200px !important; overflow:hidden; padding: 0 0 0 0px; margin:0; /*margin-left: -905px;*/ }

#side-content a				{ color: #ff3600; 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: #999; background: url(i/bull.gif) no-repeat 16px .6em; }

#side-content li h2 		{ margin: 0 0 0 0; font: 1em/1.65 'Trebuchet MS', Trebuchet, Arial, sans-serif; text-transform: uppercase; color: #000; }
#side-content li ul			{ margin-bottom: 1.7em; margin-left:20px; }

#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: #000; }


#side-content li p,
#side-content li select 	{ margin: 0; }




/*** footer ***/

#footer			{  }
#footer .grid	{ width: 895px; padding: 5px 0px 0px 0px; }
#footer a		{ color: #ff3600; text-decoration: none; }
#copyright, #poweredby { font: .8em/1.5 'Trebuchet MS', Trebuchet, Arial, sans-serif; text-transform: uppercase;  color: #999; text-align:right; }
#copyright { margin-top:20px;}
.rssfriends { float:left; width:212px;margin: 0 5px 0 5px; }
.rssfriends ul { list-style:none; }
.rssfriends li { padding-left:30px; background: url(i/bull.gif) no-repeat 16px .6em; }
.rsstitle { text-align:center;font-weight:bold;  }
.rssfriends p a { color: #00a6df !important}
#morestuff { 
	background: url(i/morestuff.png) no-repeat 0 0;
	height:82px;
	margin-bottom:10px;
}




.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; padding-left:20px;}
.alignleft 		{ float: left; padding-right:20px; }
.center 		{ text-align: center; }
	

.fix{
	clear: both;
	height: 1px;
	margin: 0 0 -1px;
	overflow: hidden;
}
.imageframe {  }
.imgalignleft { float: left; padding-right:20px; }
.imgalignright { float: right; padding-left:20px; }
.imgaligncenter { margin-left: auto; margin-right: auto; }
.imagecaption {text-align:center; font-weight:bold; }
.amazonpop li{
	float:left;
	width:150px;
	height:250px;
	margin:5px 10px 10px 0;
	list-style:none !important;
}
.amazonpop img{
	padding:0;
	margin:0;
	border:0;
}
#lastUpdated {
	color:#999999;
	font-size:10px;
}
.amazonpop .productDate{
	display:none;
}
.amazonpop .productPrice{
	display:none;
}
.prodlist {
	text-align:center;
	font-weight:bold;
}
.prodlist .prodsect {
	width:130px;
	float:left;
	text-align:left;
	margin:10px 0 20px 0;
}
.prodlist ul{
	line-height:10px;
	padding:0;
	margin:0;
}
.prodlist a{
	font-weight:bold;
	text-decoration:none;
}
img#wpstats{width:0px;height:0px;overflow:hidden}
.whatshot{padding: 0px 0 0 0;width:160px;height:300px;background: url(http://xorsyst.com/images/whatshot.jpg) #fff no-repeat;line-height:8px;}
.whatshot ul{margin:0 !important;padding:0 !important; }
.whatshot li{float:left !important;margin:0px !important;padding:0px !important;width:80px !important;text-align:center !important; background: none !important;}
.whatshot a{font-weight:bold;color:#ff3600 !important;}
.whatshot a:hover{color:#ff3600 !important;}
.whatshot .whatshotheader{border:none !important;font-size:10px;text-align:center;margin:3px 0 7px 0;}
.whatshot .morelink{padding:0 10px 0 0;width:150px;text-align:right;font-size:10px;}
#main-content .entry img			{  
	 
	margin: 0px 15px 15px 0px ;/*imporant*/
	/*float:left;*/
	display:inline; 
	}
	
#nav{
	
	height: 30px;
	padding: 4px 0 0;
}
#nav-left {
	float:left;
	display:inline;
	width:auto;
	}
#nav ul {
	position: relative;
    height: 30px;
    overflow: hidden;
	padding-left:10px;
}
#nav ul  li {
    float: left;
    list-style: none;
	font-weight:bold;
	font-size:14px;	
}
#nav ul  li.back {
    background-color: #e7f9ff;
    width: 9px;
    height: 30px;
    z-index: 8;
    position: absolute;
}
#nav ul  li a {
	text-decoration: none;
	color: #00a6df;
	outline: none;
	text-align: center;
	top: 3px;
	text-transform: uppercase;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 26px;
	position: relative;
	overflow: hidden;
	margin: auto 15px !important;
	margin: auto 7px;	
}
#nav ul  li a:hover, #nav ul  li a:active, #nav ul  li a:visited {
	border: none; 
	}
.footerwidgetlist{
	list-style:none;
	}
.footerwidgetlist ul{
	list-style:none;
	}
.footerwidgetlist div{
	margin-bottom:25px;
	}
.footerwidgetlist li{
	float:left;
	width:284px;
	margin:0 7px 0 7px;
	
	}
.footerwidgetlist li li { padding-left:30px; background: url(i/bull.gif) no-repeat 16px .6em; width:254px;}
.footerwidgetlist .title{
	text-align:left;
	font-weight:bold;
	padding:0 0 5px 0;
	color:#00a6df;
	text-transform:uppercase;
	}
#text-100452471 ul {list-style:none;}
#text-100452471 ul li {margin-top:20px; text-align:right; background: none !important;}

.oio-zone-position { width: 200px; text-align:right; }

.stalkme { margin: 0 0 10px 0; }
.stalkme ul{margin:0 !important;padding:0 !important; }
.stalkme li {
	width:20px  ;
	margin:0 5px 0 0 !important;
	padding:0 !important;
	float:left  ;
	text-align:left  !important;
	background:none !important;
	}
.related {
	margin: 0 0 20px 0;
	text-align:center;
	width:100%;
	}
.related p {
	text-align:left;
	color: #00a6df;
	font: 2.8em/1.07 Arial, Helvetica, sans-serif !important;
	}
.related ul {
	list-style:none;
	margin:0;
	padding:0;
	}
.related .relposts li {
	margin: 0 10px 0 10px;
	float:left;
	text-align:center;
	width:140px;
	}
.related .relposts li ul { height:160px; }
.archivethumb {float: left; width: 560px; text-align:center; margin-bottom: 1.7em !important; list-style:none; }
.archivethumb li {
	margin: 0 10px 0 10px;
	float:left;
	text-align:center;
	width:140px !important;
	}
.archivethumb li ul { height:160px; }
.archivethumb li ul li {width:140px; display:block; margin:0; font-weight:bold; }











