/* main blue #0b4f96 box header #7D71D8 */ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ 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; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* Default elements */ html,body { height: 100%; /*position: relative; *//* overflow: auto; */ /* height: 100%; */ } html { /* overflow: auto; */ } body { background: white; color:#222; font-family: Arial; font-size: 13px; line-height: 16px; text-align: justify; height:100%; } #body_id { } /* id of body tag for the strongest overrides */ img { border: 0; } .png { /*behavior: url(styles/iepngfix.htc);*/ } /* Links */ a , a:visited , a:hover , a:focus , a:active, a img, a:visited img, a:hover img, a:focus img, a:active img { outline: none; cursor: pointer; color:#0b4f96; } a:visited { color: #0b4f96; } a:hover { text-decoration: underline; } a:focus { } a:active { } a, a div, a:hover div, a:visited div { text-decoration: none; cursor: pointer; } /* Title elements */ ul { list-style-type: none; } h1 { margin: 0px; padding: 0px; font-weight: bold; font-size: 30px; line-height: 33px; } h2 { margin: 0px; padding: 0px; font-weight: bold; font-size: 24px; line-height: 27px; color: #204f85; margin-bottom: 20px; margin-top: 0px; text-align: left; padding-left: 10px; } h3 { margin: 0px; padding: 0px; font-weight: bold; font-size: 14px; line-height: 20px; color: #fff; background: none; padding: 4px 0px 0px 18px; text-align: left; } h3 a, h3 a:visited { color: #222; } h3 a:hover { text-decoration: none; } h4 { margin: 0px; padding: 0px; font-weight: normal; font-size: 21px; line-height: 23px; color: #bbb; text-align: left; } h4 a, h4 a:visited { display: inline-block; color: #0b4f96; margin-bottom: 10px; } h4 a:hover { color: #0b4f96; text-decoration: underline; } br { margin: 0px; padding: 0px; } ol { margin: 0px; padding: 0px; } /* Table elements */ table { border-collapse: collapse; border-spacing: 0px; } /* IE cellspacing: 0; Moz & Opera cellspacing = 0 */ th { } tr { } td { padding: 0; } /* cellpadding = 0 */ /* Form elements */ form, input { margin: 0px; padding: 0px; background: none; } fieldset { border: none; margin: 0px; padding: 0px; text-align: justify; } legend { } label { font-weight: bold; font-size: 12px; color: #0b4f96; display: block; float: left; clear: both; text-align: right; margin-top: 3px; margin-bottom: 4px; margin-right: 10px; } label.vtop { vertical-align: top; } input, select, textarea { font-family: Verdana; font-size: 12px; font-weight: bold; background: white; color: #0b4f96; border: none; padding: 3px; border-top: 1px solid #b6c6d6; border-left: 1px solid #b6c6d6; border-bottom: 1px solid #b6c6d6; border-right: 1px solid #b6c6d6; } input { margin: 0px auto; height: 16px; } input.chk { border: none; width: auto; height: auto; } input.radio { border: none; width: auto; height: auto; } input.button, input.submit { width: auto; height: auto; border: none; font-weight: bold; color: #0b4f96; border-top: 1px solid #b6c6d6; border-left: 1px solid #b6c6d6; border-bottom: 1px solid #b6c6d6; border-right: 1px solid #b6c6d6; } input.button:hover, input.submit:hover { outline: none; } select { } textarea { overflow: auto; padding: 4px 3px 4px 3px; } button { border: 0; padding: 0; margin: 0; outline: 0; background: none; cursor: pointer; } .pointer { cursor: pointer; } .justify { text-align: justify; } /* Text elements */ .grey, a.grey, a:visited.grey { color: #b7b7b7 !important; } .blue, a.blue, a:visited.blue { color: #0b4f96 !important; } .lblue, a.lblue, a:visited.lblue { color: #BCD1E5 !important; } .red , a.red , a:visited.red { color: #ff0000 !important; } .huge { font-size: 24px; } .big { font-size: 20px; } .medium { font-size: 18px; } .mid { font-size: 14px; } .normal { font-size: 13px; } .small { font-size: 11px; } .tiny { font-size: 8px; } .st { font-weight: bold; } .it { font-style: italic; } .ul { text-decoration: underline; } /* Wrapper elements */ .clear { float: none; clear: both; line-height: 1px; height: 1px; position: relative; } .hidden { display: none; } .break { float: none; clear: both; display: block; } .center { margin: 0px auto; } .left { float: left; } .right { float: right; } .relative { position:relative; } .a_center { text-align: center; } .a_right { text-align: right; } .a_left { text-align: left; } .block { display: block } .spacer { width:16px; } .nw { white-space: nowrap; } /* Errors */ .success { color: green; font-style: italic; text-align: center; } .error { color: red; font-style: italic; text-align: center; } /* Layout */ .noscript { position: relative; top: 0px; left: 0px; width: 100%; color: red; font-size: 14px; font-weight: bold; background: white; text-align: center; padding: 6px; border: 1px solid #292929; overflow: hidden; z-index: 999; } /* Site */ .title { margin-bottom: 16px; } .title .hr { background:url(../images/layout/sep_h_title_533.png) top left no-repeat !important; height: 1px !important; line-height: 1px !important; margin: 5px 0px 5px 0px !important; } .title h2 { font-size: 24px; line-height: 27px; padding-left: 30px; background: url(../images/layout/arrow_orange.png) 10px 5px no-repeat; margin-bottom: 0px; } .title h2 .arrow { position: relative; top: 1px; display: inline-block; background: url(../images/layout/arrow_orange.png) left top no-repeat; width: 9px; height: 18px; margin: 0px 10px 0px 10px; } #layout { min-width: 1000px; width: 100%; background: #f2f0f2; position:relative; } #wrapper { margin: 0px auto; width: 980px; padding: 0px 10px; } #top_ad_container { margin: 15px 5px 6px 5px; text-align:center; } #right_ad_container { margin-top: 26px; margin-bottom: 10px; text-align:center; } #article_ad_container { margin: 0px 5px; text-align:center; } #article_ad_container div { margin: 20px 0px 14px 0px; } /* Top */ #top { min-width: 1000px; width: 100%; height: 167px; background: url(../images/layout/header.jpg) top left repeat-x; margin-bottom: 10px; } #main_title { position: absolute; top: 40px; left: 0px; width: 980px; height: 62px; } #main_title #lnk_index { background: url(../images/layout/header_vh.png) top left repeat-x; margin-left: 10px; height: 62px; width: 637px; display: inline-block; float: left;} #main_title #arrows { background: url(../images/layout/header_arrows.png) top left no-repeat; height: 49px; width: 43px; display: inline-block; position: absolute; left: 657px; top: 11px; } #main_title #home { background: url(../images/layout/header_home.png) top right no-repeat; height: 18px; width: 229px; display: inline-block; position: absolute; right: 0px; top: 13px; } #top_content { height: 167px; margin: 0px auto; width: 980px; padding: 0px 10px; position: relative; } #top_decor { position: absolute; top: 0px; left: -210px; width: 973px; height: 72px; background: url(../images/layout/header_decor.png) top left repeat-x; } #top_content .main_date { position: absolute; bottom: 58px; right: 20px; font-weight: normal; margin: 0px; color: white; display: block; margin-bottom: 6px; font-size: 12px; } /* Menu */ #top_content #menu { height: 32px; width: 980px; position: absolute; bottom: 4px; left: 10px; word-spacing: 14px; display: block; } #top_content #menu li { float: left; display: inline-block; height: 32px; line-height: 32px; word-spacing: normal; background: url(../images/layout/sep_v_menu.jpg) right 2px no-repeat; } #top_content #menu li a, #top_content #menu li a:visited { color: #fff; font-size: 13px; font-weight: bold; word-spacing: normal; display: inline-block; padding: 0px 15px 0px 15px; } #top_content #menu li a.active, #top_content #menu li a.active:visited { color: #fa9921; } #top_content #menu li a:hover { text-decoration: none; color: #fa9921; } /* Footer */ #footer { min-width: 1000px; width: 100%; height: 165px; margin-top: 10px; background:url(../images/layout/footer.jpg) bottom repeat-x; } #footer_hr { position: absolute; bottom: 90px; left: 0px; width: 100%; height: 2px; line-height: 2px; background: url(../images/layout/footer_sep_h.png) top left no-repeat; } #footer_decor { position: absolute; bottom: 0px; left: -100px; width: 1039px; height: 82px; background: url(../images/layout/footer_decor.png) top left repeat-x; } #footer_content { width: 980px; padding: 0px 10px; margin: 0px auto; position: relative; height: 165px; } #footer_content #contact { position: absolute; right: 20px; bottom: 20px; font-size: 11px; font-weight: bold; color: white; } #footer_content #contact a, #footer_content #contact a:visited { color: white; } #footer_content #copy { position: absolute; bottom: 20px; left: 20px; color: white; vertical-align: bottom; } /* Inner layout */ #content { } .layout_left { width: 670px; float: left; display: inline-block; } .layout_right { width: 300px; margin-left: 10px; float: left; display: inline-block; } .bnr_wrapper { text-align: center; } .news .item .bnr_wrapper { width: 300px; } .videoplayer_wrapper { width: 500px; height: 380px; overflow:hidden; margin: 0px auto; text-align: center; margin-top: 10px; margin-bottom: 6px; } .box_player_wrapper { width: 258px; height: 194px; overflow:hidden; margin: 0px auto; text-align: center; margin-top: 10px; margin-bottom: 6px; } /* Buttons & Genaral items*/ .forward { text-align: right; margin-top: 4px; margin-bottom: 4px; } .forward a, .forward a:visited { /*background:url(../images/buttons/btn_forward.png) top left no-repeat; height: 11px; width: 48px;*/ font-size: 12px; font-weight: normal; display: inline-block; color: #0b4f96; font-weight: bold; } .forward a:hover { color: #0b4f96; text-decoration: underline;} .date { display: block; color: #666; font-style: normal; font-size: 12px; padding-bottom: 4px; } .item { margin: 0px auto; display: inline-block; position: relative; margin-bottom: 10px; text-align: left; } .layout_left .item .lead { line-height: 18px; font-size: 14px; } /* All boxes */ .bx, .bx_hd { width: 100%; background: white; margin-top: 4px; } .bx.articletop, .bx_hd.articletop { /* margin-top: 74px;*/ } .bx_mid { width: 330px; } .bx .tl { height: 4px; width: 4px; background:url(../images/layout/box_left_top.jpg) top left no-repeat; } .bx .tr { height: 4px; width: 4px; background:url(../images/layout/box_right_top.jpg) top right no-repeat; } .bx .bl, .bx_hd .bl { height: 4px; width: 4px; background:url(../images/layout/box_left_bottom.jpg) bottom left no-repeat; } .bx .br, .bx_hd .br { height: 4px; width: 4px; background:url(../images/layout/box_right_bottom.jpg) bottom right no-repeat; } .bx .lt, .bx_hd .lt { width: 4px; background:url(../images/layout/box_left.jpg) top right repeat-y; } .bx .rt, .bx_hd .rt { width: 4px; background:url(../images/layout/box_right.jpg) top right repeat-y; } .bx .bt { height: 4px; background:url(../images/layout/box_top.jpg) top left repeat-x;} .bx_hd .bt { height: 28px; overflow: hidden; } .bx_hd .bt.btb { background:url(../images/layout/box_header_blue.jpg) top left no-repeat; } .bx_hd .bt.bto { background:url(../images/layout/box_header_orange.jpg) top left no-repeat; } .bx_hd .bt.btbm { background:url(../images/layout/box_header_blue_mid.jpg) top left no-repeat; } .bx_hd .bt.btom { background:url(../images/layout/box_header_orange_mid.jpg) top left no-repeat; } .bx_hd .bt.btbs { background:url(../images/layout/box_header_blue_small.jpg) top left no-repeat; } .bx_hd .bt.btos { background:url(../images/layout/box_header_orange_small.jpg) top left no-repeat; } .bx_hd .bt.btss { height: 38px; background:url(../images/layout/box_header_series_small.jpg) top left no-repeat; } .bx_hd .bt.btss h3 { line-height: 32px; } .bx .bb, .bx_hd .bb { height: 4px; background:url(../images/layout/box_bottom.jpg) bottom left repeat-x; } .bx .ct, .bx_hd .ct { padding: 12px 0px 12px 12px; } /* Right boxes */ .box { position: relative; font-size: 11px; margin: 10px 0 10px 0px; } .box .bx .ct, .box .bx_hd .ct { padding: 12px 12px 12px 12px; } .box_caret { overflow: hidden; margin: 0px; } .box div.text { text-align: left; overflow: hidden; } .box .holder { display: block; text-align: center; } .box h3 { white-space: nowrap; height: 21px; overflow: hidden; } .box a img, .box a:visited img, .box a:hover img { text-decoration: none; } .box img.left { float: left; margin: 0px 10px 10px 0px; } .box img.right { float: right; margin: 0px 0px 10px 10px; } .box img.top { margin: 0px 0px 10px 0px; } .box img.bottom { margin: 10px 0px 0px 0px; } .box em { } .fl_box em { font-size: 11px; } .box.related_articles {} .box.exclusives {} .box.latest {} .box.fblike {} .box.fblike .ct { padding: 0px; } .box.related_articles h3, .box.exclusives h3 .box.latest h3 { } .box.related_articles .item, .box.exclusives .item, .box.latest .item { clear:both; font-size: 12px; line-height: 14px; display: block; margin-right: 15px; } .box.related_articles .item, .box.latest .item { margin-bottom: 6px; } .box.related_articles .item img.dot, .box.exclusives .item img.dot, .box.latest .item img.dot { position: relative; margin-top: 5px; float: left; display: inline-block; } .box.related_articles .item img.art, .box.exclusives .item img.art { position: relative; margin: 2px 9px 0px 0px; float: left; display: inline-block; } .box.related_articles .item a, .box.related_articles .item a:visited, .box.latest .item a, .box.latest .item a:visited { text-indent: 6px; display: block; text-align: left; } .box.exclusives .item a.tx, .box.exclusives .item a.tx:visited { display: block; text-align: left; padding-left: 11px; font-size: 14px; line-height: 16px; font-weight: bold; } .box.exclusives .item .lead { padding-left: 11px; text-align: left; margin-top: 3px; line-height: 15px; } .box.exclusives .item .lead a { float: left; display: inline-block; } .related_articles .hr, .box.series .hr, .box.exclusives .hr, .readit_articles .hr { background:url(../images/layout/sep_h_248.png) top left no-repeat; height: 1px; line-height: 1px; margin: 10px 0px 10px 0px; } .btn_forward_all { display: inline-block; font-size: 12px; font-weight: bold; } .box.readit_articles {} .box.readit_articles h3 { } .box.readit_articles .item { clear:both; font-size: 12px; line-height: 14px; display: block; margin-bottom: 6px; margin-right: 12px } .box.readit_articles .item img.art { position: relative; margin: 2px 9px 0 0; float: left; display: inline-block; } .box.readit_articles .item a, .box.readit_articles .item a:visited { display: block; text-align: left; } .box.readit_articles .item a.tx, .box.readit_articles .item a.tx:visited { display: block; text-align: left; font-size: 21px; line-height: 25px; font-weight: bold; } .box.readit_articles .item .lead { display: block; text-align: left; margin-top: 4px; line-height: 15px; } .box.readit_articles .item .lead a { float: left; display: inline-block; } .movie_label, .video_label { font-weight: bold; padding: 0px 10px 0px 10px; } .video_label { text-align: center; margin-bottom: 20px; } .movie_more { font-weight: bold; padding: 10px 10px 0px 10px; text-align: center; } img.art { border: 1px solid #ccc; padding: 2px; } .iframe-href { position:relative; display:inline-block; width:300px; height:250px; overflow:hidden; } .iframe-href-block { position:absolute; height:100%; width:100%; z-index:1; } .iframe-href iframe { margin-top: 6px; z-index: 2; } /* Series */ .box.series { margin-top: -6px; position: relative; } .box.series .item_main { font-size: 12px; line-height: 14px; display: block; margin-right: 15px; } /*.box.series .item_main img.art { position: relative; margin: 3px 0px 8px 0px; float: left; display: inline-block; }*/ .box.series .item_main img.art { position: relative; margin: 3px 9px 0px 0px; float: left; display: inline-block; width: 100px; } .box.series .item_main a, .box.series .item_main a:visited { display: block; text-align: left; font-size: 14px; font-weight: bold; margin-bottom: 8px; } .box.series .item_main .lead { text-align: left; margin-top: 3px; line-height: 15px; } .box.series .item { font-size: 12px; line-height: 14px; display: block; margin-right: 15px; } .box.series .item { margin-bottom: 6px; } .box.series .item img.dot { position: relative; margin-top: 5px; float: left; display: inline-block; } .box.series .item a, .box.series .item a:visited { text-indent: 6px; display: block; text-align: left; } /* Main layout */ .main_news { } .main_news .item { float: left; display: inline-block; width: 200px; margin-right: 3px; margin-top: 0px; margin-bottom: 3px; padding: 0px 5px 0px 5px; } .main_news .item img.art { width: 200px; position: relative; margin: 0px -3px 6px -3px; } .main_news .lead_img { position: relative; display: block; } .main_news .lead_img .panel_cat { position: absolute; display: block; bottom: 9px; left: 0px; height: 20px; /*width: 200px;*/ background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)"; text-indent: 2px; color: #FA9921; font-size: 14px; line-height: 21px; font-weight: bold; padding-right: 5px; } .main_news .item .hr { background:url(../images/layout/sep_h_280.jpg) top center no-repeat; height: 1px; line-height: 1px; margin: 8px 0px 8px 0px; } .main_news .vr { background:url(../images/layout/sep_v_471.jpg) center center no-repeat; width: 1px; margin: 0px; margin-right: 3px; float: left; display: inline-block; min-height: 400px; height: auto !important; } .main_news .item .related { } .main_news .item .related em { display: block; font-size: 11px; margin-bottom: 8px; white-space: nowrap; } .main_news .item .related img { position: relative; margin-top: 6px; float: left; display: inline-block; } .main_news .item .related a, .main_news .item .related a:visited { text-indent: 6px; display: block; font-size: 12px; line-height: 16px; text-align: left; } /* Short news */ .short_news { position: relative; } .short_news .top_line { position: absolute; top: -16px; left: -16px; width: 670px; height: 7px; background: url(../images/layout/short_top_line.jpg) top left no-repeat; } .short_news .bottom_line { position: absolute; bottom: -16px; right: -4px; width: 670px; height: 7px; background: url(../images/layout/short_bottom_line.jpg) top right no-repeat; } .short_news .item { margin: 0px 15px 0px 0px; font-size: 12px; color: #0B4F96; } .short_news .item_left { float: left; display: inline-block; width: 315px; margin-right: 20px; } .short_news .item_last { margin-right: 0px; } .short_news .item img.art { width: 104px; margin-bottom: 6px; float: left; display: inline-block; margin-right: 10px; } .short_news .item .right { float: left; display: inline-block; width: 515px; } .short_news .item_left .right { float: left; display: inline-block; width: 184px; margin-right: 6px; } /* Main boxes */ .main_box { } .main_box .c_top { margin-bottom: 10px; } .main_box .c_top .item { float: left; display: inline-block; width: 200px; margin-right: 3px; margin-top: 0px; margin-bottom: 3px; padding: 0px 5px 0px 5px; } .main_box .c_top .vr { background:url(../images/layout/sep_v_320.png) 50% center no-repeat; width: 1px; margin: 0px; margin-right: 3px; float: left; display: inline-block; min-height: 285px; /*min-height: 320px;*/ height: auto !important; } .main_box .c_top .item img.art { width: 200px; position: relative; margin: 0px -3px 6px -3px; } .main_box .c_bot { margin: 10px 10px 0px 0px; padding-top: 14px; background:url(../images/layout/sep_h_674.jpg) top center no-repeat; } .main_box .c_bot .c_bot_lt { width: 410px; padding-right: 6px; margin-right: 14px; float: left; display: inline-block; background:url(../images/layout/sep_v_270.png) right top no-repeat; } .main_box .c_bot .c_bot_lt .item { min-height: 100px; height: auto !important; height: 100px; width: 400px; background:url(../images/layout/sep_h_280.jpg) bottom center no-repeat; padding-bottom: 10px; } .main_box .c_bot .c_bot_lt .item img.art { width: 100px; float: left; display: block; margin-right: 12px; margin-top: 3px; } .main_box .c_bot .c_bot_lt .item .text { width: 282px; float: left; display: inline-block; } .main_box .c_bot .c_bot_lt .item .full_text { } .main_box .c_bot .c_bot_rt { width: 210px; float: left; display: inline-block; } .main_box .c_bot .c_bot_rt .titles {} .main_box .c_bot .c_bot_rt .titles img { position: relative; margin-top: 6px; float: left; display: inline-block; } .main_box .c_bot .c_bot_rt .titles a, .main_box .c_bot .c_bot_rt .titles a:visited { text-indent: 6px; display: block; font-size: 12px; text-align: left; line-height: 18px; } /* Halfmin */ .bx_half, .bx_news { float: left; display: inline-block; width: 330px;} .bx_news { margin-left: 10px; } .halfmin { margin-right: 10px; } .halfmin .item { padding: 0px 0px 8px 0px; margin: 2px 0px 8px 0px; min-height: 91px; overflow: hidden; font-size: 12px; line-height: 14px; background:url(../images/layout/sep_h_280.jpg) bottom center no-repeat; } .halfmin .item .lead { line-height: 14px; font-size: 12px; } .halfmin .item img.art { width: 104px; margin-bottom: 6px; float: left; display: inline-block; margin-right: 10px; } .halfmin .item .right { float: left; display: inline-block; width: 180px;} .halfmin .item h4 a, .halfmin .item h4 a:visited { font-size: 13px; line-height: 15px; margin-bottom: 4px; } /* News */ .news { margin-right: 10px; } .news .item { margin: 0px 0px 0px 0px; font-size: 12px; line-height: 15px; } .news .item h4 { color: #0B4F96; margin-bottom: 3px; /* temporary */ margin-bottom: 0px; font-size: 13px; line-height: 18px; } .news .item h4 span { color: white; background: #FA9921; display: inline-block; margin-right: 4px; font-size: 11px; line-height: 13px; top: -1px; position: relative; padding: 1px 3px; font-family: Verdana } /* Halfmin if no news */ .halfmin_al { margin-right: 10px; } .halfmin_al .block { width: 640px; } .halfmin_al .hr { background: url(../images/layout/sep_h_674.jpg) top center no-repeat; height: 1px; line-height: 1px; margin: 8px 0px 12px 0px; } .halfmin_al .item { float: left; display: inline-block; width: 310px; padding: 0px 10px 0px 0px; margin: 2px 0px 2px 0px; min-height: 91px; overflow: hidden; font-size: 12px; line-height: 14px; } .halfmin_al .item img.art { width: 104px; margin-bottom: 6px; float: left; display: inline-block; margin-right: 10px; } .halfmin_al .item .right { float: left; display: inline-block; width: 185px;} .halfmin_al .item .right .lead { font-size: 12px; line-height: 16px; } .halfmin_al .item h4 a, .halfmin_al .item h4 a:visited { font-size: 14px; line-height: 16px; margin-bottom: 4px; } /* Featured articles */ .bx.feat { } .featured { padding-right: 15px; } .featured h4 { } .featured .item { width: 635px; padding-bottom: 10px; background: url(../images/layout/sep_h_674.jpg) bottom center no-repeat; } .featured .ct { } .featured img.art { width: 100px; float: left; display: block; margin-right: 12px; margin-top: 3px; margin-bottom: 0px; } .featured .text { width: 517px; float: left; display: inline-block; font-size: 14px; line-height: 18px; } /* Categories */ .ct_category .layout_left, .ct_videos .layout_left { padding-top: 10px; } .ct_category .title, .ct_videos .title { margin-bottom: 16px; } #category_list { } #category_list .forward { } #category_list .item { margin: 0px; margin-right: 15px; } #category_list .item img.art { width: 100px; float: left; display: block; margin-right: 12px; margin-top: 3px; } #category_list .item .text { width: 517px; float: left; display: inline-block; } #category_list .item .full_text { } #category_list .item h4 a, #category_list .item h4 a:visited { margin-bottom: 2px; } #category_list .item .date { margin-bottom: 6px; font-size: 11px; } /* Archiv */ .ct_archiv .layout_left { padding-top: 10px; } .ct_archiv .title { margin-bottom: 16px; } .ct_archiv h2 em { display: inline-block; font-size: 11px; line-height: 13px; font-weight: bold; margin: 0px; padding: 0px; } #archiv_list { } #archiv_list .item { display: block; padding-bottom: 5px; margin-top: 6px; margin-bottom: 11px; background: url(../images/layout/sep_h_674.jpg) bottom left no-repeat; padding-left: 4px; } #archiv_list .item h4 { float: left; display: inline-block; margin: 0px; padding: 0px; } #archiv_list .item h4 a, #archiv_list .item h4 a:visited { margin-bottom: 0px; } #archiv_list .item em { color: #b7b7b7; float: left; display: inline-block; margin: 0px; margin-left: 7px; padding: 0px; font-size: 11px; line-height: 17px; display: inline-block; } #archiv_list .item em span { color: #FA9921; margin-right: 6px; } /* Error */ .hiba .layout_left { padding-top: 10px; } .hiba .title { margin-bottom: 16px; } /* Contact */ #contact { padding-top: 10px; } #contact .bx_hd .ct { padding: 12px 12px 12px 12px; } /* Article */ .ct_cikk .title a:hover, .ct_video .title a:hover { text-decoration: none; } .ct_cikk .layout_left, .ct_video .layout_left { padding-top: 10px; } #main:not(.ct_index) .layout_right { padding-top: 65px; } .article, .video_riport { position: relative; } .article .title, .video_riport .title { } .article .date, .video_riport .date { margin-left: 30px; margin-top: 3px; color: #90aac5; font-weight: bold; font-size: 11px; line-height: 12px; } .article .art_holder { float: left; margin-right: 12px; margin-bottom: 3px; margin-top: 3px; text-align: center; display: block; } .article .art_holder img.art { display: block; padding-bottom: 3px; margin: 0px; } .article .text, .video_riport .text { margin-bottom: 0px; margin-right: 15px; line-height: 23px; font-size: 16px; text-align: left; } .article .text strong, .video_riport .text strong { color: #0b4f96; } .article .text .source { float: left; display: inline-block; font-size: 13px; color: #0B4F96; width: 445px; text-align: left; } .article .text .author { float: right; display: inline-block; font-size: 13px; color: #0B4F96; font-style: italic; font-weight: bold; width: 200px; text-align: right; padding-right: 20px; } .article .text p { } .article .gal_link { font-size: 14px; line-height: 32px; height: 28px; font-weight: bold; display: block; padding-left: 22px; padding-bottom: 4px; border-bottom: 1px solid #d7d7d7; background: url(../images/icons/camera_icon.png) 0px 50% no-repeat; } .article .hr, .video_riport .hr { background:url(../images/layout/sep_h_674.jpg) top center no-repeat; height: 1px; line-height: 1px; margin: 8px 0px 8px 0px; } /* Offers */ .offers h3 { color: #0B4F96; font-size: 12px; font-weight: normal; font-style: italic; padding-left: 12px; line-height: 17px; } .offers .bx { /* float: left; display: inline-block; width: 330px; */ margin-right: 10px; /* height: 136px; */ overflow: hidden; } .offers .bx.odd { margin-right: 0px; } .offers .bx .ct { padding: 12px 12px 12px 12px; text-align: left; font-size: 12px; line-height: 14px; overflow: hidden; /* height: 104px; */ } .offers .bx img.art { width: 20%; /* margin-bottom: 6px; */ float: left; display: inline-block; margin-right: 10px; } .offers .bx .right { float: left; display: inline-block; width: 75%; } .offers .bx h4 a, .offers .bx h4 a:visited { /* font-size: 13px; line-height: 15px; */ margin-bottom: 4px; } /* Comments */ .comments { position: relative; } .comments .line { margin-bottom: 14px; } .comments .line .head { display: block; height: 19px; } .comments .line .head .name { font-weight: bold; float: left; display: inline-block; color: #0b4f96; font-size: 15px; color: #0b4f96; } .comments .line .head .date { font-weight: bold; float: right; display: inline-block; color: #90aac5; font-size: 11px; margin-right: 10px; padding: 0px; } .comments .line .text { font-size: 13px; padding: 6px 8px 10px 8px; clear: both; float: none; background: url(../images/layout/sep_h_title_533.png) left top no-repeat; } .comments_form { position: relative; } .comments_form #add_comment_form { min-height: 160px; height: auto !important; height: 160px; width: 459px; } .comments_form label { width: 110px; position: relative; font-size: 15px; } .comments_form label em { font-size: 10px; position: absolute; bottom: -12px; right: 0px; } .comments_form input { width: 318px; margin-bottom: 10px; } .comments_form textarea { width: 318px; height: 140px; } /* Captcha */ .comments_form #captcha { margin-top: 12px; background: url("../images/layout/sep_h_248.png") top center no-repeat; position: relative; } .comments_form #captcha #label_captcha { font-size: 11px; width: 147px; margin-top: 10px; } .comments_form #captcha .captcha_img { display: inline-block; float: left; margin-top: 12px; } .comments_form #captcha #data_captcha { text-transform: uppercase; text-align: center; width: 135px; margin-top: 12px; margin-left: 11px; height: 22px; font-size: 20px; font-weight: normal; line-height: 28px; } .comments_form #captcha .error { position: absolute; display: inline-block; top: 12px; right: -180px; width: 180px; height: 28px; text-align: left; padding-top: 2px; } .comments_form #captcha .error .text { font-size: 11px; line-height: 12px; } .comments_form .submit { width: auto !important; float: right; margin-right: 13px; margin-top: 10px; background: #f48f2f; color: white; border: none; font-size: 14px; line-height: 16px; padding: 3px 10px 3px 10px; } .comments_form #comments_info { position: absolute; top: 0px; right: 0px; width: 180px; padding-left: 10px; margin-left: 10px; margin-right: 10px; font-size: 11px; text-align: left; } .comments_form #comments_info strong { font-size: 12px; } /* Unique items */ .marko { margin-left: 24px;} .marko img { position: relative; margin: 3px 0px 4px 0px; display: inline-block; } .marko .mname { font-weight: bold; margin: 0px 4px 0px 4px; color: #0b4f96; font-size: 14px; margin-bottom: 4px; } .marko .mtext { font-weight: bold; font-size: 12px; margin: 0px 4px 0px 4px; } /* Facebook */ .facebook { position: relative; zoom: 1; display: block; height:30px; margin: 10px auto 0px auto; width: 560px; overflow:hidden; padding: 30px 0px 0px 0px; background:url(../images/layout/sep_h_674.jpg) top center no-repeat; } .facebook .text { font-size: 11px; position: absolute; top: 7px; left: 0px; height: 13px; line-height: 13px; width: 100%; text-align:center; color: #0b4f96 } /* #btn_share { float: left; margin-right: 10px; margin-left: 40px; } */ #btn_like { height: 30px; margin-top: 0px !important; overflow: hidden; margin-left: 230px; } #btn_like iframe { /* width: 400px !important; */ } /* Pager */ .pager { height: 40px; margin: 10px 0px 0px 0px; padding-top: 10px; text-align: right; background:url('../images/layout/sep_v_pager.jpg') 422px 0px no-repeat; } .pager .pbutton { display: inline-block; width: 27px; height: 27px; text-align: center; margin-right: 2px; position: relative; } .pager .pbutton a, .pager .pbutton a:visited { display: inline-block; width: 27px; height: 27px; font-size: 13px; line-height: 27px; color: #0B4F96; text-decoration: none; font-weight: bold; background:url('../images/buttons/btn_pager.jpg') top left no-repeat; } .pager .pbutton a:hover { background:url('../images/buttons/btn_pager.jpg') top left no-repeat; color: #FA9921; } .pager .pcur { display: inline-block; width: 27px; height: 27px; background:url('../images/buttons/btn_pager.jpg') top left no-repeat; font-size: 13px; line-height: 27px; color: #FA9921; text-decoration: none; margin-right: 2px; font-weight: bold; } .pager .pprev { width: 9px; margin-right: 7px; } .pager .pnext { width: 9px; margin-left: 7px; } .pager .pfirst { width: 14px; margin-right: 7px; } .pager .plast { width: 14px; margin-left: 7px; } .pager .pprev a, .pager .pprev a:visited { display: inline-block; width: 9px; height: 27px; background:url('../images/buttons/btn_prev.jpg') top left no-repeat; } .pager .pprev a:hover { background:url('../images/buttons/btn_prev_h.jpg') top left no-repeat;} .pager .pnext a, .pager .pnext a:visited { display: inline-block; width: 9px; height: 27px; background:url('../images/buttons/btn_next.jpg') top left no-repeat; } .pager .pnext a:hover { background:url('../images/buttons/btn_next_h.jpg') top left no-repeat; } .pager .pfirst a, .pager .pfirst a:visited { display: inline-block; width: 14px; height: 27px; background:url('../images/buttons/btn_first.jpg') top left no-repeat; } .pager .pfirst a:hover { background:url('../images/buttons/btn_first_h.jpg') top left no-repeat; } .pager .plast a, .pager .plast a:visited { display: inline-block; width: 14px; height: 27px; background:url('../images/buttons/btn_last.jpg') top left no-repeat; } .pager .plast a:hover { background:url('../images/buttons/btn_last_h.jpg') top left no-repeat; }