/*------------------------------------------------------------------------ # JXTC Dub Festival Pro Joomla 1.5 Template - Version 1.0 # ------------------------------------------------------------------------ # Copyright (C) 2009 Monev Software L.L.C. All Rights Reserved. # @license - Copyrighted Commercial Software # Author: JoomlaXTC # Website: http://www.joomlaxtc.com # This file may not be redistributed in whole or significant part. --*/ /* RESETS DEFAULT BROWSER STYLES - COURTESY OF ERIC MEYER **********/ 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; vertical-align: baseline;} /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; text-decoration:none;} /* Remove possible quote marks (") from ,
. */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } ul { list-style:none; } li { list-style-type:none; list-style-image:none; } /* Set some inteligent defaults */ body { font: 16pt Verdana, Arial, Helvetica; color: #cccccc; } /* This is where you set your desired font size. The line-height and vertical margins are automatically calculated from this. You have to add an extra calculation here because of IE, so that all users may resize text manually in their browsers. The top one is for IE: The percentage is of 16px (default IE text size) 10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth). The second value is what all other browsers see (the wanted font size). */ body { font-size: 68.75%; color: #cccccc;background:#000000; } /* IE */ html > body { font-size: 11px; color: #cccccc;background:#000000; } /* Other browsers */ /* HEADINGS *******************************************************/ #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content .contentheading, #content .componentheading {clear: both; } #content .componentheading { padding-top: 7px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px; } #content .contentheading { font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; letter-spacing:-2px; line-height:130%; padding-top: 12px;} #content h1 { font-size: 2.55em; } #content h2 { font-size: 2.0em; } #content h3 { font-size: 1.55em; } #content h4 { font-size: 1.15em; line-height: 1.25; font-weight: bold !important; } #content h5 { font-size: 1em; font-weight: bold !important; } #content h6 { font-size: 1em; } /* TEXT ELEMENTS **************************************************/ #content p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-top: 0pt; margin-right: 0pt; margin-bottom: 1.4em;margin-left: 0pt; line-height: 130%; color: #cccccc;} #content p.right { text-align: right; } #content p.last { margin-bottom:0; } #content p { margin: 0 0 1.4em 0; line-height:150%; } #content ul, #content ol { margin: 0; list-style-type: none; } #content a { color: #a2a2a2; text-decoration: none; outline: none; font-weight: none; } #content a:hover { text-decoration:none; } #content blockquote { margin: 1.5em 0 1.5em 1.5em; font-style: italic; } #content strong { /*color: #5d6060;*/ font-weight: bold; } #mainbody ul, #mainbody li { margin-left: 10px;} #content ol { list-style-type: decimal; } #content dl { margin: 1.5em 0; } #content dl dt { font-weight: none; } #content a.arrow { padding: 0 12px 0 0; background: url(../../images/icon_arrow.gif) no-repeat right center; } #content a.arrow:hover { padding: 0 12px 0 0; background: url(../../images/icon_arrowhover.gif) no-repeat right center; } /*div#content a { border-bottom: 1px dotted #d0d0d0;}*/ #content img { margin: 0; padding:0 0 0 0; border: none;} #content em { font-style: italic; } #content pre { margin-bottom: 15px; background: #f9f9d4; padding: 0 10px; overflow: auto; } #content code { font: 11px Monaco, monospace; margin: 0; padding: 1px 3px; background: #ffffe1; } #content abbr { border-bottom: 1px dotted #999; cursor: help;} /* Use this to create a horizontal ruler across a column. */ #content hr { background: #B2CCFF; color: #cccccc; clear: both; float: none; width: 100%; height: 0.1em; margin: 0 0 1.4em 0; border: none; } * html hr { margin: 0 0 1.2em 0; } /* IE6 fix */ /* Joomla Content Styles */ table.blog {background: #000000;vertical-align:top;} #content .buttonheading { width:160px; padding: 12px 12px 0 7px; vertical-align:middle;} .article_separator { clear: both; display: block; height: 10px; border-top: 1px solid #333; margin-top: 16px; width: 98%; } .article_space { clear: both; display: block; height: 20px; margin-top: 16px; } .article_column {} .column_separator { padding: 0 25px; } .column_separator { padding-left:14px;} td.sectiontableheader { padding: 4px; border-right: 1px solid #cccccc; } tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td { padding: 4px; } td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 { padding: 3px; } table.contentpane { border: none; width: 100%;} table.contentpaneopen { border: none; border-collapse: collapse; } table.contentpaneopen h1,table.contentpaneopen h2,table.contentpaneopen h3{padding-top:10px;padding-bottom:5px;} table.contenttoc { margin: 0 0 10px 10px; padding: 0; width: 35%; float: right;} table.contenttoc a { text-decoration: none; } table.contenttoc td { padding: 1px 5px 1px 25px; background: url(../images/bullet-list.gif) no-repeat 5% 50%; } table.contenttoc th { padding: 0 0 3px; border-bottom: 1px solid #CCCCCC; text-indent: 5px; } table.poll { padding: 0; width: 100%; border-collapse: collapse; } table.pollstableborder { padding: 0; width: 100%; border: none; text-align: left; } table.pollstableborder img { vertical-align: baseline; } table.pollstableborder td { padding: 4px!important; border-collapse: collapse; } table.pollstableborder tr.sectiontableentry1 td { background: #ECECEC; } table.searchintro { padding: 10px 0; width: 100%; } .search input.inputbox { background:#000000 url(../images/icon_search.png) no-repeat scroll 2% 40%; padding:0 0 0 19px; border:0px solid #898989; color:#ffffff; margin-top:4px; } table.searchintro td { padding: 5px!important; } table.adminform {} .adminform .inputbox {} .blog_more {} .blog_more strong { margin: 0 0 5px; display: block; font-size: 125%; } .blog_more ul { margin: 0; padding: 0; } .blog_more ul li { margin: 0; padding: 0 0 0 17px; background: url(../images/bullet.gif) no-repeat 6px 8px; } .category { font-weight: bold; } h1.componentheading, .componentheading {} .componentheading { background: #000000 url(../images/icon2.png) 7px 10px no-repeat; padding-left: 28px !important; font-size: 18px; letter-spacing: -1px; line-height: 18px; font-weight:bold;} .contentdescription { padding-bottom: 12px;} h2.contentheading, .contentheading {line-height: 14px font-weight: normal;} table.blog .contentheading {font-size: 150%;} .contentheading {font-size: 200%;} a.contentpagetitle,a.contentpagetitle:hover,a.contentpagetitle:active,a.contentpagetitle:focus {font-size:100%;font-weight:800;float:left;padding: 8px 0 8p 8px;color: #cccccc;} .readon { color:#cccccc; } a.readon { float: left; padding: 1px 5px 1px 5px; display: block; color:#cccccc; text-decoration: none;} a.readon:hover, a.readon:active, a.readon:focus {} table.contentpaneopen td, table.contentpane td {padding: 0 12px 0 12px;} table.contentpaneopen, table.contentpane, table.blog {padding: 0 12px 0 12px;} .moduletable { margin-bottom:8px; } .pagenav {width:100%;display:table;padding-bottom:10px;float:left; } .pagenav th.pagenav_prev{width:50%;text-align:left;} .pagenav th.pagenav_next{width:50%;text-align:right;} .pagenav_next a, .pagenav_prev a { display:inline; border:0px solid #cecece;padding: 6px;} .pagination a { display:inline;border:0px solid #cecece;padding: 6px;float:left;margin-right: 4px;} .pagination span { display:inline;border:0px solid #cecece;padding: 4px; float:left; cursor: pointer;} .pagination a:hover, .pagination span:hover {border:none;border:0px solid #ffffff;} ul.pagination { margin: 15px auto;padding: 10px 0;background: url(../images/hdot.gif) repeat-x top;} ul.pagination li {margin: 0;padding: 0;display: inline;background: none;} ul.pagination li span{padding: 2px 5px; border: 1px solid #F6F6F6;} ul.pagination a {padding: 2px 5px; border: 1px solid #F6F6F6;} ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus { border: 1px solid #ECECEC; background: #FFFFFF;} .pagenavbar { background: url(../images/pages.gif) no-repeat center left; padding-left: 14px;} .pagenavcounter { background: url(../images/pages.gif) no-repeat 0 11px; padding: 8px 14px 0 14px;} .sectiontableheader {padding: 8px 5px;background: #444444;color: #cccccc;} .sectiontableheader a { color: #cccccc;} tr.sectiontableentry1 td { padding: 8px 5px; background: url(../images/hdot2.gif) repeat-x bottom;} tr.sectiontableentry2 td { padding: 8px 5px; background: url(../images/hdot2.gif) repeat-x bottom #ECECEC;} tr.sectiontableentry1:hover td,tr.sectiontableentry2:hover td { background: url(../images/hdot2.gif) repeat-x bottom #FFFFCC;} .smalldark {text-align: left;} div.syndicate div { text-align: center;} .pollstableborder tr.sectiontableentry1 td,.pollstableborder tr.sectiontableentry2 td { background: none;} .blog_wrap {background: url(../images/blog_top.gif) no-repeat left top #f5f5f5; padding: 0 30px 25px 30px;} .mostread li { line-height: 24px;font-size: 11px;color: #17c3ff !important; padding-left:12px !important;} ul.mostread li {font-size: 11px;display: block;color: #333333; border-bottom:1px solid #222222; text-decoration: none; padding-top:4px; padding-right: 2px;padding-bottom: 4px; padding-left: 30px !important; background: #000000 url(../images/article-grey.png) 12px 10px no-repeat;} /* Login */ ul.loginposition { padding:0px;} ul.loginposition li { background:transparent none repeat scroll 0 0; display: inline; line-height:22px; padding:0px;} ul.loginposition li input { background: #999999; border:0px solid #202123; color:#222222; padding:1px 3px 1px 3px; text-transform:uppercase; font-size:9px;} ul.loginposition li a { color:#222222; text-decoration:none;} ul.loginposition li label { margin-bottom:-15px; color:#222222; border:0 none; font-size:100%; outline-color:-moz-use-text-color; outline-style:none; outline-width:0; padding:0; vertical-align:baseline;} .relateditems li { line-height: 16px; font-size: 11px; color: #17c3ff !important; border-bottom:3px solid #ffffff;} .art_text { font-size: 11px; color:#666666;} .jnewstitle { font-size: 1.6em; font-weight:100; letter-spacing:-0.25px; line-height:135%; margin-top:6px; margin-left:-1px; padding-bottom:6px; border-bottom:1px solid #aaaaaa;} .jnewstitledown { font-size: 1.6em; font-weight:100; letter-spacing:-0.25px; margin-top:9px; margin-left:-1px; padding-bottom:9px; border-bottom:1px solid #aaaaaa;} .jnewstitleright { font-family: Arial, sans-serif; font-size: 1.6em; font-weight:500 !important; letter-spacing:-0.1px; margin-left:-1px; padding-bottom:7px;} .jnewsmore { margin-top:3px; padding-top:3px; border-top:1px solid #dddcdc; font-size:9px;} .jnewsread { width: 90px; font-size:11px; color:#6699CC; letter-spacing:0px; margin-top:10px;} /* TABLES *********************************************************/ #content table { margin-bottom: 1.4em; /*border-top:0.1em solid #ddd; border-left:0.1em solid #ddd;*/ margin:0 auto; width:100%;vertical-align:top;} #content th, #content td { height: 1em; /*padding:0.2em 0.4em border-bottom:0.1em solid #ddd; border-right:0.1em solid #ddd; */ } #content th { font-weight:bold; } #mainbody {width:96.4%;line-height:130%; margin-right:0px; float:left; margin-top:0px; margin-bottom: 12px;} /* FORMS #content label { font-weight: none; } **********************************************************/ #content textarea { height: 180px; width: 300px; font-family: Arial,Helvetica,sans-serif; font-size: 13px; } /* Generic Elements */ body { font-family: Arial,Helvetica,sans-serif; line-height: 1.3em; font-size: 12px; color:#000; } /*********** Background Styles *************/ /* Body Wraps */ #content { width:972px; margin:0px auto auto auto; } #columns { float:left; margin-right:0px; /*padding-right:20px; border-right:1px dotted #666666;*/ } #maincontent {float:left; padding:0px; min-width: 642px; } #mainbody { padding:12px 12px 12px 12px; } .onecolumn #maincontent, .twocolumn #maincontent {padding:20px; } /************* Menus *************************/ /* Default Joomla! Menu */ /* MainMenu */ #mainmenu { float:left; height:79px; width:754px; padding-top: 11px; padding-left:36px; margin-left:-10px; z-index: 20;} #mainmenu ul { padding: 0; margin: 0; list-style: none;} #mainmenu li { float: left; position: relative; width: auto; /*height:48px !important;*/ z-index: 20; } #mainmenu div.submenu{ float:left; left:0; width:0; z-index: 1000; margin:6px 0px 0px -10px; } #mainmenu li ul { display:block; float:left; left:0; position:absolute; top:27px;/* width:auto !important;*/ z-index: 15; margin:6px 0px 0px -10px; border-top:none; } #mainmenu li ul li { float:left; width:165px;display: block; padding:5px 5px 5px 10px; } #mainmenu li ul li.subarrow{ float:left;padding:0px;width:180px;height:10px;} #mainmenu li ul li.subarrowsfhover{ float:left; border:0px;padding:0px;width:180px;height:10px;} #mainmenu li ul li a, #mainmenu li ul li:hover a { background:transparent none repeat scroll 0 0 !important; display:block; font-variant:normal; height:auto; line-height:18px;} #mainmenu li a { text-decoration:none; font-size:12px; line-height:32px; font-family:Arial; padding:0 22px 0 0px; height:32px;font-weight:bold; clear:left; } #topmenu li ul li:hover { display: inline; height:27px; margin:0; } #mainmenu li ul li:hover, #mainmenu li ul li.sfhover { display:block; font-variant:normal; height:auto; line-height:normal;} #mainmenu li ul li.active { display:block; font-variant:normal; height:auto; line-height:18px; } #mainmenu li.parent,#mainmenu li.sfhover{background:transparent none repeat scroll 0 0 !important;} #mainmenu li.active { height: 48px; z-index:50;} a.mainlevel {background: #000000;font-size: 11px;margin:0px; padding: 9px 2px 9px 11px;display: block;color: #333333; border-bottom:1px solid #222222; text-decoration: none;} a.mainlevel:hover,a.mainlevel:active,a.mainlevel:focus {} a.sublevel {padding: 3px 3px 3px 14px;display: block;} a.sublevel:hover,a.sublevel:active,a.sublevel:focus {} #active_menu {font-weight: bold;} /* Default Joomla! Footer Menu */ a.mainlevel-foot {font-size: 11px; margin: 0; padding: 5px 2px;border-bottom: 1px solid #666666;display: block;color: #cccccc; text-decoration: none;} a.mainlevel-foot:hover,a.mainlevel-foot:active,a.mainlevel-foot:focus {color: #ffffff;} a.sublevel-foot {padding: 3px 3px 3px 14px; display: block;} a.sublevel-foot:hover,a.sublevel-foot:active,a.sublevel.foot:focus {color: #ffffff;} #active_menu-foot { font-weight: bold;} /* Dub Menu */ a.mainlevel-dub { font-family: Arial, Helvetica, sans-serif; font-size: 26px; color:#ffea76 !important; font-weight: bold !important; letter-spacing:-2px;line-height:30px;text-decoration: none;text-transform:uppercase; } a.mainlevel-dub:hover,a.mainlevel-dub:active,a.mainlevel-dub:focus {} a.sublevel-dub {padding: 3px 3px 3px 14px; display: block;} #active_menu-dub { font-weight: bold;} /*Split Pink Light Menu*/ a.mainlevel-spinkl{ font-family: Arial, Helvetica, sans-serif;font-size: 26px;color:#f20089 !important; font-weight: bold !important; margin-top:-5px;letter-spacing:-2px;line-height:22px;text-decoration: none; text-transform:uppercase;} a.mainlevel-spinkl:hover,a.mainlevel-spinkl:active,a.mainlevel-spinkl:focus {} a.sublevel-spinkl { padding: 3px 3px 3px 14px; display: block;} #active_menu-spinkl { font-weight: bold;} /*Split Pink Menu*/ a.mainlevel-splitpink { font-family: Arial, Helvetica, sans-serif; font-size: 26px; font-weight: bold !important;letter-spacing:-2px; line-height:22px;text-decoration: none; text-transform:uppercase;} a.mainlevel-splitpink span{} a.mainlevel-splitpink:hover,a.mainlevel-splitpink:active,a.mainlevel-splitpink:focus {} a.sublevel-splitpink {padding: 3px 3px 3px 14px;display: block;} #active_menu-splitpink {font-weight: bold;} /*Big Green*/ a.mainlevel-biggreen { font-family: Arial Black, Helvetica, sans-serif; color:#79b1aa;font-size: 40px; font-weight: 500; margin-top:5px;letter-spacing:-4.5px; line-height:32px;text-decoration: none; text-transform:uppercase;} /*Big Yellow*/ a.mainlevel-bigyellow { font-family: Arial Black, Helvetica, sans-serif;color:#ffea76;font-size: 40px; font-weight: 500;margin-top:-5px;letter-spacing:-4.5px; line-height:32px;text-decoration: none; text-transform:uppercase;} a.mainlevel-bigyellow:hover,a.mainlevel-bigyellow:active,a.mainlevel-bigyellow:focus {} a.sublevel-bigyellow {padding: 3px 3px 3px 14px;display: block;} #active_menu-bigyellow {font-weight: bold;} /* Event Menu */ a.mainlevel-event{background:url(../images/calendar-grey.png) no-repeat left; font-size:11px; padding:5px 0 5px 24px; border-bottom:1px solid #ddd; display:block; color:#ccc; line-height:28px; text-decoration:none} a.mainlevel-event:hover, a.mainlevel-event:active, a.mainlevel-event:focus{} a.sublevel-event{padding:3px 3px 3px 14px; display:block} a.sublevel-event:hover, a.sublevel-event:active, a.sublevel-event:focus{} #active_menu-event{font-weight:bold} /* Blog Menu */ a.mainlevel-blog{background:url(../images/blog-grey.png) no-repeat left; font-size:11px; padding:5px 0 5px 24px; border-bottom:1px solid #ddd; display:block; color:#ccc; line-height:28px; text-decoration:none} a.mainlevel-blog:hover, a.mainlevel-blog:active, a.mainlevel-blog:focus{} a.sublevel-blog{padding:3px 3px 3px 14px; display:block} a.sublevel-blog:hover, a.sublevel-blog:active, a.sublevel-blog:focus{} #active_menu-blog{font-weight:bold} /* Photo Menu */ a.mainlevel-photo{background:url(../images/camera-grey.png) no-repeat left; font-size:11px; padding:5px 0 5px 24px; border-bottom:1px solid #ddd; display:block; color:#ccc; line-height:28px; text-decoration:none} a.mainlevel-photo:hover, a.mainlevel-photo:active, a.mainlevel-photo:focus{} a.sublevel-photo{padding:3px 3px 3px 14px; display:block} a.sublevel-photo:hover, a.sublevel-photo:active, a.sublevel-photo:focus{} #active_menu-photo{font-weight:bold} /* Article Menu */ a.mainlevel-article{background:url(../images/article-grey.png) no-repeat left; font-size:11px; padding:5px 0 5px 24px; border-bottom:1px solid #ddd; display:block; color:#ccc; line-height:28px; text-decoration:none} a.mainlevel-article:hover, a.mainlevel-article:active, a.mainlevel-article:focus{} a.sublevel-article{padding:3px 3px 3px 14px; display:block} a.sublevel-article:hover, a.sublevel-article:active, a.sublevel-article:focus{} #active_menu-article{font-weight:bold} /* DEvent Menu */ a.mainlevel-devent { font-size: 11px;padding: 5px 0 5px 24px;display: block;line-height: 15px;text-decoration: none;} a.mainlevel-devent:hover,a.mainlevel-event:active,a.mainlevel-event:focus {} a.sublevel-devent { padding: 3px 3px 3px 14px; display: block;} a.sublevel-devent:hover,a.sublevel-devent:active,a.sublevel-devent:focus {} #active_menu-devent {font-weight: bold;} /*** Header ***/ #header { margin: 0 auto 0 auto; width: 1000px; float:center;} #topmod { float:right; height:70px; width:790px; padding-top:33px;} .logo { background:url(../images/logo.png) no-repeat scroll 0 0; background-color:transparent; float:left; height:211px; position:absolute; width:171px; margin-top:15px; margin-left:20px; z-index: 99 !important; } /*** Content ***/ /* Modules */ #banner { padding: 12px 12px 4px 12px; margin:0 0 12px 0;} #banner .moduletable h3 { background: url(../images/h3black.png) left top no-repeat; height:27px; font-family: Arial,Helvetica,sans-serif !important;font-size: 16px;font-weight: bold;padding: 7px 7px 7px 34px !important;margin-bottom: 0px;letter-spacing: -1px;line-height: 18px;} #banner2 { background: #fff; padding:12px; width: 100%; margin:12px 0 12px 0;} #banner2 .moduletable h3 { background: #000000 url(../images/icon2.png) 7px 10px no-repeat;font-family: Arial,Helvetica,sans-serif !important;font-size: 16px;padding: 7px 7px 7px 32px !important;letter-spacing: -1px;line-height: 18px;margin-bottom: 7px; } #banner3{ padding-top:32px; } #banner3 .moduletable h3 { background: #000000 url(../images/icon2.png) 7px 10px no-repeat; font-family: Arial,Helvetica,sans-serif !important;font-size: 16px;padding: 7px 7px 7px 32px !important;letter-spacing: -1px;line-height: 18px;margin-bottom: 7px; } #breadcrumb { font-family: Arial,Helvetica,sans-serif; font-size:12px; color:#757575; float: left; padding-top:7px; } #inset { margin-bottom:15px; margin-left:-24px; float:left; } #inset .moduletable h3 { background: #000000 url(../images/icon2.png) 7px 10px no-repeat; font-family: Arial,Helvetica,sans-serif !important;font-size: 16px;padding: 7px 7px 7px 32px !important;letter-spacing: -1px;line-height: 18px;margin-bottom: 7px; } #footer { float:left; padding-top:3px; margin-right:10px; } #legals { float:right; padding-top:3px; margin-right:20px; } #newsflash {float:left;} #newsflash .moduletablewrap{padding: 12px 12px 12px 12px;float:left;margin-bottom:12px;} /*#newsflash .moduletable h3 { background: #000000 url(../images/icon2.png) 9px 10px no-repeat; font-family: Arial,Helvetica,sans-serif !important;font-size: 16px;font-weight: bold;padding: 9px 7px 7px 32px !important;margin-bottom: 3px;letter-spacing: -1px;line-height: 18px;}*/ #newsflash .moduletable{margin:0px;float:left;} #newsflash .moduletable h3{width:577px; background: url(../images/h3black.png) left top no-repeat; height:27px; font-family: Arial,Helvetica,sans-serif !important;font-size: 16px;font-weight: bold;padding: 7px 7px 7px 34px !important;margin-bottom: 0px;letter-spacing: -1px;line-height: 18px;} #right-top { background: url(../images/roundmod.png); } /*#rightcontent {float:left; width:100%;margin-right:0px;}*/ #rightcontent .moduletable {float:left;margin:0;} /* #rightcontent .moduletable h3 { background: #000000 url(../images/icon2.png) 7px 10px no-repeat; font-family: Arial,Helvetica,sans-serif !important;font-size: 16px;font-weight: bold;padding: 7px 7px 7px 32px !important;margin-bottom: 7px;letter-spacing: -1px;line-height: 18px;} */ #rightcontent .moduletable h3 { background: url(../images/h3black.png) left top no-repeat; height:27px; font-family: Arial,Helvetica,sans-serif !important;font-size: 16px;font-weight: bold;padding: 7px 7px 7px 34px !important;margin-bottom: 0px;letter-spacing: -1px;line-height: 18px;} /* Usermods */ #topusermods { float:left; margin:0 0 0 0;} #topusermods .moduletable h3 {font-family: Arial Black;font-weight:lighter;font-size: 16px;padding: 4px 7px 7px 9px;margin-bottom: 9px; letter-spacing: -1px;line-height: 18px;text-align:left;} #topusermods .moduletable { float:left; margin-bottom: 12px;} #topusermods .w33 .moduletable { color:#333333; width:30%; } #topusermods .w49 .moduletable { color:#333333; width:50%; border:none; } #topusermods .w99 .moduletable { color:#333333; width:100%; border:none; } #topusermods .moduletablewrap { margin-bottom: 12px;} #user1 .moduletable { float:left; margin-bottom: 12px;} #user2 .moduletable { float:left; margin-bottom: 12px;} #user3 .moduletable { float:left; margin-bottom: 12px;} #bottomusermods { float:left; margin:0 0 0 0;width:960px; } /* #bottomusermods .moduletable h3,#bannermods .moduletable h3 { background: #000000 url(../images/icon2.png) 7px 10px no-repeat;font-family: Arial,Helvetica,sans-serif !important;font-size: 16px;font-weight: bold;padding: 7px 7px 7px 32px !important;margin-bottom: 7px;letter-spacing: -1px;line-height: 18px;} */ #bottomusermods .moduletable h3 { background: url(../images/h3black.png) left top no-repeat; height:27px; font-family: Arial,Helvetica,sans-serif !important;font-size: 16px;font-weight: bold;padding: 7px 7px 7px 34px !important;margin-bottom: 0px;letter-spacing: -1px;line-height: 18px;} #bottomusermods .moduletable { float:left; padding:12px; margin-top:0px;} #bottomusermods .w33 .moduletable { color:#333333; width:30%; } #bottomusermods .w49 .moduletable { color:#333333; width:50%; border:none; padding-right:0px; } #bottomusermods .w99 .moduletable { color:#333333; width:100%; border:none; padding-right:0px; } #user6 .moduletable, #user7 .moduletable, #user8 .moduletable, #user9 .moduletable { margin-top:0px; margin-right:30px !important; border:none; text-align: left; } /* Duomods */ #bannermods{float:left;width:642px;} #bannerleft{float:left;margin-right:12px;} #bannerright{float:left;} #bannerleft .moduletable {float:left;width:95%;} #bannerright .moduletable {float:left;width:95%;} #duomods{float:left;} #duomods #user4 {float:left; margin-bottom:0px;} #duomods #user5 { float:left; margin-bottom:0px;} #duomods .moduletable { float:left; padding:12px; text-align:left; margin-bottom:0px;margin-top:0px;} #duomods #user4 .moduletable{float:left;margin-bottom:12px;} #duomods #user5 .moduletable { float:left;margin-bottom:12px;} /* #duomods .moduletable h3 { background: #000000 url(../images/icon2.png) 7px 10px no-repeat; font-family: Arial,Helvetica,sans-serif !important;font-size: 16px;font-weight: bold;padding: 7px 7px 7px 32px !important;margin-bottom: 7px;letter-spacing: -1px; line-height: 18px; }*/ #duomods .moduletable h3 { background: url(../images/h3black.png) left top no-repeat; height:27px; font-family: Arial,Helvetica,sans-serif !important;font-size: 16px;font-weight: bold;padding: 7px 7px 7px 34px !important;margin-bottom: 0px;letter-spacing: -1px;line-height: 18px;} /* FooterMods */ #legalwrap { height:30px;} /*** Main Column ***/ #leftcolumn { float:left; width:600px; padding:0px; margin:0px 52px 0px 0px; } .onecolumn #leftcolumn { width:960px; } #rightcolumn { float:right; width:600px; padding-left:12px;} .onecolumn #rightcolumn { width:960px; } /* MainContent */ #maincontent .modulecontent { margin:0; } /* Right Content */ #rightcontent { float:left; margin-left:0px; width:300px; padding:0px; } #rightcontent .moduletablewrap { width:300px; margin-bottom:12px;float:left; } /* Bottom */ #bottom { margin-top: 0px; } /* Footer */ #footer { float:left; font-weight:normal; line-height:18px; } #footerwrap {float:left;width:100%;} /*** Module Suffixes ***/ /* BubbleWhite */ #rightcontent .moduletable-bubblewhite h3, #topusermods .moduletable-bubblewhite h3, #newsflash .moduletable-bubblewhite h3, #user1 .moduletable-bubblewhite h3, #user2 .moduletable-bubblewhite h3, #user3 .moduletable-bubblewhite h3, #duomods .moduletable-bubblewhite h3, #user4 .moduletable-bubblewhite h3, #user5 .moduletable-bubblewhite h3, #bottomusermods .moduletable-bubblewhite h3, #user6 .moduletable-bubblewhite h3, #user7 .moduletable-bubblewhite h3, #user8 .moduletable-bubblewhite h3 {font-size: 14px; font-weight:normal; background: url(../images/bubble_white_top.gif) top right no-repeat;height: 29px;color: #000;} /* Transparent */ #rightcontent .moduletable-trans h3, #topusermods .moduletable-trans h3, #newsflash .moduletable-trans h3, #user1 .moduletable-trans h3, #user2 .moduletable-trans h3, #user3 .moduletable-trans h3, #duomods .moduletable-trans h3, #user4 .moduletable-trans h3, #user5 .moduletable-trans h3, #bottomusermods .moduletable-trans h3, #user6 .moduletable-trans h3, #user7 .moduletable-trans h3, #user8 .moduletable-trans h3 {font-size: 14px;font-weight:normal; background: url(../images/../images/transparent.png) top right repeat-x;height: 29px;} /* BubbleRed */ #newsflash .moduletable-bubblewhite h3, #user1 .moduletable-bubblewhite h3, #user2 .moduletable-bubblewhite h3, #user3 .moduletable-bubblewhite h3, #duomods .moduletable-bubblewhite h3, #user4 .moduletable-bubblewhite h3, #user5 .moduletable-bubblewhite h3, #bottomusermods .moduletable-bubblewhite h3, #user6 .moduletable-bubblewhite h3, #user7 .moduletable-bubblewhite h3, #user8 .moduletable-bubblewhite h3 {font-size: 14px; font-weight:normal; background: url(../images/red-panel-top-right.png) top right no-repeat; height: 29px;} /* BubbleGrey */ #newsflash .moduletable-bubblewhite h3, #user1 .moduletable-bubblewhite h3, #user2 .moduletable-bubblewhite h3, #user3 .moduletable-bubblewhite h3, #duomods .moduletable-bubblewhite h3, #user4 .moduletable-bubblewhite h3, #user5 .moduletable-bubblewhite h3, #bottomusermods .moduletable-bubblewhite h3, #user6 .moduletable-bubblewhite h3, #user7 .moduletable-bubblewhite h3, #user8 .moduletable-bubblewhite h3 {font-size: 14px;font-weight:normal;background: url(../images/grey-panel-top-right.png) top right no-repeat;height: 29px;} /* Grunge */ #rightcontent .moduletable-grunge h3, #topusermods .moduletable-grunge h3, #newsflash .moduletable-grunge h3, #user1 .moduletable-grunge h3, #user2 .moduletable-grunge h3, #user3 .moduletable-grunge h3, #duomods .moduletable-grunge h3, #user4 .moduletable-grunge h3, #user5 .moduletable-grunge h3, #bottomusermods .moduletable-grunge h3, #user6 .moduletable-grunge h3, #user7 .moduletable-grunge h3, #user8 .moduletable-grunge h3 {font-size: 14px; font-weight:normal; background: url(../images/grey-panel-top-right.png) top right no-repeat;height: 29px;} /*** Module Defaults ***/ #rightcontent .moduletablewrap h3{padding:0 0 0 0; margin: 12px 12px -12px 12px;width:234px; } #rightcontent .moduletablewrap .modulecontent {padding:12px;width:276px; margin:0px 0px 0px 0px !important; text-align: left;} #banner .moduletablewrap h3{ padding:0 0 0 0; margin: 12px 12px 0px 12px; text-align: left; } #banner .moduletablewrap .modulecontent {padding:12px; margin:0px 0px 0px 0px !important; text-align: left;} #banner2 .moduletablewrap h3{ padding:0 0 0 0; margin: 12px 12px 0px 12px; text-align: left; } #banner2 .moduletablewrap .modulecontent {padding:12px; margin:0px 0px 0px 0px !important; text-align: left;} #banner3 .moduletablewrap h3{ padding:0 0 0 0; margin: 12px 12px 0px 12px; text-align: left; } #banner3 .moduletablewrap .modulecontent {padding:12px; margin:0px 0px 0px 0px !important; text-align: left;} #user1 .moduletablewrap .modulecontent { padding:4px 1px 4px 1px; margin:0px 0px 3px 0px !important; text-align: left; background-color:#ffff00; } #user2 .moduletablewrap .modulecontent { padding:4px 1px 4px 1px; margin:0px 0px 3px 0px !important; text-align: left; } #user3 .moduletablewrap .modulecontent { padding:4px 1px 4px 1px; margin:0px 0px 3px 0px !important; text-align: left; } #user4 .moduletablewrap .modulecontent { padding:4px 1px 4px 1px; margin:0px 0px 3px 0px !important; text-align: left; } #user5 .moduletablewrap .modulecontent { padding:4px 1px 4px 1px; margin:0px 0px 3px 0px !important; text-align: left; } #topusermods .moduletable-bubblevideo{ float:left;margin-bottom:12px;} #newsflash .moduletable-bubblewhite h3, #user1 .moduletable-bubblewhite h3, #user2 .moduletable-bubblewhite h3, #user3 .moduletable-bubblewhite h3, #duomods .moduletable-bubblewhite h3, #user4 .moduletable-bubblewhite h3, #user5 .moduletable-bubblewhite h3, #bottomusermods .moduletable-bubblewhite h3, #user6 .moduletable-bubblewhite h3, #user7 .moduletable-bubblewhite h3, #user8 .moduletable-bubblewhite h3 {padding:8px 8px 6px 9px !important; } #rightcontent .moduletable-bubblewhite h3, #topusermods .moduletable-bubblewhite h3{height: 29px;line-height:29px;float:left;width:96.8%;padding-left:10px;margin:0px;} /*#rightcontent .moduletable-bubblewhite h3{width:276px;height:28px;}*/ #topusermods .moduletable-bubblevideo h3{font-family: Arial Black;font-weight: lighter;font-size: 16px;padding: 4px 7px 7px 9px;margin-bottom: 9px;letter-spacing: -1px;line-height: 18px;text-align: left;} #rightcontent .moduletable-bubblewhite .modulecontent, #topusermods .moduletable-bubblewhite .modulecontent, #newsflash .moduletable-bubblewhite, #user1 .moduletable-bubblewhite, #user2 .moduletable-bubblewhite, #user3 .moduletable-bubblewhite, #duomods .moduletable-bubblewhite, #user4 .moduletable-bubblewhite, #user5 .moduletable-bubblewhite, #bottomusermods .moduletable-bubblewhite, #user6 .moduletable-bubblewhite, #user7 .moduletable-bubblewhite, #user8 .moduletable-bubblewhite { background: url(../images/bubble_white_btm.gif) bottom left no-repeat; padding:4px 8px 40px 8px; margin:3px 0px 3px 0px !important; line-height: 16px; width:94.8%;float:} #topusermods .moduletable-bubblevideo .modulecontent { padding:8px 8px 22px 8px;margin:0px 0px 3px 0px !important; width:94.8%;margin-top:-2px;} #rightcontent .moduletable-bubblewhite .modulecontent,#topusermods .moduletable-bubblewhite .modulecontent{ margin:0px 0px 0px 0px !important; float:left;} #rightcontent .moduletable-bubblevideo .modulecontent,#topusermods .moduletable-bubblevideo .modulecontent{margin:0px 0px 0px 0px !important; float:left;} #rightcontent .moduletable-trans, #topusermods .moduletable-trans, #newsflash .moduletable-trans, #user1 .moduletable-trans, #user2 .moduletable-trans, #user3 .moduletable-trans, #duomods .moduletable-trans, #user4 .moduletable-trans, #user5 .moduletable-trans, #bottomusermods .moduletable-trans, #user6 .moduletable-trans, #user7 .moduletable-trans, #user8 .moduletable-trans { background: url(../images/transparent.png) bottom left repeat-x;color: #666666; padding:4px 0px 24px 0px; margin:4px 0px 16px 0px !important;line-height: 16px;} #rightcontent .moduletable-advert h3 {} #rightcontent .moduletable-advert .modulecontent {color:#cccccc;padding: 0 0 8px 0 !important; margin: 0px !important;} #banner .moduletable-advert h3 { } #banner .moduletable-advert .modulecontent {width:100%;margin:0px 0 0px 0;float:left;} /* Misc Extras */ .hidetxt { text-indent:-9999px; } .clear { clear:both; } #spacer { margin-bottom: 25px; } /* Clear */ .pgclear { clear:both; } .popup { position: absolute; display: none; /* keeps the popup hidden if no JS available */} /******** CCNewsletter Styles ***************/ .newsletterbutton {background: url(../images/icon2.png) no-repeat;height: 32px; font-family: Arial,Helvetica,sans-serif !important;font-size: 16px;color: #ccccccc;letter-spacing: -1px;} /******** JS Hover Styles ******************/ .pinkylarge{color:#666666;} .pinky {color: #a2a2a2;} .blues {color: #a2a2a2;} .yello {color: #a2a2a2;} .greeny{color: #a2a2a2;} .blueshover{padding: 4px;} /*********Slide bar *************************/ #sideBar{position: absolute;width: auto;height: auto;top: 200px;right:0px;z-index:100;} #sideBarTab{float:left;height:137px;width:28px;} #sideBarTab img{border:0px solid #FFFFFF;} #sideBarContents{overflow:hidden !important;background:url(../images/logpanel.png) bottom left no-repeat;filter:alpha(opacity=50); -moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;} #sideBarContentsInner{width:195px;} #sideBar h2{color:#222222;font-size:90%;font-family:arial;margin:0px 10px 10px 0px; font-weight:bold;} #sideBar h2 span{font-size:105%;font-weight:normal;} #sideBar ul{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} #sideBar li{margin:0px 0px 0px 0px; padding-left:10px; list-style-type:none;display:block;/*background-color:#DA1074;*/width:185px;} #sideBar li a{width:100%;} #sideBar li a:link,#sideBar li a:visited{color:#222222; font-family:verdana;font-size:80%;text-decoration:none; display:block; margin:10px 0px 0px 0px; padding:0px;width:100%;} #sideBar li a:hover{color:#222222;text-decoration:underline;} .black_overlay{ display: none;position: absolute;left: 0px; width: 100%;height: 100%;z-index:1001;} .white_content {display: none;position: absolute;top: 25%;left: 25%;width: 50%;height: 50%;padding: 16px;border: 16px solid #999999; background-color: white;z-index:1002;overflow: auto;} /************NewsPro Styles******************/ .jpnPrev{ background:#000000; height:26px; width:49.7%} .jpnNext{ background:#000000; height:26px; width:50.3%}