/*



Theme Name: Ugankarski slovar template

Theme URI: http://www.ugankarski-slovar.net

Author: Aleš Medvešek

*/



/*#############################################################

Name: Summer Breeze

Date: 2006-07-04

Description: A lightweight colorful design, feels like summer!

Author: Viktor Persson

URL: http://arcsin.se



Feel free to use and modify but please provide credits.

#############################################################*/



/* standard elements */

* {

	font: normal 1em "verdana";

	margin: 0; padding: 0;

}

a {

	color: #EC6709;

}

a img {border: 0;

}

a:hover, .footer a:hover {

	color: #111;

}

body {	

	background: #ffffff url('img/ozadje.jpg') repeat-y center top;

	color: #443;

	font-size: 12px;

	margin: 0

}

p, cite, code, ul {

	margin-bottom: 1.2em;

}

h1 {

	font: normal 1.2em "verdana";

}

ul {

	margin: 12px 0;

}

li {

	margin-left: 18px; list-style-image:url('img/li.gif')

}

code {

	background: url('img/bgcode.gif');

	border: 1px dotted #AAA;

	color: #444;

	display: block;

	margin-bottom: 12px;

	white-space: pre; font-style:normal; font-variant:normal; font-weight:normal; font-size:1em; font-family:verdana; padding-left:10px; padding-right:10px; padding-top:8px; padding-bottom:8px

}



cite {

	display: block;

	background: url('img/quote.gif') no-repeat;

	color: #663;

	padding-left: 28px; font-style:normal; font-variant:normal; font-weight:normal; font-size:1.1em; font-family:verdana

}



blockquote {

	display: block;

	background: url('img/quote.gif') no-repeat;

	color: #ec6709;

	margin-bottom: 12px;

	padding-left: 28px; font-style:normal; font-variant:normal; font-weight:bold; font-size:1.1em; font-family:verdana

}

h2 {

	display: block;

	background: url('img/quote.gif') no-repeat;

	color: #ec6709;

	margin-bottom: 12px;

	padding-left: 28px; font-style:normal; font-variant:normal; font-weight:bold; font-size:1.1em; font-family:verdana

}



/* misc */

.divider {

	background: url('img/divider.gif') no-repeat;

	height: 24px;

	margin: 16px 0

}

.clearer {

	clear: both;

}



/* structure */

.container {

	font-size: 1em;

	margin: 0px auto;

	width: 590px;

}



/* header */

.header {

	background: #ffffff url('img/veliki-ugankarski-slovar.jpg') no-repeat center top;

	border-bottom: 0px solid #CCC;

	height: 150px;

	text-align: center

}

.header h1 a, .header h1 a:hover{

	color: #FFFfff;

	font: normal 3em "verdana";

	line-height: 150px;

	text-decoration:none;

}



/* navigation */

.navigation {

	background:#314550 none repeat scroll 0% 0%;

	height:24px;

	margin:0pt auto 20px;

	width:632px;

}

.navigation a {

	color:#FFFFFF;

	float:left;

	font-family:verdana;

	font-size:11px;

	font-style:normal;

	font-variant:normal;

	font-weight:bold;

	height:24px;

	letter-spacing:0px;

	line-height:24px;

	margin-left:0px;

	text-align:center;

	text-decoration:none;

	width:120px;

}

.navigation a:hover {

	color: #acdb58;

	background-position: left bottom;

}



/* content */

.content {

	padding: 15px 0;

}

.content h1 {

	color: #553;

	font-size: 1.4em;

	margin-bottom: 4px;

}



.post h1 a 

{

color: #ec6709;

	font-size: 1.2em;

	margin-bottom: 4px;

	text-decoration:none;

}





/* footer */

.footer {

	color: #886;

	font-size: 0.9em;

	padding-bottom: 12px;

	text-align: center;

}

.footer a {

	color: #EC6709;

}



/*post stylng*/

.post{margin:0 0 25px 0;}



.post .info{

padding:2px 3px 3px 8px;

border:1px solid #e3e4e4;

background-color:#f5f5f5;

font-size:0.9em;

color:#505050;

}





/* Comments Styling */

#commentlist li {

margin-bottom: 1.5em;

padding-bottom: 1em;

border-bottom: 1px solid #700000;

}



#commentform {

margin: 1em 0;

background: #f0f3ea;

width: 280px;

}



#commentform textarea {

background: #f8f7f6;

border: 1px solid #d6d3d3;

width: 280px;

}

#commentform textarea:hover {

background: #f0f3ea;

border: 1px solid #d6d3d3;

}

#commentform textarea:focus {

background: #f0f3ea;

border: 1px solid #939793;

}



#commentform #email, #commentform #author, #commentform #url {

font-size: 1.1em;

background: #f8f7f6;

border: 1px solid #d6d3d3;

width: 280px;

}

#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {

font-size: 1.1em;

background: #f0f3ea;

border: 1px solid #d6d3d3;

width: 280px;

}

#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {

font-size: 1.1em;

background: #f0f3ea;

border: 1px solid #939793;

width: 280px;

}

#commentform input{

margin-bottom: 3px;

}





/* ================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/final_drop.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */

.menu {

	margin:0px auto;

        background:#314550 none repeat scroll 0% 0%;

	width:630px;

	height:24px;

	font-size:11px;

	position:relative;

	z-index:100;

        font-weight:bold;

        font:"Verdana";

}

/* hack to correct IE5.5 faulty box model */

* html .menu {width:630px;

	w\idth:630px;}

/* remove all the bullets, borders and padding from the default list styling */

.menu ul {padding:0;

	margin:0;

	list-style-type:none;

        list-style-image:none

}

.menu ul ul {width:126px;

        margin:0

        list-style-type:none;

        list-style-image:none                      

}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {float:left;

	margin:0;

        width:126px;

	position:relative;

        list-style-type:none;

        list-style-image:none

}

/* style the links for the top level */

.menu a, .menu a:visited {display:block;

        margin:0;

	font-size:11px;

	text-decoration:none;

	color:#fff;

	width:126px;

	height:24px;

	border:none;

	background:#314550;

	padding-left:0px;

	line-height:24px;

        text-align:center;

        font-weight:bold;

        font:"Verdana";

}

/* a hack so that IE5.5 faulty box model is corrected */

* html .menu a, * html .menu a:visited {

        color: #acdb58;

        width:126px;

	w\idth:126px;}



/* style the second level background */

.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#314550;

                                                list-style-type:none;

                                                list-style-image:none;



        color: #acdb58; 

}

/* style the second level hover */

.menu ul ul a.drop:hover{background:#314550;

                         list-style-type:none;

                         list-style-image:none;}

.menu ul ul :hover > a.drop {

                             background:#314550;

                             list-style-type:none;

                             list-style-image:none}

/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {color: #acdb58;

                                            background:#314550;

                                            list-style-type:none;

                                            list-style-image:none}

/* style the third level hover */

.menu ul ul ul a:hover {background:#314550;

                        list-style-type:none;

                        list-style-image:none



        color: #acdb58;}





/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {visibility:hidden;

	position:absolute;

	height:0;

	top:24px;

	left:0;

	width:126px;

	border-top:none

        list-style-image:none}

/* another hack for IE5.5 */

* html .menu ul ul {top:24px;

	t\op:24px;

        list-style-image:none}



/* position the third level flyout menu */

.menu ul ul ul{left:126px;

	top:-1px;

	width:126px;

        list-style-image:none}



/* position the third level flyout menu for a left flyout */

.menu ul ul ul.left {left:-126px;

        list-style-image:none}



/* style the table so that it takes no ppart in the layout - required for IE to work */

.menu table {position:absolute;

	top:0;

	left:0;

	border-collapse:collapse;;}



/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {background:#314550;list-style-type:none;

	color: #fff;

	height:auto;

	line-height:1em;

	padding:5px 10px;

	width:126px;

	border:none;

        list-style-image:none}

/* yet another hack for IE5.5 */

* html .menu ul ul a, * html .menu ul ul a:visited {background:#314550;

        list-style-type:none;

        width:126px;

	w\idth:126px;

        list-style-image:none

}



/* style the top level hover */

.menu a:hover, .menu ul ul a:hover{

        color: #fff;

	background:#314550;

        list-style-type:none;

        list-style-image:none}

.menu :hover > a, .menu ul ul :hover > a {color: #acdb58;;

                                          background:#314550;

                                          list-style-type:none;

                                          list-style-image:none

	}



/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul{visibility:visible;

        list-style-image:none }

.menu ul a:hover ul{visibility:visible;

        list-style-image:none }

/* keep the third level hidden when you hover on first level list OR link */

.menu ul :hover ul ul{visibility:hidden;

        list-style-image:none}

/* make the third level visible when you hover over second level list OR link */

.menu ul :hover ul :hover ul{ visibility:visible;

        list-style-image:none}





/* ================================================================ 

   This CSS is further CSS I have created specifically for Wordpress

   so that the current page is highlighted in two levels.

   If you want it in three levels let me know.



   Author: Isaac Rowntree

   Website: www.zackdesign.biz

=================================================================== */





.menu ul ul .current_page_item a {

  font-family:verdana;

  font-weight:bold;  

  color: #acdb58;

  background:#314550;

  border-left:none;

  list-style-type:none;

  list-style-image:none;

}



.menu .current_page_item a {

  font-family:verdana;

  color: #acdb58;

  font-weight: bold;

  background:#314550;

list-style-type:none;

list-style-image:none;

}



.menu ul .current_page_item ul a {

  font-family:verdana;

  color:#ffffff;

  font-weight: bold;

  background:#314550;

list-style-type:none;

list-style-image:none;

}



.menu ul .current_page_item ul a:hover {

   font-family:verdana;font-weight:bold;color: #acdb58;  

   background:#314550;

   list-style-type:none;

   list-style-image:none;

}



.menu .current_page_item a:hover {color: #acdb58;

   font-family:verdana;font-weight:bold;  

   background:#314550;

   list-style-type:none;

   list-style-image:none;

}