/*****************************************
CSS file for www.podravka.hr
Copyright (c) web.burza.hr
*****************************************/

*           { margin: 0; padding: 0; }
html        { font:62.5%/1.5 "Trebuchet MS", Trebuchet, Arial, sans-serif; color: #000; background: #fff; }

fieldset,
a img       { border: 0; }

a           { color: #c00; text-decoration: underline; }

hr	{ clear: both; margin-bottom: 20px; }

p, li, td, th, label, legend, dd, dt   { font-size: 1.2em; }
h1, h2, h3, h4                         { font-weight: normal; }

table   { text-align: left; border-collapse: collapse; border-spacing: 0; }

table.boxed         { margin: 0 -3px; }
table.boxed td      { border-left: 1px solid #000; text-align: right; padding: 4px 13px 2px 2px; }
table.boxed th      { padding: 4px 2px 2px 13px; }

td,
th      { border-top: 1px solid #000; vertical-align: top; }

th      { width: 75px; font-weight: normal; padding: 4px 2px 2px 5px; }
td      { ; padding: 4px 5px 2px 2px; }

tr.first-child th { border-top: 0; padding-top: 7px; }
tr.first-child td { border-top: 0; padding-top: 7px; }

tr.last-child th { padding-bottom: 6px; }
tr.last-child td { padding-bottom: 6px; }


.skipper    { position: absolute; left: -9999px; top: -9999px; }

/*** LAYOUT ***/

#sizer                                  { margin: 0 auto; }
#sizer:after                            { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; }

#content             { position: relative; padding: 5px 5px 0; margin: 0 5px; }
#content:after       { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; }

#header                 { min-height: 78px; height: auto !important; height: 78px; padding: 22px 10px 0; border-bottom: 1px solid #ccc; }
#header:after           { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; }
#header #podravka_logo  { float: left; margin-left: 15px; display: inline; }
#header #podravka_logo img { width: 121px; height: 52px; font-size: 2em; line-height: 2.5em; }
#header #tagline        { float: left; margin: 18px 0 0 25px; display: inline; font-weight: bold; font-size: 1.4em; }

/*** BOXES ***/
#page_content                       { float: left; margin-top: 12px; }
#page_content:after                 { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; }

#primary_content            { float: left; padding: 0 15px; }

#story_lead         { padding: 0 15px; margin-bottom: 22px; font-family: Georgia, serif; font-style: italic; font-size: 2em; line-height: 1.2; color: #999; }

#primary_content           { }

#heading                   { position: relative; padding: 0 0 60px 15px; z-index: 1; }
#heading h1                { font-size: 2.4em; color: #333; line-height: 1.1; position: relative; top: 13px; }
#heading p                 { position: absolute; top: 0; font-size: 1em; color: #999; line-height: 1; text-transform: uppercase; }


h3                { font-size: 1.8em; color: #444; line-height: 1.1; padding: 0 0 12px 0; }

#story                      { width: 100%; margin-bottom: 10px; }
#story:after                { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; }

#nutrition_analysis p,
.visual_default p,
.visual_default li,
.visual_default td,
.visual_default th,
.visual_default label,
.visual_default legend,
.visual_default dd,
.visual_default dt                                  { font-size: 1.4em; line-height: 1.714; }

#nutrition_analysis h2,
.visual_default h2                                  { clear: both; padding: .2em 0 .5em; font-size: 1.8em; line-height: 1.333; color: #444; }

.visual_default h3                                  { clear: both; padding: .2em 0 .5em; font-size: 1.6em; line-height: 1.5; color: #444; font-weight: bold; }

.visual_default p,
.visual_default dl                                  { padding-bottom: 1em; }

.visual_default ul,
.visual_default ol                                  { margin-left: 30px; padding-bottom: 1em; }

.visual_default dt                                  { margin-top: 1em; font-weight: bold; color: #707070; }

.visual_default li                                  { padding-bottom: .2em; padding-left: 10px; }

.visual_default li ol,
.visual_default li ul                               { margin-top: 1em; }

.visual_default blockquote p,
.visual_default .quote                              { clear: both; display: block; min-height: 38px; height: auto !important; height: 38px; padding: 0 0 13px 45px; font-size: 1.6em; line-height: 1.5; color: #c00; background: url(/css/cssimg/quote.gif) no-repeat 0 6px; }

.visual_default table                               { width: 490px; margin-bottom: 20px; }

.visual_default table td                            { padding: 4px 15px; text-align: left; font-size: 1.4em; }

.visual_default table td a                          { color: #000; }

.visual_default table .row_header                  { }
.visual_default table .row_header td               { border: 0; padding-top: 7px; padding-bottom: 3px; font-size: 1.4em; color: #333; border-bottom: 1px solid #999; background-color: #f6f6f6; }

.visual_default table tr.last-child                 { }
.visual_default table tr.last-child td              { padding-bottom: 8px; }

.visual_default table tr.first-child                {}
.visual_default table tr.first-child td             { padding-top: 8px; }

.visual_default td p,
.visual_default td li,
.visual_default td dt,
.visual_default td dd,
.visual_default li p,
.visual_default li li,
.visual_default li dt,
.visual_default li dd                               { font-size: 1em; }

.visual_default td h2                               { font-size: 1.28em; }
.visual_default td h3                               { font-size: 1.14em; }

/* entity imgs */
.article_overview .entity_img        { float: left; margin: 5px 13px 0 -3px; width: 166px; background: #e1e1e1 url(/css/cssimg/image_small_top.gif) no-repeat 0 0; position: relative; }
.article_overview .entity_img a      { float: left; }
.article_overview .entity_img img    { background: url(/css/cssimg/image_small_bottom.gif) no-repeat 0 100%; padding: 3px; display: block; }


/* story images */
.image_large                    { float: none; clear: both; display: block; width: 496px; margin: 5px -3px 1em -3px !important; background: #e1e1e1 url(/css/cssimg/image_large_bottom.gif) no-repeat 0 100%; padding: 0 !important; }

.image_large_twoimgs            { float: none; clear: both; display: block; width: 500px; margin: 5px -3px 1em -3px !important; background: #e1e1e1 url(/css/cssimg/image_large_twoimgs_bottom.gif) no-repeat 0 100%; padding: 0 !important; }

.image_medium_left,
.image_medium_right             { width: 246px; background: #e1e1e1 url(/css/cssimg/image_medium_bottom.gif) no-repeat 0 100%; }

.image_small_right,
.image_small_left               { width: 166px; background: #e1e1e1 url(/css/cssimg/image_small_bottom.gif) no-repeat 0 100%; }

.image_medium_left,
.image_small_left               { float: left; display: inline; clear: left; margin: 5px 13px 0 -3px !important; padding: 0 !important; }

.image_medium_right,
.image_small_right              { float: right; display: inline; clear: right; text-align: right; margin: 5px -3px 0 13px !important; padding: 0 !important; }

.image_large img                { display: block; padding: 3px; background: url(/css/cssimg/image_large_top.gif) no-repeat 0 0; }

.image_large_twoimgs img        { padding: 3px; border-right: 4px solid #fff; background: url(/css/cssimg/image_medium_top.gif) no-repeat 0 0; }

.image_medium_left img,
.image_medium_right img         { display: block; padding: 3px; background: url(/css/cssimg/image_medium_top.gif) no-repeat 0 0; }

.image_small_right img,
.image_small_left img           { display: block; padding: 3px; background: url(/css/cssimg/image_small_top.gif) no-repeat 0 0; }

.image_caption                  { display: block; padding: 8px 18px 12px; color: #666; font-style: italic; font-size: .8em !important; line-height: 1.2; text-align: left; background: #fff; }

.image_large_twoimgs .image_caption,
.image_large .image_caption     { background: url(/css/cssimg/caption_496.gif) no-repeat 0 100%; }

.image_medium_left .image_caption,
.image_medium_right .image_caption             { background: url(/css/cssimg/caption_246.gif) no-repeat 0 100%; }

.image_small_right .image_caption,
.image_small_left .image_caption               { background: url(/css/cssimg/caption_166.gif) no-repeat 0 100%; }

td .image_small_right,
td .image_small_left,
td .image_medium_left,
td .image_medium_right                          { margin-bottom: 5px !important; }

/*** category overview ***/
#category_info,
#article_overview_container .pseudo-row,
#article_overview_container  .article_overview          { float: left; width: 100%; position: relative; padding: 14px 0; border-top: 1px solid #e5e5e5; }

#article_overview_container .pseudo-row                 { border: 0; padding: 7px 0; }

#category_info                                          { border: 0; padding: 0; margin: -4px 0 12px; }
#article_overview_container                             { float: left; width: 100%; margin-top: -12px; }


#article_overview_container .first-child                { border-top: 0; }
.article_overview .meta_data                            { position: absolute; top: 18px; left: 0; text-transform: uppercase; font-size: 1em; line-height: 1; color: #999; }

#article_overview_container .has_date                          { padding-top: 30px; }

#article_overview_container .pseudo-row .article_overview      { width: 240px; margin-left: 10px; border: 0; padding: 0; }
#article_overview_container .pseudo-row  .first-in-row         { margin-left: 0; }

#article_overview_container.news                                { padding-top: 20px; }

.more_news,
#category_info p,
.article_overview p                 { font-size: 1.3em; line-height: 1.7; }
.more_news                          { text-align: right; }


#category_info p,
#category_info dl                   { padding: 0; margin-top: 1em; }

#category_info ul,
#category_info ol                   { padding: 0; margin-top: 1em; }

#category_info li                   { padding-top: .2em; padding-bottom: 0; }


#article_overview_container.news h2,
#article_overview_container.news h3,
#category_info h1,
.article_overview h2                { font-size: 2em; line-height: 1.2; }

#article_overview_container.news h3 a,
#article_overview_container.news h2,
#category_info h1,
.article_overview h2 a              { color: #444; }

#article_overview_container.news h2,
#category_info h1                   { padding-bottom: 7px; color: #888; border-bottom: 1px solid #e5e5e5; }

#article_overview_container.news h3,
.article_overview h2                { margin-bottom: 5px; }

#article_overview_container.news h3  { padding: 0; }

#article_overview_container.news h3 a:hover,
#article_overview_container.news h3 a:active,
#article_overview_container.news h3 a:focus,
#category_info h1 a:hover,
#category_info h1 a:active,
#category_info h1 a:focus,
.article_overview h2 a:hover,
.article_overview h2 a:active,
.article_overview h2 a:focus            { color: #c00; text-decoration: none; }




/*** recipe nutrition analysis ***/
#nutrition_analysis                      { margin-bottom: 20px; clear: both; }
#nutrition_analysis table                { width: 490px; margin-bottom: 10px; }

#nutrition_analysis td,
#nutrition_analysis th                  { text-align: center; font-size: 1.2em; line-height:1.7; }
#nutrition_analysis th                  { padding: 4px 15px; }
#nutrition_analysis td                  { padding: 4px 10px; }

#nutrition_analysis thead                { }
#nutrition_analysis thead th             { font-size: 1.4em; border: 0; color: #333; border-bottom: 1px solid #999; background-color: #f6f6f6; }
#nutrition_analysis thead th.first-child { text-align: left; }
#nutrition_analysis thead tr.sub_th th   { font-size: 1.2em; }
#nutrition_analysis thead th.has_sub_th  { border: 0; }
#nutrition_analysis tbody th             { width: 200px; text-align: left; }

#nutrition_analysis tbody tr:hover th,
#nutrition_analysis tbody tr.over th,
#nutrition_analysis tbody tr:hover td,
#nutrition_analysis tbody tr.over td     { background: #f6f6f6; }
#nutrition_analysis tbody th             { color: #666; }
#nutrition_analysis td.value             { white-space: pre; }

#nutrition_analysis .info                { padding: 10px 10px 20px 15px; }

#nutrition_analysis p                    { font-size: 1.2em; line-height: 1.4; }
#rda_explanation p                       { padding: 0 15px; color: #999; }

#expand_table_control                    { display: none; }


/*** ***/
#comment_list                   { clear: both; float: left; width: 100%; margin-bottom: 20px; }
#comment_list h2                { color: #444; font-size: 1.8em; }
#comment_list ol                { float: left; width: 100%; margin-top: 20px; }
#comment_list li                { list-style: none; margin-top: 10px; float: left; width: 100%; }
#comment_list li.first-child    { }

#comment_list dl                { }
#comment_list dt                { float: left; width: 100%; }
#comment_list dt .comm_no       { float: left; width: 50px; text-align: center; }
#comment_list dt em             { float: right; width: 440px; }
#comment_list dt em .comm_auth  { }
#comment_list dd.comm           { margin-left: 70px; }

#get_flash_player,
#edit_node,
#edit_article    { display: none; }

#footer { clear: both; padding: 15pt 0; border-top: 1px solid #ccc; }
#copyright { font-size: 1.2em; text-align: left;  }

#footer { padding: 20px 10px; }