/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* CLEAR FIX */
html body div.clear,html body span.clear {background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility: hidden;width:0;height:0;} .clearfix:after {clear:both;content:'.';display:block;visibility:hidden;height:0;} .clearfix {display:inline-block;} * html .clearfix {height: 1%;} .clearfix {display: block;}
/* TYPOGRAFI etc. */
body { font: 13px/1.3 arial, helvetica, sans-serife }
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 19px; }
h5 { font-size: 17px; }
h6 { font-size: 15px; }
h1,h2,h3,h4,h5,h6 { margin-bottom: 15px; color: #000000; font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; color: #000000; }
h1 { color: #e07319; }
h2.latest { color: #e07319; border-bottom: 2px solid #e7e7e7; padding-top: 15px; margin-bottom: 15px; }
p { margin-bottom: 10px; }
a { color: #000000; text-decoration: none; }
a.u { text-decoration: underline; }
hr { border:0; background:#e7e7e7; height: 2px; margin-bottom: 15px; margin-top: 25px; }
/* Main LAYOUT/LOOK */
body { background: #f0f1f1 url('/img/bg.gif') 0 0 repeat-x; }
#wrap { width: 872px; margin: auto; }
#header { width: 860px; height: 102px; margin: auto; margin-bottom: 10px; background: url('/img/bg_header.gif') 0 0 repeat-x; }
#logo { float: left; margin-top: 17px; margin-left: 15px; display: block; width: 270px; height: 65px; }
#menu { width: 860px; height: 48px; margin: auto; margin-bottom: 10px; background: #17110c url('/img/bg_menu.gif') 0 0 repeat-x; }
#main { width: 860px; margin: auto; background: #ffffff; }
#main .inner { padding: 30px; }
#footer { width: 872px; margin: auto; padding-bottom: 20px; padding-top: 20px; text-align: center; }
#footer li { display: inline; padding-left: 10px; padding-right: 10px; border-left: 1px solid #dddddd; }
#footer li.first { border: 0; }
#footer li a { color: #999999; text-decoration: none; }
#footer li a:hover { text-decoration: underline; }
.left-wide { width: 444px; float: left; display: inline; overflow: hidden; }
.right-sidebar { width: 303px; float: right; display: inline; overflow: hidden; }
/* SIDEBAR */
.right-sidebar h3 { padding-left: 10px; line-height: 40px; background: #17110c; color: #e07319; font-size: 17px; margin-bottom: 5px; margin-top: 20px; }
.right-sidebar h3 a { color: #e07319; }
.right-sidebar h4 a { font-size: 16px; }
.right-sidebar ul.categories li { line-height: 30px; border-bottom: 1px solid #ddd; }
.right-sidebar ul.categories li a { padding-left: 10px; text-decoration: none; display: block; }
.right-sidebar ul.categories li a:hover { background: #fafafa; text-decoration: underline; }
.right-sidebar .tags li { display: inline; margin-right: 5px; line-height: 20px; }
.right-sidebar .tags li a { text-decoration: none; }
.right-sidebar .tags li a:hover { text-decoration: underline; }
.right-sidebar img.recipe-image { border: 2px solid #e7e7e7; padding: 5px; }
/* MENU */
#menu li { display: inline; float: left; border-right: 1px solid #4d3826; }
#menu li a { float: left; line-height: 48px; padding-left: 15px; padding-right: 15px; text-decoration: none; color: #ffffff; }
#menu li a:hover { background: #1d160f; }
#menu li.active a { background: #e07319; }
/* SEARCH */
#search { display: inline; height: 48px; float: right; margin-right: 16px; padding-left: 120px; background: url('/img/sok_recept.gif') 0 50% no-repeat; }
#search input { width: 200px; margin-top: 9px; margin-right: 10px; border: 0; line-height: 26px; font-size: 18px; padding: 4px; }
#search .btn { background: url('/img/search_btn_left.gif') 0 0 no-repeat; }
#search .btn button { background: url('/img/search_btn_right.gif') 100% 0 no-repeat; }
/* BUTTON */
.btn { padding-left: 2px; display: inline-block; background: url('/img/search_btn_left.gif') 0 0 no-repeat; height: 32px; }
.btn button { line-height: 32px; height: 32px; font-size: 14px; padding-left: 4px; padding-right: 6px; background: url('/img/search_btn_right.gif') 100% 0 no-repeat; color: #ffffff; border: 0; }
/* FORM */
form.normal label { font-weight: bold; }
form.normal label span { font-weight: normal; }
form.normal span.error { font-weight: bold; color: #f00; }
form.normal h3 { float: left; margin-top: 40px; color: #e07319; background: url('/img/pixel_gray.gif') 0 55% repeat-x; width: 100%; }
form.normal h3 span { margin-left: 20px; padding-left: 15px; padding-right: 15px; background: #fff; }
form.normal div.one { width: 222px; float: left; margin-top: 10px; }
form.normal div.one.right input, form.normal div.one.right label { float: right; }
form.normal div.one.alone { margin-right: 222px; }
form.normal div.two { width: 444px; float: left; margin-top: 10px; }
form.normal div.one label { width: 204px; line-height: 20px; float: left; }
form.normal div.two label { width: 444px; line-height: 20px; float: left; }
form.normal div.two.button label { width: 184px; }
form.normal div.two.button label.last { width: 260px; }
form.normal input.text, form.normal input.file { border: 2px solid #dddddd; padding: 5px; font-size: 15px; width: 190px; float: left; }
form.normal div.two input.text { width: 430px; }
form.normal div.two.button input.text { width: 160px; margin-right: 10px; }
form.normal div.two textarea { border: 2px solid #dddddd; padding: 5px; font-size: 15px; width: 430px; height: 200px; float: left; }
form.normal div.two textarea#inpDescription { height: 50px; }
form.normal ul.ingredients li { padding-left: 14px; line-height: 32px; border-bottom:2px solid #fff; background: #e7e7e7; cursor: move; }
form.normal ul.ingredients li a.remove { display: inline; width: 19px; height: 19px; background: url('/img/remove.gif') 0 0 no-repeat; float: right; margin-right: 10px; margin-top: 7px; }
form.normal input.focus, form.normal div.two textarea.focus { border-color: #e07319; }
/* RECEPT */
p.ingredients a, p.categories a { font-size: 12px; color: #666666; text-decoration: underline; }
ul.ingredients { font-style: italic; margin-bottom: 15px; margin-top: -5px; background: #f7f7f7; padding: 10px; }
/* RECEPT "LISTA" */
div.recipe { margin-bottom: 20px; border-bottom: 2px solid #e7e7e7; padding-bottom: 20px; overflow: hidden; }
div.recipe img { float: right; margin-left: 15px; }
div.recipe h3 { margin-bottom: 5px; line-height: 22px; }
div.recipe a.show { text-decoration: underline; margin-left: 5px; }
/* SPONSORER "LISTA" */
div.sponsor { margin-bottom: 20px; border-bottom: 1px solid #ebe7e2; padding-bottom: 20px; overflow: hidden; }
div.sponsor.first { margin-top: 40px; border-top: 1px solid #ebe7e2; padding-top: 20px; }
div.sponsor img { float: left; margin-right: 20px; margin-bottom: 10px; }
div.sponsor a { color: #666; text-decoration: underline; padding-bottom: 10px; }
/* ORDERED-LIST */
ul.ordered-list li { line-height: 30px; border-bottom: 2px solid #eee; }
ul.ordered-list li.first-letter { background: #ddd; font-weight: bold; font-size: 20px; padding-left: 5px; }
ul.ordered-list li a { display: block; }
ul.ordered-list li a:hover { background: #fafafa; }
/* DEFINITION LIST */
dl { margin-top: 10px; margin-bottom: 10px; }
dt { font-weight: bold; }
dd { margin-left: 40px; }
/* AUTOCOMPLETER */
ul.autocompleter-choices
{
position: absolute;
margin: 0;
padding: 0;
list-style: none;
border: 0;
border-left-color: #c3c3c3;
border-right-color: #c3c3c3;
border-bottom-color: #ddd;
background-color: #ddd;
text-align: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
z-index: 50;
background-color: #fff;
}
ul.autocompleter-choices li
{
position: relative;
margin: -2px 0 0 0;
padding: 0.2em 1.5em 0.2em 1em;
display: block;
background: #dddddd;
float: none !important;
cursor: pointer;
font-weight: normal;
white-space: nowrap;
font-size: 1em;
line-height: 1.5em;
}
ul.autocompleter-choices li.autocompleter-selected
{
background-color: #444;
color: #fff;
}
ul.autocompleter-choices span.autocompleter-queried
{
display: inline;
float: none;
font-weight: bold;
margin: 0;
padding: 0;
}
ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
color: #9FCFFF;
}
/* SMALL ADJUSTMENTS */
.hidden { display: none; }
.right { float: right; }