/*************************************************************************************** Title: Hotel Kaktus Author: Igor Hlevnjak Web: http://www.hermes.pro.pr E-mail: info@hermes.pro.pr Created: 30-05-2007 Updated: 30-05-2007 ***************************************************************************************/ *{margin:0; padding:0} /* =Basic HTML, IDs and Classes ----------------------------------------------------------------------*/ body{background:#3b1b08; font:12px "Trebuchet MS",Arial,sans-serif} a{cursor:pointer; text-decoration:none} a *{cursor:pointer} img {border:0, padding:0; border:0;} .align_right{text-align:right} li.clear, #content ul.cols li.clear, #content ul.group li.clear, .clear{clear:both; display:block; float:none; margin:0; padding:0; overflow:hidden; width:0; height:0} .left{float:left} .right{float:right} #skip_links{overflow:hidden; width:0; height:0} strong{color:#210} /* =Shadow ----------------------------------------------------------------------*/ .shadow{background:url(../images/shadow.png) repeat-x; clear:both; font-size:0; position:absolute; top:-5px; left:0; width:100%; height:5px} #this_week .shadow{top:-10px} /* =Header ----------------------------------------------------------------------*/ #header_wrap{background:url(../images/header.jpg) repeat-x center top; border-top:4px solid #34140a; width:100%} #header{background:url(../images/header.jpg) no-repeat center top; border-top:4px solid #34140a; margin:-4px auto 0; overflow:hidden; position:relative; width:960px; height:50px} #header h1{margin:0 0 0 25px; padding:15px 0; width:220px} #header h1 a{background:url(../images/logo.gif) no-repeat; color:#fff; display:block; text-indent:-99999px; width:195px; height:200px} #header h1 img{display:block; overflow:hidden; width:0; height:0} #header span{color:#fff; font-size:11px; position:absolute; top:5px; right:150px} #header span a{color:#fff; padding:0 5px} #header span a:hover{text-decoration:underline} #ministry_tab{background:url(../images/ministry_tab.png) no-repeat left bottom; cursor:pointer; display:block; font-size:0; overflow:hidden; position:absolute; text-indent:-99999px; top:0; right:0; visibility:hidden; width:138px; height:22px} #ministry_tab.on{background-position:0 0} #header form{background:url(../images/search_tab.png) no-repeat; padding:5px 0 0 0; overflow:hidden; position:absolute; top:95px; right:0; white-space:nowrap; width:211px; height:21px} #search_field{background:none; border:0; color:#b1a68c; font:10px Arial,sans-serif; float:left; margin:0 5px 0 15px; padding:3px 0 0; position:absolute; width:160px} #search_button{display:inline; float:right; margin:-1px 7px 0 0} #header img{vertical-align:top} #header label{display:block; overflow:hidden; width:0; height:0} /* =Navigation - Main ----------------------------------------------------------------------*/ #nav_main_wrap{background:#2b0e05; border-top:5px solid #643823; border-bottom:5px solid #643823; width:100%} #nav_main{background:#2b0e05; border-top:5px solid #643823; border-bottom:5px solid #643823; font-size:14px; margin:-5px auto; width:960px} #nav_main li{float:left; list-style:none} #nav_main li.current{background:#643823 url(../images/nav_cap_lf.gif) no-repeat left center} #nav_main a{color:#b1a68c; display:block; white-space:nowrap; padding-top:8px; padding-right:25px; padding-bottom:8px; padding-left:25px} #nav_main a:hover{color:#fff; text-decoration:none} #nav_main li.current a{background:url(../images/nav_cap_rt.gif) no-repeat right center; color:#fff} /* =Navigation - Sub ----------------------------------------------------------------------*/ #nav_sub_wrap{background:#643823; margin:0 0 -2px; width:100%} #nav_sub{background:#643823; font-size:11px; margin:-5px auto 0; width:960px} #nav_sub ul{padding:0 0 0 10px} #nav_sub li{float:left; list-style:none; padding:6px 0 8px} #nav_sub a{border-left:1px solid #876; color:#b1a68c; display:block; padding:0 10px; white-space:nowrap} #nav_sub a:hover{color:#fff; text-decoration:none} #nav_sub a.first{border:0} #nav_sub li.current{background:url(../images/nav_sub_arrow.gif) no-repeat center bottom; color:#fff; font-size:100%; position:relative; z-index:10} #nav_sub li.current a{color:#fff} /* =Content - Main ----------------------------------------------------------------------*/ #content_wrap{ border-top:2px solid #321; width:100%; background-image: url(../images/content_wrap.jpg); background-repeat: repeat-y; background-position: center top; } #content{border-top:2px solid #321;color:#654; margin:-2px auto 0; width:960px} .blog{background-image:url(../images/content_blog.jpg); background-position:left bottom; background-repeat:repeat-x; padding-bottom:100px} .home{background-image:url(../images/content_home-2.jpg); background-repeat:repeat-y} .news{padding-top:15px} #content h1, #content hr, #content p, #content ol, #content ul, #content table, #content form, .two_thirds dl, .three_quarters dl, .tx-wecfceplugin-pi1{font-weight:normal; margin:0 0 10px} #content ol.steps li{line-height:100%; margin-bottom:15px} #content h1, #content ol.steps li h1{border-bottom:2px dotted #dcb; color:#b04c08; font-size:23px; margin-left:20px; margin-right:20px; padding:0 0 5px} #content * h1, #content ol.steps li h1{margin-left:0; margin-right:0} #content h1 a{color:#b04c08; text-decoration:none} #content h2, #content ol.steps li h2{color:#0e2f40; font-size:19px; font-weight:normal} #content h2 a{color:#0e2f40; text-decoration:none} #content h3, #content ol.steps li h3{color:#b04c08; font:19px Georgia,serif} #content h3 a{color:#b04c08; text-decoration:none} #content h4, #content ol.steps li h4{color:#3b1b08; font:18px "Times New Roman",Times,serif} #content h4 a{color:#3b1b08; text-decoration:none} #content h5, #content ol.steps li h5{color:#6b6354; font:16px Georgia,serif} #content h5 a{color:#6b6354; text-decoration:none} #content .edge h5, #content .edge h5 a{font:16px "Trebuchet MS",Arial,sans-serif; color:#b04c08; text-decoration:none} #content h6, #content ol.steps li h6{color:#734429; font:15px Georgia,serif} #content h6 a{color:#734429; text-decoration:none} #content h7, #content ol.steps li h7{border-bottom:2px dotted #dcb; color:#D0D0D0; font-size:50px; margin-left:20px; margin-right:20px; padding:0 0 5px} #content * h7, #content ol.steps li h7{margin-left:0; margin-right:0} #content h7 a{color:#D0D0D0; text-decoration:none} #content hr{border-top:2px dotted #dcb; clear:both} #content a, #content a.default *{color:#0e2f40; text-decoration:underline} #content a.default{color:#654; text-decoration:none} #content a.term{color:#ae7831; text-decoration:none} #content.home a{text-decoration:none} #content blockquote.scripture, #content blockquote.scripture p, #content blockquote p.scripture, #content p.scripture, #content span.scripture{font:15px "Times New Roman",Times,serif; color:#000} #content .photo_frame_small_left, #content .photo_frame_medium_left, #content img.left, #content p.pull_left{display:inline; float:left; margin-right:10px} #content .photo_frame_small_right, #content .photo_frame_medium_right, #content img.right, #content p.pull_right{display:inline; float:right; margin-left:10px} #content .photo_frame_small_left, #content .photo_frame_small_right{background:url(../images/photo_frame_small.png) no-repeat; display:inline; padding:10px; width:140px; height:140px} #content .photo_frame_medium_left, #content .photo_frame_medium_right{background:url(../images/photo_frame_medium.gif) no-repeat; padding:12px 15px 15px 12px; width:210px; height:160px} #content .photo_frame_wide{background:url(../images/photo_frame_wide.gif) no-repeat; padding:15px 15px 15px 17px; width:580px; height:180px} #content ol, #content ul{margin-left:30px} #content ol.steps{margin-top:0; margin-left:50px; padding:10px 0 0} #content ol.steps li{font-family:Georgia,serif; font-size:30px; font-style:italic; font-weight:bold} #content ol.steps li p, #content ol.steps li li, #content ol.steps li *{font-family:"Trebuchet MS",Arial,sans-serif; font-size:12px; font-style:normal; font-weight:normal; line-height:100%} #content ol.steps ul{list-style:square} #content ol.steps li p{line-height:150%} #content ol.steps li em{font-style:italic} #content ol.steps li strong{font-weight:bold} #content ul.cols{list-style:none; margin-left:-20px; margin-right:-20px} #content ul.cols li{float:left; padding:0 10px 5px 20px; width:290px} #content ul.group{font-size:11px; list-style:none; margin-left:-20px; margin-right:-20px; margin-bottom:0; padding:10px 0 0} #content ul.group img.left{border:1px solid #987; padding:1px; margin-bottom:30px} #content ul.group li{float:left; padding:0 20px 20px; width:280px} #content p, #content li{line-height:150%} #content p.notice{background:#fff; border:2px solid #b04c08; color:#b04c08; font-size:14px; font-weight:bold; padding:10px; text-align:center} #content blockquote{background:#ede5d4; margin:0 15px 10px} #content blockquote p{margin:0; padding:10px} #content p.pull_left, #content p.pull_right{background:#ede5d4; margin-bottom:10px; padding:10px} #content p.pull_left, #content p.pull_right{color:#543; font-family:Georgia,serif; font-size:15px; font-style:italic; width:250px} /* =Breadcrumbs ----------------------------------------------------------------------*/ #content p#breadcrumbs{font:bold 10px Verdana,sans-serif; margin-bottom:0; padding:10px 20px 15px} #content p#breadcrumbs a{color:#92866a; font-weight:normal; text-decoration:none} #content p#breadcrumbs a:hover{text-decoration:underline} /* =Content - Sub ----------------------------------------------------------------------*/ #content_sub{background:#6e4f3a; color:#eee; margin:0 auto; padding:10px 0 0; width:960px} #content_sub a{color:#d0c1af} #content_sub a:hover{color:#fff; text-decoration:underline} #content_sub .highlight{background:#3b1b08 url(../images/texture_dark.gif); display:block; float:left; padding:5px 10px} #content_sub dl{display:inline; float:left; padding:0 15px 10px 10px; width:200px} #content_sub dl.special{background:#573520; margin:0 20px 0 20px; padding-left:20px; padding-right:20px} #content_sub dt{padding:10px 0} #content_sub dd{border-top:2px dotted #8d7459; padding:5px 10px} #content_sub p{clear:both; padding:0 20px 20px} #content_sub p img{display:inline; float:right; margin:-30px 0 0 0} /* =Panoramic ----------------------------------------------------------------------*/ #panoramic{position:relative; width:960px} #panoramic img{text-align:right} #corner_overlay{color:#817e71; font-size:11px; position:absolute; top:0; left:0; width:265px; height:266px; z-index:1; padding-top:10px; padding-right:0; padding-bottom:0; padding-left:15px} #content #corner_overlay h2{background:url(../images/corner_overlay_h2.gif) no-repeat left bottom; color:#b04c08; font-size:17px; font-weight:normal; margin:0 0 10px; padding:0 0 10px} #corner_overlay dl{float:left; padding:0 30px 0 0} #corner_overlay dt{color:#0e2f40; font-size:14px} #corner_overlay dd{padding:5px 0 0} #corner_overlay address{float:left; font-style:normal; line-height:150%; margin:0 0 15px; padding:0 0 0 5px} #get_map_wrapper, #new_here_wrapper{display:none} #get_map{float:left; margin:0 0 30px; width:116px; height:26px} #new_here{margin:-5px 0 0 -15px; width:249px; height:74px} /* =Rotator ----------------------------------------------------------------------*/ ul#rotator *{cursor:pointer; margin:0; padding:0} ul#rotator{background:#000; cursor:pointer; float:right; margin:0; padding:0; overflow:hidden; width:740px; height:220px; z-index:0} ul#rotator li{width:740px; height:220px} ul#rotator img{width:740px; height:220px} /* =Definition Lists - Home Page ----------------------------------------------------------------------*/ #dl_visit, #dl_needs{display:inline; padding:0 0 15px} #dl_visit{float:left} #dl_needs{background:url(../images/dl_needs.png) no-repeat; float:right; min-height:153px; padding-left:250px; text-align:right} #dl_visit dt, #dl_needs dt{color:#1d5069; font-size:24px; margin:0 0 10px} #dl_visit dd, #dl_needs dd, #bottom_overlay dd{margin:0 0 5px} /* =Bottom Overlay - Home Page ----------------------------------------------------------------------*/ #bottom_overlay{background:#fdf7e4; border:1px solid #ba9; clear:both; margin:0 0 20px; padding:0 15px 0 20px} #bottom_overlay dl{float:left; display:inline; padding:15px 0} #bottom_overlay dt{color:#492814; font-size:18px; margin:0 0 10px} #bottom_overlay p{color:#868174; display:inline; float:right; font-size:11px; line-height:160%; margin:0; text-align:right; width:615px; padding-top:15px; padding-right:0; padding-bottom:15px; padding-left:0} #bottom_overlay p a{font-size:17px} #bottom_overlay img{background:url(../images/photo_frame_small.gif) no-repeat; display:inline; float:right; margin:0 0 0 15px; padding:10px; width:351px; height:140px} /* =Zanimljivosti Overlay - Home Page ----------------------------------------------------------------------*/ #zanimljivosti_overlay{background:#fdf7e4; border:1px solid #ba9; clear:both; margin:0 0 20px; padding:0 15px 0 20px} #zanimljivosti_overlay dl{float:left; display:inline; padding:15px 0} #zanimljivosti_overlay dt{color:#492814; font-size:18px; margin:0 0 10px} #zanimljivosti_overlay p{color:#868174; display:inline; float:right; font-size:11px; line-height:160%; margin:0; text-align:right; width:645px; padding-top:15px; padding-right:0; padding-bottom:15px; padding-left:0} #zanimljivosti_overlay p a{font-size:17px} #zanimljivosti_overlay img{background:url(../images/photo_frame_small.gif) no-repeat; display:inline; float:left; margin:0 0 0 15px; padding:10px; width:351px; height:140px} /* =Quick Links ----------------------------------------------------------------------*/ ul#quick_links{float:right; font-size:15px; list-style:none; margin:0; overflow:hidden; width:246px; color:#FFC; padding-top:5px; padding-right:0; padding-bottom:0; padding-left:20px} ul#quick_links li{line-height:normal} ul#quick_links a{background-position:right top; background-repeat:no-repeat; color:#ccb; display:block; height:130px; position:relative} ul#quick_links a:hover{background-position:-5px 0; color:#fff} ul#quick_links a span{display:block; position:absolute; top:45px; left:20px; width:80px} #quick_links_first{background-image:url(../images/quick_links_first.png)} #quick_links_second{background-image:url(../images/quick_links_second.png)} #quick_links_third{background-image:url(../images/quick_links_third.png)} /* =Main - Home Page ----------------------------------------------------------------------*/ #main_home{float:left; font-size:12px; padding:20px 0 0 20px; width:660px} #main_home a{color:#963608} #main_home a:hover{text-decoration:underline} /* =Columns - Sub Pages ----------------------------------------------------------------------*/ div.full{padding:0 20px; width:920px} img.full{background:#ccb; border-top:1px solid #987; border-bottom:1px solid #987; display:block; width:960px} div.half{float:left; padding:0 20px; width:440px} div.third{float:left; padding:0 20px; width:280px} div.two_thirds{float:left; padding:0 20px; width:600px} div.quarter{float:left; padding:0 20px; width:200px} div.quarter.edge{background:url(../img/edge.gif) no-repeat right bottom} div.three_quarters{float:left; padding:0 20px; width:680px} /* =Definition Lists ----------------------------------------------------------------------*/ .half dt, .third dt, .quarter dt, .two_thirds dt, .three_quarters dt{border-bottom:2px dotted #ba9; font-size:15px; margin:0 0 5px; padding:0 0 5px} .half dd, .third dd, .quarter dd, .two_thirds dd, .three_quarters dd{background:url(../images/chunk_dd_arrow.gif) no-repeat 0 5px; padding:5px 0 5px 20px} /* =Chunk - Global Settings ----------------------------------------------------------------------*/ .chunk_topper{font-size:0; overflow:hidden; position:relative} .chunk_middle dl{position:relative; z-index:1} .chunk_middle dt{font-size:15px} .chunk_middle dd{font-size:11px} /* =Chunk - Third ----------------------------------------------------------------------*/ .third .chunk_topper{background:url(../images/chunk_large_topper.gif) no-repeat; margin:0 -20px 0 -10px; width:295px; height:85px} .third .chunk_middle{background:url(../images/chunk_large_middle.gif) repeat-y; margin:0 -20px 0 -10px} .third .chunk_middle dl{background:url(../images/chunk_large_bottom.gif) no-repeat left bottom; margin:-70px 0 10px 0; padding:0 40px 15px 25px} .third .chunk_middle dt{border:0; margin:0 0 5px 0} .third .chunk_middle dd{background:url(../images/chunk_dd_arrow.gif) no-repeat 0 13px; border-top:2px dotted #ba9; line-height:150%; padding:10px 0 10px 20px} .blog .third .chunk_middle dd{background:none; border:0; padding-top:0; padding-left:0} /* =Chunk - Quarter ----------------------------------------------------------------------*/ .quarter .chunk_topper{background:url(../images/chunk_small_topper.gif) no-repeat; margin:0 -12px; width:220px; height:80px} .quarter .chunk_middle{background:url(../images/chunk_small_middle.gif) repeat-y; margin:0 -12px 5px; width:220px} .quarter .chunk_middle dl{background:url(../images/chunk_small_bottom.gif) no-repeat left bottom; margin:-60px 0 0 0; padding:0 0 25px 20px} .quarter .chunk_middle dt{border-bottom:2px dotted #ba9; margin:0 20px 5px 0; padding:0 0 5px} .quarter .chunk_middle dd{background:url(../images/chunk_dd_bullet.gif) no-repeat left center; line-height:160%; padding:0 0 0 10px} /* =Menu ----------------------------------------------------------------------*/ ul#menu{font-size:11px; list-style:none; margin:0 0 20px} ul#menu ul{list-style:none; margin:0 0 0 20px} ul#menu a{color:#734429; text-decoration:none} ul#menu a.arrow{background:url(../images/menu_arrow.gif) no-repeat left bottom; display:inline; float:left; font-size:0; margin:2px 5px 0 0; overflow:hidden; visibility:hidden; width:10px; height:10px} ul#menu a.arrow.on{background-position:0 0} ul#menu li{padding:5px 0 0} /* =This Week ----------------------------------------------------------------------*/ #this_week{border-top:none; margin:20px 0 0; position:relative; clear:both; width:960px; height:0px} #this_week .tx-wecfceplugin-pi1{margin:0} #this_week_heading{background:url(../images/this_week_heading.png) no-repeat; display:block; font-size:0; position:absolute; overflow:hidden; text-indent:-99999px; top:0; left:0; width:312px; height:65px} #this_week a{color:#fff; display:block; text-decoration:none; width:960px; height:65px} #this_week_sermon{font-size:18px; position:absolute; top:15px; left:325px} #this_week_title{color:#c68f39; font-size:24px} #this_week_date{background:url(../images/this_week_date.png) no-repeat; color:#fff; display:block; font-size:14px; line-height:27px; position:absolute; overflow:hidden; text-align:center; top:17px; right:25px; width:180px; height:27px} /* =Footer ----------------------------------------------------------------------*/ #footer_wrap{position:relative; width:100%} #footer{color:#b6b2a3; margin:0 auto; line-height:140%; padding:15px 0 0 15px; font-size:11px; width:945px} #footer a{color:#b6b2a3} #footer a:hover{color:#fff} #footer .email_friend, #footer .email_registration, #footer .feed{display:block; padding:3px 0 3px 20px; text-transform:lowercase} #footer .email_friend{background:url(../images/icon_email_friend.gif) no-repeat left center} #footer .email_registration{background:url(../images/icon_email_registration.gif) no-repeat left center} #footer .feed{background:url(../images/icon_feed.gif) no-repeat left center} #footer .vcard{background:url(../images/footer_vcard.gif) repeat-x left bottom; float:right; font-style:normal; padding:0 20px 50px 75px; text-align:right} /* =Form Styling ----------------------------------------------------------------------*/ .input{background:transparent; width:280px; border:1px #724434 solid; color:#724434; font-size:11pt; padding:2px; margin:10px;} .textarea{font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:11pt; color:#724434; height:127px; width:282px; background:none; border:1px #724434 solid; text-align:left; padding:0 0 0 5px; margin:10px;} .button{background:#transparent; color:#724434; border:1px solid #724434; font-size:11pt; padding:2px; margin-top:20px} .half .csc-textpic dd, .third .csc-textpic dd, .quarter .csc-textpic dd, .two_thirds .csc-textpic dd, .three_quarters .csc-textpic dd{background:none; padding-left:5px} .half .csc-textpic dt, .third .csc-textpic dt, .quarter .csc-textpic dt, .two_thirds .csc-textpic dt, .three_quarters .csc-textpic dt{border-bottom:none; margin:0 0 2px; padding:0 0 2px} .imgright{margin:0 0 0 19px; float:right; padding:4px; border:1px solid #d7d4be; background:transparent} /*************************************************************************************** T A B L E ***************************************************************************************/ table {border-bottom: 3px solid #572e10; margin: 0 auto 2em auto; width:100%; color:#572e10;} caption {padding: 0.75em; font: 1.5em Georgia, Times, serif;border: 1px solid #572e10; border-width: 1px 0 2px;background: transparent; color:#572e10;margin: 2em auto 0 auto; } th, td {padding: 0.5em 0.7em;border: 1px solid #572e10;border-width: 0 0 1px 1px; width:auto;} th.first, td.first, tbody th {border-left: none;} thead th {text-transform: uppercase; text-align: left;} tbody th {width:auto;} tfoot {display: none;}