/* Template Name: JXTC Political Template URI: http://www.joomlaxtc.com Description: JXTC Political Version: 1.4 Author: Monev Software LLC Author URI: http://www.joomlaxtc.com Tags: tags, are, separated, using, commas, License: # The CSS, XHTML is released under GPL: # http://www.opensource.org/licenses/gpl-license.php # Graphics under exclusive license (C)2009 Monev Software LLC # Additional CSS, PHP, and Javascripting under exclusive license (C)2009 Monev Software LLC - not for distribution # http://www.joomlaxtc.com /* TABLE OF CONTENTS 00 - Global Elements - Standard Elements 01 - Typography - All Type throughout the site 02 - Main Structure - Columns, clearfix, etc. 03 - Header - Header, Logo, navigation, search. 04 - Menus , MainMenu, Top Menu 05 - Modules - 06 - Module Suffixes - mod suffixe 07 - Footer - Categories, About, Copyright, Sponsors. 08 - Content /* ----------------------------------------------*/ /* 00 - GLOBAL ELEMENTS /* ----------------------------------------------*/ body { font-family: "MS Trebuchet", Arial, sans-serif; font-size:12px; } .BGfull { width:100%; float:left; } .wrapper { width:990px; margin:0px auto; } iframe.wrapper { width:100%; } /* ----------------------------------------------*/ /* 01 - TYPOGRAPHY /* ----------------------------------------------*/ /* headers */ .componentheading, .contentheading { padding: 0; font-family: "Times New Roman", Arial, "MS Trebuchet", sans-serif; font-size: 2.5em; font-weight: normal; vertical-align: bottom; text-align: left; width: 100%; color: #a23535; } /** Links **/ #registerOpen, #loginOpen { display:block; width: 91px; height: 22px; float: left; } #registerOpen { background: transparent url(../images/register.png) no-repeat; } #loginOpen { background: transparent url(../images/login.png) no-repeat; } a { text-decoration:none; font-family: "Times New Roman", Arial, "MS Trebuchet", sans-serif; color:#366693; } p { margin-bottom: 1em; line-height: 130%; } .articleImg { border:8px solid #d1d1d1; } .articleImg img { border:1px solid white; } .articleTextWrap { margin:4px 0px 0px 0px; } span.date { color:#818181; font-weight:bold; font-size:12px; } h3.title { font-size:16px; line-height:22px; color:#a23535; margin-bottom:0px; } .button { border: 1px solid #777; border-left-color: #e4e4e4; border-top-color: #e4e4e4; background: transparent url(../images/input.png) -3px -3px repeat-x; font-size: 12px; color: #888; padding:2px 4px 2px 7px; } .column_separator { padding-left:15px; } .dropcap {float:left;padding:4px 8px 0 0;display:block;color:#999999;font:50px/40px Times, serif;} table.searchintro{padding:2px 0; width:100%} .search input.inputbox{background: url(../images/searchbox.png) no-repeat; width: 221px; height: 22px; padding:0 0 0 19px; border:0px solid #898989; color:#fff; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; float:left; margin-top:1px;} table.searchintro td{padding:5px!important} /* Quotes */ quotes {padding: 1em 40px 1em 15px; font: 16px Arial;} quotes span.open {background: url(../images/typo/openquote.gif) no-repeat left top; padding: 2px 0 2px 25px;} quotes span.close {background: url(../images/typo/closequote.gif) no-repeat top right; padding: 2px 25px 2px 0;} /* Large Quotes */ quoteslg {padding: 1em 70px 1em 15px;font: 28px Arial;line-height: 28px;} quoteslg span.open {background: url(../images/typo/oquote_lg.png) no-repeat left top;padding:12px 25px 2px 25px;} quoteslg span.close {background: url(../images/typo/equote_lg.png) no-repeat top right; padding: 2px 25px 25px 25px;} /* Code */ .code {background: #F4F4F4;font: 1em/1.5 "Tahoma", monospace; margin: 5px 0 15px; padding: 10px 15px; color: #333333;} /* Notice */ p.error, p.message,p.ideas,p.astrix {height:11px;padding-left:35px; padding-right:0px; padding-top:0px; padding-bottom:5px} p.error {color: #f10033;background: url('../images/typo/notice-typo.gif') no-repeat 0px 0px;} p.ideas {color: #EE9600; background: url('../images/typo/notice-typo.gif') no-repeat 0px -16px;} p.message {color: #006699;background: url('../images/typo/notice-typo.gif') no-repeat 0px -32px;} p.astrix {background: url('../images/typo/notice-typo.gif') no-repeat 0px -52px;} /* Highlight */ .highlight {padding: 12px;background: #FFFFCC;color: #333333;} /* Download */ p.download {background: url('../images/typo/download.gif') no-repeat 5px center; height:14px;padding-left:35px; padding-right:0px; padding-top:0px; padding-bottom:0px;} /* Photolink */ p.photolink {background: url('../images/typo/ww_image.png') no-repeat 5px center; padding-left:40px; padding-right:0px; padding-top:0px; padding-bottom:0px;} /* heart */ p.heart {background: url('../images/typo/heart.png') no-repeat 5px center;padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:0px;} /* X */ p.x {background: url('../images/typo/x-red.png') no-repeat 5px center;padding-left:25px; padding-right:0px; padding-top:5px; padding-bottom:5px;} p.xblack {background: url('../images/typo/x-black.png') no-repeat 5px center;padding-left:25px; padding-right:0px; padding-top:5px; padding-bottom:5px;} /* RSS */ p.rss {background: url('../images/typo/rss.png') no-repeat 5px center;padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:0px;} /* JoomlaTypo */ p.com, p.mod, p.plug, p.lang {height:12px;padding-left:35px; padding-right:0px; padding-top:0px; padding-bottom:5px;} p.com { background: url('../images/typo/joomla-typo.gif') no-repeat 0px 0px;} p.mod { background: url('../images/typo/joomla-typo.gif') no-repeat 0px -34px;} p.plug {background: url('../images/typo/joomla-typo.gif') no-repeat 0px -17px;} p.lang {background: url('../images/typo/joomla-typo.gif') no-repeat 0px -51px;} /* Star */ p.stargrey,p.starred,p.starblue,p.stargreen,p.staryellow,p.starblack, p.starpurple {height: 11px; padding-left:40px; padding-right:0px; padding-top:0px; padding-bottom:0px;} p.starpurple {background: url('../images/typo/star-typo.gif') no-repeat 0px 0px;} p.starred {background: url('../images/typo/star-typo.gif') no-repeat 0px -12px;} p.staryellow {background: url('../images/typo/star-typo.gif') no-repeat 0px -24px;} p.stargrey {background: url('../images/typo/star-typo.gif') no-repeat 0px -36px;} p.stargreen {background: url('../images/typo/star-typo.gif') no-repeat 0px -47px;} p.starblue {background: url('../images/typo/star-typo.gif') no-repeat 0px -58px;} p.starblack {background: url('../images/typo/star-typo.gif') no-repeat 0px -68px;} /* Photo */ p.photogrey,p.photoblack,p.photored,p.photoblue,p.photopink,p.photogreen,p.photoyellow { height: 12px; padding-left:40px; padding-right:0px; padding-top:0px; padding-bottom:0px;} p.photogrey {background: url('../images/typo/camera-typo.gif') no-repeat 0px -48px;} p.photoblack {background: url('../images/typo/camera-typo.gif') no-repeat 0px -72px;} p.photored {background: url('../images/typo/camera-typo.gif') no-repeat 0px -24px;} p.photoblue {background: url('../images/typo/camera-typo.gif') no-repeat 0px -84px;} p.photopink {background: url('../images/typo/camera-typo.gif') no-repeat 0px 0px;} p.photogreen {background: url('../images/typo/camera-typo.gif') no-repeat 0px -36px;} p.photoyellow {background: url('../images/typo/camera-typo.gif') no-repeat 0px -60px;} p.photopurple {background: url('../images/typo/camera-typo.gif') no-repeat 0px -13px;} /* Article */ p.articlegrey,p.articleblack,p.articlered,p.articleblue,p.articlepink,p.articlegreen,p.articleyellow { height: 12px; padding-left:40px; padding-right:0px; padding-top:0px; padding-bottom:0px;} p.articlegrey {background: url('../images/typo/article-typo.gif') no-repeat 0px -48px;} p.articleblack {background: url('../images/typo/article-typo.gif') no-repeat 0px -72px;} p.articlered {background: url('../images/typo/article-typo.gif') no-repeat 0px -24px;} p.articleblue {background: url('../images/typo/article-typo.gif') no-repeat 0px -84px;} p.articlepink {background: url('../images/typo/article-typo.gif') no-repeat 0px 0px;} p.articlegreen {background: url('../images/typo/article-typo.gif') no-repeat 0px -36px;} p.articleyellow {background: url('../images/typo/article-typo.gif') no-repeat 0px -60px;} p.articlepurple {background: url('../images/typo/article-typo.gif') no-repeat 0px -13px;} /* blog */ p.bloggrey,p.blogblack,p.blogred,p.blogblue,p.blogpink,p.bloggreen,p.blogyellow,p.blogpurple { height: 12px; padding-left:40px; padding-right:0px; padding-top:0px; padding-bottom:0px;} p.bloggrey {background: url('../images/typo/blog-typo.gif') no-repeat 0px 0px;} p.blogblack {background: url('../images/typo/blog-typo.gif') no-repeat 0px -48px;} p.blogred {background: url('../images/typo/blog-typo.gif') no-repeat 0px -72px;} p.blogblue {background: url('../images/typo/blog-typo.gif') no-repeat 0px -84px;} p.blogpink {background: url('../images/typo/blog-typo.gif') no-repeat 0px -24px;} p.bloggreen {background: url('../images/typo/blog-typo.gif') no-repeat 0px -36px;} p.blogyellow {background: url('../images/typo/blog-typo.gif') no-repeat 0px -12px;} p.blogpurple {background: url('../images/typo/blog-typo.gif') no-repeat 0px -60px;} /* movie */ p.moviegrey,p.movieblack,p.moviered,p.movieblue,p.moviepink,p.moviegreen,p.movieyellow,p.moviepurple { height: 12px; padding-left:40px; padding-right:0px; padding-top:0px; padding-bottom:0px;} p.moviegrey {background: url('../images/typo/movie-typo.gif') no-repeat 0px -48px;} p.movieblack {background: url('../images/typo/movie-typo.gif') no-repeat 0px -24px;} p.moviered {background: url('../images/typo/movie-typo.gif') no-repeat 0px -24px;} p.movieblue {background: url('../images/typo/movie-typo.gif') no-repeat 0px -36px;} p.moviepink {background: url('../images/typo/movie-typo.gif') no-repeat 0px 0px;} p.moviegreen {background: url('../images/typo/movie-typo.gif') no-repeat 0px -48px;} p.moviepurple {background: url('../images/typo/movie-typo.gif') no-repeat 0px -60px;} /* check */ p.checkgrey,p.checkblack,p.checkred,p.checkblue,p.checkpink,p.checkgreen,p.checkyellow { height: 12px; padding-left:40px; padding-right:0px; padding-top:0px; padding-bottom:0px;} p.checkgrey {background: url('../images/typo/check-typo.gif') no-repeat 0px -47.5px;} p.checkblack {background: url('../images/typo/check-typo.gif') no-repeat 0px -72px;} p.checkred {background: url('../images/typo/check-typo.gif') no-repeat 0px -24px;} p.checkblue {background: url('../images/typo/check-typo.gif') no-repeat 0px -84px;} p.checkpink {background: url('../images/typo/check-typo.gif') no-repeat 0px 0px;} p.checkgreen {background: url('../images/typo/check-typo.gif') no-repeat 0px -36px;} p.checkyellow {background: url('../images/typo/check-typo.gif') no-repeat 0px -59px;} p.checkpurple {background: url('../images/typo/check-typo.gif') no-repeat 0px -13px;} /* Note */ .note { background: url('../images/typo/note.gif') no-repeat right bottom;font-size: 1em;color: #000000 !important; padding-left:20px; padding-right:20px; padding-top:40px; padding-bottom:40px;} .grayhover1{padding: 12px;} .readMoreWrap { margin-bottom:10px; } a.readmore, a.readon { float:left; color:#ffffff; font-size:10px; font-family: "MS Trebuchet", Arial, Helvetica, sans-serif; padding:4px 8px 4px 8px; background:#999999; text-decoration:none; text-transform:uppercase; } /* ----------------------------------------------*/ /* 02 - MAIN STRUCTURE /* ----------------------------------------------*/ #furtherWrap { float:left; margin-bottom:-274px; width:100%; } .layoutTwo #left,.layoutThree #left,.layoutThree #rightcolumn,.layoutFour #rightcolumn { float:left; } .layoutTwo #left,.layoutThree #left { margin:0 0 0 17px; } .layoutTwo #userTwoUserThreeWrap,.layoutTwo #userOne,.layoutThree #userTwoUserThreeWrap,.layoutThree #userOne { margin-left:25px; } .layoutThree #rightcolumn,.layoutFour #rightcolumn { background:transparent url(../images/rightShadowSep-flipped.png) repeat-y scroll right top; } #mainOuterBG { padding-bottom:274px; } #mainTopBG { height:22px; margin-top:-21px; } #mainwrap { background:#fff url(../../images/mainwrapBG.png) repeat-x scroll 0 0; float:left; height:auto; position:relative; margin-top:-1px; } #content { background:url(../images/shadeColumnTop.png) repeat-x; float:left; width:100%; } #leftcolumn { margin:12px 0 0; width:700px; float:left; } #banner { width:664px; margin:0px auto; margin-top:6px; } #maincontent { background:url(../images/modHeadShade.png) repeat-x scroll top; float:left; width:100%; } #maincontentInner { margin-top:19px; float:left; width:426px; } #component { margin-left:20.5px; width:100%; float:left; } #left { float:right; width:205px; margin-right:20px; } #rightcolumn { float:right; width:290px; background:url(../images/rightShadowSep.png) repeat-y scroll top left; } #right { margin:18px auto 0 18px; width:247px; } /* ----------------------------------------------*/ /* 03 - HEADER /* ----------------------------------------------*/ #newsflash { color:#FFFFFF; float:left; margin:0px 0px; width:900px; height:119px; overflow: none; } /** Top Area **/ #topareaBG { height:51px; position:relative; z-index:500; margin-bottom:-22px; } #topareaInner { width:933px; margin:0 auto 0 0; color:#fff; font-size:12px; } #syndicate { float:left; width:355px; margin-top: 7px; } #syndicate .modulecontent { margin-top:6px; } #login { float:right; width:200px; text-align:right; } /* ----------------------------------------------*/ /* 04 - MENUS /* ----------------------------------------------*/ /** TopMenu **/ #topmenu { background:url(../../images/menuBG.png) repeat-x; margin:15px auto 1px; width:960px; height:45px; position:relative; } /** MainMenu **/ #mainmenu { background:transparent url(../images/catmenuBG.png) repeat-x; height:20px; width:100%; margin:14px auto 0; padding-left:0px; float:left; z-index:5; } #mainmenu ul { margin:12px 0px 0px 30px; } #mainmenu ul li { background:transparent url(../images/dot.jpg) no-repeat scroll 100% 9px; float:left; margin-right:15px; padding-left:0px; padding-right:10px; } /* #mainmenu ul li.second { margin-right:222px; } */ #mainmenu ul li.last { margin-right:0px; } #mainmenu ul li a { color:#939393; padding-right:10px; text-decoration:none; font-size:12px; font-family: Georgia, Arial, "MS Trebuchet", sans-serif; } #mainmenu ul li a:hover { } #mainmenu ul li span.seperator, #topmenu ul li span.seperator { text-indent:-9999px; display:block; } .grayhover1{background-color:#FFF} /* Default Joomla! Menu */ a.mainlevel{font-size:11px; margin:0px 6px 0px 6px; padding:5px 2px; border-bottom:1px solid #DDD; display:block; font-family: Tahoma, Arial, "MS Trebuchet", sans-serif; color:#999; text-decoration:none; background-color:#FFF} a.mainlevel:active, a.mainlevel:focus{font-weight:bold} a.mainlevel:hover, a.mainlevel:active, a.mainlevel:focus { border-right: 4px solid #7ea2c6; color:#7ea2c6; } a.sublevel{padding:3px 3px 3px 14px; display:block} a.sublevel:hover, a.sublevel:active, a.sublevel:focus{} #active_menu{font-weight:bold} a.sublevel { padding: 3px 3px 3px 14px; display: block; } a.sublevel:hover, a.sublevel:active, a.sublevel:focus { } #active_menu { font-weight: bold; } /** Columns **/ ul.columns { margin-top:9px; } ul.columns li.parent { float:left; width:100%; height:34px; } ul.columns li.parent.even { background:#1d293c; } ul.columns li.parent li { float:left; margin:7px 0 0 32px; width:120px; } ul.columns li a { color:#d0cea7; } ul.columns li a:hover { color:#ebebeb; } /* ----------------------------------------------*/ /* 05 - MODULES /* ----------------------------------------------*/ /** Generic **/ .usermodwrap { float:left; padding-right:15px; margin-bottom:20px; } .usermod { margin-bottom:20px; } #left .module { float:left; width:100%; margin-bottom: 20px; } #left .module .modtitleLines { margin-top:19px; } /** Login **/ #OpenWrap { float:right; height:40px; margin:7px -2px 0 0; padding:3px; position:relative; width:250px; z-index:100; } #OpenWrap div { height:40px; padding:6px 0 4px 12px; } ul#openList { display:block; float:left; height:40px; overflow:hidden; } ul#openList, ul#openList li { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; } ul#openList li { float:left; } ul#openList li { font-size:11px; font-weight:normal; margin-right:5px; margin-top:2px; padding-right:8px; } ul#openList li.register { border:none; padding-right:0px; margin-right:0px; } ul#openList li a { color:#E1E1E1; float:left; margin:-2px 0 0; } ul#openList li a:hover { color:#7F0508; } #login { left:auto; margin:-6px -95px 0 0; position:relative; right:0; top:5px; z-index:100; } /** Login MOD **/ #loginPopUp, #registerPopUp { float:right; margin:16px 264px 0 0; padding:0 10px 16px 32px; position:relative; width:488px; z-index:102; } #registerPopUp { background:url(../images/registerBG.png); width:485px; padding-top:18px; } ul.loginForm { background:transparent url(../images/loginBG.png) no-repeat scroll 0 0; height:109px; padding:7px 0 0 6px; width:485px; } ul.loginFormBottom { background:url(../images/loginBottomBG.png) no-repeat; width:485px; height:48px; margin-top:-14px; } #loginPopUp ul.loginFormBottom li a { color:#979797; } #loginPopUp ul.loginFormBottom li a:hover { color:#979797; font-weight:bold; } #loginCloseWrap, #registerCloseWrap { float:right; margin:-18px -4px -30px 5px; position:relative; z-index:200; } #registerCloseWrap { margin:-32px -14px -30px 5px; } #loginClose, #registerClose { background:transparent url(../images/closeButtonBG.png) no-repeat scroll 0 top; cursor:pointer; float:right; height:22px; margin:25px 25px 0 0; position:relative; width:24px; z-index:103; } #loginClose:hover, #registerClose:hover { background:transparent url(../images/closeButtonBG.png) no-repeat scroll 100% top; } ul.loginForm li, ul.loginFormBottom li { background:transparent none repeat scroll 0 0; border:medium none; float:left; line-height:30px; padding:3px 8px 0 4px; margin:5px 0; color:#666666; font-size:11px; } ul.loginForm li { width:167px; padding-right:19px; } ul.loginForm li label, #registerMod label { margin-right:12px; vertical-align:top; } ul.loginForm li label { color:#C9C9C9; float:left; font-size:13px; font-weight:bold; margin-right:12px; vertical-align:top; width:100%; } ul.loginForm li#submit { float:left; margin:35px 0 0 0; width:76px; } #loginPopUp a { color:#979797; } #loginPopUp a:hover { color:#fff; } input#modlgn_username, input#modlgn_passwd, #registerMod input.inputbox { background:transparent url(../images/inputBG-popup.png) repeat scroll left top; border:medium none; float:left; font-size:12px; font-weight:lighter; height:21px; margin-right:12px; padding:6px 0 0 6px; vertical-align:top; width:167px; } #submit input, #submit button { background:transparent url(../images/submitBG.png) repeat scroll 0 0; border:medium none; height:28px; width:76px; color:#c9c9c9; font-weight:bold; } #registerPopUp #submit button { width:86px; } #submit input:hover { color:inherit; } #registerPopUp #submit { float:right; margin:-13px 79px 7px 0px; } /** Register **/ form#josForm { margin:0 auto 65px auto; width:480px; } #registerMod { color:#666666; font-size:11px; margin-bottom:65px; padding-top:4px; } #registerMod input.inputbox { float:left; margin-left:-10px; margin-top:-6px; width:260px; } #registerMod label { margin-top:0; padding:4px 0 0; vertical-align:bottom; font-size:13px; font-weight:bold; color:#C9C9C9; } /** ShowCase 1 **/ #showcasewrap { background:transparent url(../../images/bannerwrapBG.jpg) repeat scroll 0 0; width:990px; padding-bottom:18px; float:left; } #showcasemods { background:transparent url(../../images/banner1bg-blue.jpg) repeat scroll 0 0; float:left; margin:17px auto 0 17px; width:956.5px; } #showcaseOne { padding:6px 17px 15px; width:525px; float:left; } #showcaseTwo { float:right; width:245px; margin-right:19px; margin-left:0px; padding:6px 6px 10px 0px; } /** Icons **/ #iconOneWrap { background:transparent url(../../images/icon1Wrap2.png) no-repeat scroll 0 0; float:left; height:198px; left:auto; margin:-78px auto 0 422px; padding-top:15px; position:absolute; width:162px; z-index: 225; } #iconTwoWrap { margin:0 auto -58px; position:relative; width:58px; } #iconTwo { height:58px; position:relative; width:58px; } /** User One **/ #userOne { width:inherit; margin-left:23px; float:left; margin-bottom:0px; } #userOne .modulecontent { float:left; width:100%; margin-top:0px; } #userOne .tick .modulecontent { margin-top:17px; } #userOne .usermod, #userTwo .usermod, #userThree .usermod { float:left; } .module .tick .leftArrow { margin:0px auto; float:left; } .module .tick .leftArrow h3.modtitle { float:left; } .module .tick .modtitleLines .arrow { } .module .tick .centerH3, .module .default .centerH3 { margin:0px auto !important; } .modulecontent { margin-top:15px; float:left; width:100%; color: #666666; } #maincontentInner .module .box .modulecontent { padding:12px 0px 12px 0px; } #right .module { float:left; margin-bottom:20px; width:254px; } /** User2 & User3 **/ #userTwoUserThreeWrap { margin:0 0 0 20.5px; float:left; width:100%; } #BreadWrap { float:left; height:43px; width:100%; } #breadCrumbsDebug { background:transparent url(../images/catmenuBG.png) repeat-x; height:43px; width:100%; float:left; } #breadcrumbsInner { font-size:12px; height:34px; margin:5px auto 0; overflow:hidden; width:979px; } #breadcrumbs { float:left; width:425px; margin-left: 12px; color: #999999; text-transform: lowercase; } #debug { float:right; margin: -5px 12px 0 0; } /** userFouruserFiveuserSix **/ #userFouruserFiveuserSixBG { background:url(../../images/banner2bg.jpg) top center no-repeat #000; width:990px; float:left; } #userFouruserFiveuserSix .usermodwrap { padding-right:20px; margin-bottom:3px !important; } #userFouruserFiveuserSix .last { padding-right:0px !important; } #userFouruserFiveuserSix .last .usermod .moduletable { margin-right:10px; } #userFouruserFiveuserSix #userFour { min-height:211px; } /* Adjust Widths Here */ #userFouruserFiveuserSix .usermod { float:left; } #userFouruserFiveuserSix #userFour { width:337px; } #userFouruserFiveuserSix #userFive { width:324px; } #userFouruserFiveuserSix #userSix { width:289px; } /* End */ #userFouruserFiveuserSix #userSix { min-height:211px; } /* Padding Adjustment **/ #userFouruserFiveuserSix .usermod .moduletable { margin:18px 0 16px 40px; } #userFouruserFiveuserSix .usermod .noPad { margin:0px; } /** Bottom MOds **/ #bottomModsBG { background:url(../../images/bottomModsBG-grey.jpg) top center no-repeat; height:auto; padding-bottom:31px; } #bottomMods { width:965px; margin:0px auto; height:auto; } #userSevenuserEight { margin-top:42px; padding-top:26px; float:left; border-top:1px solid #4c596d; width:100%; } #userSevenuserEight .usermodwrap { right-right:8px; } /* ----------------------------------------------*/ /* 06 - MODULE SUFFIXES /* ----------------------------------------------*/ /** Default **/ .module .modtitleLines { border:medium none;; } .module .modtitleLines .shadow { background:transparent url(../images/modHeadShadow.png) no-repeat scroll center bottom; border-bottom:1px solid #d0cfd1; height:26px; } .module .leftArrow { background:transparent url(../images/dot.jpg) no-repeat scroll 0 8px; float:left; padding-left:12px; } .module .leftArrow .modtitle { background:transparent url(../images/dot.jpg) no-repeat scroll 100% 8px; display:block; float:left; margin-bottom:0; } .module .leftArrow .modtitle .inner { color:#4B6899; font-family:Georgia,Arial,"MS Trebuchet",sans-serif; font-size:14px; font-weight:normal; } .module .leftArrow .modtitle .inner .first { color:#8A8A8A; font-style:italic; font-weight:normal; } .module .modulecontent table { margin-bottom:0px; } /** Tick **/ .module .tick .modtitleLines, .contentTitleLines, .componentTitleLines { width:100%; float:left; border-bottom:1px solid #d0cfd1; margin-top:17px; } .module .tick .modtitleLines { margin-top:0px; } .module .tick .modtitleLines .arrow, .contentTitleLines .arrow, .componentTitleLines .arrow { background:transparent url(../images/modHeadArrow.png) no-repeat scroll 0 0; height:26px; margin:0 auto; position:relative; top:5px; width:97px; z-index:120; } .module .tick .modtitleLines .shadow, .contentTitleLines .shadow, .componentTitleLines .shadow { height:26px; background:transparent url(../images/modHeadShadow.png) no-repeat scroll bottom; border-bottom:none; min-width:180px; } .module .tick .leftArrow, .contentTitlewrap .leftArrow, .componentTitlewrap .leftArrow { background:transparent url(../images/dot.jpg) no-repeat scroll 0 8.5px; float:left; padding-left:12px; } .module .tick .leftArrow .modtitle, .contentTitlewrap .leftArrow .contentTitle, .componentTitlewrap .leftArrow .componentTitle { background:transparent url(../images/dot.jpg) no-repeat scroll 100% 8px; display:block; float:left; margin-bottom:0px; } .module .tick .leftArrow .modtitle .inner, .contentTitlewrap .leftArrow .contentTitle .inner, .componentTitlewrap .leftArrow .componentTitle .inner { font-size:14px; font-family: Georgia, Arial, "MS Trebuchet", sans-serif; display:block; color:#4b6899; } .module .tick .leftArrow .modtitle .inner .first, .contentTitlewrap .leftArrow .contentTitle .inner .first, .componentTitlewrap .leftArrow .componentTitle .inner .first { color:#8A8A8A; font-style:italic; float:left; padding-right:3px; } .contentTitleLines .shadow, .componentTitleLines .shadow { background:transparent url(../images/modHeadShadow.png) repeat-x scroll left bottom; height:32px; margin:0 auto; padding-left:50px; width:500px; } .contentTitlewrap .leftArrow .contentTitle, .componentTitlewrap .leftArrow .componentTitle { background:transparent url(../images/dot.jpg) no-repeat scroll 100% 8px; display:block; float:left; height:32px; margin-bottom:0; padding-right:10px; } .contentTitleLines .arrow, .componentTitleLines .arrow { padding-right:134px; top:32px; } /** Box **/ .module .box .modtitleLines, .module .boxgrey .modtitleLines, .module .boxdkblue .modtitleLines, .module .boxltblue .modtitleLines, .module .boxgreen .modtitleLines, .module .boxred .modtitleLines, .module .boxwhite .modtitleLines, .module .boxblack .modtitleLines { font-family:"Times New Roman", Times, serif; padding:12px 0px 0 0px; width:100%; float:left; margin-top:0px; } .module .box .leftArrow, .module .boxgrey .leftArrow, .module .boxdkblue .leftArrow, .module .boxltblue .leftArrow, .module .boxgreen .leftArrow, .module .boxred .leftArrow, .module .boxwhite .leftArrow, .module .boxblack .leftArrow { background:none; padding-left:0px; } .module .box .modtitleLines .arrow, .module .boxgrey .modtitleLines .arrow, .module .boxdkblue .modtitleLines .arrow, .module .boxltblue .modtitleLines .arrow, .module .boxgreen .modtitleLines .arrow, .module .boxred .modtitleLines .arrow, .module .boxwhite .modtitleLines .arrow, .module .boxblack .modtitleLines .arrow { display:none; } .module .box .modtitleLines .shadow, .module .boxgrey .modtitleLines .shadow, .module .boxdkblue .modtitleLines .shadow, .module .boxltblue .modtitleLines .shadow, .module .boxgreen .modtitleLines .shadow, .module .boxred .modtitleLines .shadow, .module .boxwhite .modtitleLines .shadow, .module .boxblack .modtitleLines .shadow { } .module .box h3.modtitle, .module .boxgrey h3.modtitle, .module .boxdkblue h3.modtitle, .module .boxltblue h3.modtitle, .module .boxgreen h3.modtitle, .module .boxred h3.modtitle, .module .boxwhite h3.modtitle, .module .boxblack h3.modtitle { margin-bottom:0px; float:none; background:none; } .module .box .modulecontent, .module .boxgrey .modulecontent, .module .boxdkblue .modulecontent, .module .boxltblue .modulecontent, .module .boxgreen .modulecontent, .module .boxred .modulecontent, .module .boxwhite .modulecontent, .module .boxblack .modulecontent { width:100%; float:left; margin-top:0px; width:100%; } .module .box .modulecontent .modcontentinner, .module .boxgrey .modulecontent .modcontentinner, .module .boxdkblue .modulecontent .modcontentinner, .module .boxltblue .modulecontent .modcontentinner, .module .boxgreen .modulecontent .modcontentinner, .module .boxred .modulecontent .modcontentinner, .module .boxwhite .modulecontent .modcontentinner, .module .boxblack .modulecontent .modcontentinner { margin:12px; } .module .box .modtitleLines, .module .boxgrey .modtitleLines, .module .boxdkblue .modtitleLines, .module .boxltblue .modtitleLines, .module .boxgreen .modtitleLines, .module .boxred .modtitleLines, .module .boxwhite .modtitleLines, .module .boxblack .modtitleLines, { border: 1px solid #e7e5e1; border-bottom: none; color: #999999; } /** Box *// .module .box .modtitleLines { background: #f2f1ea; color: #1b2e40; } .module .box .modulecontent { background: #f2f1ea; border: 1px solid #e7e5e1; boder-top:none; } /** Box Grey **/ .module .boxgrey .modulecontent { background: #ebebeb; border: 1px solid #e7e5e1; color:#999999; } /** Box Dark Blue **/ .module .boxdkblue .modulecontent { background: #4B6899; border: 1px solid #e7e5e1; color: #fff; } /** Box Light Blue **/ .module .boxltblue .modulecontent { background: #e4e9ef; border: 1px solid #e7e5e1; color: #666; } /** Box Green **/ .module .boxgreen .modulecontent { background: #3f482d; border: 1px solid #e7e5e1; color: #fff; } /** Box Red **/ .module .boxred .modulecontent { background: #771212; border: 1px solid #e7e5e1; color: #ffffff; } /** Box White **/ .module .boxwhite .modulecontent { background: #fff; border: 1px solid #e7e5e1; } /** Box Black **/ .module .boxblack .modulecontent { background: #000; border: 1px solid #e7e5e1; color: #fff; } /** Box Tick **/ .module .boxtick .modtitleLines { background: #fff; border: 1px solid #edeae7; border-bottom: none; margin-top:0px; font-family:"Times New Roman", Times, serif; color: #bfbfbf; padding:12px 0px 0px 0px; width:100%; float:left; } .module .boxtick .leftArrow { background:none; padding-left:0px; float:left; } .module .boxtick .modtitleLines .arrow { background:transparent url(../images/boxTickBG.png) repeat scroll 50% 50%; height:13px; margin:0px auto -13px; position:relative; width:100%; z-index:100; max-width:240px; } #right .module .boxtick .modtitleLines .arrow { float:left; width:224px; } .module .boxtick .modtitleLines .shadow { background:none; height:auto; border:none; } .module .boxtick h3.modtitle { margin-bottom:0px; float:none; background:none; } .module .boxtick .modulecontent { border: 1px solid #edeae7; float:left; margin-top:0px; width:100%; color: #666666; } .module .boxtick .modulecontent .modcontentinner { margin:12px; } /** Boxline **/ .module .boxline .modtitleLines { background: #fff; border: 1px solid #edeae7; border-bottom: none; margin-top:0px; font-family:"Times New Roman", Times, serif; color: #bfbfbf; padding:12px 0px 0px 0px; width:100%; float:left; } .module .boxline .leftArrow { background:none; padding-left:0px; float:left; } .module .boxline .modtitleLines .arrow { background:transparent url(../images/boxLineBG.png) repeat scroll 0 0; height:24px; margin:-13px auto -12px; position:relative; width:100%; z-index:100; max-width:232px; } .module .boxline .modtitleLines .shadow { background:none; height:auto; border:none; } .module .boxline h3.modtitle { margin-bottom:0px; float:none; background:none; } .module .boxline .modulecontent { border: 1px solid #edeae7; float:left; margin-top:0px; width:100%; color: #666666; } .module .boxline .modulecontent .modcontentinner { margin:12px; } /** Box Tick **/ .module .boxtickgrey .modtitleLines { background: #fff; border: 1px solid #edeae7; border-bottom: none; margin-top:0px; font-family:"Times New Roman", Times, serif; color: #bfbfbf; padding:12px 0px 0px 0px; width:100%; float:left; } .module .boxtickgrey .leftArrow { background:none; padding-left:0px; float:left; } .module .boxtickgrey .modtitleLines .arrow { background:transparent url(../images/boxTickBG.png) repeat scroll 50% 50%; height:13px; margin:0px auto -13px; position:relative; width:100%; z-index:100; max-width:240px; } #right .module .boxtickgrey .modtitleLines .arrow { float:left; width:224px; } .module .boxtickgrey .modtitleLines .shadow { background:none; height:auto; border:none; } .module .boxtickgrey h3.modtitle { margin-bottom:0px; float:none; background:none; } .module .boxtickgrey .modulecontent { background: #ededed; border: 1px solid #edeae7; border-top:none; float:left; margin-top:0px; width:100%; color:#999999; } .module .boxtickgrey .modulecontent .modcontentinner { margin:12px; } /** Boxline **/ .module .boxlinegrey .modtitleLines { background: #fff; border: 1px solid #edeae7; border-bottom: none; margin-top:0px; font-family:"Times New Roman", Times, serif; color: #bfbfbf; padding:12px 0px 0px 0px; width:100%; float:left; } .module .boxlinegrey .leftArrow { background:none; padding-left:0px; float:left; } .module .boxlinegrey .modtitleLines .arrow { background:transparent url(../images/boxLineBG.png) repeat scroll 0 0; height:24px; margin:-13px auto -12px; position:relative; width:100%; z-index:100; max-width:232px; } .module .boxlinegrey .modtitleLines .shadow { background:none; height:auto; border:none; } .module .boxlinegrey h3.modtitle { margin-bottom:0px; float:none; background:none; } .module .boxlinegrey .modulecontent { background: #ededed; border: 1px solid #edeae7; border-top:none; float:left; margin-top:0px; width:100%; color:#999999; } .module .boxlinegrey .modulecontent .modcontentinner { margin:12px; } .module .advert .modulecontent { margin:0px !important; padding:0px !important; } /* ----------------------------------------------*/ /* 07 - FOOTER /* ----------------------------------------------*/ #footerBG { bottom:0; height:44px; position:absolute; margin-top:-44px; } #footermods { margin-top:10px; } #footermodsInner { color:#cecece; font-size:10px; height:34px; margin:5px auto 0; overflow:hidden; width:979px; } #footer { float:left; width:325px; } #legals { float:right; text-align:right; } /* ----------------------------------------------*/ /* 08 - SAMPLE CONTENT /* ----------------------------------------------*/ /** Join **/ .join h4.title { color:#fffefe; font-size:45px; font-family: "Times New Roman", Arial, "MS Trebuchet", sans-serif; line-height:46px; margin:0px 0px 5px 0px; } .join h4.title span { display:block; color:#799fc1; font-weight:bold; } .join h4.title span.splitTop { font-size:30px; } .join h4.title span.splitBottom { font-style:italic; font-size:30px; } .join .text { font-size:13px; color:#fbfbfb; font-family: "MS Trebuchet", Arial, sans-serif; } /** News Items **/ .newsItem { float:left; width:100%; } .newsItem .dateLang { float:left; width:70px; margin:5px 0px 0px 3px; } .newsItem .dateLang .date { font-weight:bold; color:#000; display:block; width:100%; font-size:11px; } .newsItem .dateLang .lang { color:#838383; font-size:10px; } .newsItem .textWrap { float:right; width:270px; margin-right:20px; } .newsItem h4 { font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:2px; color:#366693; font-size:15px; } .newsItem .textWrap .text { color:#838383; font-size:11px; } .forwardPrevBG { background:transparent url(../images/forwardPreviousBG.png) no-repeat scroll 0 0; clear:both; height:36px; margin:0 auto; width:426px; } .forwardPrev { width:190px; margin:5px auto 0px auto; } .forwardPrev a { float:left; width:80px; height:16px; margin-top:6px; } .forwardPrev a.prev { background:url(../images/previous.png) no-repeat; margin-right:24px; } .forwardPrev a.forward { background:url(../images/forward.png) no-repeat; } /** Events **/ .event { float:left; border-bottom:1px solid #ebebeb; } .event .date { float:left; width:30px; margin-top:5px; } .event .date .day { color:#2d6091; font-size:24px; font-weight:bold; display:block; margin-bottom:-6px; } .event .date .month { font-size:9px; color:#808080; font-weight:bold; margin-left:3px; } .event .eventText { float:left; width:170px; margin:9px 0px 0px 6px; } .event .eventText .title { font-size:11px; color:#444; font-weight:bold; margin-bottom:0px; } .event .eventText .text { color:#b9bdb8; font-size:10px; font-weight:bold; } .event .eventText .text p { margin-bottom:8px; } /** Read Modules. Read The BLog, Read About Etc **/ .read h4.title { color:#fffefe; font-size:44px; font-family: "Times New Roman", Arial, "MS Trebuchet", sans-serif; line-height:46px; margin:0px 0px 5px 0px; } .read h4.title span { display:block; color:#799fc1; font-weight:bold; } .read h4.title span.splitTop { font-size:30px; } .read h4.title span.splitBottom { font-style:italic; font-size:30px; } .read .text { font-size:13px; color:#fbfbfb; font-family: "MS Trebuchet", Arial, sans-serif; } .read .text p { margin-bottom:8px; } /** Blogs **/ div.entrySeperator { width: 685px; height: 11px; background-image: url ('../images/ornate.jpg'); float: left; } .statusMsg { color: red; font-family: "Trebuchet MS", Verdana; } /** ENTRY STUFF **/ .bloggerdetails { float:left; width:100%; margin-top:10px; padding:15px 30px 20px 0px; border-top:1px solid #ebebeb; background: url(../images/ornate.jpg) bottom center no-repeat; } .blogsContainer{ color:#000000; background: transparent; font-family:Arial,Helvetica,sans-serif; font-size:13px; padding:0px; float:left; width:100%; } .blogsContainer h2{ color:#FFF; } .blogsContainer .entryContent{ float:left; } .blogsContainer .entryContent h2, h2.pagetitle{ background:none; padding:0 0 0 0; } .blogsContainer .entryContent h2 a, h2.pagetitle a, .blogsContainer .entryContent h2{ font-family: Georgia, "Times New Roman", Times, serif; margin-top:5px; font-size:28px; text-transform:normal; color: #366693;} .entryContent { padding-left: 5px; width:100%; /* RESIZEABLE AREA */ overflow:hidden; margin-bottom:35px; } .entryContent a {text-decoration:none; margin-bottom:30px;} .entryContent a:link, .entryContent a:visited { font-size:11px; } .entryContent a:hover {color:#555;} .entryContent h2 { font: 1.4em Arial, Helvetica, sans-serif; text-transform: none; padding: 9px 0px 12px 0px; margin:0px; } .entry { line-height: 1.6; } .entry-body { margin-top: 30px; margin-bottom:-5px; } .entryContent small a:link, .entryContent small a:visited{ color:#a23535; } .entryContent small a:hover{ color:#FFF; } /*---DATE FORMAT--*/ .entryContent .published { display:block; text-align: center; float:left; width:55px; height:45px; color:#eee; /*background: url(../images/badgespot1.png) no-repeat;*/ border-right:1px solid #ebebeb; margin-right:20px; padding-right:15px; margin-bottom:15px; margin-left:-5; } .entryContent .pub-month{ padding: 5px; } .entryContent .pub-month { display:block; font-family: Arial, Helvetica, sans-serif; font-size:12px; margi:0px; color:#366693; line-height:32px; font-weight:bold; position:relative; z-index:99; } .entryContent .pub-date { display:block; font-family: Georgia, "Times New Roman", Times, serif; font-size:42px; font-weight:bold; border:none; margin-top:-54px; padding:5px; line-height:normal; height:33px; color:#ebebeb; } .entryContent blockquote{ color:#eee; padding: 10px 10px 10px 20px; margin:0px; border-left: 5px solid #333; } .entryContent .clear { clear: both; } .entry-body br{ clear:both; } div.userAvatar{ float:right; } /** END ENTRY STUFF **/ /** PAGINATION **/ .my-pagenav{ text-align:center; color: #dddddd; padding:12px 0px; } .my-pagenav a { color: #999999; } /** List of all blogs section **/ div.blogList{ } div.blogList .avatar_container { } div.blogList .avatar_image { position: static !important; } div.blogList .blogTitle { font-weight:bold; } div.blogList .updated { color: #666666; font-size: 0.9em; font-weight: bold; } div.blogList .blogDesc { margin:0pt; padding-top: 2px; padding-bottom: 2px; } div.blogList .blogStats { font-size: 0.9em; margin:0pt; padding:0pt; } div.blogList .blogStats .numEntries_image{ padding-right:3px; } table.blogInfo { padding:15px 0px 10px 5px; } table.blogInfo td.avatar{ padding-right:15px; padding-top:5px; } table.blogInfo td.description{ padding-top:5px; } .onAfterPrepareContent, .onBeforePrepareContent{ padding:5px 0px; } .pagenav {display:inline;} .pagenav_next a, .pagenav_prev a {display:inline;border:1px solid #cecece;padding: 5px;float:left;} .pagination a {display:inline;border:1px solid #cecece;padding: 5px;float:left;margin-right: 4px;} .pagination span {display:inline; border:1px solid #cecece;padding: 5px; float:left; cursor: pointer;} ul.pagination {margin: 15px auto; padding-left:0; padding-right:0; padding-top:10px; padding-bottom:10px} .pagenav { font-size: 11px; } table.pagenav { margin-top:20px; float:left; } .pagenav a, a.pagenav, span.pagenav, .paginationCounter { border:1px solid #CECECE; display:inline; float:none; margin-right:4px; padding:5px; font-size:11px; margin-bottom:20px; } .pagenav a { float:left; } .pagination { margin-bottom:20px; float:left; } .pagenav a:hover { background:#666666 none repeat scroll 0 0; color:#FFFFFF !important; } .mosimage { } .mainnewsletter { float:left; } /* JXTC Popups*/ .jxtcpopup{ position:absolute; float:left; top:0; left:0; margin:0px auto 0px auto; padding:5px; z-index:99999; border:8px solid #d1d1d1; background: #d1d1d1; } .jxtcinner{ width:620px; } .jxtcpopupclose{ position:absolute; margin:0; padding:4px 6px 0px 6px; font-size:14px; font-weight:bold; color:#FFFFFF; top:-25px; right:60px; cursor:pointer; background: #d1d1d1; } .jxtcpopupdrag{ position:absolute; margin:0; padding:4px 6px 0px 6px; font-size:14px; color:#FFFFFF; top:-25px; right:0px; cursor:pointer; background: #d1d1d1; }