/*------------------------------------------------------------------------ # JXTC Genre Pro Joomla 1.5 Template - Version 1.2 # ------------------------------------------------------------------------ # Copyright (C) 2008 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; } /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } /* 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 Arial, Tahoma, Verdana, sans-serif; } /* 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%; } /* IE */ html > body { font-size: 11px; } /* Other browsers */ /* HEADINGS *******************************************************/ #content h1, #content h3, #content h4, #content h5, #content h6, #content .contentheading, #content .componentheading { font-family: Arial, Helvetica, Verdana, "Lucida Grande", Georgia, sans-serif; clear: both; } #content h1, #content .componentheading {display:inline-block; font-size:4.25em; padding:30px;} #content h2, #content .contentheading { font-size: 2em; padding:12px 0 12px; vertical-align:middle;display:block;} #content h3 { font-size: 1.55em; } #content h4 { font-size: 1.15em; line-height: 1.25; font-weight: bold; } #content h5 { font-size: 1em; font-weight: bold; } #content h6 { font-size: 1em; } /* TEXT ELEMENTS **************************************************/ #content p.right { text-align: right; } #content p.last { margin-bottom:0; } #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 a.blue { color: #0096bd; } #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: #B2CCFF; 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 { } #content .buttonheading { width:60px; } .article_separator { clear: both; display: block; height: 10px; border-top: 1px dotted #999; margin-top: 16px; width: 98%; } .article_space { clear: both; display: block; height: 20px; margin-top: 16px; } .article_column { } .column_separator { padding: 0 25px; } td.sectiontableheader { padding: 4px; border-right: 1px solid #fff; } 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.contenttoc { margin: 0 0 10px 10px; padding: 0; width: 35%; } 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%; } table.searchintro td { padding: 5px!important; } table.adminform { width: 500px !important; /*Control the Frontend Editor area width*/ } .adminForm input.inputbox { width: 200px !important; } .adminForm textarea.inputbox { width: 335px !important; } .blog_more { margin: 10px 0 20px; padding: 10px; } .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 { color:#ebebeb !important; font-size: 200%; font-weight: bold; text-transform:none; background: url(../images/articlepage-header.png) no-repeat 0px 0px; height:55px; letter-spacing:-2px; width:87%; } .twocolumn .componentheading {width:90%;} .twocolumn #rightcontent { margin-top:0px} .twocolumn #columns {margin-top:12px;} .contentdescription { padding-bottom: 30px; } 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:115%; font-weight:800; letter-spacing:-1.5px; text-decoration: none !important; margin-top: 12px; } td.buttonheading { padding: 0 0 0 8px!important; text-align: center; } .readon { } a.readon { float: left; margin-top: 10px; padding: 1px 5px 1px 5px; display: block; font-weight: bold; text-decoration: none; } a.readon:hover, a.readon:active, a.readon:focus { } table.contentpane { border: none; width: 100%; } table.contentpaneopen { border: none; border-collapse: collapse; border-spacing: 0; } table.contenttoc { margin: 0 0 10px 10px; padding: 0; width: 35%; } table.contenttoc a { } table.contentpaneopen td, table.contentpane td { } table.contentpaneopen, table.contentpane, table.blog { width: 100%; } .moduletable { padding: 0; } 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; } 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: #FFFFFF; } .sectiontableheader a { color: #FFFFFF; } tr.sectiontableentry1 td { padding: 8px 5px; } tr.sectiontableentry2 td { padding: 8px 5px; } tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td { } .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; } img { margin: 0; padding: 0; } img.caption, .inline-img { margin: 0 20px 5px 0; } .img_caption { color: #AEAEAE; } .mosimage { margin: 5px 15px 5px 0; padding: 0 0 5px; } * html .mosimage { margin: 5px 5px 10px 0; padding: 0 !important; /*IE 6*/ } *+html .mosimage { margin: 5px 10px 10px 0; padding: 0 !important; /*IE 7*/ } .mosimage img { margin: 0 !important; padding: 0 !important; } .mosimage_caption { margin-top: 3px; padding: 1px 2px; } .pagenav { display:inline; } .pagenav_next a, .pagenav_prev a { display:inline; border:1px solid #cecece; padding: 6px; float:left; width:24px; } .pagination a { display:inline; border:1px solid #cecece; padding: 8px; float:left; margin-right: 4px; } .pagination span { display:inline; border:1px solid #cecece; padding: 4px; float:left; cursor: pointer; } .pagination a:hover, .pagination span:hover { border:none; border:1px solid #ffffff; } /* Login */ ul.loginposition { padding:5px; } ul.loginposition li { background:transparent none repeat scroll 0 0; display: inline; line-height:27px; padding:0 10px 0 0; } ul.loginposition li input { background: #c5c5c5; border:0px solid #202123; color:#898989; font-family:Tahoma,Arial,Helvetica,sans-serif; margin-left:5px; font-size:11px; } /* TABLES *********************************************************/ #content table { margin-bottom: 1.4em; /*border-top:0.1em solid #ddd; border-left:0.1em solid #ddd;*/ margin:0 auto; width:100%;} #mainbody {line-height:22px; margin-right:0px; float:left; margin-top:0px;} th { font-weight: bold; padding: 5px; text-align: left;} td, div { font-size: 100%; } /* FORMS #content label { font-weight: none; } **********************************************************/ form { margin: 0; padding: 0; } form label { cursor: pointer; } input, select, textarea, .inputbox { font-family: Tahoma,Arial,Helvetica,sans-serif; font-size: 100%; } /* * Generic Elements */ body { font-family:Tahoma,Arial,Helvetica,sans-serif; line-height: 1.3em; font-size: 12px; color:#000; } /*********** Background Styles *************/ body.bg_white { background: #ffffff; } body.bg_black { background: #000000; } body.bg_pinklight { background: #ffffff url(../images/backgrounds/bg-pinkpaisley1-lt.png) repeat-x; } body.bg_bluelight { background: #ffffff url(../images/backgrounds/bg-bluepaisley1-lt.png) repeat-x; } body.bg_red { background: #000000 url(../images/backgrounds/bg-redpaisley1-dk.png) repeat-x; } body.bg_magenta { background: #000000 url(../images/backgrounds/bg-pinkpaisley2-dk.png) repeat-x; } body.bg_greendark { background: #000000 url(../images/backgrounds/bg-greenpaisley1-dk.png) repeat-x; } body.bg_bluedark { background: #000000 url(../images/backgrounds/bg-bluepaisley1-dk.png) repeat-x; } body.bg_grey { background: #000000 url(../images/backgrounds/bg-greypaisley1-dk.png) repeat-x; } body.bg_pinkfuturelight { background: url(../images/backgrounds/bg-pinkfuturo-lt.png) repeat; } body.bg_greenfuturelight { background: url(../images/backgrounds/bg-greenfuturo-lt.png) repeat; } body.bg_icefuture { background: url(../images/backgrounds/bg-greyfuturo2.png) repeat; } body.bg_greenfuturemetal { background: url(../images/backgrounds/bg-greenfuturo-metal.png) repeat; } body.bg_greyfuturedark { background: url(../images/backgrounds/bg-metalfuturo2.png) repeat; } body.bg_redfuture { background: url(../images/backgrounds/bg-redfuturo-dk.png) repeat; } body.bg_pinkfuturedark { background: url(../images/backgrounds/bg-pinkfuturo-dk.png) repeat; } body.bg_pinkfuturemetal { background: url(../images/backgrounds/bg-pinkfuturo-metal.png) repeat; } body.bg_bluefuturedark { background: url(../images/backgrounds/bg-bluefuturo-dk.png) repeat; } body.bg_greenfuturedark { background: url(../images/backgrounds/bg-greenfuturo-dk.png) repeat; } body.bg_greyfuturemetal { background: url(../images/backgrounds/bg-metalfuturo3.png) repeat; } body.bg_greycircle { background: #000000 url(../images/backgrounds/bg-greycircle.png) repeat; } body.bg_pinkcircle { background: url(../images/backgrounds/bg-pinkcircle1-dk.png) repeat; } body.bg_floroblack { background: url(../images/backgrounds/floral1-dk.jpg) repeat; } body.bg_florogrey { background: url(../images/backgrounds/floral1-lt.jpg) repeat; } body.bg_florowhite { background: url(../images/backgrounds/floral2-lt.jpg) repeat; } body.bg_florored { background: url(../images/backgrounds/floral3-dk.jpg) repeat; } body.bg_floroaqua { background: url(../images/backgrounds/floral2-dk.jpg) repeat; } body.bg_floroblue { background: url(../images/backgrounds/floral4-dk.jpg) repeat; } body.bg_florotan { background: url(../images/backgrounds/floral3-lt.jpg) repeat; } body.bg_floropink { background: url(../images/backgrounds/floral4-lt.jpg) repeat; } #borderwrap { width:1017px; margin:0 auto; background: transparent url(../images/opacity.png); } #innerwrap { width:962px; margin:0px auto; } #content { width:962px; margin:0px auto auto auto; } #columns { float:left; } #maincontent { width:655px; float:left; padding:0 0px 0 0; } .onecolumn #maincontent, .twocolumn #maincontent { padding:0 12px 0 0; } #mainbody { padding:0 12px 0 0; width:100%; } #topusermods { float:left; width:100%; } /* * Header */ #headerstuffwrap { width:940px; } /* Logo */ .logo { background:url(../images/logo.png) no-repeat scroll 0 0; background-color:transparent; float:left; height:111px; position:relative; width:523px; } /* * Menus */ /* MainMenu */ #topmenu { width: 100%; float: left; } #mainmenu li { float:left; } #mainmenu ul { padding: 0; margin: 0; list-style: none; } #mainmenu li { float: left; position: relative; width: auto; height:28px !important; } #mainmenu div.submenu{ float:left; left:0; width:0; z-index: 1000; margin:6px 0px 0px -10px; } #mainmenu li ul { display:none; float:left; left:0; position:absolute; top:22px; width:auto; z-index: 1000; background:transparent url(../images/transparent.png) repeat; border:1px solid #666; margin:6px 0px 0px -10px; border-top:none; } #mainmenu li ul li { display: inline; } #mainmenu li a { color:#ffffff; text-decoration:none; font-size:12px; line-height:32px; font-family:Arial; padding:0 14px 0 8px; height:32px; font-weight:bold; clear:left; } #mainmenu li ul li, #topmenu li ul li:hover { background:transparent url(../images/transparent.png) repeat scroll 0 0; border-bottom:1px solid #666666; border-right:medium none; display: inline; height:27px; margin:0; width:200px; } #mainmenu li ul li a, #mainmenu li ul li:hover a { background:transparent none repeat scroll 0 0 !important; border-right:medium none; color:#CECECE !important; display:block; font-variant:normal; height:auto; line-height:normal; margin:0 0 0 10px; padding-top:10px; width: 100%; } #mainmenu li:hover, #mainmenu li.sfhover { background:none; } #mainmenu li ul li:hover { background:#666; } #mainmenu li:hover ul { display: block;} /* Default Joomla! Menu */ 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; } /* Video Menu */ a.mainlevel-vid { background: url(../images/movie-grey.png) no-repeat left; font-size: 11px; padding: 5px 0 5px 28px; border-bottom: 1px solid #cccccc; display: block; color: #cccccc; line-height: 28px; text-decoration: none; } a.mainlevel-vid:hover, a.mainlevel-vid:active, a.mainlevel-vid:focus { } a.sublevel-vid { padding: 3px 3px 3px 14px; display: block; } a.sublevel-vid:hover, a.sublevel-vid:active, a.sublevel-vid:focus { } #active_menu-vid { font-weight: bold; } /* Event Menu */ a.mainlevel-event { background: url(../images/calendar-grey.png) no-repeat left; font-size: 11px; padding: 5px 0 5px 34px; border-bottom: 1px solid #dddddd; display: block; color: #cccccc; 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 34px; border-bottom: 1px solid #dddddd; display: block; color: #cccccc; 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 34px; border-bottom: 1px solid #dddddd; display: block; color: #cccccc; 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 34px; border-bottom: 1px solid #dddddd; display: block; color: #cccccc; 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; } /* * Content */ /* LeftContent */ #leftcontent { font-size:11px; margin-bottom:10px; overflow:hidden; width:auto; } /* Right Content */ #rightcontent { float:left; font-size:10px; margin:10px auto 0 0px; width:286px; } /* * Modules */ #newsflash { margin-top: 10px; padding-bottom: 3px; } /* Main Column */ /* Right Layout */ #leftcolumn { float:left; width:665px; padding:0px; margin:0px 11px 0px 0px; } /* Left Layout */ #leftcolumn2 { float:right; width:665px; padding:0px; margin:0px 0px 0px auto; } .onecolumn #leftcolumn2 { width:960px; } .home #leftcontent { margin-top:10px; } .noleftnoright #leftcolumn { width:auto !important; } /* MainContent */ #maincontent .modulecontent { margin:0px 0px 0px 0px; line-height: 16px; } #inset { padding-top: 12px; z-index: 1 !important; } /* Banner */ #banner { margin:2px 0; float:left; } #topusermods #user1, #topusermods #user2 { float:left; width:49.99%; margin-top:12px; margin-bottom:18px; } #topusermods .moduletable { float:left; } #topusermods .moduletable h3 { height:26px; font-size:14px; line-height:24px; margin-top:-3px; padding-top:1.5px; /*border-top:1px solid #ebebeb;*/ letter-spacing: -0.5px; margin-bottom:6px; } #user1 .moduletable { margin-top:0px; margin-bottom:12px; border:none; } #user2 .moduletable { margin-top:0px; margin-bottom:12px; border:none; } #topusermods .moduletable h3 .inner { margin-left:2px; color:#bf0505; text-transform:uppercase; font-weight:normal; letter-spacing: -0.65px; } /* UserMods */ #usermods { margin:2px 0px 48px 0px; height:202px; width:100%; } #usermods #user5 .moduletable { border:none; } #usermods .moduletable { float:left; width:200px; padding-right:0px; margin:0 0 0 6px; display:inline; } #usermods .moduletable h3 { border-bottom:4px solid #898989; font-size:14px; line-height:13px; margin-top:20px; padding-bottom:2px; } #usermods .moduletable h3 .inner { margin-left:2px; color:#000; text-transform:uppercase; } #usermods .w33 .moduletable { width:30%; } #usermods .w49 .moduletable { width:49%; border:none; padding-right:0px; } #usermods .w99 .moduletable { width:99%; border:none; padding-right:0px; } /* TopMod */ #topmod { float:right; height:100px; width:400px; padding-top: 12px; } /* FooterMods */ #footermods { background:transparent url(../images/background-pattern.jpg) repeat-x scroll 0 0; height:250px; margin:2px 0 0 0px; } #footermods #user5 .moduletable { border:none; } #footermods .moduletable { color:#444444; float:left; font-size:11px; line-height:14px; margin:20px 4px 10px 13px; padding:5px 0 15px; width:22.8%; display:inline; } #footermods .moduletable h3 { font-family: Arial, sans-serif; height:26px; font-size:14px; line-height:24px; margin-top:-3px; padding-top:1.5px; border-bottom:1px solid #999999; /*border-top:1px solid #ebebeb;*/ margin-bottom:6px; } #footermods .moduletable h3 .inner .first { color:#cccccc; text-transform:uppercase; font-weight:lighter; letter-spacing: -0.65px; } #footermods .moduletable h3 .inner { margin-left:2px; text-transform:uppercase; font-weight: lighter; } #footermods .w33 .moduletable { color:#333333; width:20%; } #footermods .w49 .moduletable { color:#333333; width:49%; border:none; padding-right:0px; } #footermods .w99 .moduletable { color:#333333; width:99%; border:none; padding-right:0px; } /* Module Suffixes */ #rightcontent .moduletablewrap { width:285px; margin-bottom:12px; } /* Boxes */ /* Box Blue */ #rightcontent .moduletable-boxblue h3, #leftcontent .moduletable-boxblue h3, #topusermods .moduletable-boxblue h3 { font-size: 14px; text-transform:uppercase; font-weight:normal; height: 21px; background:#16c2ff; color: #FFFFFF !important; } /* Box Red */ #rightcontent .moduletable-boxred h3, #leftcontent .moduletable-boxred h3, #topusermods .moduletable-boxred h3 { font-size: 14px; text-transform:uppercase; font-weight:normal; background:#dc0000; color: #FFFFFF !important; height: 21px; } /* Box Pink */ #rightcontent .moduletable-boxpink h3, #leftcontent .moduletable-boxpink h3, #topusermods .moduletable-boxpink h3 { font-size: 14px; text-transform:uppercase; font-weight:normal; background:#ff3399; color: #FFFFFF !important; height: 21px; } /* Box Orange */ #rightcontent .moduletable-boxorange h3, #leftcontent .moduletable-boxorange h3, #topusermods .moduletable-boxorange h3 { font-size: 14px; text-transform:uppercase; font-weight:normal; background:#ffc000; color: #FFFFFF !important; height: 21px; } /* Box Green */ #rightcontent .moduletable-boxgreen h3, #leftcontent .moduletable-boxgreen h3, #topusermods .moduletable-boxgreen h3 { font-size: 14px; text-transform:uppercase; font-weight:normal; background:#00de17; color: #FFFFFF !important; height: 21px; } /* Box Grey */ #rightcontent .moduletable-boxgrey h3, #leftcontent .moduletable-boxgrey h3, #topusermods .moduletable-boxgrey h3 { font-size: 14px; text-transform:uppercase; font-weight:normal; background: #999999; color: #FFFFFF !important; height: 21px; } /* Box Black */ #rightcontent .moduletable-boxblack h3, #leftcontent .moduletable-boxblack h3, #topusermods .moduletable-boxblack h3 { font-size: 14px; text-transform:uppercase; font-weight:normal; background: #000000; color: #FFFFFF !important; height: 21px; } /* Box Yellow */ #rightcontent .moduletable-boxyellow h3, #leftcontent .moduletable-boxyellow h3, #topusermods .moduletable-boxyellow h3 { font-size: 14px; text-transform:uppercase; font-weight:normal; background: #ffff00; color: #000000 !important; height: 21px; } /* Box Purple */ #rightcontent .moduletable-boxpurple h3, #leftcontent .moduletable-boxpurple h3, #topusermods .moduletable-boxpurple h3 { font-size: 14px; text-transform:uppercase; font-weight:normal; background: #a300b2; color: #FFFFFF !important; height: 21px; } /* PagePeels */ /* Page Blue */ #rightcontent .moduletable-pageblue h3, #leftcontent .moduletable-pageblue h3, #topusermods .moduletable-pageblue h3 { font-size: 14px; text-transform:uppercase; font-weight:normal; height: 21px; background: url(../images/peel-blue.png) no-repeat right bottom; color: #FFFFFF !important; } /* Page Red */ #rightcontent .moduletable-pagered h3, #leftcontent .moduletable-pagered h3, #topusermods .moduletable-pagered h3 { font-size: 14px; text-transform:uppercase; font-weight:normal; background: url(../images/peel-red.png) no-repeat right bottom; color: #FFFFFF !important; height: 21px; } /* Page Pink */ #rightcontent .moduletable-pagepink h3, #leftcontent .moduletable-pagepink h3, #topusermods .moduletable-pagepink h3 { font-size: 14px; text-transform:uppercase; font-weight:normal; background: url(../images/peel-pink.png) no-repeat right bottom; color: #FFFFFF !important; height: 21px; } /* Page Orange */ #rightcontent .moduletable-pageorange h3, #leftcontent .moduletable-pageorange h3, #topusermods .moduletable-pageorange h3 { font-size: 14px; text-transform:uppercase; font-weight:normal; background: url(../images/peel-orange.png) no-repeat right bottom; color: #FFFFFF !important; height: 21px; } /* Page Green */ #rightcontent .moduletable-pagegreen h3, #leftcontent .moduletable-pagegreen h3, #topusermods .moduletable-pagegreen h3 { font-size: 14px; text-transform:uppercase; font-weight:normal; background: url(../images/peel-green.png) no-repeat right bottom; color: #FFFFFF !important; height: 21px; } /* Page Grey */ #rightcontent .moduletable-pagegrey h3, #leftcontent .moduletable-pagegrey h3, #topusermods .moduletable-pagegrey h3 { font-size: 14px; text-transform:uppercase; font-weight:normal; background: url(../images/peel-grey.png) no-repeat right bottom; color: #FFFFFF !important; height: 21px; } /* Page Black */ #rightcontent .moduletable-pageblack h3, #leftcontent .moduletable-pageblack h3, #topusermods .moduletable-pageblack h3 { font-size: 14px; text-transform:uppercase; font-weight:normal; background: url(../images/peel-black.png) no-repeat right bottom; color: #FFFFFF !important; height: 21px; } /* Page Yellow */ #rightcontent .moduletable-pageyellow h3, #leftcontent .moduletable-pageyellow h3, #topusermods .moduletable-pageyellow h3 { font-size: 14px; text-transform:uppercase; font-weight:normal; background: url(../images/peel-yellow.png) no-repeat right bottom; color: #000000 !important; height: 21px; } /* Page Purple */ #rightcontent .moduletable-pagepurple h3, #leftcontent .moduletable-pagepurple h3, #topusermods .moduletable-pagepurple h3 { font-size: 14px; text-transform:uppercase; font-weight:normal; background: url(../images/peel-purple.png) no-repeat right bottom; color: #FFFFFF !important; height: 21px; } /* Blue Bubble Suffix */ /* BlogRed */ #leftcontent .moduletable-blogred h3, #rightcontent .moduletable-blogred h3, #topusermods .moduletable-blogred h3 { font-size: 14px; text-transform:uppercase; font-weight:normal; background: url(../images/blogbubble_red.png) no-repeat; height: 29px; color: #FFFFFF !important; } /* BlogPink */ #leftcontent .moduletable-blogpink h3, #rightcontent .moduletable-blogpink h3, #topusermods .moduletable-blogpink h3 { font-size: 14px; text-transform:uppercase; font-weight:normal; background: url(../images/blogbubble_pink.png) no-repeat; height: 29px; color: #FFFFFF !important; } /* BlogGreen */ #leftcontent .moduletable-bloggreen h3, #rightcontent .moduletable-bloggreen h3, #topusermods .moduletable-bloggreen h3 { font-size: 14px; text-transform:uppercase; font-weight:normal; background: url(../images/blogbubble_green.png) no-repeat; height: 31px; color: #FFFFFF !important; } /* BlogBlue */ #leftcontent .moduletable-blogblue h3, #rightcontent .moduletable-blogblue h3, #topusermods .moduletable-blogblue h3 { font-size: 14px; text-transform:uppercase; font-weight:normal; background: url(../images/blogbubble_blue.png) no-repeat; height: 31px; color: #FFFFFF !important; } /* BlogYellow */ #leftcontent .moduletable-blogyellow h3, #rightcontent .moduletable-blogyellow h3, #topusermods .moduletable-blogyellow h3 { font-size: 14px; text-transform:uppercase; font-weight:normal; background: url(../images/blogbubble_yellow.png) no-repeat; height: 31px; color: #000000 !important; } /* BlogOrange */ #leftcontent .moduletable-blogorange h3, #rightcontent .moduletable-blogorange h3, #topusermods .moduletable-blogorange h3 { font-size: 14px; text-transform:uppercase; font-weight:normal; background: url(../images/blogbubble_orange.png) no-repeat; height: 31px; color: #FFFFFF !important; } /* BlogGrey */ #leftcontent .moduletable-bloggrey h3, #rightcontent .moduletable-bloggrey h3, #topusermods .moduletable-bloggrey h3 { font-size: 14px; text-transform:uppercase; font-weight:normal; background: url(../images/blogbubble_grey.png) no-repeat; height: 31px; color: #FFFFFF !important; } /* BlogLiteGrey */ #leftcontent .moduletable-bloglitegrey h3, #rightcontent .moduletable-bloglitegrey h3, #topusermods .moduletable-bloglitegrey h3 { font-size: 14px; text-transform:uppercase; font-weight:normal; background: url(../images/blogbubble_litegrey.png) no-repeat; height: 31px; color: #FFFFFF !important; } /* BlogBlack */ #leftcontent .moduletable-blogblack h3, #rightcontent .moduletable-blogblack h3, #topusermods .moduletable-blogblack h3 { font-size: 14px; text-transform:uppercase; font-weight:normal; background: url(../images/blogbubble_black.png) no-repeat; height: 31px; color: #FFFFFF !important; } /* Defaults */ #rightcontent .moduletablewrap h3{ padding: 0 0 0 0; margin-bottom: 6px; text-transform:uppercase; } #leftcontent .moduletablewrap h3{ padding:0 0 0 0; text-transform:uppercase; } #rightcontent .moduletablewrap .modulecontent { padding:0 1px 4px 1px; margin:0px 0px 3px 0px !important; line-height: 16px; } #leftcontent .moduletablewrap .modulecontent { padding:4px 0px 10px 0px; margin:0px 0px 3px 0px !important; line-height: 16px; } #user3 .moduletablewrap .modulecontent { padding:4px 1px 4px 1px; margin:0px 0px 3px 0px !important; line-height: 16px; } #user4 .moduletablewrap .modulecontent { padding:4px 1px 4px 1px; margin:0px 0px 3px 0px !important; line-height: 16px; } #leftcontent .moduletable-boxred h3, #leftcontent .moduletable-boxpink h3, #leftcontent .moduletable-boxblue h3, #leftcontent .moduletable-boxgreen h3, #leftcontent .moduletable-boxgrey h3, #leftcontent .moduletable-boxyellow h3, #leftcontent .moduletable-boxpurple h3, #leftcontent .moduletable-boxorange h3, #leftcontent .moduletable-boxblack h3 { border-bottom:none !important; padding:7px 7px 0px 7px !important; } #rightcontent .moduletable-boxred h3, #rightcontent .moduletable-boxpink h3, #rightcontent .moduletable-boxblue h3, #rightcontent .moduletable-boxgreen h3, #rightcontent .moduletable-boxgrey h3, #rightcontent .moduletable-boxyellow h3, #rightcontent .moduletable-boxpurple h3, #rightcontent .moduletable-boxorange h3, #rightcontent .moduletable-boxblack h3 { border-bottom:none !important; padding:7px 0px 0px 7px !important; } #topusermods .moduletable-boxred h3, #topusermods .moduletable-boxpink h3, #topusermods .moduletable-boxblue h3, #topusermods .moduletable-boxgreen h3, #topusermods .moduletable-boxgrey h3, #topusermods .moduletable-boxyellow h3, #topusermods .moduletable-boxpurple h3, #topusermods .moduletable-boxorange h3, #topusermods .moduletable-boxblack h3 { border-bottom:none !important; padding:7px 7px 0px 7px !important; } #leftcontent .moduletable-blogred h3, #leftcontent .moduletable-blogpink h3, #leftcontent .moduletable-blogblue h3, #leftcontent .moduletable-bloggreen h3, #leftcontent .moduletable-bloggrey h3, #leftcontent .moduletable-bloglitegrey h3, #leftcontent .moduletable-blogorange h3, #leftcontent .moduletable-blogpurple h3, #leftcontent .moduletable-blogyellow h3, #leftcontent .moduletable-blogblack h3, #banner .moduletable-blogblue h3 { border-bottom:none !important; padding:7px 7px 0px 7px !important; } #rightcontent .moduletable-blogred h3, #rightcontent .moduletable-blogpink h3, #rightcontent .moduletable-blogblue h3, #rightcontent .moduletable-bloggreen h3, #rightcontent .moduletable-bloggrey h3, rightcontent .moduletable-bloglitegrey h3, #rightcontent .moduletable-blogorange h3, #rightcontent .moduletable-blogpurple h3, #rightcontent .moduletable-blogyellow h3, #rightcontent .moduletable-blogblack h3 { border-bottom:none !important; padding:7px 0px 0px 7px !important; } #user1 .moduletable, #user1 .moduletable-blogred, #user1 .moduletable-blogpink, #user1 .moduletable-blogblue, #user1 .moduletable-bloggreen, #user1 .moduletable-bloggrey, #user1 .moduletable-bloglitegrey, #user1 .moduletable-blogorange, #user1 .moduletable-blogpurple, #user1 .moduletable-blogyellow, #user1 .moduletable-blogblack, #user1 .moduletable-pagered, #user1 .moduletable-pagepink, #user1 .moduletable-pageblue, #user1 .moduletable-pagegreen, #user1 .moduletable-pagegrey, #user1 .moduletable-pageyellow, #user1 .moduletable-pagepurple, #user1 .moduletable-pageblack, #user1 .moduletable-pageorange, #user1 .moduletable-boxred, #user1 .moduletable-boxpink, #user1 .moduletable-boxblue, #user1 .moduletable-boxgreen, #user1 .moduletable-boxgrey, #user1 .moduletable-boxyellow, #user1 .moduletable-boxpurple, #user1 .moduletable-boxorange, #user1 .moduletable-boxblack { padding-right:14px; } #user2 .moduletable, #user2 .moduletable-blogred, #user2 .moduletable-blogpink, #user2 .moduletable-blogblue, #user2 .moduletable-bloggreen, #user2 .moduletable-bloggrey, #user2 .moduletable-bloglitegrey, #user2 .moduletable-blogorange, #user2 .moduletable-blogpurple, #user2 .moduletable-blogyellow, #user2 .moduletable-blogblack, #user2 .moduletable-pagered, #user2 .moduletable-pagepink, #user2 .moduletable-pageblue, #user2 .moduletable-pagegreen, #user2 .moduletable-pagegrey, #user2 .moduletable-pageyellow, #user2 .moduletable-pagepurple, #user2 .moduletable-pageblack, #user2 .moduletable-pageorange, #user2 .moduletable-boxred, #user2 .moduletable-boxpink, #user2 .moduletable-boxblue, #user2 .moduletable-boxgreen, #user2 .moduletable-boxgrey, #user2 .moduletable-boxyellow, #user2 .moduletable-boxpurple, #user2 .moduletable-boxorange, #user2 .moduletable-boxblack { padding-right:14px; } #topusermods .moduletable-blogred h3, #topusermods .moduletable-blogpink h3, #topusermods .moduletable-blogblue h3, #topusermods .moduletable-bloggreen h3, #topusermods .moduletable-bloggrey h3, #topusermods .moduletable-bloglitegrey h3, #topusermods .moduletable-blogorange h3, #topusermods .moduletable-blogpurple h3, #topusermods .moduletable-blogyellow h3, #topusermods .moduletable-blogblack h3, #banner .moduletable-blogblue h3 { border-bottom:none !important; padding:7px 7px 0px 7px !important; } #leftcontent .moduletable-pagered h3, #leftcontent .moduletable-pagepink h3, #leftcontent .moduletable-pageblue h3, #leftcontent .moduletable-pagegreen h3, #leftcontent .moduletable-pagegrey h3, #leftcontent .moduletable-pageyellow h3, #leftcontent .moduletable-pagepurple h3, #leftcontent .moduletable-pageblack h3, #leftcontent .moduletable-pageorange h3 { border-bottom:none !important; padding:7px 7px 0px 7px !important; } #rightcontent .moduletable-pagered h3, #rightcontent .moduletable-pagepink h3, #rightcontent .moduletable-pageblue h3, #rightcontent .moduletable-pagegreen h3, #rightcontent .moduletable-pagegrey h3, #rightcontent .moduletable-pageyellow h3, #rightcontent .moduletable-pagepurple h3, #rightcontent .moduletable-pageblack h3, #rightcontent .moduletable-pageorange h3 { border-bottom:none !important; padding:7px 0px 0px 7px !important; } #topusermods .moduletable-pagered h3, #topusermods .moduletable-pagepink h3, #topusermods .moduletable-pageblue h3, #topusermods .moduletable-pagegreen h3, #topusermods .moduletable-pagegrey h3, #topusermods .moduletable-pageyellow h3, #topusermods .moduletable-pagepurple h3, #topusermods .moduletable-pageblack h3, #topusermods .moduletable-pageorange h3 { border-bottom:none !important; padding:7px 0px 0px 7px !important; } #leftcontent .moduletable-bloggreen .modulecontent, #leftcontent .moduletable-blogyellow .modulecontent, #leftcontent .moduletable-bloggrey .modulecontent, #leftcontent .moduletable-bloglitegrey .modulecontent, #leftcontent .moduletable-blogred .modulecontent, #leftcontent .moduletable-blogblue .modulecontent, #leftcontent .moduletable-blogpurple .modulecontent, #leftcontent .moduletable-blogorange .modulecontent, #leftcontent .moduletable-blogpink .modulecontent, #leftcontent .moduletable-blogblack .modulecontent, #rightcontent .moduletable-blogred .modulecontent, #rightcontent .moduletable-blogpink .modulecontent, #rightcontent .moduletable-blogblue .modulecontent, #rightcontent .moduletable-bloggreen .modulecontent, #rightcontent .moduletable-blogyellow .modulecontent, #rightcontent .moduletable-bloggrey .modulecontent, #rightcontent .moduletable-bloglitegrey .modulecontent { border-top:none !important; } #topusermods .moduletable-bloggreen .modulecontent, #topusermods .moduletable-blogyellow .modulecontent, #topusermods .moduletable-bloggrey .modulecontent, #topusermods .moduletable-bloglitegrey .modulecontent, #topusermods .moduletable-blogred .modulecontent, #topusermods .moduletable-blogblue .modulecontent, #topusermods .moduletable-blogpurple .modulecontent, #topusermods .moduletable-blogorange .modulecontent, #topusermods .moduletable-blogpink .modulecontent, #topusermods .moduletable-blogblack .modulecontent { padding:4px 0px 10px 0px; margin:0px 0px 3px 0px !important; line-height: 16px; } #leftcontent .moduletable-boxgreen .modulecontent, #leftcontent .moduletable-boxyellow .modulecontent, #leftcontent .moduletable-boxgrey .modulecontent, #leftcontent .moduletable-boxlitegrey .modulecontent, #leftcontent .moduletable-boxred .modulecontent, #leftcontent .moduletable-boxblue .modulecontent, #leftcontent .moduletable-boxpurple .modulecontent, #leftcontent .moduletable-boxorange .modulecontent, #leftcontent .moduletable-boxpink .modulecontent, #leftcontent .moduletable-boxblack .modulecontent, #rightcontent .moduletable-boxred .modulecontent, #rightcontent .moduletable-boxyellow .modulecontent, #rightcontent .moduletable-boxpink .modulecontent, #rightcontent .moduletable-boxblue .modulecontent, #rightcontent .moduletable-boxgreen .modulecontent, #rightcontent .moduletable-boxgrey .modulecontent, #rightcontent .moduletable-boxlitegrey .modulecontent { border-top:none !important; } #topusermods .moduletable-boxgreen .modulecontent, #topusermods .moduletable-boxyellow .modulecontent, #topusermods .moduletable-boxgrey .modulecontent, #topusermods .moduletable-boxlitegrey .modulecontent, #topusermods .moduletable-boxred .modulecontent, #topusermods .moduletable-boxblue .modulecontent, #topusermods .moduletable-boxpurple .modulecontent, #topusermods .moduletable-boxorange .modulecontent, #topusermods .moduletable-boxpink .modulecontent, #topusermods .moduletable-boxblack .modulecontent { padding:4px 4px 10px 0px; margin:0px 0px 3px 0px !important; line-height: 16px; } #leftcontent .moduletable-pagegreen .modulecontent, #leftcontent .moduletable-pageyellow .modulecontent, #leftcontent .moduletable-pagegrey .modulecontent, #leftcontent .moduletable-pagelitegrey .modulecontent, #leftcontent .moduletable-pagered .modulecontent, #leftcontent .moduletable-pageblue .modulecontent, #leftcontent .moduletable-pagepurple .modulecontent, #leftcontent .moduletable-pageorange .modulecontent, #leftcontent .moduletable-pagepink .modulecontent, #leftcontent .moduletable-pageblack .modulecontent, #rightcontent .moduletable-pagered .modulecontent, #rightcontent .moduletable-pagepink .modulecontent, #rightcontent .moduletable-pageblue .modulecontent, #rightcontent .moduletable-pageyellow .modulecontent, #rightcontent .moduletable-pagegreen .modulecontent, #rightcontent .moduletable-pagegrey .modulecontent, #rightcontent .moduletable-pagelitegrey .modulecontent { border-top:none !important; } #topusermods .moduletable-pagegreen .modulecontent, #topusermods .moduletable-pagegrey .modulecontent, #topusermods .moduletable-pagelitegrey .modulecontent, #topusermods .moduletable-pagered .modulecontent, #topusermods .moduletable-pageblue .modulecontent, #topusermods .moduletable-pagepurple .modulecontent, #topusermods .moduletable-pageorange .modulecontent, #topusermods .moduletable-pagepink .modulecontent, #topusermods .moduletable-pageblack .modulecontent, #topusermods .moduletable-pageyellow .modulecontent { padding:4px 0px 10px 0px; margin:0px 0px 3px 0px !important; line-height: 16px; } #rightcontent .moduletable-advert h3 { } #rightcontent .moduletable-advert .modulecontent { color:#fff; padding: 0px !important; margin: 0px !important; } /* * Footer */ #footerwrap { background:#F5F5F5 none repeat scroll 0 0; margin:-2px auto 0px auto; width:986px; } #footer { float:left; font-size:12px; font-weight:normal; line-height:18px; } /* * Misc */ .hidetxt { text-indent:-9999px; } .clear { clear:both; } #user3 { padding-right: 4px; } #user3, #user4 { float:left; width:100%; padding-bottom: 14px; overflow:hidden; } .w49 #user3 { float:left; width:48%; } .w49 #user4 { float:right; width:48%; } #rightcontent #userfouruser3wrap .moduletablewrap { margin:2px; width:auto; } #breadcrumbs { background:transparent none repeat scroll 0 0; font-weight:bold; left:25px; margin:10px 0 0; position:relative; top:17px; } #contentpanel { background: #cecece; } ul.eventlistmod li { font-size: 11px; padding-left: 24px; } ul.eventlistmod li span{ font-size: 11px; padding-left: 14px; } #topusermods .moduletable h3 span.inner { width:100%; display:block; } .leftcolumn2 #leftcolumn2 { margin-left:11px; } .leftcolumn2 input#mod_search_searchword { width:70px; }