/* Basic styles*/
body {background:#e7e7e2 url(../images/bg.png) top left repeat-x;font-family: Helvetica,'Lucida Grande',Verdana,'Bitstream Vera Sans',Arial,sans-serif;margin:0 auto;font-size:13px;}
/*html {overflow: -moz-scrollbars-vertical;}*/
img { border:0;}
a { outline-style:none;  }
a:link ,a:active ,a:visited { text-decoration: none; color : #819eac; border: none;}
a:hover	{ text-decoration: none; color : #666464; border: none;} 
textarea,input {color:#7b7d6f}
p img {padding: 0;max-width: 100%;}
img.centered,img.aligncenter {display: block;margin:0 auto;border:1px solid #c0c0c0;overflow:hidden;padding: 4px;}
img.alignright {padding: 4px;margin: 2px 0 2px 7px;display: inline;border:1px solid #c0c0c0;}
img.alignleft {padding: 4px;margin: 2px 7px 2px 0;display: inline;/*border:1px solid #c0c0c0;*/}
.alignright {float: right;}
.alignleft {float: left}
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
.center {text-align: center;}
.hidden {display: none;}
.aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;}

#wrapper {margin:0 auto;width:980px;}
#wrapper #header {clear:both;height:75px; width:940px;padding:7px 20px;background:url(../images/body_top.png) bottom left no-repeat; overflow:hidden;}
#wrapper #main {clear:both;overflow:hidden;width:960px; padding:5px 10px; background:#ffffff url(../images/body_middle.png) top left repeat-y;}
#wrapper #footer {color:#5e5e5e;clear:both;overflow:hidden;  width:920px; padding: 20px 30px 10px 30px; background:#e7e7e2 url(../images/body_bottom.png) top left no-repeat;font-size:11px;}

#header #logo { width:280px; float:left;}
#header #nav {width:660px; float:right;}

#header #nav .pages, #header #nav .pages * {margin:0; padding:0;list-style:	none;}
#header #nav .pages { float:right; margin-top:18px;}
#header #nav .pages li {display:inline; float:left; margin-right:5px;}

#header #nav .pages li a:link, #header #nav .pages li a:visited, #header #nav .pages li a:active {color:#426372;font-size:14px;height:34px;line-height:34px;padding-right:10px;}
#header #nav .pages li a:hover {color:#5d6061;background:transparent url(../images/navbg.png) repeat scroll top right;float:left}
#header #nav .pages li a:hover span {background:transparent url(../images/navbg.png) repeat scroll left top;display:block;}
#header #nav .pages li.current_page_item a:visited,#header #nav .pages li.current_page_item a:active,#header #nav .pages li.current_page_item a:link {background:transparent url(../images/navbg.png) repeat scroll top right;color:#5d6061;float:left}
#header #nav .pages li.current_page_item a:visited span,#header #nav .pages li.current_page_item a:active span,#header #nav .pages li.current_page_item a:link span {background:transparent url(../images/navbg.png) repeat scroll left top;display:block;}
#header #nav .pages li a:link span, #header #nav .pages li a:visited span, #header #nav .pages li a:active span  {padding-left:10px;}


#main #content { width:600px; float:left; margin:10px;}
#content {z-index:999;}
#main #searchform { width:950px;float:left; margin:0 5px;padding:0 0 10px 0;border-bottom:1px solid #ccc;z-index:0}
#search{position:relative;float:left;width:500px;}
#search #link_dict {float:left;width:120px;height:40px;border:none;top:45px;left:0px;position:absolute;z-index:3;background:transparent url(../images/opcije.png) 0 0 no-repeat; cursor:pointer;}
#keyboard{display:none;position:relative;width:350px;height:50px;float:right;margin-left:80px}
#keyboard input{ background:transparent url(../images/button_keyboard.png) 0 0 no-repeat;cursor:pointer;margin:1px;width: 22px;height: 22px;border: none;color:#000;}
#search #query{float:left;color:#000;font-size:20px;border:5px solid #39f;width:380px;background:none;margin:8px 10px 8px 65px;padding:5px 30px 5px 5px; position:relative;}
#search #go-dictionary{float:right;width:150px;height:40px;border:none;top:24px;right:-100px;position:absolute;z-index:3;background:transparent url(../images/button.png) 0 0 no-repeat;}
#search #go-lexicon{float:right;width:150px;height:40px;border:none;top:24px;right:-100px;position:absolute;z-index:3;background:transparent url(../images/button-lexicon.png) 0 0 no-repeat;}


fieldset {padding:0 10px 10px 10px;border:1px solid #999;margin:7px 0}
legend {color:#f63;font-weight:bold;padding:0 7px;}
select { font-size:12px;}
.translate-textarea {font-family: 'Lucida Grande',Verdana,'Bitstream Vera Sans',Arial,sans-serif; font-size:12px;padding: 5px;margin:5px;border: 1px solid #ddd;width: 97%;height:120px;overflow:auto;}
.translate-textarea:focus {border: 1px solid #f63;}
.swap-link { width:32px;height:32px;display:inline-block;cursor:pointer;background:transparent url(../images/zameni_smer.png) no-repeat 0 -3px!important;}
.vk-link {background:transparent url(../images/link_tastatura.png) no-repeat;display:inline-block;width:120px;height:30px;position:relative;margin:5px;text-align:right;cursor: pointer;color:#f63;font-size:12px;}
.link_spell {background:transparent url(../images/link_spell.png) no-repeat;display:inline-block;width:120px;height:30px;position:relative;margin:5px 5px 5px 25px;text-align:right;cursor: pointer;color:#f63;font-size:12px;}


#spellcheckresults { position: absolute; background: #fff; margin: 0; border: 1px solid #000; padding: 5px; }
#spellcheckresults dl { margin: 0; padding: 0; }
#spellcheckresults dl dt { float: left; clear: left; margin: 3px 0; padding: 0; font-weight: bold; }
#spellcheckresults dl dd { float: left; margin: 3px 10px; padding: 0; cursor: pointer; color: green; }
#spellcheckresults dl dd.ignore { color: red; font-style: italic; }
.check-textarea {font-family: 'Lucida Grande',Verdana,'Bitstream Vera Sans',Arial,sans-serif; font-size:12px;padding: 5px;margin:5px;border: 1px solid #ddd;width: 97%;height:120px;}
.check-textarea:focus {border: 1px solid #f63;}

#main #sidebar {width:320px; float:right;line-height:18px;}

#footer .left { float:left; width:60%;}
#footer .licence { float:left; width:95%;margin-top:8px;}
#footer .licence img{border:none;float:left;padding-right:4px;}
#footer .right { float:right; width:30%; text-align:right;}

.widget {margin-bottom:10px; padding:0;overflow:hidden;clear:both; }
.widget h4 { font-size:20px;margin-bottom:5px;color:#575757;font-weight:lighter;border-bottom:4px solid #d9d9d9;padding:0 0 5px 0}
.widget h4 span {/*background:#e2e2e2; padding:5px 7px 2px 7px;*/}
.widget ul { list-style:none; font-size:11px; margin:0; padding:0;}
.widget ul li { /*background:url(../images/bullet.png) 5px 7px no-repeat;*/}
.widget_ads {margin-bottom:10px;float:left;}
.widget_ads ul{padding:0 5px;}
.widget_ads ul li {margin:3px 14px;padding:0;display:inline-block;float:left;width:125px;height:125px;font-weight:600; text-align:center}
.widget_ads ul li .odd {margin-right:30px;}
.widget_ads ul li .even {margin-left:30px;}
.widget_ads ul li img{border:none}
.widget_grammar ul li{background:url(../images/bullet.png) 5px 7px no-repeat; padding:0 0 3px 17px;}
/*
.widget_categories ul { padding:0 10px;}
.widget_categories ul li { width:43%; float:left; margin:0;background:url(../images/bullet.png) 5px 7px no-repeat; padding:0 0 3px 17px;}
.widget_categories p {float:left;padding:0;margin-bottom:3px !important ;display:block;width:100%;clear:both; font-weight:bold;color:#787575}
*/
.tabs-categories ul { padding:0 10px; overflow:hidden; clear:both}
.tabs-categories ul li { width:43%; float:left; margin:0;background:url(../images/bullet.png) 5px 7px no-repeat; padding:0 0 3px 17px;}
.tabs-categories p {float:left;padding:0;margin-bottom:3px !important ;display:block;width:100%;clear:both; font-weight:bold;color:#787575}

.widget_rssfeed {color:#727576;font-size:14px; padding:10px 10px 0 10px;}
.widget_rssfeed ul li {margin-bottom:5px; display:inline;padding:10px 0 10px 20px;}
.tooltip {
	display:none;
	background:transparent url(../images/black_arrow.png);
	font-size:14px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}
.tooltip.bottom {
	background:url(../images/black_arrow_bottom.png);
	padding-top:40px;
	height:55px;
}

.tooltip.bottom {
	background:url(../images/black_arrow_bottom.png);
}
.widget_search form { padding:0 10px;}
.widget_search input{width:63%;padding:5px; margin:0 5px 10px 0;background:#f8f8f5 url(../images/random.png) top left repeat-y;border-left:1px solid #dddbd4;border-top:1px solid #dddbd4;border-right:1px solid #f5f5f1;border-bottom:1px solid #f5f5f1;}
.widget_search input#searchsubmit { width:70px;margin-top:10px; background:url(../images/submit.png) top left repeat-x;color:#ffffff;padding-bottom: 3px;border:1px solid #94c1cd;}


.post {border-bottom:1px solid #d9d9d9;color:#6e6e6e;padding-bottom:5px;margin-bottom:10px; text-align:justify;}
.post .title { width:100%!important; float:left; padding-bottom:5px;}
.post .title h2 { color:#000000; font-size:15px;margin:0;padding:0 0 7px 0;}
.post .title h2 a { color:#000000;}
.post .title h2 a:hover { color:#66808d;}
.post .title .meta { color:#858585; font-size:11px;}
.post .title .meta a { background-color:#a2c2d1; color:#ffffff; padding:4px;} 
.post .title .meta a:hover { background-color:#000000; } 
.post .commentcount { font-weight:600;font-size:11px;width:35px; height:28px;text-align:center;margin:0 7px 0 10px;padding-top:8px; float:left; background:url(../images/commentcount.png) top left no-repeat;}
.post .commentcount a {color:#6e6e6e;}
.post .entry {line-height:22px;padding:10px;display:block; clear:both; overflow:hidden;color:#787575;}
.post p { margin:0; padding:0 0 10px 0;}
.post blockquote { background:transparent url(../images/quote.png) no-repeat scroll 0 0;font-size:0.9em;font-style:italic;line-height:1.5em;margin:5px 0 5px 0;padding:10px 15px 10px 60px;}
.post ul.split3cols,.post ul.split2cols {font-size:12px;overflow:auto;width:520px;}
.post ul {list-style-type:none;margin:10px 0;padding:0 0 0 10px;}
.post ul.split3cols li { float:left;width:155px;margin-right:5px;}
.post ul.split2cols li { float:left;width:240px;margin-right:5px;}
.post ul li { background:transparent url(../images/bullet.png) no-repeat scroll 0 8px;line-height:20px;margin:4px 0;padding:0 0 0 10px; }
.post .entry h1,.post .entry h2,.post .entry h3,.post .entry h4 {margin:0 0 5px 0; padding:0 0 5px 15px; color:#575757;font-weight:400;border-bottom:1px solid #d9d9d9;}
.post .entry h1 { font-size:20px;border-bottom:none;}
.post .entry h2 { font-size:16px;color:red;border-bottom:none;}
.post .entry h3 { font-size:16px;color:green;border-bottom:none;}
.post .entry h4 { font-size:14px;border-bottom:none;}


.post .entry .definition{ line-height:12px;padding-left:30px;}

.page h2 {  font-size:24px; margin:0 0 5px 0; padding:0 0 5px 15px; color:#575757;font-weight:400;border-bottom:1px solid #d9d9d9;}
.page .entry {line-height:22px;padding:0 10px;display:block; clear:both; overflow:hidden;color:#787575;}
.page p { margin:0; padding:0 0 10px 0;}
.page blockquote { background:transparent url(../images/quote.png) no-repeat scroll 0 0;font-size:0.9em;font-style:italic;line-height:1.5em;margin:5px 0 5px 0;padding:10px 15px 10px 60px;}
.page ul.split3cols,.page ul.split2cols {font-size:12px;overflow:auto;width:520px;}
.page ul {list-style-type:none;margin:10px 0;padding:0 0 0 10px;}
.page ul.split3cols li { float:left;width:155px;margin-right:5px;}
.page ul.split2cols li { float:left;width:240px;margin-right:5px;}
.page ul li { background:transparent url(../images/bullet.png) no-repeat scroll 0 8px;line-height:20px;margin:4px 0;padding:0 0 0 10px; }
.page .entry h1,.page .entry h2,.page .entry h3,.page .entry h4 {margin:0 0 5px 0; padding:0 0 5px 15px; color:#575757;font-weight:400;border-bottom:1px solid #d9d9d9;}
.page .entry h1 { font-size:16px;}
.page .entry h2 { font-size:15px;}
.page .entry h3 { font-size:14px;}
.page .entry h4 { font-size:13px;}

.megamenu{
position: absolute;
left: 0;
top: 24px;
background: #fff;
border: 1px solid #ff7400;
border-width: 5px 1px;
padding: 10px;
font: normal 12px;
z-index: 10000;
display:none;
width:925px;
}

.megamenu .column{
float: left;
width: 226px; /*width of each menu column*/
margin-right: 5px;
display:inline-block;
}

.megamenu .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.megamenu .column ul li{
background:url(../images/bullet_arrow.png) no-repeat scroll 0 11px transparent;
padding: 5px 6px 5px 18px;
}

.megamenu .column ul li:hover{
background-position: 5px 11px;
padding: 5px 6px 5px 18px;
}

.megamenu .column h3{
background: #e0e0e0;
font: bold 13px Arial;
margin: 0 0 5px 0;
padding:3px 5px;
}

.megamenu .column ul li a{
text-decoration: none;
}

.megamenu .column ul li a:hover{
color: red;
}