/*
Theme Name: Bobz's playground
Theme URI: http://www.bobz.com.hr
Description: WordPress theme by <a href="http://www.bobz.com.hr/">Bobz</a>.
Version: 1.0
Author: Bobz
Author URI: http://www.bobz.com.hr
Tags: dark, fixed width, two columns, widgets

	This theme was designed and built by Bobz,
	whose blog you will find at http://www.bobz.com.hr/blog/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

/* Begin fonts and color*/
body {margin:0;background: url(images/back_tile.gif) center #28282c repeat-y; font-size:62.5%; height:100%}

h1 {font:1.9em/2.0em Georgia, "Times New Roman", Times, serif; color:#ffd18b; text-decoration:none; margin:0; padding:0; border-bottom:1px solid #333}
h1 a {color:#ffd18b; text-decoration:none}
h1 a:hover {text-decoration:underline}

h2 {font:1.5em/1.6em Georgia, "Times New Roman", Times, serif; color:#ffd18b; text-decoration:none; margin:0; padding:0}
h2 a {color:#ffd18b; text-decoration:none}
h2 a:hover {text-decoration:underline}

h3 {font:1.1em/1.3em Georgia, "Times New Roman", Times, serif; color:#ffd18b; text-decoration:none; margin:0; padding:0}
h3 a {color:#ffd18b; text-decoration:none}
h3 a:hover {text-decoration:underline}

h4 {font:1.0em/1.2em Verdana, Arial, Helvetica, sans-serif; color:#ffd18b; font-weight:bold; text-decoration:none; margin:0; padding:0}
h4 a {color:#ccc; text-decoration:none}
h4 a:hover {text-decoration:underline}

small {color:#666}
p {margin:0; color:#fff;}
#main p {padding:5px}

/* End fonts and color*/

/* Begin Structure */

#header {background:#32445b; width:100%; height:100px; border-bottom:12px solid #eded8a}
#logo {position:absolute; margin:0 auto; width:800px; padding-top:15px}

#page {text-align:left;}
#content {font:1.2em/1.7em Verdana, Arial, Helvetica, sans-serif; color:#FFF; padding:10px; height:100%; overflow:auto}
#main {float:left; width:540px; border-right:1px solid #333; position:relative; height:100%; padding-right:10px;}
#sidebar {float:left; width:250px; margin:-10px 0 0 10px; position:relative;}

#footer {background:#27272b; width:100%; height:25px; font:1.0em/2.0em Verdana, Arial, Helvetica, sans-serif;color:#b9daed; border-top:1px solid #333; border-bottom:1px solid #333; padding-top:5px}
#footer a {text-decoration:none;color:#b9daed}
#footer a:hover {text-decoration:underline}

#sitemap {font:1.0em/2.0em Verdana, Arial, Helvetica, sans-serif;color:#b9daed; position:relative; width:100%}
#sitemap a {text-decoration:none;color:#b9daed}
#sitemap a:hover {text-decoration:underline}

.aligner {margin:0 auto; width:865px}

#nav {width:865px; position:relative; top:80px}
#nav ul {margin:0; padding:0}
#nav li {margin:0; padding:0; float:left; width:68px; height:22px; color:#2f2f33; list-style:none; text-align:center; background:url(images/btn_selected.gif) no-repeat; margin-right:2px; font:1.1em/1.7em Verdana, Arial, Helvetica, sans-serif}
#nav li a {color:#fff; text-decoration:none; background:url(images/btn_normal.gif) no-repeat #28282c; display:block; height:20px}
#nav li a:hover {color:#eded8a; height:19px}


a {text-decoration:none; color:#b9daed}
a:hover {text-decoration:underline}

.post {margin:0 0 15px 0;}
.tagovi {display:block; width:530px; padding:5px; border-top:1px solid #333; margin-top:10px;}
.postmetadata {border-bottom:1px dotted #333;}
.share {margin:5px 0; text-align:right}
.tip {color:#b9daed}

/* Begin Images */
p img {padding: 0; max-width: 100%; border:1px solid white;}
img.centered {display: block; margin-left: auto; margin-right: 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-right:10px;	}
.alignleft {float: left}
/* End Images */


/* Begin Lists 
html>body .entry ul {margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px;}
html>body .entry li {margin: 7px 0 8px 10px;} */
#sidebar ul ul li:before {	content: "\00BB \0020";}
.entry ol {padding: 0 0 0 35px; margin: 0;}
.entry ol li {margin: 0; padding: 0;}
.postmetadata ul, .postmetadata li {display: inline; list-style-type: none; list-style-image: none;}
#sidebar ul, #sidebar ul ol {margin: 0; padding: 0;}
#sidebar ul li {list-style-type: none; list-style-image: none; margin-bottom: 15px;}
#sidebar ul p, #sidebar ul select {margin: 5px 0 8px;}
#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px;}
#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;}
ol li, #sidebar ul ol li {list-style: decimal outside;}
#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0; padding:0;}
#sidebar h2 {border-bottom:1px solid #333; margin-bottom:5px; display:block; width:280px;}
/* End Entry Lists */

/* Begin Form Elements */
#srch {background:#eded8a url(images/srch_back.gif) no-repeat bottom; width:280px;}
#srch input {padding:0; margin:5px 0 5px 5px; border:1px solid #000;}

#searchform {padding:0; margin:0;}
#searchform #s {width:150px; padding:0; height:16px;}

#searchsubmit {margin:10px;}
.entry form {text-align:center;}
.btn {border:1px solid #000; background-image:url(images/send.gif); width:90px;}

#commentform input {padding:2px; margin:4px 2px 0px 0; border:1px solid #000;}
#commentform textarea {width:515px; padding:2px; font:Verdana, Arial, Helvetica, sans-serif;}

/* End Form Elements */

/* Begin Comments*/
.alt {margin:0; padding:10px;}

.commentlist {padding:0; text-align:justify;}
.commentlist li {margin:5px 0; padding:3px 5px; list-style:none; border:1px dotted #2d2b2b;}
.commentlist p {margin:0;}
#commentform p {margin:0; font:Verdana, Arial, Helvetica, sans-serif; text-indent:0;}
.nocomments {text-align:center; margin:0; padding:0;}
.commentmetadata {margin:0; display:block;}
.comment-autor {background:#000; padding-left:3px;}
.comment-forma {background:#333;}
/* End Comments */

/* Begin Calendar */
#wp-calendar {empty-cells:show; margin:10px auto 0; width:155px;}
#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;	}
#wp-calendar caption {	text-align: center; width: 100%;}
#wp-calendar td {padding: 3px 0; text-align: center;}
#wp-calendar td.pad:hover {background-color: #fff;}
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;}
blockquote cite {	margin: 5px 0 0; display: block;}
.center {text-align: center;}
.hidden {display: none;}
hr {display: none;}
a img {border: none;}
.navigation {display: block; text-align: center; margin-top: 10px; margin-bottom: 60px;}
.textarea {font:Verdana, Arial, Helvetica, sans-serif;}
/* End Various Tags & Classes*/

/* Captions */
.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; 	-webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}
/* End captions */

/* Rest */
.infobox {list-style:none; border:1px solid #333; padding:2px; margin:0 auto; float:left;}
.info1 {float:left; width:245px; background:#242424; margin:1px; padding:0 10px; list-style:none}
.info2 {float:left; width:245px; background:#313131; margin:1px; padding:0 10px; list-style:none}
.clear {height:1px; clear:both;}
.imgtfe {border:1px solid #fff; margin-right:5px;}