* { margin: 0; padding: 0; }
html { height: 100%; margin-bottom: .01em; }
body { font: 62.5%/1.5 "Lucida Grande", Verdana, sans-serif; background: #fff; color: #363636; text-align: center; }
table { font-size: 1em; border-collapse: collapse; }
th, td { vertical-align: top; }
a { color: #064F50; }
a:hover { color: #888; text-decoration: none; }
a img { border: 0; }
h3 a { color: #fff; }
/***************
COLORS
***************/
/* #264134 */
.homepage_body h1,
.homepage_body h2,
.homepage_body h3,
.homepage_body h4,
.homepage_body dt,
.homepage_body a,
.homepage_body .box a:hover { color: #c6572b !important; }
.homepage_body .registered { border-color: #c6572b !important; }
.homepage_body #search_facility h3 { background-color: #c6572b !important; }
.homepage_body .category_list li { background-image: url(cssimg/bullets/green_large.gif); }
/* letters #423121 */
.letters_body h1,
.letters_body h2,
.letters_body h3,
.letters_body h4,
.letters_body dt,
.letters_body a,
.letters_body .box a:hover { color: #ab6a20 !important; }
.letters_body .registered { border-color: #ab6a20 !important; }
.letters_body #search_facility h3 { background-color: #ab6a20 !important; }
.directory_croatia_body h1,
.directory_croatia_body h2,
.directory_croatia_body h3,
.directory_croatia_body h4,
.directory_croatia_body dt,
.directory_croatia_body a,
.directory_croatia_body .box a:hover { color: #2199ab !important; }
.directory_croatia_body .registered { border-color: #2199ab !important; }
.directory_croatia_body #search_facility h3 { background-color: #2199ab !important; }
.directory_croatia_body .category_list li { background-image: url(cssimg/bullets/green_large.gif); }
.photo_gallery_body h1,
.photo_gallery_body h2,
.photo_gallery_body h3,
.photo_gallery_body h4,
.photo_gallery_body dt,
.photo_gallery_body a,
.photo_gallery_body .box a:hover { color: #19562c !important; }
.photo_gallery_body #search_facility h3 { background-color: #19562c !important; }
.photo_gallery_body .registered { border-color: #19562c !important; }
.links_body h1,
.links_body h2,
.links_body h3,
.links_body h4,
.links_body dt,
.links_body a,
.links_body .box a:hover { color: #8a1202 !important; }
.links_body #search_facility h3 { background-color: #8a1202 !important; }
.links_body .registered { border-color: #8a1202 !important; }
.links_body .category_list li { background-image: url(cssimg/bullets/light_blue_large.gif); }
.articles_body h1,
.articles_body h2,
.articles_body h3,
.articles_body h4,
.articles_body dt,
.articles_body a,
.articles_body .box a:hover { color: #7e4828 !important; }
.articles_body #search_facility h3 { background-color: #7e4828 !important; }
.articles_body .registered { border-color: #7e4828 !important; }
.publications_projects_body h1,
.publications_projects_body h2,
.publications_projects_body h3,
.publications_projects_body h4,
.publications_projects_body dt,
.publications_projects_body a,
.publications_projects_body .box a:hover { color: #275788 !important; }
.publications_projects_body #search_facility h3 { background-color: #275788 !important; }
.publications_projects_body .registered { border-color: #275788 !important; }
/* defaults */
h1, h2, h3, h4 { font-family: "Trebuchet MS", Trebuchet, sans-serif; }
h1, h2, h3, h4, dt, a { color: #295378 !important; }
#search_facility h3 { background-color: #295378 !important; }
.registered { border-color: #295378 !important; }
.category_list li { background-image: url(cssimg/bullets/dark_blue_large.gif); }
/***************
BOX HEADERS
***************/
.box h3 { background-repeat: no-repeat; text-shadow: #000 2px 2px 0px; }
#admin_menu h3 { background: #295378 url(cssimg/round_upper_right.gif) no-repeat 100% 0 !important; }
#weather_box h3 { background-image: url(cssimg/mini_headers/informations.gif); }
#did_you_know_box h3 { background-image: url(cssimg/mini_headers/did_you_know.gif); }
#featured_photo h3 { background: #766453 url(cssimg/mini_headers/featured_photo.gif) no-repeat 100% 0; }
#options_box h3 { background-image: url(cssimg/mini_headers/options.gif); }
#sponsored_links h3 { background-image: url(cssimg/mini_headers/sponsored_links.gif); }
#zagreb_maps h3 { background-image: url(cssimg/mini_headers/zagreb_maps.gif); }
#search_facility h3 { background-image: url(cssimg/round_upper_right.gif); background-position: 100% 0; }
#letters_box h3 { background: #019CB8 url(cssimg/mini_headers/featured_letter.jpg) no-repeat 100% 0; }
#articles_box h3 { background: #7C342D url(cssimg/mini_headers/featured_article.jpg) no-repeat 100% 0; }
/*** MAIN LAYOUT POSITIONING ***/
/***
10 | 920 | 10
10 | 700 | 10 | 210 | 10
10 | 690+10 | 10 | 210 | 10
***/
.skipper { position: absolute; left: -9999px; top: -9999px; }
/* body { background: url(cssimg/grid.gif) repeat-y 50% 0; } */
#sizer { width: 940px; margin: 0 auto; text-align: left; background: url(cssimg/content_710.gif) repeat-y 0 0; }
#sizer:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#header { float: left; display: inline; width: 930px; margin-left: 10px; padding-bottom: 10px; background: url(cssimg/content_940.gif) repeat-y 100% 0; }
.homepage_body #header { background-color: #fff; }
#content { float: left; width: 930px; padding: 0 0 0 10px; }
.homepage_body #content { background: url(cssimg/content_940.gif) repeat-y 0 0 !important; }
#main_content { float: left; width: 700px; padding-bottom: 10px; margin: 0 10px 0 0; }
.homepage_body #main_content { width: 480px !important; overflow-x: hidden; }
#primary_content { float: left; width: 650px; padding: 10px 20px 20px; }
/* (3 boxes at the bottom, inside main content) */
#secondary_content { float: left; clear: both; display: inline; width: 700px; margin: 0 0 0 -9px; background: url(cssimg/secondary_box.gif) no-repeat 9px 100%; }
.homepage_body #secondary_content { width: 455px; margin: 0 0 0 10px; background-position: 0 100% !important; }
/* (sidebar) */
#supplementary_content { float: right; width: 220px; background: url(cssimg/supplementary_content.gif) repeat-y 0 100%; }
/* footer */
#footer { position: relative; float: left; clear: both; width: 710px; border-top: 1px solid #E6E6E6; background: transparent url(cssimg/footer_lower_left.gif) no-repeat 0 100%; }
.homepage_body #footer { width: 940px; background-color: #fff; }
#footer p { padding: 10px 20px; font-size: 1.1em; color: #545454; }
#footer #cright { float: left; display: inline; margin-left: 5px; padding-left: 15px; width: 425px; }
#footer #site_by { position: absolute; right: 0; bottom: 0; height: 13px; text-align: right; width: 200px; }
/*** HEADER, MAIN NAV AND SEARCH FACILITY ***/
#header #logo { float: left; margin-right: 10px; background: url(cssimg/logo.gif) no-repeat 0 100%; }
#header #logo a { display: block; width: 200px; height: 110px; text-indent: -9999px; overflow: hidden; }
#main_nav { float: left; min-width: 490px; margin: 10px 0 0 !important; background-color: #000; background-repeat: no-repeat; background-image: url(/css/cssimg/headers/directory.jpg) !important; }
#main_nav li { list-style: none; float: left; display: inline; border-left: 1px solid #fff; }
#main_nav li a { float: left; height: 25px; padding: 75px 6px 0 7px; color: #fff !important; font: 1.2em/1.5 "Trebuchet MS", Trebuchet, sans-serif; text-decoration: none; }
#main_nav li a:hover { outline: none; }
#main_nav li.first-child { border-left: 0; background: url(cssimg/main_nav_first_child.gif) no-repeat 0 0; }
/*
.homepage_body #homepage_link { background-color: #264134 !important; }
.directory_body #zagreb_link { background: #295378 !important; }
.directory_croatia_body #croatia_link { background: #064F50 !important; }
.letters_body #letters_link { background: #423121 !important; }
.photo_gallery_body #gallery_link { background: #766453 !important; }
.links_body #links_link { background: #59737D !important; }
.articles_body #articles_link { background: #3F424F !important; }
.publications_projects_body #projects_link { background: #6F1C34 !important; }
.homepage_body #main_nav { background-image: url(/css/cssimg/headers/homepage.jpg) !important; }
.homepage_body #breadcrumbs { background: url(cssimg/breadcrumbs/breadcrumbs_homepage_top.gif) no-repeat 0 0 !important; }
.directory_body #main_nav { background-image: url(/css/cssimg/headers/directory.jpg) !important; }
.directory_body #breadcrumbs { background: url(cssimg/breadcrumbs/breadcrumbs_directory_top.gif) no-repeat 0 0 !important; }
.directory_croatia_body #main_nav { background-image: url(/css/cssimg/headers/directory_croatia.jpg) !important; }
.directory_croatia_body #breadcrumbs { background: url(cssimg/breadcrumbs/breadcrumbs_directory_croatia_top.gif) no-repeat 0 0 !important; }
.articles_body #main_nav { background-image: url(/css/cssimg/headers/articles.jpg) !important; }
.articles_body #breadcrumbs { background: url(cssimg/breadcrumbs/breadcrumbs_articles_top.gif) no-repeat 0 0 !important; }
.letters_body #main_nav { background-image: url(/css/cssimg/headers/letters.jpg) !important; }
.letters_body #breadcrumbs { background: url(cssimg/breadcrumbs/breadcrumbs_letters_top.gif) no-repeat 0 0 !important; }
.photo_gallery_body #main_nav { background-image: url(/css/cssimg/headers/photo_gallery.jpg) !important; }
.photo_gallery_body #breadcrumbs { background: url(cssimg/breadcrumbs/breadcrumbs_photo_gallery_top.gif) no-repeat 0 0 !important; }
.links_body #main_nav { background-image: url(/css/cssimg/headers/links.jpg) !important; }
.links_body #breadcrumbs { background: url(cssimg/breadcrumbs/breadcrumbs_links_top.gif) no-repeat 0 0 !important; }
.publications_projects_body #main_nav { background-image: url(/css/cssimg/headers/publications_projects.jpg) !important; }
.publications_projects_body #breadcrumbs { background: url(cssimg/breadcrumbs/breadcrumbs_publications_projects_top.gif) no-repeat 0 0 !important; }
*/
.homepage_body #homepage_link { background-color: #c6572b !important; }
.directory_body #zagreb_link { background: #486096 !important; }
.directory_croatia_body #croatia_link { background: #2199ab !important; }
.articles_body #articles_link { background: #7e4828 !important; }
.letters_body #letters_link { background: #ab6a20 !important; }
.photo_gallery_body #gallery_link { background: #19562c !important; }
.links_body #links_link { background: #8a1202 !important; }
.publications_projects_body #projects_link { background: #275788 !important; width: 100px; }
.homepage_body #main_nav { background-image: url(/css/cssimg/headers/01-1.jpg) !important; }
.homepage_body #breadcrumbs { background: url(cssimg/breadcrumbs/01-2.jpg) no-repeat 0 0 !important; }
.directory_body #main_nav { background-image: url(/css/cssimg/headers/02-1.jpg) !important; }
.directory_body #breadcrumbs { background: url(cssimg/breadcrumbs/02-2.jpg) no-repeat 0 0 !important; }
.directory_croatia_body #main_nav { background-image: url(/css/cssimg/headers/03-1.jpg) !important; }
.directory_croatia_body #breadcrumbs { background: url(cssimg/breadcrumbs/03-2.jpg) no-repeat 0 0 !important; }
.articles_body #main_nav { background-image: url(/css/cssimg/headers/04-1.jpg) !important; }
.articles_body #breadcrumbs { background: url(cssimg/breadcrumbs/04-2.jpg) no-repeat 0 0 !important; }
.letters_body #main_nav { background-image: url(/css/cssimg/headers/05-1.jpg) !important; }
.letters_body #breadcrumbs { background: url(cssimg/breadcrumbs/05-2.jpg) no-repeat 0 0 !important; }
.photo_gallery_body #main_nav { background-image: url(/css/cssimg/headers/06-1.jpg) !important; }
.photo_gallery_body #breadcrumbs { background: url(cssimg/breadcrumbs/06-2.jpg) no-repeat 0 0 !important; }
.links_body #main_nav { background-image: url(/css/cssimg/headers/07-1.jpg) !important; }
.links_body #breadcrumbs { background: url(cssimg/breadcrumbs/07-2.jpg) no-repeat 0 0 !important; }
.publications_projects_body #main_nav { background-image: url(/css/cssimg/headers/08-1.jpg) !important; }
.publications_projects_body #breadcrumbs { background: url(cssimg/breadcrumbs/08-2.jpg) no-repeat 0 0 !important; }
#search_facility { float: right; display: inline; margin: 10px 10px 0 0 !important; padding-bottom: 0 !important; background: none !important; }
#search_facility h3 { margin-bottom: 0 !important; }
#search_form { width: 180px; height: auto !important; height: 42px; min-height: 42px; padding: 15px; background: #EBEBEB url(cssimg/round_lower_right.gif) no-repeat 100% 100%; }
#search_form fieldset { border: 0; }
#search_form label { display: block; font-size: 1.1em; line-height: 1em; }
#search_form .input_text { float: left; height: 18px; width: 126px; margin: 5px 0 0; padding: 1px 4px; font: 1.1em "Trebuchet MS", Trebuchet, sans-serif; color: #363636; background: url(cssimg/input_text.gif) no-repeat 0 0; border: 0; }
#search_form .input_image { outline: none; width: 46px; height: 30px; float: left; }
/*** MAIN CONTENT ***/
#main_content h1 { font-weight: normal !important; font-size: 2.4em; line-height: 1.2; padding-bottom: .2em; margin-bottom: .5em; border-bottom: 1px solid #E6E6E6; clear: left; }
#main_content h2 { font-weight: normal; font-size: 1.8em; line-height: 1.2; margin-bottom: .5em; }
#main_content h3 { font-weight: bold; font-size: 1.1em; }
#main_content p { font-size: 1.1em; margin-bottom: 1em; }
#main_content ol { margin-bottom: 1em; }
#main_content ol li { margin-left: 30px; font-size: 1.1em; list-style: decimal; }
#main_content ul li { font-size: 1.1em; }
#main_content ol,
#main_content ul,
#main_content table { margin-bottom: 1em; }
#zagrebcard p a,
#homepage_listing a,
#primary_content a { text-decoration: none; border-bottom: 1px dotted #064F50; }
#zagrebcard p a:active,
#homepage_listing a:active,
#primary_content a:active,
#zagrebcard p a:hover,
#homepage_listing a:hover,
#primary_content a:hover { color: #900 !important; border-color: #900; }
#breadcrumbs { float: left; background: url(cssimg/breadcrumbs/breadcrumbs_directory_top.gif) no-repeat 0 0; margin-bottom: 10px; }
#breadcrumbs p { float: left; width: 700px; w\idth: 680px; padding: 5px 10px; margin: 0; font-size: 1.2em; color: #fff; background: url(cssimg/breadcrumbs_lower_left.gif) no-repeat 0 100%; }
#breadcrumbs a { color: #fff !important; }
.homepage_body #breadcrumbs p { width: 480px; w\idth: 460px; }
#zagrebcard { position: relative; float: left; width: 690px; margin: 10px 0 0; padding-top: 10px; background: url(cssimg/zagreb_card_top.gif) no-repeat 0 0; }
#zagrebcard #card { position: absolute; left: 20px; top: -7px; display: block; width: 150px; height: 104px; overflow: hidden; background: url(cssimg/zagreb_card.gif) no-repeat 0 0; border: 0 !important; }
#zagrebcard img { position: absolute; left: -9999px; overflow: hidden; }
#zagrebcard h1 { font-weight: bold !important; font-size: 1.4em; font-family: "Arial Black", Arial, sans-serif; padding: 0; margin: 0 0 0 190px; text-transform: uppercase; letter-spacing: 0; border: 0; }
#zagrebcard p { font-size: 1.1em; color: #707070; height: auto !important; height: 50px; min-height: 50px; padding: 0 10px 15px 190px; margin: 0; background: url(cssimg/zagreb_card_bottom.gif) no-repeat 0 100%; }
#zagrebcard p a { font-weight: bold; }
/*
.homepage_body #zagrebcard { width: 480px; margin-bottom: 10px; background-image: url(cssimg/zagreb_card_top_480.gif); }
.homepage_body #zagrebcard p { padding-right: 10px; background-image: url(cssimg/zagreb_card_bottom_480.gif); }
*/
/*** 3 boxes at the bottom ***/
.box { width: 210px; padding-bottom: 10px !important; margin-bottom: 10px; background: url(cssimg/sidebox_lower_right.gif) no-repeat 100% 100%; }
#secondary_content .box { float: left; width: 220px; display: inline; padding-bottom: 10px !important; margin-left: 15px; background: none; }
#supplementary_content .box { clear: both; }
.box a { color: #295378 !important; border: 0; text-decoration: none; font-weight: bold; }
.box a:hover { color: #900 !important; text-decoration: underline; }
.box h3 { display: block; padding: 5px 15px; margin: 0 0 10px; font-size: 1.2em; color: #fff !important; background-color: #900; background-position: 100% 0 !important; }
#secondary_content .box h3 { width: 190px; }
.box h2 a,
.box h3 a { text-decoration: underline; }
.box h2 a:hover,
.box h3 a:hover { text-decoration: none; }
.box h3 a { color: #fff !important; }
.box ul { padding: 0 10px; margin: 0 !important; }
.box li,
.box p { font-size: 1.1em !important; }
.box li a { display: block; width: 100%; color: #363636; }
.box li { list-style: none; background: url(cssimg/bullets/blue_small.gif) no-repeat 3px .1em; }
#secondary_content #weather_box { margin-left: 9px; }
#weather_box li,
#options_box li,
#sponsored_links li,
#zagreb_maps li,
#admin_menu li { padding-left: 25px; margin-bottom: 5px; }
#secondary_content #weather_box ul li { background-image: url(cssimg/bullets/blue_small.gif); }
#secondary_content #options_box ul li { background-image: url(cssimg/bullets/light_green_small.gif); }
#sponsored_links ul li,
#admin_menu ul li { background-image: url(cssimg/bullets/light_blue_small.gif); }
#zagreb_maps ul li { background-image: url(cssimg/bullets/brown_small.gif); }
#did_you_know_box p { padding: 0 15px; margin: 0 !important; font-size: 1.1em; }
#did_you_know_box #question { margin-bottom: 10px !important; }
#banner_box { background: #EBEBEB; width: 205px; height: 100px; padding: 7px; }
.admin_table { width: 98%; margin-bottom: 20px; }
.admin_table td,
.admin_table th { font-size: 1.3em; padding: 5px; border-bottom: 1px solid #e6e6e6; }
.admin_table tbody th { width: 100%; }
span.stars { padding-left: 5px; }
/***
MAIN CONTENT SPECIAL CASES
***/
.category_list { float: left; width: 325px !important; overflow-x: hidden; }
.category_entities { width: 660px !important; }
.category_entities li,
.category_list li { list-style: none; padding: 7px 10px 0 30px; margin: 0 0 10px 0; font-size: 1em !important; background: url(cssimg/bullets/dark_blue_large.gif) no-repeat 0 .9em; }
ul li dl { width: 285px !important; font-size: 1em; overflow: hidden; }
ul li dt { width: 100%; padding-bottom: 3px; font: 1.8em/1.2 "Trebuchet MS", Trebuchet, sans-serif !important; }
ul li dd { width: 100%; font: 1em/1.5 "Lucida Grande", Verdana, sans-serif !important; }
.homepage_body li dl { width: 190px !important; }
.category_entities li dl { width: 620px !important; }
.category_list li dd li { list-style: none; display: inline; background: none !important; padding: 0 5px 0 0; margin: 0; font-size: 1.2em !important; }
#links_overview dd li { display: block; font-size: 1.1em !important; }
#projects_overview dd p { font-size: 1.1em !important; }
.registered { margin-left: -10px !important; padding-left: 40px !important; background-position: 10px .9em !important; background-color: #ffe !important; border-top: 1px solid #064F50; border-bottom: 1px solid #064F50; }
.registered dt { }
.registered dd { padding-bottom: 10px; }
/*** ENTITY STYLES ***/
.entity_data { width: 600px; font-size: 1.3em; }
table .property { padding-right: 5px; text-align: right; }
table .value { text-align: left; }
.results_group { margin-bottom: 2em; padding-bottom: 1em; border-bottom: 2px solid #E6E6E6; }
.results_group h2 { margin-bottom: 1em; }
#contact_form label,
#login_form label { display: block; font-size: 1.3em; }
.input_text { width: 308px; margin-right: 10px; margin-bottom: 1em; border: 1px solid #999; padding: 2px; }
#contact_form textarea,
#login_form textarea { width: 636px; border: 1px solid #999; padding: 2px; }
.input_submit { float: right; padding: 10px; margin: 1em 17px 1em 0; }
.about_list { font-size: 1.3em; display: inline; }
.about_list dt { float: left; clear: both; text-align: right; padding-right: 10px; width: 250px; color: #666; }
.about_list dd { float: left; width: 390px; margin-bottom: 1.5em; }
.about_list dd strong { display: block; }
.about_list dd li { list-style: none; margin-bottom: 1em; }
.project { padding-bottom: 1em; border-bottom: 2px solid #e6e6e6; margin-bottom: 2em; }
.project .image_holder,
.image_holder.entity { width: 200px; margin: 0 20px 5px 0; text-align: center; }
.project table,
.entity_data { float: left; width: 430px; font-size: 1.3em; margin-bottom: 1em; border-top: 1px solid #eee; }
.project table td,
.entity_data td { width: 350px; padding: 4px 0; text-align: right; white-space: pre; border-bottom: 1px solid #eee; }
.project table td.label,
.entity_data td.label { width: 100px; }
.project table strong,
.entity_data strong { display: block; margin-right: 15px; text-align: left; }
#directory_entity #story { float: right; width: 440px; }
#entity_image { float: left; width: 180px; padding: 0; margin: 0 20px 10px 0; overflow: hidden; text-align: right; }
/*** gallery styles ***/
/* overviews */
#galleries_overview { float: left; width: 660px; padding-bottom: 10px; }
#gallery_overview { float: left; width: 660px; padding-bottom: 10px; }
/* don't want gallery title link to have an underline */
h1 a { border: 0 !important; text-decoration: none !important; }
/* author under the title */
h1 .gallery_author { display: block; font-style: italic; font-weight: normal !important; font-size: .5em; color: #666 !important; }
/* 3 image_holders in 1 psudo_row */
.pseudo_row { float: left; width: 660px; }
.image_holder { float: left; width: 200px; padding: 10px; text-align: center; }
.issue_archive .image_holder { width: 142px !important; overflow: hidden; }
/* image_link carries image */
.image_link { display: block; width: 200px; border: 0 !important; line-height: 0 !important; overflow-x: hidden; }
.image_link img { margin: 0 !important; }
/* pagination on gallery overviews */
.back_to_gallery,
.pagination { padding: .5em 10px 0; margin-top: 15px; border-top: 1px solid #E6E6E6; clear: both; text-align: center; }
/* caprtion is always the same, where evere you are */
.image_caption { display: block; clear: both; font-size: 1.1em; padding: 5px 10px 10px; color: #666 !important; }
.image_caption * { font-size: 1em !important; }
.image_caption h2 { font-family: "Lucida Grande", Verdana, sans-serif; }
/* main_image -- image view page */
.main_image { margin: 0 auto; }
#display_image_facility { position: relative; width: 650px; }
#prev_image_link,
#next_image_link { position: absolute; top: 30px; display: block; width: 70px; padding: 30px 0; font: 10em Arial, Helvetica, sans-serif; text-transform: uppercase; border: 0 !important; text-decoration: none !important; color: #eee !important; background: #fff; }
#prev_image_link { left: 0; text-align: left; }
#next_image_link { right: 0; text-align: right; }
#display_image_facility #prev_image_link:hover,
#display_image_facility #next_image_link:hover { color: #ddd !important; }
/* featured photo */
#featured_photo { float: left; }
#featured_photo ul { float: left; padding: 0 !important; }
#featured_photo li { text-align: center; background: none !important; }
#featured_photo li.image_holder { float: left; padding: 0 0 0 5px; font-size: 1em !important; }
#featured_photo .image_link { height: 120px; overflow: hidden; }
#featured_photo h2 { }
/* featired photos homepage */
#homepage_features #featured_photo ul { width: 100%; }
#homepage_features #featured_photo .image_holder { float: left; width: 200px; display: inline; margin-left: 10px !important; padding: 0 !important; }
/*** LETTERS PAGE ***/
#letters_overview { float: left; width: 650px; }
.articles_listing,
.letters_listing { float: left; width: 650px; padding-bottom: 50px; }
.articles_listing_image,
.letters_listing_image { float: left; margin: 0 20px .2em 0; }
/*
#letters_overview .odd { float: left; clear: both; }
#letters_overview .even { float: right; clear: right; }
.letters_list { width: 315px; }
*/
.articles_list,
.letters_list { padding-bottom: 10px; }
.articles_list h2,
.letters_list h2 { font-weight: normal; font-size: 1.8em !important; margin-bottom: 0; }
.articles_list .article_author,
.letters_list .letter_author { display: block; font-weight: bold; }
.entity_sideimages { float: left; }
* html .entity_sideimages { padding-bottom: 10px; }
.entity_sideimages img { float: left; margin: 0 20px 10px 0; clear: both; }
.articles_body #story ul li,
.letters_body #story ul li { margin-left: 20px; }
.articles_body #story h2,
.articles_body #story h3,
.letters_body #story h2,
.letters_body #story h3 { font-family: "Lucida Grande", Verdana, sans-serif; }
.articles_body #story h2,
.letters_body #story h2 { font-size: 1.8em !important; }
.articles_body #story h3,
.letters_body #story h3 { font-size: 1.3em !important; }
/*** stats table ***/
.stats_table { font-size: 1em; width: 650px; margin-bottom: 2em; }
.stats_table th,
.stats_table td { padding: 5px; font-size: 1.1em; text-align: right; border-bottom: 1px solid #e6e6e6; }
.stats_table td p { font-size: 1em; }
.stats_table .property { text-align: left; }
/*** STREET LIST ***/
.street_list { float: left; width: 195px !important; padding-right: 20px; overflow: hidden; }
.street_list li { font-size: 1.2em; list-style: none; }
/*** PROJECTS ***/
#project { float: left; width: 660px; }
#project h1 em { display: block; font-size: .5em; }
#project .image_holder { float: left; width: 200px; padding: 0; margin: 0 20px 10px 0; overflow: hidden; }
#project #story { float: right; width: 440px; }
#project #story table { width: 440px; margin-bottom: 1em; }
#project #story th,
#project #story td { font-size: 1.1em; padding: 5px 0; border-bottom: 1px dotted #e6e6e6; }
#project #story th,
#project #story td.label { text-align: left; }
#project #story td { text-align: right; }
/*** ERROR MESSAGES ***/
.error,
.confirmation { color: #fff; padding: 20px; text-align: center; text-transform: uppercase; }
.error a,
.confirmation a { color: #fff !important; }
.error { background: #f00; }
.confirmation { background: #060; }
/*** HOMEPAGE STYLES ***/
#homepage_listing { float: left; clear: both; width: 470px; padding: 0 0 20px 10px; }
#homepage_features { float: right; width: 440px !important; margin: 0 !important: background: #f0f url(cssimg/content_940.gif) repeat-x 100% 0; background: none; overflow: hidden; }
#zagreb_listing,
#croatia_listing { float: left; width: 235px !important; }
#croatia_listing { float: right; }
#zagreb_listing h3,
#croatia_listing h3 { width: 220px; font-weight: normal !important; font-size: 2.4em !important; margin-bottom: 10px; color: #900 !important; border-bottom: 1px solid #e6e6e6; }
.homepage_body .category_list { width: 220px !important; }
.homepage_body .listing_more_link { clear: both; text-align: right; width: 210px; padding: 10px 5px 0; border-top: 1px solid #e6e6e6; }
#homepage_features .box { float: left; margin-right: 9px; }
#homepage_features #featured_photo,
#homepage_features #articles_box,
#homepage_features #letters_box { width: 430px; background: url(cssimg/sidebox_430_lower_right.gif) no-repeat 0 100%; }
#homepage_features #articles_box h3,
#homepage_features #letters_box h3 { margin-bottom: 10px; }
#homepage_features #articles_box img,
#homepage_features #letters_box img { float: left; }
#homepage_features #letters_box img,
#homepage_features #articles_box img { width: 133px; }
#homepage_features #articles_box h3,
#homepage_features #letters_box h3 { float: left; width: 400px; }
#homepage_features #articles_box h3 .more,
#homepage_features #letters_box h3 .more { float: right; width: 220px; text-align: right; }
#homepage_features #articles_box h3 .more a,
#homepage_features #letters_box h3 .more a { color: #fff !important; }
#homepage_features #articles_box h2,
#homepage_features #letters_box h2 { float: right; padding: 0 15px 0 0; margin-bottom: 10px; font-weight: normal !important; font-size: 1.6em !important; line-height: 1.2; }
#homepage_features h2 a { font-weight: normal !important; }
#homepage_features blockquote { float: right; padding: 0 15px 0 0; }
#homepage_features h2,
#homepage_features blockquote { width: 251px; }
#homepage_features blockquote * { font-style: italic; padding: 0; overflow-x: hidden; }
#homepage_features cite { display: block; clear: right; padding-top: 10px; font-size: 1.1em; text-align: right; color: #666; }
#homepage_features #articles_box .image_link,
#homepage_features #letters_box .image_link { float: left; display: inline; width: auto !important; margin: 0 0 .2em 10px; padding-right: 10px; border-right: 1px dotted #ddd !important; }
.homepage_body #secondary_content #zagreb_maps,
.homepage_body #secondary_content #did_you_know_box { float: left; }
.homepage_body #secondary_content #did_you_know_box { margin-left: 0 !important; }
#homepage_commercials { float: left; width: 920px; margin-top: 10px; padding: 0 0 10px; border-top: 1px dotted #e6e6e6; }
#homepage_commercials #zagrebcard { float: left; }
#homepage_commercials #banner_box { float: right; margin-top: 10px; padding: 8px; }