/*--------------------------------------------------------------- # Package - Joomla Template based on Helix Framework11 # --------------------------------------------------------------- # Author - JoomShaper http://www.joomshaper.com # Copyright (C) 2010 - 2012 JoomShaper.com. All Rights Reserved. # license - PHP files are licensed under GNU/GPL V2 # license - CSS - JS - IMAGE files are Copyrighted material # Websites: http://www.joomshaper.com -----------------------------------------------------------------*/ /* Master Reset */ 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{border:0px none;outline:0;font-size:100%;vertical-align:baseline;background:;margin:0;padding:0} body{line-height:1} ol, ul{list-style:none} blockquote, q{quotes:none} blockquote:before, blockquote:after, q:before, q:after{content:none} :focus{outline:0} ins{text-decoration:none} del{text-decoration:line-through} table{border-collapse:collapse;border-spacing:0} /* Core */ body{color:#2B2B2B;font-family:BBCNassim,Tahoma;font-size:16px;line-height:135%} body.bg{background:#EBEBEB} .sp-wrap{margin-left:auto;margin-right:auto} .sp-block{float:left;display:inline} .mod-block {padding:0 5px} .sp-inner{padding-left:5px;padding-right:5px} .sp-block .first {margin-left:-5px} .sp-block .last {margin-right:-5px} .sp-block .single {margin-left:-5px;margin-right:-5px} .gap{clear:both; margin-bottom:10px} /*Header & Logo Area*/ #header {position:relative;background:#1e1e1e url('../images/header-bg.png') repeat-x 0 0; } #header .sp-inner {padding:0 10px} a#logo, #logo-text{float:left} a#logo{background:url('../images/logo5.jpg') no-repeat 0 50%; } #logo-text h1{font-size:100%;font-weight:bold;text-transform:uppercase;border:0px none !important;padding:0!important; margin-left:0 !important; margin-right:0 !important; margin-top:10px !important; margin-bottom:0 !important} #logo-text h1 a{} #logo-text p.site-slogan{margin:0;padding:0;color:#999} /* Top Bar */ #top-bar {border-left:1px solid #393939; border-right:1px solid #393939; border-bottom:1px solid #393939; background:#171717 url('../images/top-bar.png') repeat-x 0 0; border-top:0px none; float:right; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:5px} /*Search*/ #search{float:right;margin:0 10px} #search input#mod-search-searchword, #search input#mod-finder-searchword{background:#000000;border:1px solid #333;padding:2px 10px;border-radius:4px;box-shadow:none!important} #search input#mod-search-searchword:hover, #search input#mod-finder-searchword:hover{background-color:#111} .mod-search{overflow:hidden;margin:0;padding:0} /* Top User Block */ #sp-top .sp-inner {margin:0 5px} #sp-userpos {margin-bottom:10px!important} /* Bottom Block */ #sp-bottom{background:#181818;color:#777;font-size:90%} /* Layout */ .main-area {margin:10px 0;padding:0 5px} #sp-leftcol, #sp-rightcol, #sp-maincol, #inset1, #inset2, #inner_content {float:left} #inner_content .sp-inner {padding:0;margin:0 5px 10px 5px} #sp-leftcol .sp-inner, #sp-rightcol .sp-inner {padding:0 5px} /*Font Resizer*/ div.font-sizer{width:45px;height:16px;line-height:16px;float:right;margin-top:5px;} div.font-sizer a.btn_fs_big, div.font-sizer a.btn_fs_reset, div.font-sizer a.btn_fs_small {background-image:url('../images/font-resizer.png');background-repeat:no-repeat;height:16px;width:15px;border:medium none;cursor:pointer;display:block;float:left;text-indent:-999em;padding:0} div.font-sizer a.btn_fs_big{background-position:0 0} div.font-sizer a.btn_fs_reset{background-position:-15px 0} div.font-sizer a.btn_fs_small{background-position:-30px 0} div.font-sizer a.btn_fs_big:hover{background-position:0 -16px} div.font-sizer a.btn_fs_reset:hover{background-position:-15px -16px} div.font-sizer a.btn_fs_small:hover{background-position:-30px -16px} /* Breadcrumbs */ #breadcrumbs{overflow:hidden;height:30px;line-height:30px;border-top:1px solid #222;border-bottom:1px solid #222} #breadcrumbs span.showhome {font-weight:bold;margin-right:5px} #breadcrumbs .padding{padding:5px 8px} #breadcrumbs a, #breadcrumbs span, #breadcrumbs strong{display:block;float:left} #breadcrumbs a, #breadcrumbs span.separator{margin-right:10px;padding-right:15px;background:url('../images/breadcrumbs.png') no-repeat 100% 50%; } #breadcrumbs span.current{color:#666} a#topofpage{float:right!important;background:none!important;margin:0!important;padding:0!important} /* Footer */ #sp-footer{padding:10px 0} #sp-footer .cp {float:right;} /*Top Menu*/ #top-menu{float:right;margin:0 5px} #top-menu ul{float:right;list-style-type:none;padding:0;margin:0} #top-menu li{float:right;background:none;padding:0;margin:3px 0 0 0} #top-menu a{font-size:16px;font-weight:normal;text-decoration:none;color:#F4F4F4;text-shadow:0 1px #000;margin:0;padding:0 8px} #top-menu a:hover{color:#C5C5C5;text-decoration:underline} /*Footer Menu*/ #footer-nav{float:right;margin-top:8px} #footer-nav ul{list-style-type:none;padding:0;margin:0 0 5px 0} #footer-nav li{background:none;padding:0;display:inline} #footer-nav a{font-size:11px;font-weight:normal;text-decoration:none;display:inline;margin:0;padding:0 8px} /* Helix Logo */ #powered-by{display:block;text-indent:-999em} .helix-logo-light, .helix-logo-dark, .helix-logo-light-small, .helix-logo-dark-small{display:block;float:left;padding:0 10px 0 0;margin:0 15px 0 0;border-right:1px solid #222} .helix-logo-light, .helix-logo-dark, .helix-logo-light a, .helix-logo-dark a{height:33px;width:160px} .helix-logo-light-small, .helix-logo-dark-small, .helix-logo-light-small a, .helix-logo-dark-small a{height:33px;width:100px} .helix-logo a{background-position: center;background-repeat:no-repeat;display:block;text-indent:-999em} .helix-logo-light a{background-image:url('../images/helix-logo/helix_light.png')} .helix-logo-dark a{background-image:url('../images/helix-logo/helix_dark.png')} .helix-logo-light-small a{background-image:url('../images/helix-logo/helix_light_small.png')} .helix-logo-dark-small a{background-image:url('../images/helix-logo/helix_dark_small.png')} /* Clearfix */ .clr{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} .clearfix:after{clear:both;content:'';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0} * html .clearfix, :first-child+html .clearfix{zoom:1}