/* #------------------------------------------------------------------------ # Memovie - February 2010 (for Joomla 1.5) # # Copyright (C) 2007-2010 Gavick.com. All Rights Reserved. # License: Copyrighted Commercial Software # Website: http://www.gavick.com # Support: support@gavick.com #------------------------------------------------------------------------ # Based on T3 Framework #------------------------------------------------------------------------ # Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved. # @license - GNU/GPL, http://www.gnu.org/copyleft/gpl.html # Author: J.O.O.M Solutions Co., Ltd # Websites: http://www.joomlart.com - http://www.joomlancers.com #------------------------------------------------------------------------ */ body{line-height:1.7} body#bd{color:#515151; background-color: #030;} body.fs1{font-size:10px} body.fs2{font-size:11px} body.fs3{font-size:12px} body.fs4{font-size:13px} body.fs5{font-size:14px} body.fs6{font-size:15px} /*********************** MY SUCKERFISH **************************/ /* Mainlevel */ ul.menu-suckerfish { z-index: 1; float: left; /*border-right: 1px solid #404040;*/ border-bottom: 28px solid #007252; text-align: left; width: 100%; margin: 0; padding: 0; list-style: none; cursor: pointer; background:transparent url('../images/style4/skater_menu_bg.png') repeat-x 0 bottom; margin:0 0 4px 0 } ul.menu-suckerfish li { float: left; display: inline; background: none; margin: 0; padding: 0; } ul.menu-suckerfish a:link, ul.menu-suckerfish a:visited { display: block; /*border-right: 1px solid #6A746B; border-left: 1px solid #6A746B;*/ border-right: 1px solid #FFFFFF; /*border-left: 1px solid #FFFFFF;*/ background: #007252; margin: 0; /*padding: 3px 1.1em;*/ padding: .5em .5em; color: #ffffff; /*color: #003333;*/ font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: normal; text-decoration: none; font-size: 1.0em; } ul.menu-suckerfish a:hover { /*background-color: #445045;*/ background-color: #003300; color: #e2fff1; } ul.menu-suckerfish li.active a { /*background-color: #445045;*/ background-color: #000000; } /* Sublevel */ ul.menu-suckerfish ul { position: absolute; left: -999em; z-index: 2; margin: 0; padding: 0; list-style: none; } /* Other containers */ ul.menu-suckerfish ul ul { margin: -26px 0 0 184px; z-index: 3; } /* Items */ ul.menu-suckerfish ul li { position: relative; width: 185px; margin: 0; background: none; padding: 0; } ul.menu-suckerfish ul a:link, ul.menu-suckerfish ul a:visited { display: block; border-top: 1px solid #eeeeee; border-right: 1px solid #ffffff; border-bottom: 1px solid #003300; /*border-left: 1px solid #ffffff;*/ background: #007252 none; color: #eeeeee; padding: 4px 10px; font-size: 0.9em; font-weight: normal; text-decoration: none; height: 1%; text-transform: none; letter-spacing: normal; } ul.menu-suckerfish ul a:hover, ul.menu-suckerfish ul li.parent a:hover, ul.menu-suckerfish ul li.parent li.parent a:hover { border-top: 1px solid #007252; background-color: #003300; color: #ffffff; } /* Active */ ul.menu-suckerfish ul li.active a, ul.menu-suckerfish ul li.active li.active a, ul.menu-suckerfish ul li.active li.active li.active a { font-weight: bold; color: #ffffff; } /* Clear active */ ul.menu-suckerfish ul li.active li a, ul.menu-suckerfish ul li.active li.active li a { font-weight: normal; color: #cfdbe5; } /* Children expanded */ ul.menu-suckerfish ul li.parent a, ul.menu-suckerfish ul li.parent li.parent a { background: #284d73 url("../images/suckerfish-expand.png") no-repeat 95% center; padding-right: 10px; } /* Clear children expanded */ ul.menu-suckerfish ul li.parent li a, ul.menu-suckerfish ul li.parent li.parent li a { background-image: none; } /* Rollover actions */ ul.menu-suckerfish li:hover ul, ul.menu-suckerfish li.hover ul, ul.menu-suckerfish li:hover ul li:hover ul, ul.menu-suckerfish li.hover ul li.hover ul, ul.menu-suckerfish li:hover ul li:hover ul li:hover ul, ul.menu-suckerfish li.hover ul li.hover ul li.hover ul { left: auto; } ul.menu-suckerfish li:hover ul ul, ul.menu-suckerfish li.hover ul ul, ul.menu-suckerfish li:hover ul li:hover ul ul, ul.menu-suckerfish li.hover ul li.hover ul ul, ul.menu-suckerfish li:hover ul li:hover ul li:hover ul ul, ul.menu-suckerfish li.hover ul li.hover ul li.hover ul ul { left: -999em; } ul.menu-suckerfish, ul.menu-suckerfish li li { clear: left; } /*********************** END SUCKERFISH **************************/ /* * links */ a{color:#496c94; text-decoration:none} a:hover, a:active, a:focus{color:#000; text-decoration:none} /* * Content spacing */ .column p, .column pre, .column blockquote, .column ol, .column ul{margin:10px 0; padding:0} /* * Headings &Titles */ h1{font-size:180%} h2{font-size:150%} h3{font-size:125%} h4{font-size:110%} h5{font-size:100%} /* * Main wrapper */ #gk-wrapper{background:#fff; padding:0; margin:0 auto 20px auto} /* * Top+Header */ /* NOW MOVED TO STYLE 4 CSS FILE #top-nav{ } */ #top-nav, #gk-header, #gk-mainnav{margin:0 4px} #search{float:right} #banner1{float:left; margin:0 0 0 44px} #banner2, #banner3{padding:0 0 4px 0; text-align:center} #header{margin:0 0 4px 0} /* * Breadcrumbs block */ div#breadcrumbs{padding:0; height:34px; line-height:34px; background:transparent url('../images/style1/menu_bg.png') repeat-x 0 bottom; margin:0 0 4px 0} div#breadcrumbs div#gk-breadcrumbs{float:left; width:auto} div#breadcrumbs div#gk-tools{float:right; width:auto; height:34px} div#breadcrumbs div#gk-tools>div{margin:0 0 0 5px; padding:0 8px 0 3px; height:34px; line-height:33px} div#breadcrumbs div#gk-tools a{font-size:90%; color:#7e7e7e; font-weight:bold; margin:0 8px 0 0; padding:0 0 0 8px; border-left:1px solid #c6c6c6} div#breadcrumbs div#gk-tools div a:first-child{border:none} div#breadcrumbs div#gk-tools a:hover{color:#426182} div#breadcrumbs div#gk-tools .tools_btn{cursor:pointer; padding:0; display:block; float:left; width:16px; height:16px; border:none; text-indent:-10000px; background:transparent url('../images/user-tools.png') no-repeat 0 0} div#breadcrumbs div#gk-tools a:hover.tools_btn{background-position:0 100%} #gk-tool-reset{background-position:-16px 0!important} #gk-tool-decrease{background-position:-32px 0!important} #gk-tool-auto{background-position:-69px 0!important} #gk-tool-wide{background-position:-94px 0!important} #gk-tool-narrow{background-position:-117px 0!important} #gk-tool-reset:hover{background-position:-16px 100%!important} #gk-tool-decrease:hover{background-position:-32px 100%!important} #gk-tool-auto:hover{background-position:-69px 100%!important} #gk-tool-wide:hover{background-position:-94px 100%!important} #gk-tool-narrow:hover{background-position:-117px 100%!important} /* * Header block */ div.logo-text, h1.logo{margin:0; height:46px; width:210px; float:left} h1.logo a{text-indent:-999em; display:block; height:46px; width:210px; background:transparent url('../images/logo.png') no-repeat 0 0} div.logo-text h1 a{color:#fff; font-size:24px; text-decoration:none; text-shadow:1px 1px 1px #222} div.logo-text h1 a span{margin-left:21px} div.logo-text h1 a:hover{color:#ccc} div.logo-text p{color:#999; margin:-10px 0 0 21px} /* * Header modules */ div#header1{float:left} div#header2{float:right} .header.both .moduletable, .header.both .moduletable_text, .header.both .moduletable_menu, .header.both .moduletable_color1, .header.both .moduletable_color2, .header.both .moduletable_color3, .header.both .moduletable_clear{margin-left:4px!important} .header.both:first-child .moduletable, .header.both:first-child .moduletable_text, .header.both:first-child .moduletable_menu, .header.both:first-child .moduletable_color1, .header.both:first-child .moduletable_color2, .header.both:first-child .moduletable_color3, .header.both:first-child .moduletable_clear{margin-left:0!important} div#header .moduletable_content{overflow:hidden} /* * Content block */ /* * Modulepositions * * available suffixes: * - _menu * - _text * - _color1 * - _color2 * - _color3 * - _clear * * Additional classes: * - nopadding */ #gk-container .moduletable>h3, #gk-container .moduletable_menu>h3, #gk-container .moduletable_text>h3, #gk-container .moduletable_color1>h3, #gk-container .moduletable_color2>h3, #gk-container .moduletable_color3>h3{height:44px; line-height:44px; border-bottom:1px solid #fff; background:transparent url('../images/style1/module_titles.png') repeat-x; background-position:0 -45px; text-shadow:1px 1px 1px #eee} #gk-container .moduletable_color1 h3{height:45px; line-height:45px; border:none; background-position:0 0} #gk-container .moduletable_color2 h3{height:45px; line-height:45px; border:none; background-position:0 -89px} #gk-container .moduletable>h3>span, #gk-container .moduletable_menu>h3>span, #gk-container .moduletable_text>h3>span, #gk-container .moduletable_color1>h3>span, #gk-container .moduletable_color2>h3>span, #gk-container .moduletable_color3>h3>span{display:block; height:24px; line-height:24px; padding:0 16px; font-size:80%; font-weight:bold; color:#000; float:left; width:auto; margin:10px 0 0 0; text-transform:uppercase; background:transparent url('../images/style1/headings.png') no-repeat; background-position:right -24px} #gk-container .moduletable_color1>h3>span{background-position:right 0; text-shadow:1px 1px 1px #000; color:#fff} #gk-container .moduletable_color2>h3>span{background-position:right -48px; text-shadow:1px 1px 1px #000; color:#fff} #gk-container .moduletable>h3 span.first-word, #gk-container .moduletable_menu>h3 span.first-word, #gk-container .moduletable_text>h3 span.first-word, #gk-container .moduletable_color3>h3 span.first-word{color:#4a729f} #gk-container .moduletable_color1 h3 span.first-word{color:#6081a4} #gk-container .moduletable .moduletable_content, #gk-container .moduletable_menu .moduletable_content, #gk-container .moduletable_text .moduletable_content{background:#f1f1f1; padding:10px; color:#666} #gk-container .moduletable_color1 .moduletable_content{background:#131313; padding:10px; color:#888} #gk-container .moduletable_color2 .moduletable_content{background:#436284; padding:10px; color:#c1ddfc} #gk-container .moduletable_color3 .moduletable_content{background:#fff; padding:10px; color:#666} .nopadding .moduletable_content{padding:0!important} .moduletable_clear .moduletable_content{background:none!important; border:none!important; padding:0!important} .moduletable, .moduletable_menu, .moduletable_text, .moduletable_color1, .moduletable_color2, .moduletable_color3, .moduletable_clear{margin:4px 0 0 0!important} .moduletable:first-child, .moduletable_menu:first-child, .moduletable_text:first-child, .moduletable_color1:first-child, .moduletable_color2:first-child, .moduletable_color3:first-child, .moduletable_clear:first-child{margin:0!important} #gk-container .moduletable a, #gk-container .moduletable_menu a, #gk-container .moduletable_text a, #gk-container .moduletable_color3 a{color:#436284} #gk-container .moduletable_color1 a{color:#fff} #gk-container .moduletable_color1 a:hover{color:#999} #gk-container .moduletable_color2 a{color:#fff} #gk-container .moduletable_color2 a:hover{color:#c1ddfc} #gk-container .moduletable a:hover, #gk-container .moduletable_menu a:hover, #gk-container .moduletable_text a:hover, #gk-container .moduletable_color3 a:hover{color:#000} #component-wrap{overflow:hidden} /* Readon */ #gk-container .moduletable a.readon{background-position:0 -42px} #gk-container .moduletable a:hover.readon, #gk-container .moduletable_color3 a:hover.readon{background-position:0 -21px; color:#fff; text-shadow:1px 1px 1px #111c28} #gk-container .moduletable_color1 a.readon, .moduletable_color2 a.readon{background-position:0 100%; color:#fff; text-shadow:1px 1px 1px #111c28} #gk-container .moduletable_color1 a:hover.readon{background-position:0 -21px} #gk-container .moduletable_color2 a:hover.readon{background-position:0 0; color:#555; text-shadow:1px 1px 1px #fff} /* * Bottom 1 / 2 */ #gk-botsl2 a{color:#fff} #gk-botsl2 a:hover{color:#6081A4} #gk-botsl1>div>div{background:#d2d2d2 url('../images/bottom1_bg.png') repeat-x 0 top} #gk-botsl2>div>div{background:#080909 url('../images/bottom2_bg.png') repeat-x 0 top} #gk-botsl1 .gk-box-left .moduletable, #gk-botsl2 .gk-box-left .moduletable{margin-right:10px!important} #gk-botsl1 .gk-box-center .moduletable, #gk-botsl2 .gk-box-center .moduletable{margin-left:10px!important; margin-right:10px!important} #gk-botsl1 .gk-box-right .moduletable, #gk-botsl2 .gk-box-right .moduletable{margin-left:10px!important} #gk-botsl1 h3, #gk-botsl2 h3{font-size:115%; text-transform:uppercase; color:#666; font-weight:bold; text-shadow:1px 1px 3px #fff; height:42px; line-height:42px} #gk-botsl2{color:#999} #gk-botsl2 h3{color:#fff; text-shadow:1px 1px 3px #000} #gk-botsl1 .moduletable_content, #gk-botsl2 .moduletable_content{padding:10px 0} #gk-botsl1 .gk-box-left h3, #gk-botsl2 .gk-box-left h3, #gk-botsl1 .gk-box-left .moduletable_content, #gk-botsl2 .gk-box-left .moduletable_content{padding-left:18px} #gk-botsl1 .gk-box-right .moduletable_content, #gk-botsl2 .gk-box-right .moduletable_content{padding-right:18px} #gk-botsl1 .gk-box-full, #gk-botsl2 .gk-box-full{padding:0 18px} /* * Footer */ #gk-footer{overflow:hidden; color:#9f9f9f; font-size:80%!important} #gk-footer a{color:#9f9f9f} #gk-footer a:hover{color:#fff} #gk-footer .inner{height:45px; line-height:45px; background:#FFFFFF; margin:0 4px 4px 4px; padding:0 16px /*background:transparent url('../images/footer_bg.png') repeat-x 0 0;*/ } .gk-footnav{float:left} #stylearea{float:right;margin:0 0 0 40px;width:auto; font-size:90%!important} .gk-footnav ul li, #stylearea a{width:auto; text-transform:uppercase; text-shadow:1px 1px 2px #000; float:left; padding-left:25px; background:transparent url('../images/footer_bullet.png') no-repeat 7px center} .gk-footnav ul li:first-child, #stylearea a:first-child{padding-left:0; background:none!important} .gk-copyright{float:right; font-size:110%; color:#666} #t3_logo{display:block; width:160px; height:20px; margin:20px auto; background:url('../images/t3-logo.png') no-repeat 0 0; text-indent:-999em} #t3_logo:hover{background-position:0 bottom} .cufon{margin-top:8px}