/*------------------------------------------------------------------------ # HOT Sportal - August, 2010 # Copyright (C) 2010 Hot Joomla Templates. All Rights Reserved. # @license - Copyrighted Commercial Software # Author: Hot Joomla Templates # Website: http://www.hotjoomlatemplates.com -------------------------------------------------------------------------*/ @font-face { font-family: 'SansationRegular'; src: url('sansation_regular-webfont.eot'); src: url('sansation_regular-webfont.eot?iefix') format('eot'), url('sansation_regular-webfont.woff') format('woff'), url('sansation_regular-webfont.ttf') format('truetype'), url('sansation_regular-webfont.svg#webfontNhEUdZcB') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SansationBold'; src: url('sansation_bold-webfont.eot'); src: url('sansation_bold-webfont.eot?iefix') format('eot'), url('sansation_bold-webfont.woff') format('woff'), url('sansation_bold-webfont.ttf') format('truetype'), url('sansation_bold-webfont.svg#webfontFqQEOrhS') format('svg'); font-weight: normal; font-style: normal; } /* basics */ a:link,a:visited { text-decoration:underline; } a:hover { text-decoration:none; } a.readon:link,a.readon:visited, a.readmore:link,a.readmore:visited { display:block; text-decoration:none; text-align:right; font-weight:bold; } a.readon:hover, a.readmore:hover { text-decoration:none; } .readmore { text-align:right; } .readmore a:link, .readmore a:visited { font-weight:bold; text-decoration:none; } img.home { margin:0 10px 10px 0; float:left; } img.home_right { margin:0 0 10px 10px; float:right; } img.interviews { margin-right:6px; float:left; } p { margin:0 0 7px 0; } .content_wrap p { margin:0 0 12px 0; } img { border:0; } fieldset { border:0; } h1 { font-family:'SansationRegular', Arial, Helvetica, sans-serif; font-size:32px; font-weight:normal; margin:0 0 5px; } .content_wrap h1 { padding:0 3px; } h2 { font-size:22px; font-weight:normal; padding:3px 0 12px 0; margin:0; text-decoration:none; } ul.actions { margin:0 !important; padding:0 !important; } ul.actions li { margin:0 !important; padding:0 !important; list-style:none; float:right; width:25px; position:relative; top:-25px; } .details-category { width:50%; float:left; } .details-category a:link, .details-category a:visited { text-decoration:none; } .details-category a:hover { text-decoration:underline; } .details-date { width:50%; float:right; text-align:right; } .details-author { font-size:85%; font-style:italic; padding-bottom:5px; } /* multi-column layout */ .cols-2 div.item { width:48%; float:left; margin:0 2% 0 0; } .cols-3 div.item { width:31%; float:left; margin:0 2% 0 0; } .cols-4 div.item { width:23%; float:left; margin:0 2% 0 0; } /* category list layout */ .category { width:100%; } .category th { color:#eee; font-weight:700; padding:5px; text-align:left; border-bottom:1px dotted #cccccc; } .cat-list-row0 td { padding:5px; text-align:left; } .cat-list-row1 td { padding:5px; text-align:left; background:#f3f3f3; } .category .list-title { width:50%; } .category .list-date { width:20%; } .category .list-author { width:20%; } .category .list-hits { width:10%; } .category td.hits { text-align:center; } /* contacts category layout */ .category .item-title { width:20%; } .category td.item-title a:link, .category td.item-title a:visited, .category td.item-title a:hover { text-decoration:underline; } .category .item-position { width:20%; } .category .item-phone { width:20%; color:#333; } .category .item-suburb { width:20%; } .category .item-state { width:20%; } /* contact form */ div.pane-slider { background:none; color:#333; } .jicons-icons img { float:left; } .jicons-icons img { float:left; margin-right:10px; } address span.contact-street { padding:0 8px 0 0; display:block; } address span.contact-suburb, address span.contact-state, address span.contact-postcode, address span.contact-country { padding:0 8px 0 25px; display:block; } .contact-email label { display:block; float:left; width:100px; } .contact-email .inputbox { margin-bottom:10px; } .contact-email .button { margin-top:30px; } /* pane toggler */ .pane-toggler-down, .pane-toggler { background:#222; padding:5px 20px; } .pane-toggler-down a, .pane-toggler a { color:#fff !important; } .pane-sliders .content { padding:0 20px; } .small { font-size:10px; color:#999; text-decoration:none; } .counter { text-align:right; } .pagination ul { margin:0 0 10px 0 !important; padding:0 !important; float:right } .pagination li { list-style:none; float:left; } span.pagenav { background:#cecece; color:#fff; padding:4px 12px; font-family:'SansationRegular', Arial, Helvetica, sans-serif; text-transform:uppercase; } a.pagenav { color:#fff !important; padding:4px 12px; text-decoration:none; font-family:'SansationRegular', Arial, Helvetica, sans-serif; text-transform:uppercase; } .inputbox { border:0; background:url(../images/button_bg.png) repeat-x; font-size:11px; color:#000; padding:4px; font-family:Arial, Helvetica, sans-serif; -moz-border-radius:4px; -webkit-border-radius:4px; } textarea.inputbox { background:#ccc; } .search .inputbox { background:url(../images/search_bg.png) no-repeat; -moz-border-radius:0px; -webkit-border-radius:0px; color:#fff; padding:6px; } .button { background:url(../images/button_bg.png) repeat-x; color:#c10000; border:none; padding:3px 10px; font-size:11px; font-weight:bold; text-transform:uppercase; } table.searchinto { width:100%; } form { margin:0; padding:0; } .article_column { padding:0; } .article_separator { height:1px; border-bottom:1px dotted #8e8e8e; display:block; } .item-separator { clear:both; border-bottom:1px dotted #333; margin-bottom:10px; } /* lists */ ol { margin-left:20px; padding-left:7px; } ol li { padding-left:0; padding-top:0; padding-bottom:5px; } li ol { padding-top:5px; } .content_wrap ul { margin:0 0 0 25px; padding:0; } .content_wrap ul li { padding-left:5px; padding-top:0; padding-bottom:5px; } .content_wrap li ul { padding-top:5px; } .content_wrap li ul li { background:none; list-style-type:circle; margin-left:20px; padding-left:0; } ul.checklist li { background:url(../images/icon_checklist.png) no-repeat; padding-left:22px; margin-bottom:5px; list-style:none; } ul.arrow li { background:url(../images/icon_arrow.png) no-repeat; padding-left:22px; margin-bottom:5px; padding-top:1px; list-style:none; } ul.star li { background:url(../images/icon_star.png) no-repeat; padding-left:22px; margin-bottom:5px; list-style:none; } /* menu */ .column_right ul.menu, .column_left ul.menu, ul.newsfeed { margin:0; padding:0; } .column_right ul.menu li, .column_left ul.menu li, ul.newsfeed li.newsfeed-item { margin:0; list-style:none; padding:0px; border-bottom:1px dotted #8e8e8e; } ul.newsfeed li.newsfeed-item h4 { margin:0; padding:0; } .column_right ul.menu li:hover,.column_left ul.menu li:hover { } .column_right ul.menu li a:link,.column_right ul.menu li a:visited, .column_left ul.menu li a:link,.column_left ul.menu li a:visited, ul.newsfeed li a:link, ul.newsfeed li a:visited { text-decoration:none; display:block; padding:3px 0; font-weight:normal; } .column_right ul.menu li ul,.column_left ul.menu li ul { margin:0; padding:0; display:block; } .column_right ul.menu li ul li,.column_left ul.menu li ul li, .column_right ul.menu li ul li:hover,.column_left ul.menu li ul li:hover { margin:0; padding:0 15px; background:none; } .column_right li.active a:link,.column_right li.active a:visited,.column_left li.active a:link,.column_left li.active a:visited { padding:7px; } .column_right ul.menu li ul li.current a:link,.column_right ul.menu li ul li.current a:visited,.column_left ul.menu li ul li.current a:link,.column_left ul.menu li ul li.current a:visited { color:#e4e37c; background:none; padding:7px; font-size:11px; text-transform:uppercase; font-weight:normal; } .column_right ul.menu li ul li a:link,.column_right ul.menu li ul li a:visited,.column_right ul.menu li.current ul li a:link,.column_right ul.menu li.current ul li a:visited,.column_left ul.menu li ul li a:link,.column_left ul.menu li ul li a:visited,.column_left ul.menu li.current ul li a:link,.column_left ul.menu li.current ul li a:visited { color:#ccc; background:none; padding:7px; font-size:11px; text-transform:uppercase; font-weight:normal; } .header_menu a { text-decoration:none; } .footer ul.menu { margin:0; padding:0; } .footer ul.menu li { list-style:none; float:left; } .footer ul.menu li a:link,.footer ul.menu li a:visited { color:#fff; text-decoration:none; display:block; padding:0 15px 7px 0; font-weight:normal; } .footer ul.menu li a:hover { color:#fff; text-decoration:underline; } .footer2 a:link,.footer2 a:visited { color:#fff; } .upper ul.menu, .bottom ul.menu { margin:0; padding:0; } .upper ul.menu li, .bottom ul.menu li { margin:0; padding:0; list-style:none; } .upper ul.menu li span, .bottom ul.menu li span { height:64px; display:block; line-height:16px; } .upper ul.menu li img, .bottom ul.menu li img { clear:both; padding-right:10px; } .bottom ul.menu li a:link,.bottom ul.menu li a:visited, .upper ul.menu li a:link,.upper ul.menu li a:visited { text-decoration:none; display:block; padding:7px; color:#6D6D6D; } .bottom ul.menu li a:hover, .upper ul.menu li a:hover { text-decoration:underline; } .user2 .moduletable { padding-bottom:6px !important; } .header_menu ul { margin:0; padding:0; } .header_menu li { float:right; list-style:none; margin:0 0 0 10px; padding:0; } /* top menu */ #nav,#nav ul { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:absolute; z-index:100; } #nav ul { display:none; } #nav li.active a { color:#fff; } #nav li.active ul a { background:none; } #nav > li.active { border:none; color:#fff; background:url(../images/topmenu_active_bg.png) repeat-x bottom; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; margin:4px 0 0 0; padding-bottom:10px; padding-top:7px; border-radius: 6px 6px 0 0; position:relative; } #nav a { display:block; text-decoration:none; font-family:'SansationRegular', Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; } #nav li:hover ul li a, #nav li ul li a { padding:1px 8px; margin:5px 0; border:none; text-transform:none; } #nav > li { float:left; position:relative; border-right:2px dotted #b5b5b5; padding:3px 20px 10px 18px; margin:8px 0 0 0; } #nav li ul a:hover { color:#fff; } #nav li ul li,#nav li ul li ul { margin:0; padding:0; float:left; cursor:pointer; } #nav li ul a { line-height:normal; } #nav li ul ul { display:none; } #nav li:hover ul ul,#nav li:hover ul ul ul,#nav li:hover ul ul ul ul { left:-9999px; } #nav li:hover ul, #nav li ul { width:900px; background: url(../images/topmenu_sub_bg2.png) no-repeat; } #nav li li:hover ul,#nav li li li:hover ul,#nav li li li li:hover ul { display:none; } #nav ul li a { font-size:13px; color:#fff; font-weight:normal; text-transform:none; } #nav li ul a:hover { color:#fff; } #nav ul ul { top:0; z-index:200; display:none; } #nav ul.menu li ul li.current a:link, #nav ul.menu li ul li.current a:visited { font-size:13px; } #nav2, #nav2 ul { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:absolute; z-index:100; } #nav2 ul { display:none; } #nav2 a { display:block; padding:5px; margin:6px 0; text-decoration:none; font-family:'SansationRegular', Arial, Helvetica, sans-serif; font-size:14px; font-weight:400; text-transform:uppercase; } #nav2 > li a:hover { padding:5px; color:#000 !important; } #nav2 > li.active a:hover { padding:5px; } #nav2 > li.active a { border:1px solid #000; margin:5px 0; -moz-border-radius:5px; -webkit-border-radius:5px; background:#ccc; border-radius: 5px; position:relative; } #nav2 li:hover ul li a { color:#fff; } #nav2 li:hover ul a { background:none; padding:5px; margin:5px 0; } #nav2 li:hover ul li a:hover { color:#000; border:none; -moz-border-radius:0px; -webkit-border-radius:0px; position:relative; padding:5px; background:#fff; } #nav2 li.current ul li a, #nav2 li.active ul li a { border:none; -moz-border-radius:0px; -webkit-border-radius:0px; position:relative; } #nav2 li:hover ul { background:#000; color:#fff; margin-top:4px; } #nav2 li { float:left; position:relative; margin:0 5px; } #nav2 li ul a:hover { color:#fff; } #nav2 li ul li, #nav2 li ul li ul { margin:0; padding:0; float:none; cursor:pointer; } #nav2 li ul a { width:166px; line-height:normal; padding:7px; } #nav2 li ul ul { left:180px; margin:0; } #nav2 li:hover ul ul,#nav li:hover ul ul ul,#nav2 li:hover ul ul ul ul { visibility:hidden; } #nav2 li:hover ul,#nav li li:hover ul,#nav2 li li li:hover ul,#nav2 li li li li:hover ul { visibility:visible; } ul#nav2 ul ul{ margin-top: -32px; margin-left: 174px; #nav2 ul li a { font-size:13px; color:#fff; font-weight:normal; text-transform:none; } #nav2 ul ul{ top:0px; z-index:200; } /* modules */ div.moduletable { padding:0 6px; } .gallery div.moduletable, .column_left_bottom div.moduletable, .column_right_bottom div.moduletable { padding:0; } .column_right div.moduletable, .column_left div.moduletable { margin-bottom:20px; } div.moduletable h3 { font-size:18px; margin:0 0 10px; padding:0 0 5px; font-weight:normal; font-family:'SansationRegular', Arial, Helvetica, sans-serif; } div.moduletable h3 span { font-weight:bold; } #c1,#c2,#c3,#c4,#c5,#c6,#c7,#c8 { margin-right:3px; padding:15px 0 5px 0; } #c1.last, #c2.last, #c3.last, #c4.last { margin-right:0; } .bottom div.moduletable h3 { font-size:18px; font-weight:normal; border-bottom:1px solid #8e8e8e; } .bottom div.moduletable { padding:0 10px; } .bottom a:link,.bottom a:visited { text-decoration:underline; } .bottom a:hover { text-decoration:none; } div.newsflash { background:url(../images/bg_transparent_black.png); padding:6px 3px; } .newsflash .article_separator { border-bottom:2px dotted #c10000; clear:both; margin:7px 0; } .poll tr { height:20px; } .poll tbody { height:25px; vertical-align:top; text-align:center; } /* typography */ .warning { padding:15px 15px 15px 60px; color:#000; border-top:4px solid #c10000; border-bottom:4px solid #c10000; background:#FFDE25 url(../images/warning.png) no-repeat center left; } .info { padding:15px 15px 15px 60px; color:#006699; border-top:4px solid #006699; border-bottom:4px solid #006699; background:#bde1ff url(../images/info.png) no-repeat center left; } .error { padding:15px 15px 15px 60px; color:#900; border-top:4px solid #900; border-bottom:4px solid #900; background:#f8b5b5 url(../images/error.png) no-repeat center left; } .code { padding:15px 0; color:#218023; font-family:"Courier New", Courier, monospace; font-size:14px; } .quote { padding:8px; font-family:Palatino Linotype, Book Antiqua, Palatino, serif; font-size:18px; text-align:center; background:#000 url(../images/quote_bg.gif); color:#fff; font-style:italic; } .hotcarousel h2 { text-align:right; font-family:'SansationBold', Verdana, Geneva, sans-serif; font-weight:bold; font-size:28px; background:url(../images/h2_line.png) bottom right no-repeat; } .hotcarousel a.readon { font-family:'SansationBold', Verdana, Geneva, sans-serif; font-size:13px; font-weight:bold; text-decoration:none; } .highlights_intro { background: url(../images/scroll_bg.png) no-repeat; } .highlights_intro_pad { padding-left:5px; } /* hot scroller */ .highlights_intro { background: url(../images/scroll_bg.png) no-repeat; height: 24px; width: 137px; float: left; font-family: Sansation, Verdana, Geneva, sans-serif; line-height: 24px; font-size: 14px; text-indent: 5px } .carouselarticle { background: transparent !important; } .carouselarticle h2 { padding-bottom: 0px; margin-bottom: 10px; }