/*  
Theme Name:Novi Twingo
Theme URI:http://blog.novitwingo.si
Description:Wordpress tema za http://blog.novitwingo.si
Version:0.1
Author:Parsek d.o.o.
Author URI:http://parsek.net/

Based on:Kubrick v1.5, http://binarybonsai.com/kubrick/
This theme was designed and built by Michael Heilemann, whose blog you will find at http://binarybonsai.com/
The CSS, XHTML and design is released under GPL:http://www.opensource.org/licenses/gpl-license.php
*/



/* Begin Typography & Colors */

body {font-size:62.5%;font-family:"Trebuchet MS",Verdana,serif;color:#333;text-align:center;}

html,body {height:100%;}

#page-wrapper3 {height:auto !important;height:100%;min-height:100%;background:#011831 url(images/bg_color.gif) repeat-x 0 98%;}
#page-wrapper2 {height:auto !important;height:100%;min-height:100%;background:url(images/stolpnice.gif) repeat-x 0 100%;}
#page-wrapper {padding:0 0 0 80px;position:relative;width:890px;margin:0 auto;}
#page-wrapper h1 {position:absolute;left:0;top:12px;}
#page-wrapper h1 a {position:absolute;left:0;top:10px;width:62px;height:63px;text-indent:-9999px;overflow:hidden;display:block;background:url(images/renault_logo_07.gif) no-repeat 0 0;}
h2#tws {position:absolute;right:0;top:0;background:url(images/twingo-slovenija.png) no-repeat 0 0;width:187px;height:81px;text-indent:-9999px;overflow:hidden;}

#page {text-align:left;}
#header {background:url(images/novi-twingo-key.jpg) no-repeat 0 -10px;position:relative;}
#header #ad {position:absolute;right:95px;bottom:10px;width:200px;height:60px;display:block;}
* html #header #ad {right:92px;}
#headerimg 	{height:313x;width:890px;}
#content {font-size:1.2em;}

.widecolumn .entry p {font-size:1.05em;}
.narrowcolumn .entry, .widecolumn .entry {line-height:1.4em;}
.widecolumn {line-height:1.6em;}
.narrowcolumn .post h2 a {color:#003964;}
.narrowcolumn .postmetadata {text-align:left;border-top:1px dashed #ccc;margin:10px 0 0 0;}
.narrowcolumn .postmetadata a,.narrowcolumn .post small,.commentmetadata a {color:#53B8E5;}
.alt {border-top:1px solid #ccc;border-bottom:1px solid #ccc;}

#footer {background:#fff;border:none;}

small {"Trebuchet MS",Verdana,serif;font-size:0.9em;line-height:1.5em;}
h1, h2, h3 {font-family:"Trebuchet MS",Verdana,serif;font-weight:bold;}
h1 {font-size:4em;text-align:center;}
#headerimg .description {font-size:1.2em;text-align:center;}

h2 {font-size:23px;color:#003964;}
h2.pagetitle {font-size:1.6em;}
#sidebar h2 {font-family:"Trebuchet MS",Verdana,serif;font-size:1.5em;color:#fff;}
h3 {font-size:1.3em;}
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration:none;color:white;}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color:#333;}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration:none;}
.entry p a:visited {color:#b85b5a;} 
.entry a.more-link,.entry p a {color:#53B8E5;}

.commentlist li, #commentform input, #commentform textarea {font:0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li {font-weight:bold;}
.commentlist cite, .commentlist cite a {font-weight:bold;font-style:normal;font-size:1.1em;}
.commentlist p {font-weight:normal;line-height:1.5em;text-transform:none;}
#commentform p {font-family:"Trebuchet MS",Verdana,serif;}
.commentmetadata {font-weight:normal;}

#sidebar {font:1em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color:#777;}
code {font:1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps{font-size:0.9em;letter-spacing:.07em;}
a, h2 a:hover, h3 a:hover {color:#06c;text-decoration:none;}
a:hover {color:#147;text-decoration:underline;}

#wp-calendar #prev a, #wp-calendar #next a {font-size:9pt;}
#wp-calendar a {text-decoration:none;}
#wp-calendar caption {font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align:center;}
#wp-calendar th {font-style:normal;text-transform:capitalize;}/* End Typography & Colors */



/* Begin Structure */
body {margin:0;padding:0;}
#page {margin:0 auto;padding:20px 0 0;width:890px;}
#header {padding:0;height:313;width:890px;}
#headerimg {margin:0;height:313px;width:100%;}

.narrowcolumn {float:left;padding:0 0 20px 0;margin:0px 0 0;width:580px;background:#fff;}

.widecolumn {padding:10px 0 20px 0;margin:5px 0 0 150px;width:450px;}
.post {margin:0 0 40px 0;text-align:justify;background:url(images/post_bottom.png) repeat-x 0 100%;padding:0 35px 50px 35px;color:#494949;font-size:13px;}
.post hr {display:block;}
.widecolumn .post {margin:0;}
.narrowcolumn .postmetadata {padding-top:5px;}
.widecolumn .postmetadata {margin:30px 0;}
.widecolumn .smallattachment {text-align:center;float:left;width:128px;margin:5px 5px 5px 0px;}
.widecolumn .attachment {text-align:center;margin:5px 0px;}
.postmetadata {clear:left;}
#footer {padding:0;margin:0 auto;width:890px;clear:both;}
#footer p {margin:0;padding:20px 0;text-align:center;}
/* End Structure */



/*	Begin Headers */
h1 {padding-top:70px;margin:0;}

#headerimg h1 {display:none;}

h2 {margin:30px 0 0;}
h2.pagetitle {margin-top:30px;text-align:center;}
#sidebar h2 {margin:5px 0 0;padding:0;}
h3 {padding:0;margin:30px 0 0;}
h3.comments {padding:0;margin:40px auto 20px ;}
/* End Headers */



/* Begin Images */
p img {padding:0;max-width:100%;}
/*	
	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) 

*/

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;}
.alignleft {float:left;}
/* End Images */



/* 
	Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. 

*/

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;}
.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 0;}
#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 ul li, #sidebar ul ul li, #sidebar ul li a, #sidebar ul ul li a,#sidebar {color:#fff;}

#sidebar ul ul li {list-style:none;background:url(images/puscica_blue.gif) no-repeat 0 0;padding-left:17px;}
#sidebar ul ul .current-cat {list-style:none;background:url(images/puscica_white.gif) no-repeat 0 0;padding-left:17px;}
#sidebar ul ul .current-cat a {color:#53B8E5;}

/* End Entry Lists */



/* Begin Form Elements */
.searchform {margin:0 0 10px 0;padding:5px 3px 20px 0;}
#sidebar .searchform .s {width:168px;padding:1px;height:12px;font-size:9px;float:left;margin:0 2px 0 0;}
#sidebar .searchsubmit {width:26px;height:19px;background:url(images/search-submit.png) no-repeat 0 0;padding-top:23px;border:0;float:left;}

#content .searchform {margin:20px 0 0 25px;}
#content .searchform .s {width:160px;padding:2px 2px 3px;height:12px;font-size:9px;float:left;margin:0 2px 0 0;border:1px solid #000;}
#content .searchsubmit {width:26px;height:19px;background:url(images/search-submit.png) no-repeat 0 0;padding-top:16px;border:0;float:left;}

.entry form { 
	/* This is mainly for password protected posts, makes them look better. */
	text-align:center;
}
select {width:130px;}
#commentform input {width:170px;padding:2px;margin:5px 0 1px 0;border:1px solid #000;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
#commentform textarea {width:100%;padding:2px;border:1px solid #000;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
#commentform #submit {font-size:.9em;border:0;margin:0;float:right;color:#fff;font-weight:bold;background:url(images/submit.jpg) no-repeat 0 0;width:169px;height:24px;}
/* End Form Elements */



/* Begin Comments*/
.alt {margin:0;padding:10px;}
.commentlist {padding:0;text-align:justify;}
.commentlist li {margin:15px 0 3px;padding:5px 10px 3px;list-style:none;}
.commentlist p {margin:10px 5px 10px 0;}
#commentform p {margin:5px 0;}
.nocomments {text-align:center;margin:0;padding:0;}
.commentmetadata {margin:0;display:block;}
/* End Comments */



/* Begin Sidebar */
#sidebar {padding:0 0 10px 0;margin-left:595px;width:290px;}
#sidebar form {margin:0;}
/* End Sidebar */



/* 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 {
	 /* Doesn't work in IE */
	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;}
hr {display:none;}
a img {border:none;}
.navigation {display:block;text-align:center;margin-top:10px;margin-bottom:60px;padding:0 30px;}/* End Various Tags & Classes*/

.odmik {margin:0 2em;}
.custom {margin:0;}

.post ul,.post ul li,.post ol,.post ol li {list-style-type:disc;list-style:disc;margin:0;padding:0;text-indent:0;}
.post ul, .post ol {margin:0 0 0 20px;}
* html .post ul,* html .post ol {margin:0 0 0 20px;}

/* hacks */
.clear:after {content:".";display:block;height:0;clear:both;font-size:0;visibility:hidden;}
.clear {display:inline-block;}