/* URED ZA CRKVENU GLAZBU VARAZDINSKE BISKUPIJE (C) GHOSAP.COM * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 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;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;} body { margin:0px; padding:0px; overflow:auto; color:#666666; background-color:#FFF; text-align:center; font-size:62.5%; font-family: Arial, sans-serif; } font { line-height:1.2em; } /* COMMON ELEMENTS * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ a:link, a:visited{color:#666666;} a:hover{color:#993333;} a:active{ color:#993333; } a img{border-width:0px;} ul{ padding-left:30px; list-style-type:disc; } ul, ol, dl, p { margin-top:0.5em; margin-bottom:0.5em; } li, dt, dd { margin-top:0.5em; margin-bottom:0.5em; } p { margin:0px; line-height:1.2em; margin:0.5em 0em 0.5em 0em; } sub{ font-size:0.8em; } /* SITE * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #site { width:990px; margin:0px; padding:0px; position:absolute; top:0px; left:50%; margin-left: -495px; text-align:left; } /* SITE HEAD * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #site-head { height:106px; border-bottom:19px #993333 solid; background: url('images/head-emblem.gif') top right no-repeat; clear:both; } #site-head h1 { letter-spacing:1px; font-family: Georgia; color:#993333; width:280px; padding:39px 0px 0px 12px; font-size:1.6em; line-height:1.2em; font-weight:normal; text-transform:uppercase; } #site-head h1 span { font-size:1.1em; } /* SITE BODY * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #site-body { border-top:2px #FFF solid; position:relative; overflow:hidden; zoom:1; } /* SITE BODY MAIN * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #site-body .body-main { width:510px; float:left; /*margin-left:240px;*/margin-left:12px; overflow:hidden; zoom:1; } #site-body .body-main .body-splash { background:#FFF; border-bottom:7px #993333 solid; padding:0px 0px 2px 0px; margin:0px; } #site-body .body-main .articles { list-style-type:none; margin:10px 0px; padding:0px; } #site-body .body-main .articles li { border-top:1px #993333 solid; padding:8px 0px; overflow:hidden; zoom:1; } #site-body .body-main .articles .news_image { margin:0px 10px 0px 0px; float:left; } #site-body .body-main .articles h2 { font-size:1.8em; line-height:1.2em; color:#993333; font-weight:normal; } #site-body .body-main .articles h2 a { color:#993333; text-decoration:none; } #site-body .body-main .articles .text { font-size:1.3em; } #site-body .body-main .articles .text table.songlist { font-size:1em; } #site-body .body-main .articles .text img.left { float:left; margin:4px 4px 4px 0px; } #site-body .body-main .articles .text img.right { float:right; margin:4px 0px 4px 4px; } #site-body .body-main .articles .more { text-align:right; } #site-body .body-main .articles .more a { text-decoration:none; font-size:0.8em; } #site-body .body-main .articles .text ul { margin:0px; padding:0px; padding-left:30px; list-style-type:disc; margin-top:0.5em; margin-bottom:0.5em; } #site-body .body-main .articles .text ul li { margin:0px; border:none; padding:0px; list-style-type:disc; margin-top:0.5em; margin-bottom:0.5em; } #site-body .body-main .articles .text h2{ font-size:1.3em; line-height:1.2em; } #site-body .body-main .articles .text h3{ font-size:1.1em; line-height:1.2em; } #site-body .body-main .articles .songlist_block { } table.songlist { width:510px; text-align:center; font-size:1.2em; border-color:#FFF; } table.songlist tr.songlist_head { } table.songlist tr.songlist_head td { padding:10px 10px; vertical-align:middle; background:#CCC; border-left:1px #B5B5B5 dotted; } table.songlist tr.song_row_1 td { padding:10px 10px; vertical-align:middle; background:#F7F7F7; border-left:1px #B5B5B5 dotted; } table.songlist tr.song_row_1.bg2 td { background:#E0E0E0; } table.songlist tr.song_row_1 td.first, table.songlist tr.song_row_2 td.first, table.songlist tr.songlist_head td.first { border-left:none; } table.songlist tr.song_row_2 { height:25px; text-align:right; border-bottom:2px #FFF solid; background:#E0E0E0; padding:0px; margin:0px; } table.songlist tr.song_row_2 td { text-align:right; border-bottom:2px #FFF solid; background:#E0E0E0; padding:0px; margin:0px; border-left:1px #B5B5B5 dotted; } table.songlist tr.song_row_2 td.ico-star { background:url('images/ico-star.gif') 0px 0px no-repeat; } table.songlist tr.song_row_2 td.ico-note { background:url('images/ico-note.gif') 0px 0px no-repeat; } table.songlist tr.song_row_2 td.ico-arrow { background:url('images/ico-arrow.gif') 0px 0px no-repeat; } table.songlist tr.song_row_2 td.ico-spirit { background:url('images/ico-spirit.gif') 0px 0px no-repeat; } table.songlist tr.song_row_2 td.ico-magnifier { background:url('images/ico-magnifier.gif') 0px 0px no-repeat; } table.songlist tr.song_row_2 td.ico-cross { background:url('images/ico-cross.gif') 0px 0px no-repeat; } table.songlist tr.song_row_1 td.first, table.songlist tr.songlist_head td.first { width:40px; } table.songlist tr.song_row_1 td.songlist_name, table.songlist tr.songlist_head td.songlist_name { width:160px; } .album_block { font-size:1.3em; } .album_block .cover{ padding-right:10px; vertical-align:top; } .album_block .album_songlist{ vertical-align:top; } .album_block .album_songlist table{ border-top:1px #CCC solid; } .album_block .album_songlist td { padding:5px; border-bottom:1px #CCC solid; vertical-align:middle; line-height:25px; } #site-body .body-main .articles .gallery {} #site-body .body-main .articles .gallery ul { list-style-type:none; border:none; padding:0px; margin:10px 0px 0px 0px; overflow:hidden; zoom:1; } #site-body .body-main .articles .gallery ul li{ border:1px #993333 solid; padding:2px; margin:0px 0px 16px 16px; float:left; } #site-body .body-main .articles ul.pagination { font-size:1.2em; padding-left:0px; margin:0px; overflow:hidden; zoom:1; list-style-type:none; } #site-body .body-main .articles ul.pagination li { padding:0px; border:none; margin:0px 0px 0px 4px; float:left; width:auto; } #site-body .body-main .articles ul.pagination li a, #site-body .body-main .articles ul.pagination li span { display:block; padding:6px 6px; text-decoration:none; } #site-body .body-main .articles ul.pagination li span { color:#AAA; } #site-body .body-main .articles ul.pagination li a:hover, #site-body .body-main .articles ul.pagination li.active a { font-weight:bold; text-decoration:none; color:#993333;} #site-body .body-main .articles .contact_form form { font-size:1.3em; } #site-body .body-main .articles .contact_form form ul { padding:0px 50px; margin:0px; list-style-type:none; } #site-body .body-main .articles .contact_form form ul li { border:none; padding:0px; margin:12px 0px 0px 0px; } .contact_form label { display:block; float:left; width:60px; text-align:right; line-height:1.3em; padding-right:10px; } .contact_form input { border:1px #CCC solid; background:#FFF; padding:4px; width:290px; } .contact_form textarea { border:1px #CCC solid; background:#FFF; padding:4px; width:290px; height:120px; } .contact_form .submit_holder { text-align:center; margin-top:15px; } .contact_form .submit_holder button { border:1px #CCC solid; background:#FFF; padding:4px; } #site-body .body-main .articles .contact_form form ul li.contact_sc { padding-left:70px; } .contact_form .contact_sc label { display:inline; float:none; width:auto; text-align:left; } .contact_form .contact_sc input { width:30px; } .contact_form .error { text-align:center; color:#FF0000; } .contact_form .success { text-align:center; color:#009900; } /* SITE BODY MENU * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #site-body .body-menu { width:228px; float:left; /*position:absolute; left:0px; */margin-top:7px; } #site-body .body-menu .main { min-height:257px; } #site-body .body-menu .main a { font-size:1.6em; } #site-body .body-menu a:hover, #site-body .body-menu a.active { color:#993333; } #site-body .body-menu .secondary { border-top:1px #CCCCCC solid; } #site-body .body-menu .secondary a { font-size:1.4em; } #site-body .body-menu .secondary ul a { font-size:1.2em; } #site-body .body-menu .secondary ul { border-top:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid; } #site-body .body-menu a { text-decoration:none; text-transform:uppercase; color:#A7A7A7; } #site-body .body-menu ul { padding-left:12px; list-style-type:none; } #site-body .body-menu ul ul { padding-left:0px; } #site-body .body-sidebar ul { list-style-type:none; padding:0px; } #site-body .body-sidebar ul li { border-top:1px #CCCCCC solid; padding-bottom:4px; padding-top:4px; } #site-body .body-sidebar ul li a { display:block; text-decoration:none; padding:2px 0px 4px 40px; font-size:1.4em; color:#999; } #site-body .body-sidebar ul li.ico-star { background:url('images/ico-star.gif') 2px 4px no-repeat; } #site-body .body-sidebar ul li.ico-note { background:url('images/ico-note.gif') 2px 4px no-repeat; } #site-body .body-sidebar ul li.ico-arrow { background:url('images/ico-arrow.gif') 2px 4px no-repeat; } #site-body .body-sidebar ul li.ico-spirit { background:url('images/ico-spirit.gif') 2px 4px no-repeat; } #site-body .body-sidebar ul li.ico-magnifier { background:url('images/ico-magnifier.gif') 2px 4px no-repeat; } #site-body .body-sidebar ul li.ico-cross { background:url('images/ico-cross.gif') 2px 4px no-repeat; } #site-body .body-sidebar ul li .video { margin-top:5px; padding:2px 0px 4px 40px; } #site-body .body-sidebar ul li a img { margin-top:5px; } /*#site-body .body-sidebar ul li a strong { display:block; color:#993333; font-size:1.2em; font-weight:normal; }*/ #site-body .body-sidebar ul li strong { display:block; padding:2px 0px 0px 40px; font-size:1.8em; color:#993333;font-weight:normal; } #site-body .body-sidebar ul li.last { border-bottom:none; } #site-body .body-sidebar ul li.first { border-top:none; } #site-body .body-sidebar ul li.sidebar-audio strong { padding-left: 0px; padding-bottom:5px; } /* SITE BODY SIDEBAR * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #site-body .body-sidebar { width:228px; float:right; } /* SITE FOOT * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #site-foot { border-top:1px #CCCCCC solid; text-align:right; color:#999999; font-size:1em; padding:11px 240px 11px 0px; clear:both; } #site-foot a { color:#999999; text-decoration:none; } /* USER FOLDER * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ form.user_folder_login { display:block; font-size:1.4em; padding:25px 0px; border-top:1px #993333 solid; border-bottom:1px #993333 solid; margin-top:8px; margin-bottom:8px; } form.user_folder_login h2 { padding-left:120px; color:#A04141; font-weight:normal; } form.user_folder_login ul { padding:0px; margin:0px 0px 0px 40px; list-style-type:none; } form.user_folder_login li {} form.user_folder_login li.error { color:#AA4444; padding-left:100px; } form.user_folder_login li label { color:#A7A7A7; width:110px; display:block; position:absolute; text-align:right; padding:4px 0px 0px 0px; } form.user_folder_login li button, form.user_folder_login li input{ margin-left:120px; border:1px #999999 solid; padding:4px; } /* .articles lista clanaka .articles li border top */ /* SHOUTBOX * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ .shoutbox_list { list-style-type:none; padding:0px; margin:0px; font-size:1.3em; } .shoutbox_list { } .shoutbox_list li { padding:10px 4px; border-top:1px #999999 solid; zoom:1; } .shoutbox_list li dt { font-size:0.8em; text-align:right; overflow:hidden; zoom:1; } .shoutbox_list li dt strong { color:#993333; font-weight:normal; font-size:1.3em; float:left; } .shoutbox_list li dd { text-align:justify; line-height:1.2em; } .shoutbox_list li.loader { padding-left:60px; background:url('images/loader.gif') 10px 12px no-repeat; color:#993333; display:none; } .shoutbox_form { display:block; margin:15px 0px; font-size:1.2em; } .shoutbox_form ul { list-style-type:none; padding:0px; margin:0px; } .shoutbox_form ul textarea { border:1px #666 solid; background:#FFF; height:50px; width:505px; } .shoutbox_form ul label { display:block; font-weight:bold; }