/*----------------------------------------------------------------------------
++ template.css - all the templates structural css.
----------------------------------------------------------------------------*/
* {
margin: 0;
padding: 0;
}
html {
height: 100%;
height: 100% !important;
}
body {
margin: 0;
padding: 0;
background: #131b1e;
color: #f9f6eb;
}
/* template width
***************************************/
.width960px {
width: 960px;
margin: 0 auto;
text-align: left;
padding: 0;
clear: both;
}
#content-inner {
border: 1px solid #000;
background: #1b262a;
}
.blog {
display: block;
overflow: auto;
}
/* top area
*****************************************/
div#top {
height: 52px;
margin: 0 0 1px;
}
div#top.no_header {
margin: 0 0 -11px;
}
div#top div#logo {
display: block;
height: 26px;
padding: 0pt;
position: relative;
top: 3px;
width: 176px;
}
/* logo */
div#top div#logo h1 {
margin: 0;
}
div#top div#logo h1 a {
width: 224px;
height: 36px;
margin: 0;
padding: 0;
text-indent: -7887px;
display: block;
/*background: transparent url(../images/logo.png) no-repeat left;*/
font-size: 1px;
line-height: 26px;
}
#user1 {
width: 100%;
background: #303c40 url(../images/top_shelf.png) repeat-x;
padding-bottom: 25px;
}
body.blackbg div#user1 {
background: #000;
background-image: none;
padding-bottom: 0;
}
a.home-promo {
background: url(../images/promo.jpg) no-repeat top center;
height: 220px;
text-indent: -9999px;
margin: 10px 0;
display: block;
border: 1px solid #fff;
}
#nav {
background: #000 url(../images/hmenu_bg.png) repeat-x bottom;
}
#nav .width960px {
position: relative;
}
#main {
background: url(../images/main-top-bg.png) repeat-x top;
margin-bottom: 13px;
}
body.superdrop #main {
background: transparent url(../images/sub-bg-dropline.png) repeat-x 0 0;
}
#pathway {
line-height: 34px;
height: 35px;
background: #111a1c url(../images/pathway_bg.png) repeat-x top;
font-size: 0.9em;
padding: 0 20px 0 8px;
}
#pathway a:link, #pathway a:visited, #pathway a:hover {
line-height: 34px;
padding: 0 15px 0 5px;
margin-right: 4px;
text-decoration: underline;
font-size: 1em;
}
#pathway img {
display: none;
}
#wrapper {
border-bottom: 1px solid #000;
}
body.superdrop #wrapper {
background: transparent url(../images/main-top-bg.png) repeat-x 0 0;
}
.pagination-links, .pagination-counter {
float: left;
clear: both;
width: 100%;
}
#advert1 {
float: left;
clear: both;
}
div.more_articles {
}
/* clear fix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
}
.moduletable-bgstyle-12 {
background: url(../images/modFX/bulb.png) no-repeat 0 0;
}
/* hides from ie mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* end hide from ie Mac */
/* footer section
*****************************************/
#footer {
margin: 0 auto;
clear: both;
position: relative;
height: 75px;
font-size: 0.9em;
color: #fff;
background: #131b1e url(../images/footer-bg.png) repeat-x top left;
margin-top: 1px;
padding-top: 15px;
}
#nav-copy {
position: relative;
top: 12px;
font-size: 1.1em;
}
#joomlajunkie-swish a:link, #joomlajunkie-swish a:visited {
float: left;
background: url(../images/jjswish.png) no-repeat 0px 0px;
width: 42px;
height: 45px;
margin: 0;
padding: 0;
text-indent: -7887px;
z-index: 100;
outline: 0;
margin: -2px 10px 0 10px;
}
#joomlajunkie-swish a:hover {
background-position: 0px -44px;
}
#nav-and-credits {
line-height: 20px;
position: relative;
overflow: hidden;
}
#nav-and-credits .left, #copyright .left {
float: left;
clear: right;
padding: 0;
margin: 0;
padding-left: 10px;
font-size: 0.9em;
}
#nav-and-credits .right, #copyright .right {
float: right;
padding: 0;
margin: 0;
padding-right: 20px;
font-size: 0.9em;
}
#copyright .right {
color: #999;
}
#copyright .right a {
text-decoration: underline;
}
a.w3c-valid-xhtml, a.w3c-valid-css, a.footer-rss {
padding-left: 30px;
text-transform: uppercase;
}
#nav-and-credits a.w3c-valid-xhtml {
background: url(../images/tickle_red.gif) no-repeat 10px 1px;
color: #dc175d;
}
#nav-and-credits a.w3c-valid-css {
background: url(../images/tickle_blue.gif) no-repeat 10px 1px;
color: #a8d5fc;
}
#nav-and-credits a.footer-rss {
background: url(../images/tickle_orange.gif) no-repeat 10px 1px;
color: #e68c05;
}
/* credits */
div#credits {
width: 250px;
height: 30px;
font: normal 12px Arial, serif;
color: #fff;
position: absolute;
top: 25px;
left: 25px;
}
div#credits div {
color: #e4f5ff;
text-indent: 12px;
}
div#credits a {
color: #fff;
text-decoration: underline;
}
#modulemenu {
display: none;
}
.module #modulemenu {
display: block;
}
.moduletable .inputbox {
width: 95%;
}
.moduletable #modlgn_remember {
width: auto;
}
.moduletable .search input#mod_search_searchword.inputbox {
margin: 0 0 0px;
color: #fff;
}
.inputbox {
margin: 0;
padding: 0;
vertical-align: middle;
border: 1px solid #191919;
padding: 4px 0 4px 5px;
color: #ccc;
background: #212c30;
}
input.button, button.button {
border: none;
height: 26px;
line-height: 23px;
padding: 0px 17px 4px;
margin-top: 7px;
margin-bottom: 7px;
border: 1px solid #12191b;
background: transparent url(../images/button-bg.jpg) repeat-x scroll center top;
font-weight: bold;
font-size: 1em;
}
/* configurable sidebars (right)
*****************************************/
body.scheme_2 #content {
display: inline;
float: left;
width: 752px;
margin-top: 21px;
border: 1px solid #2b2e2e;
}
body.scheme_1 #content {
margin-top: 21px;
border: 1px solid #2b2e2e;
float: left;
width: 960px;
}
body.scheme_2 #right {
float: right;
width: 193px;
display: inline;
margin-top: 21px;
margin-left: 10px;
}
/* configurable sidebars (left)
*****************************************/
body.scheme_2 #left {
float: left;
width: 193px;
display: inline;
margin-top: 21px;
margin-left: 0;
clear: both;
}
body.scheme_2 #content.second-in-scheme {
margin-left: 10px;
}
/* right left content */
body.scheme_3 #right.first-in-scheme {
margin-left: 0;
}
body.scheme_3 #left.second-in-scheme {
margin-left: 10px;
clear: none;
}
/* content right left */
.scheme_3 #content.first-in-scheme {
margin-left: 0;
}
body.scheme_3 #right.second-in-scheme {
margin-left: 10px;
}
body.scheme_3 #left.third-in-scheme {
margin-left: 10px;
margin-right: 0;
}
/* right content */
body.scheme_2 #right.first-in-scheme {
float: left;
margin-left: 0;
}
body.scheme_2 #content.second-in-scheme {
float: right;
margin-left: 10px;
margin-right: 0;
}
/* content left */
body.scheme_2 #left.second-in-scheme {
margin-left: 10px;
}
/* sidebar on left and right */
body.scheme_3 #left {
float: left;
width: 193px;
display: inline;
margin-top: 21px;
clear: left;
}
body.scheme_3 #content {
display: inline;
float: left;
width: 548px;
margin-top: 21px;
border: 1px solid #2B2E2E;
margin-left: 10px;
}
body.scheme_3 #right {
float: left;
width: 193px;
display: inline;
margin-top: 21px;
margin-left: 10px;
}
/* options bar
*****************************************/
#color-text {
background: url(../images/select.gif) no-repeat top right;
}
#mainbody {
background: #1b262a;
}
#mainbody .padding {
padding: 10px 16px;
}
#mainbody .padding.bottom-content {
padding: 10px 16px;
}
#color-text {
height: 36px;
margin: -23px 0 0;
padding: 0 10px 0 0;
float: right;
width: 259px;
}
#color-text a {
float: left;
display: inline;
margin-left: 1px;
}
#color-text span.options_caption {
float: left;
line-height: 33px;
font-weight: bold;
padding-left: 0;
font-size: 12px;
}
#color-icons {
position: relative;
margin-top: 7px;
right: -4px;
width: 84px;
float: left;
overflow: hidden;
height: 21px;
}
#font-icons {
position: relative;
margin-top: 7px;
right: -4px;
width: 64px;
height: 21px;
float: left;
overflow: hidden;
}
a.blue-color,
a.red-color,
a.orange-color,
a.green-color,
a.txt-default,
a.txt-larger,
a.txt-smaller {
height: 19px;
width: 19px;
display: block;
text-indent: -9999px;
}
a.txt-default {
background: url(../images/txt-standard.gif) no-repeat 0 0;
}
a.txt-larger {
background: url(../images/txt-big.gif) no-repeat;
}
a.txt-smaller {
background: url(../images/txt-small.gif) no-repeat;
}
a.blue-color {
background: url(../images/color-blue.gif) no-repeat;
}
a.red-color {
background: url(../images/color-red.gif) no-repeat;
}
a.orange-color {
background: url(../images/color-orange.gif) no-repeat;
}
a.green-color {
background: url(../images/color-green.gif) no-repeat;
}
a.blue-color:active,
a.blue-color:hover,
a.red-color:active,
a.red-color:hover,
a.orange-color:active,
a.orange-color:hover,
a.green-color:hover,
a.green-color:active,
a.txt-default:active,
a.txt-default:hover,
a.txt-larger:active,
a.txt-larger:hover,
a.txt-smaller:active,
a.txt-smaller:hover {
background-position: 0 -19px;
}
body.large-text a.txt-larger {
background: url(../images/txt-big.gif) no-repeat 0 0;
}
body.medium-text a.txt-default {
background: url(../images/txt-standard.gif) no-repeat 0 0;
}
body.smaller-text a.txt-smaller {
background: url(../images/txt-small.gif) no-repeat 0 0;
}
body.smaller-text a.txt-smaller,
body.large-text a.txt-larger,
body.medium-text a.txt-default {
background-position: 0 -19px;
}
.cols_1 {
width: 98%;
}
.cols_2 {
width: 46.5%;
}
.cols_3 {
width: 30%;
}
.cols_4 {
width: 22%;
}
.pagenav {
border: 1px solid #24373C;
font-weight: bold;
margin: 5px 1px;
text-align: center;
width: auto;
color: #ccc;
padding: 5px 10px;
}
a.pagenav {
border: 1px solid #2f4249;
color: #957f6c;
padding: 5px 10px;
}
a.pagenav:hover {
border: 1px solid #435e68;
color: #fff;
background: #2f4249;
text-decoration: none;
}
.pagination-links {
float: left;
clear: both;
width: 100%;
text-align: center;
margin-bottom: 5px;
color: #ccc;
}
.pagination-counter {
float: left;
clear: both;
width: 100%;
text-align: center;
padding: 10px 0;
}
.blog_more {
float: left;
clear: both;
padding: 10px 0 0 10px;
width: 98%;
background: #212c30;
border-bottom: 1px solid #2f4249;
border-top: 1px solid #2f4249;
margin-bottom: 20px;
}
#content .blog_more ul.more-links {
margin-top: 0;
}
p.more-link {
margin: 0;
padding: 0;
}
p.more_link {
margin: 0;
text-transform: uppercase;
}
.article_seperator {
border-top: 1px solid #e9e5e5;
border-bottom: 1px solid #fff;
height: 0px;
display: block;
margin: 2% 10%;
width: 80%;
}
input {color: #1B262A;}
textarea {color: #1B262A;}
.shop_error, .shop_warning, .shop_info, .shop_debug, .shop_critical, .shop_tip {color: #1B262A;}
.quantity_box {color: #fff;}
input.button {color: #F9F6EB;}
.catcol {
float:left;
width: 140px;
padding-right:3px;
text-align: center;
}
div.clr { clear: both; }/*----------------------------------------------------------------------------
++ modules.css - this is the css that controls the module styles
----------------------------------------------------------------------------*/
/* modules structure
***************************************/
div.moduletable form table br {
/* fixes big gap between login module inputs */
display: none;
}
#right div.moduletable,
#left div.moduletable {
border: 1px solid #2b2e2e;
width: 190px;
padding: 1px;
margin-bottom: 12px;
background: #000;
}
#right div.moduletable div,
#left div.moduletable div {
border: none;
font-size: 1em;
overflow: hidden;
background: #1b262a;
}
#right div.jjmod-content,
#left div.jjmod-content {
padding: 5px 12px 15px;
width: auto;
}
#right div.moduletable_menu div.jjmod-content,
#left div.moduletable_menu div.jjmod-content {
padding: 0 10px 0;
}
#left div.jjmod,
#right div.jjmod {
width: auto;
display: block;
}
#user2 {
margin: 0 0 30px;
}
/* module header h3 styles
***************************************/
#left div.moduletable h3,
#right div.moduletable h3 {
font-size: 146%;
line-height: 30px;
padding: 0 0 0 10px;
padding: 8px 0 3px 13px;
margin: 0;
width: auto;
}
.inset h3.jjmod-title,
.top-module h3.jjmod-title {
font-size: 1.4em;
margin: 7px 0 3px 0;
}
#user2 div.moduletable h3 {
font-weight: normal;
line-height: 23px;
font-size: 1.6em;
border-bottom: 3px solid #24373c;
padding-bottom: 10px;
margin-bottom: 10px;
}
/* sets a style for no padding
***************************************/
#left .nopadding div.jjmod-content,
#right .nopadding div.jjmod-content {
padding: 0;
width: auto;
}
.inset .moduletable.nopadding div div div,
.top-module .moduletable.nopadding div div div {
padding: 0;
}
#left .nopadding div div div div.jjmod-content,
#right .nopadding div div div div.jjmod-content {
padding: 0;
width: auto;
}
/* custom demo style */
.toppad {margin-top: 15px;}
/* top generic module settings no suffix
***************************************/
.top-module .moduletable,
.inset .moduletable {
margin-bottom: 14px;
}
.inset .moduletable div div div,
.top-module .moduletable div div div {
padding: 10px 20px;
border: none;
}
.inset .moduletable div div div {
padding: 10px 20px 0 20px;
}
.inset .moduletable div.jjmod-content,
.top-module .moduletable div.jjmod-content {
border: none;
padding: 0 0 10px 0;
}
#content .inset .jjmod-content ul,
#content .top-module .jjmod-content ul {
margin: 3px 0;
}
/* content module styles
***************************************/
.bgstyle-11,
.bgstyle-12 {
border-bottom: 1px solid #000;
border-top: 1px solid #000;
margin: 15px 0 10px 0;
}
.bgstyle-11 div,
.bgstyle-12 div {
border-bottom: 1px solid #212c30;
border-top: 1px solid #212c30;
}
.bgstyle-11 div div,
.bgstyle-12 div div {
padding: 14px 0;
margin: 0;
border-bottom: 4px solid #111a1c;
border-top: 4px solid #111a1c;
background: #212c30;
}
.bgstyle-12 div div {
/* add image for for bgstyle-12 */
background: #212c30 url(../images/modFX/bulb.png) no-repeat 5% 50%;
}
.top-module .bgstyle-12 div div div,
.inset .bgstyle-12 div div div {
padding-left: 12%;
background: none;
}
.bgstyle-13 {
background: url(../images/modFX/bgstyle-13.png) repeat-x 0 0;
margin: 15px 0;
}
/* alert icons
***************************************/
.top-module .moduletable.info div div div,
.top-module .moduletable.tips div div div,
.top-module .moduletable.alert div div div,
.inset .moduletable.info div div div,
.inset .moduletable.tips div div div,
.inset .moduletable.alert div div div {
padding: 0;
margin: 10px 0;
}
.top-module .moduletable.info,
.top-module .moduletable.tips,
.top-module .moduletable.alert,
.inset .moduletable.info,
.inset .moduletable.tips,
.inset .moduletable.alert {
margin: 0;
}
.top-module .moduletable.tips div div div div,
.top-module .moduletable.alert div div div div,
.top-module .moduletable.info div div div div {
line-height: 1.4em;
margin-bottom: 1px;
padding: 5px 5px 5px 35px;
}
.top-module .moduletable.tips div div div div {
background: #edf2ff url(../images/icon-typo-tips.jpg) no-repeat 10px 50%;
color: #2d84e3;
border-top: 4px solid #adcdfa;
border-bottom: 4px solid #adcdfa;
}
.top-module .moduletable.alert div div div div {
background: #fae8e8 url(../images/icon-typo-error.jpg) no-repeat 10px 50%;
color: #cc3300;
border-top: 4px solid #cc3300;
border-bottom: 4px solid #cc3300;
}
.top-module .moduletable.info div div div div {
background: #fae8e8 url(../images/icon-typo-info.jpg) no-repeat 10px 50%;
color: #cc6600;
border-bottom: 4px solid #f2a377;
border-top: 4px solid #f2a377;
}
/* modfx header styles
***************************************/
.h3style-01 h3 { color: #fff; }
.h3style-02 h3 { color: #7f9497; }
.h3style-03 h3 { color: #a1bfc2; }
.h3style-04 h3 { color: #bfb797; }
.h3style-05 h3 { color: #47a3b6; }
.h3style-06 h3 { color: #999900; }
.h3style-07 h3 { color: #c5572c; }
.h3style-08 h3 { color: #c02f53; }
/* group structural styles */
#left .h3style-09 h3.jjmod-title,
#right .h3style-09 h3.jjmod-title,
#left .h3style-10 h3.jjmod-title,
#right .h3style-10 h3.jjmod-title,
#left .h3style-11 h3.jjmod-title,
#right .h3style-11 h3.jjmod-title,
#left .h3style-12 h3.jjmod-title,
#right .h3style-12 h3.jjmod-title,
#left .h3style-13 h3.jjmod-title,
#right .h3style-13 h3.jjmod-title,
#left .h3style-14 h3.jjmod-title,
#right .h3style-14 h3.jjmod-title,
#left .h3style-15 h3.jjmod-title,
#right .h3style-15 h3.jjmod-title,
#left .h3style-16 h3.jjmod-title,
#right .h3style-16 h3.jjmod-title,
#left .h3style-17 h3.jjmod-title,
#right .h3style-17 h3.jjmod-title {
width: 181px;
padding: 2px 0 7px 10px;
margin: 0 0 10px 0;
height: 28px;
line-height: 32px;
}
/* now add images to each style */
#left .h3style-09 h3.jjmod-title,
#right .h3style-09 h3.jjmod-title { background-image: url(../images/modFX/h3style-09.png); }
#left .h3style-10 h3.jjmod-title,
#right .h3style-10 h3.jjmod-title { background-image: url(../images/modFX/h3style-10.png); }
#left .h3style-11 h3.jjmod-title,
#right .h3style-11 h3.jjmod-title { background-image: url(../images/modFX/h3style-11.png); }
#left .h3style-12 h3.jjmod-title,
#right .h3style-12 h3.jjmod-title { background-image: url(../images/modFX/h3style-12.png); }
#left .h3style-13 h3.jjmod-title,
#right .h3style-13 h3.jjmod-title { background-image: url(../images/modFX/h3style-13.png); }
#left .h3style-14 h3.jjmod-title,
#right .h3style-14 h3.jjmod-title { background-image: url(../images/modFX/h3style-14.png); }
#left .h3style-15 h3.jjmod-title,
#right .h3style-15 h3.jjmod-title { background-image: url(../images/modFX/h3style-15.png); }
#left .h3style-16 h3.jjmod-title,
#right .h3style-16 h3.jjmod-title { background-image: url(../images/modFX/h3style-16.png); }
#left .h3style-17 h3.jjmod-title,
#right .h3style-17 h3.jjmod-title { background-image: url(../images/modFX/h3style-17.png); }
/* modfx icon styles
***************************************/
.icon-01 h3 span,
.icon-02 h3 span,
.icon-03 h3 span,
.icon-04 h3 span,
.icon-05 h3 span,
.icon-06 h3 span,
.icon-07 h3 span,
.icon-08 h3 span,
.icon-09 h3 span,
.icon-10 h3 span,
.icon-11 h3 span,
.icon-12 h3 span,
.icon-13 h3 span,
.icon-14 h3 span,
.icon-15 h3 span,
.icon-16 h3 span{
float:left;
width:24px;
height:32px;
}
/* set the module icon background images */
.icon-01 h3 span { background: url(../images/icons/icon-01.gif) no-repeat 0 50%; }
.icon-02 h3 span { background: url(../images/icons/icon-02.gif) no-repeat 0 50%; }
.icon-03 h3 span { background: url(../images/icons/icon-03.gif) no-repeat 0 50%; }
.icon-04 h3 span { background: url(../images/icons/icon-04.gif) no-repeat 0 50%; }
.icon-05 h3 span { background: url(../images/icons/icon-05.gif) no-repeat 0 50%; }
.icon-06 h3 span { background: url(../images/icons/icon-06.gif) no-repeat 0 50%; }
.icon-07 h3 span { background: url(../images/icons/icon-07.gif) no-repeat 0 50%; }
.icon-08 h3 span { background: url(../images/icons/icon-08.gif) no-repeat 0 50%; }
.icon-09 h3 span { background: url(../images/icons/icon-09.gif) no-repeat 0 50%; }
.icon-10 h3 span { background: url(../images/icons/icon-10.gif) no-repeat 0 50%; }
.icon-11 h3 span { background: url(../images/icons/icon-11.gif) no-repeat 0 50%; }
.icon-12 h3 span { background: url(../images/icons/icon-12.gif) no-repeat 0 50%; }
.icon-13 h3 span { background: url(../images/icons/icon-13.gif) no-repeat 0 50%; }
.icon-14 h3 span { background: url(../images/icons/icon-14.gif) no-repeat 0 50%; }
.icon-15 h3 span { background: url(../images/icons/icon-15.gif) no-repeat 0 50%; }
.icon-16 h3 span { background: url(../images/icons/icon-16.gif) no-repeat 0 50%; }
.top-module .icon-01 h3 span,
.top-module .icon-02 h3 span,
.top-module .icon-03 h3 span,
.top-module .icon-04 h3 span,
.top-module .icon-05 h3 span,
.top-module .icon-06 h3 span,
.top-module .icon-07 h3 span,
.top-module .icon-08 h3 span,
.top-module .icon-09 h3 span,
.top-module .icon-10 h3 span,
.top-module .icon-11 h3 span,
.top-module .icon-12 h3 span,
.top-module .icon-13 h3 span,
.top-module .icon-14 h3 span,
.top-module .icon-15 h3 span,
.top-module .icon-16 h3 span { background-position: 0 30%; }
.inset .icon-01 h3 span,
.inset .icon-02 h3 span,
.inset .icon-03 h3 span,
.inset .icon-04 h3 span,
.inset .icon-05 h3 span,
.inset .icon-06 h3 span,
.inset .icon-07 h3 span,
.inset .icon-08 h3 span,
.inset .icon-09 h3 span,
.inset .icon-10 h3 span,
.inset .icon-11 h3 span,
.inset .icon-12 h3 span,
.inset .icon-13 h3 span,
.inset .icon-14 h3 span,
.inset .icon-15 h3 span,
.inset .icon-16 h3 span { background-position: 0 30%; }
/* modfx background styles
***************************************/
#left div div,
#right div div { background: #1B262A; }
#left div.bgstyle-01 div,
#right div.bgstyle-01 div { background: #283236; }
#left div.bgstyle-02 div,
#right div.bgstyle-02 div { background: #11181b; }
#left div.bgstyle-03 div,
#right div.bgstyle-03 div { background: #1b4c5c; }
#left div.bgstyle-04 div,
#right div.bgstyle-04 div { background: #5c1b3a; }
#left div.bgstyle-05 div,
#right div.bgstyle-05 div { background: #64740b; }
#left div.bgstyle-06 div,
#right div.bgstyle-06 div { background: #642e14; }
#left div.bgstyle-07 div,
#right div.bgstyle-07 div { background: #13181a url(../images/modFX/bgstyle-07.png) repeat-x top left; }
#left div.bgstyle-08 div,
#right div.bgstyle-08 div { background: #1b262a url(../images/modFX/bgstyle-08.png) repeat-x top left; }
#left div.bgstyle-09 div,
#right div.bgstyle-09 div { background: #0e1214 url(../images/modFX/bgstyle-09.png) repeat-x top left; }
#left div.bgstyle-10 div,
#right div.bgstyle-10 div { background: #0e1214 url(../images/modFX/bgstyle-10.png) repeat-x bottom left; }
/* make sure they are set to transparent */
#left div.bgstyle-01 div div,
#left div.bgstyle-02 div div,
#left div.bgstyle-03 div div,
#left div.bgstyle-04 div div,
#left div.bgstyle-05 div div,
#left div.bgstyle-06 div div,
#left div.bgstyle-07 div div,
#left div.bgstyle-08 div div,
#left div.bgstyle-09 div div,
#left div.bgstyle-10 div div,
#right div.bgstyle-01 div div,
#right div.bgstyle-02 div div,
#right div.bgstyle-03 div div,
#right div.bgstyle-04 div div,
#right div.bgstyle-05 div div,
#right div.bgstyle-06 div div,
#right div.bgstyle-07 div div,
#right div.bgstyle-08 div div,
#right div.bgstyle-09 div div,
#right div.bgstyle-10 div div {
background: transparent;
}
/* advert 1,2,3 positions
***************************************/
#advert1 h3,
#advert2 h3,
#advert3 h3 {
border-bottom: 3px solid #24373c;
font-size: 1.4em;
font-weight: normal;
line-height: 23px;
margin-bottom: 6px;
}
#content #advert1 ul,
#content #advert2 ul,
#content #advert3 ul,
#content #user2 ul {
margin: 3px 0;
}
#advert1 {
margin: 5px 0 0 0;
}
#advert2 {
margin: 0 0 20px;
}
/* simple contact module
***************************************/
.simpleContact-item {
margin-top: 0;
padding-top: 0;
}
.contact-sendusemail span {
color: #000;
}
p.contact-sendusemail a:link,
.contact-sendusemail a:visited {
background: transparent url(../images/sendusemail.png) no-repeat 0 0;
padding: 2px 0 0 8px;
display: none;
}
p.contact-sendusemail a:link,
.contact-sendusemail a:visited {
color: #fff;
}
#simpleContact .contact-image {
background: #333;
border: 1px solid #000;
padding: 1px;
display: none;
}
#simpleContact.dark-rational,
#main .simpleContact-item {
margin: 0;
padding: 0;
}
/* generic styles
***************************************/
p.smallmodule {
font-size: 0.95em;
line-height: 140%;
word-spacing: -0.5px;
}
.blog-rss {
background: transparent url(../images/rssicon.png) no-repeat scroll 99% 45%;
padding-right: 60px;
}
.reflection img {padding: 0 20px 0 27px;}
.inset .bgstyle-13.moduletable div div div.reflection {padding: 0; margin: 0 -14px;}
.reflect-thumb {float: left; margin: 0 25px 0 5px;}
a.gettemplate {margin: 0;padding: 0;}
/* socializer module
***************************************/
#jjSociable p,
#sociableList,
#sociableList li{list-style:none;margin:0;padding:0;background:none;}
#jjSociable p{padding:0 0 20px 0;color: #888;}
ul.favicons li a{padding:5px 0 5px 33px;}
.generic li{display:block;margin:3px 0;width:100%;height:22px;line-height:30px;}
.generic li a{display:block;height:67px;text-indent:27px;background:transparent url(icon.png) no-repeat top left;}
.generic li a:hover{background:transparent url(../../../modules/mod_jj_simplecontact/images/icon.png) no-repeat bottom left;}
#sociableList li a{line-height:2.2em;height:inherit;border-bottom:1px solid #202F33;font:normal 13px Arial;display:block;color:#ccc;}
#sociableList li a:hover{text-decoration:underline;color:#999;background-color: #131B1E;}
#jjSociable{padding:0;}
ul#sociableList{overflow:hidden;}
ul#sociableList li{display:inline;}
.favicons li.sociableTwitter a{background:transparent url(../../../modules/mod_jj_socializer/socializer/twitter.png) no-repeat 5px;}
.favicons li.sociableTumblr a{background:transparent url(../../../modules/mod_jj_socializer/socializer/tumblr.png) no-repeat 5px;}
.favicons li.sociableTumblr a{background:transparent url(../../../modules/mod_jj_socializer/socializer/tumblr.png) no-repeat 5px;}
.favicons li.sociablePlurk a{background:transparent url(../../../modules/mod_jj_socializer/socializer/plurk.png) no-repeat 5px;}
.favicons li.sociablePownce a{background:transparent url(../../../modules/mod_jj_socializer/socializer/pownce.png) no-repeat 5px;}
.favicons li.sociableFlickr a{background:transparent url(../../../modules/mod_jj_socializer/socializer/flickr.png) no-repeat 5px;}
.favicons li.sociableLastfm a{background:transparent url(../../../modules/mod_jj_socializer/socializer/tumblr.png) no-repeat 5px;}
.favicons li.sociableBrightkite a{background:transparent url(../../../modules/mod_jj_socializer/socializer/brightkite.png) no-repeat 5px;}
.favicons li.sociableDigg a{background:transparent url(../../../modules/mod_jj_socializer/socializer/digg.png) no-repeat 5px;}
.favicons li.sociableGreader a{background:transparent url(../../../modules/mod_jj_socializer/socializer/greader.png) no-repeat 5px;}
.favicons li.sociableWordpress a{background:transparent url(../../../modules/mod_jj_socializer/socializer/wordpress.png) no-repeat 5px;}
.favicons li.sociableBlogger a{background:transparent url(../../../modules/mod_jj_socializer/socializer/blogger.png) no-repeat 5px;}
.favicons li.sociableXanga a{background:transparent url(../../../modules/mod_jj_socializer/socializer/xanga.png) no-repeat 5px;}
.favicons li.sociableBlinklist a{background:transparent url(../../../modules/mod_jj_socializer/socializer/blinklist.png) no-repeat 5px;}
.favicons li.sociableDelicious a{background:transparent url(../../../modules/mod_jj_socializer/socializer/delicious.png) no-repeat 5px;}
.favicons li.sociableStumbleapon a{background:transparent url(../../../modules/mod_jj_socializer/socializer/stumbleupon.png) no-repeat 5px;}
.favicons li.sociablePicasaweb a{background:transparent url(../../../modules/mod_jj_socializer/socializer/picasa.png) no-repeat 5px;}
.favicons li.sociableLinkedin a{background:transparent url(../../../modules/mod_jj_socializer/socializer/linkedin.png) no-repeat 5px;}
.favicons li.sociablePlaxo a{background:transparent url(../../../modules/mod_jj_socializer/socializer/plaxo.png) no-repeat 5px;}
.favicons li.sociableApsense a{background:transparent url(../../../modules/mod_jj_socializer/socializer/apsense.png) no-repeat 5px;}
.favicons li.sociableFacebook a{background:transparent url(../../../modules/mod_jj_socializer/socializer/facebook.png) no-repeat 5px;}
.favicons li.sociableFriendster a{background:transparent url(../../../modules/mod_jj_socializer/socializer/friendster.png) no-repeat 5px;}
.favicons li.sociableMyspace a{background:transparent url(../../../modules/mod_jj_socializer/socializer/myspace.png) no-repeat 5px;}
.favicons li.sociableWayn a{background:transparent url(../../../modules/mod_jj_socializer/socializer/wayn.png) no-repeat 5px;}
.favicons li.sociableHifive a{background:transparent url(../../../modules/mod_jj_socializer/socializer/hi5.png) no-repeat 5px;}
.favicons li.sociableLastfm a{background:transparent url(../../../modules/mod_jj_socializer/socializer/lastfm.png) no-repeat 5px;}
.favicons li.sociableOdeo a{background:transparent url(../../../modules/mod_jj_socializer/socializer/odeo.png) no-repeat 5px;}
.favicons li.sociablePandora a{background:transparent url(../../../modules/mod_jj_socializer/socializer/pandora.png) no-repeat 5px;}
.favicons li.sociableYoutube a{background:transparent url(../../../modules/mod_jj_socializer/socializer/youtube.png) no-repeat 5px;}
.favicons li.sociableBebo a{background:transparent url(../../../modules/mod_jj_socializer/socializer/bebo.png) no-repeat 5px;}
.favicons li.sociableHulu a{background:transparent url(../../../modules/mod_jj_socializer/socializer/hulu.png) no-repeat 5px;}
.favicons li.sociableDigg a{background:transparent url(../../../modules/mod_jj_socializer/socializer/digg.png) no-repeat 5px;}
.favicons li.sociableReddit a{background:transparent url(../../../modules/mod_jj_socializer/socializer/reddit.png) no-repeat 5px;}
.favicons li.sociableNewsvine a{background:transparent url(../../../modules/mod_jj_socializer/socializer/newsvine.png) no-repeat 5px;}
.favicons li.sociableMixx a{background:transparent url(../../../modules/mod_jj_socializer/socializer/mixx.png) no-repeat 5px;}
.favicons li.sociableMashable a{background:transparent url(../../../modules/mod_jj_socializer/socializer/mashable.png) no-repeat 5px;}
/*----------------------------------------------------------------------------
++ modules.css - this is the css that controls the module styles
----------------------------------------------------------------------------*/
#wrap{
width: 950px;
border: 1px solid #ccc;
margin: 0 auto;
background: #222;
}
/* global resets
***************************************/
* {
margin: 0;
padding: 0;
color: #f9f6eb;
}
li, dd {
margin-left: 1em;
}
#content blockquote,
#content form,
label,
#content ul,
#content ol,
#content dl,
#content fieldset,
#content address {
margin: 1.8em 0;
}
.contentpane li {
list-style-position: inside;
}
fieldset {
padding: 0.5em;
border: none;
}
p {
padding: 0.5em 0;
line-height: 1.9em;
}
img {
border: 0;
}
a img {
border: 0;
}
table {
/* this helps fix the relative font sizing problem with tables in ie */
font-size: 1em;
}
.hidden {
display: none;
}
/* base font styles
***************************************/
body.smaller-text {
font-size: 12px;
}
body.medium-text {
font-size: 13px;
}
body.large-text {
font-size: 15px;
font-weight: 100;
}
/* base typography
***************************************/
body {
font: normal 100%/175% arial, helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
padding-bottom: 5px;
font-family: arial, helvetica, sans-serif;
margin: 1.2em 0 0.5em 0;
font-weight: normal;
}
h1 {
font-size: 210%;
line-height: 100%;
color: #fff;
}
h2 {
font-size: 185%;
line-height: 100%;
}
h3 {
font-size: 160%;
color: #fff;
}
h4 {
font-size: 140%;
}
h5 {
font-size: 120%;
}
h6 {
font-size: 110%;
}
pre {
background: #1f2a2d;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
margin: 0 0 15px;
padding: 1px;
}
pre p {
border-top: 3px solid #111a1c;
border-bottom: 3px solid #111a1c;
background: #212c30;
color: #ffffff;
margin: 0;
padding: 10px 10px 10px 20px;
}
blockquote {
background: #283236;
border: 1px solid #3e474b;
padding: 10px;
}
blockquote p {
background: #283236;
padding: 15px 20px 15px 15px;
border: 1px solid #000;
margin: -10px
}
blockquote.quote {
color: #666;
font-style: italic;
font-size: 100%;
line-height: 110%;
width: auto;
padding: 0;
margin: 0;
background: #1a1a1a;
border: 1px solid #3e474b;
font-style: normal;
}
blockquote.quote p {
padding: 15px 50px 15px 15px;
margin: 0;
background: #283236 url(../images/blockquote.gif) no-repeat 100% 3%;
border: 1px solid #000000;
}
p.color-green,
p.color-blue,
p.color-orange,
p.color-pink,
p.color-grey{
display: block;
padding: 8px 10px;
margin: 15px 0;
color: #010101;
}
p.color-green {
border-top: 3px solid #98cb00;
border-bottom: 3px solid #98cb00;
background: #ffffff;
}
p.color-blue {
border-top: 3px solid #7db6fb;
border-bottom: 3px solid #7db6fb;
background: #ecf2fe;
}
p.color-orange {
border-top: 3px solid #f18b41;
border-bottom: 3px solid #f18b41;
background: #fdf6e4;
}
p.color-pink {
border-top: 3px solid #d5688f;
border-bottom: 3px solid #d5688f;
background: #fae8e8;
}
p.color-grey {
border-top: 3px solid #ccc;
border-bottom: 3px solid #ccc;
background: #fafafa;
}
/* notice styles */
p.error, p.tips, p.info {
display: block;
padding: 8px 10px 8px 35px;
margin: 15px 0;
}
p.error {
color: #cd3301;
border-top: 3px solid #cd3301;
border-bottom: 3px solid #cd3301;
background: #fae8e8 url(../images/icon-typo-error.jpg) no-repeat 10px 50%;
}
p.tips {
color: #2d84e3;
border-top: 3px solid #adcefb;
border-bottom: 3px solid #adcefb;
background: #ecf2fe url(../images/icon-typo-tips.jpg) no-repeat 10px 50%;
}
p.info {
color: #ca6701;
border-top: 3px solid #f2a378;
border-bottom: 3px solid #f2a378;
background: #fdf6e4 url(../images/icon-typo-info.jpg) no-repeat 10px 50%;
}
.highlight {
background: #286194;
color: #fff;
}
/* lists styling
*****************************************/
#main ol {
padding: 0;
list-style-position: inside;
}
#main ol li {
padding: 2px 0 2px 5px;
}
#content ul > *,
#content ol > *{
margin-left: 25px;
}
#content ul.li-round1,
#content ul.li-round2,
#content ul.li-arrow,
#content ul.li-star {
padding-left: 10px;
margin-left: 0;
margin-top: 5px;
}
ul.li-round1 li,
ul.li-round2 li,
ul.li-arrow li,
ul.li-star li {
list-style: none;
margin-left: 0;
padding-bottom: 3px;
margin-bottom: 5px;
padding-left: 20px;
}
ul.li-round1 li {
background: url(../images/icon-li-orange.jpg) no-repeat 6px 7px;
}
ul.li-round2 li {
background: url(../images/icon-li-pink.jpg) no-repeat 6px 7px;
}
ul.li-arrow li {
background: url(../images/icon-li-arrow.jpg) no-repeat 2px 4px;
}
ul.li-star li {
background: url(../images/icon-li-star.jpg) no-repeat 2px 4px;
}
/* latest news module */
#content ul.latestnews li,
#content ul.mostread li {
list-style-type: none;
margin: 0;
font-size: 1em;
}
ul.mostread-news li {
padding-left: 10px;
margin-left: 0;
list-style: none;
margin-left: 0;
padding-bottom: 3px;
margin-bottom: 5px;
padding-left: 20px;
background: url(../images/icon-li-star.jpg) no-repeat 2px 4px;
}
ul.mostread-news li a:link,
ul.mostread-news li a:visited {
color: #fff;
display: block;
}
/* horizontal rules
*****************************************/
hr {
border-bottom:1px solid #283338;
border-top:1px solid #111111;
color:#111111;
height:2px;
margin:10px 0;
}
/* links styling
*****************************************/
a:link, a:visited {
text-decoration: none;
}
a:hover, a:active {
text-decoration: underline;
}
.contentpaneopen a.readon:link,
.contentpaneopen a.readon:visited {
display: block;
text-decoration: none;
height: 24px;
width: auto;
background: url(../images/readmore.png) no-repeat;
padding: 0 0 0 30px;
margin: 35px 0 10px 0;
font-size: 0.85em;
line-height: 22px;
color: #ccc;
}
.contentpaneopen a.readon:hover {
color: #fff;
}
li span.small {
font-size: 0.9em;
}
li br {
display: none;
}
/* joomla specific
*****************************************/
.contentheading,
.componentheading {
font-size: 2em;
line-height: 1em;
font-weight: normal;
}
h2.contentheading {
margin: 0.5em 0;
float: left;
}
.componentheading {
margin-bottom: 5px;
color: #fff;
}
div.contentpaneopen,
div.contentpane {
font-size: 1em;
clear: both;
}
.sectiontableheader,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td,
td.sectiontableentry1,
td.sectiontableentry2 {
text-indent: 5px;
border-bottom: 1px solid #1b262a;
border-top: 1px solid #2d3437;
padding: 2px 0;
}
#content .sectiontableheader a {
color: #fff;
}
.sectiontableheader {
background: transparent url(../images/table-header-bg.png) repeat-x scroll 0%;
color: #fff;
line-height: 18px;
text-align: left;
font-size: 120%;
}
.sectiontableentry1 {
font-size: 1em;
background: #212c30;
}
.sectiontableentry2 {
background: #253438;
font-size: 1em;
}
td.sectiontableentry1 input,
td.sectiontableentry2 input {
margin-top: 4px;
}
span.small {
color: #ccc;
font-size: 0.85em;
}
span.createdate,
span.author {
color: #999;
padding-left: 0;
font-size: 0.92em;
padding: 0 0 5px;
margin: 0;
line-height: 1em;
display: block;
}
span.modifydate {
background: transparent url(../images/icon-updated.png) no-repeat scroll 0px 14px;
color: #b4b8b9;
padding-left: 0;
padding-top: 10px;
text-indent: 20px;
font-size: 0.85em;
display: inline-block;
}
table.contenttoc {
/* keeps the blog tables from crowding */
margin: 5px;
padding: 0;
float: right;
}
table.contentpane {
border: none;
width: 100%;
}
table.contentpaneopen {
border: none;
}
table.searchintro {
padding: 10px 0;
width: 100%;
}
.blog_more {
margin: 10px 0;
}
.blog_more strong {
margin: 0 0 5px;
padding-left: 13px;
display: block;
color: #999;
text-transform: uppercase;
}
.buttonheading {
padding: 0 3px!important;
}
.mosimage {
background: #f2efe1 none repeat scroll 0%;
border: 1px solid #d9d6cb;
margin: 0 5px 5px;
padding: 4px;
}
.mosimage img {
padding: 0;
margin: 0;
}
.mosimage_caption {
margin-top: 2px;
padding: 0px 2px;
color: #333;
font-weight: normal;
font-size: 1em;
}
/* article index */
table.contenttoc {
background: #131b1e url(../images/main-top-bg.png) repeat-x top left;
margin: 7px;
margin-right: 0;
padding: 2px;
border: 1px solid #2d3437;
width: 22.5%;
}
table.contenttoc td {
padding: 0 7px;
}
table.contenttoc th {
padding: 0 10px;
font-size: 1em;
color: #ccc;
background: url(../images/blue/button-bg.png) repeat-x;
border: 1px solid #2d3437;
text-align: center;
}
table.contenttoc td {
background: url(../images/article_separator.png) repeat-x bottom left;
padding: 2px 0 4px 6px;
}
.pagenavbar div {
text-align: center;
color: #666;
}
.pagenavbar div a {
border: 1px solid #2d3437;
background: #172023 url(../images/blue/button-bg.png) repeat-x;
padding: 3px 5px;
height: 25px;
color: #fff;
}
.pagenavbar div {
text-align: center;
}
.pagenav {
text-align: center;
font-size: 1em;
font-weight: bold;
width: auto;
line-height: 20px;
margin: 1px;
color: #fff;
}
.pagenavcounter {
color: #999;
font-size: 1em;
font-weight: normal;
text-transform: none;
letter-spacing: normal;
line-height: 1.5em;
}
.pagination-links {
text-align: center;
color: #2f4249;
padding: 4px 0;
height: 22px;
}
.pagination-counter {
text-align: center;
color: #666;
}
.article_seperator {
border: 1px solid #e4dfd6;
display: block;
height: 0;
margin: 10px 0;
width: 100%;
}
.article_column {
float: left;
}
span.description {
font-family: cambria, serif;
font-size: 1.2em;
font-style: italic;
font-weight: normal;
text-transform: none;
letter-spacing: normal;
line-height: 1.4em;
color: #c0c0c0;
padding-left: 35px;
display: inline-block;
}
.moduletable span.article_seperator, #inset .moduletable .article_seperator {
display: none !important;
}
#mainbody {
background: #1b262a url(../images/content_bg.png) repeat-x;
}
table.blog .article_seperator {
display: none!important;
}
.blog_more {
font-size: 1.1em;
}
/* send to a friend popup */
body.contentpane form table {
margin: 20px;
font-size: 1em;
}
body.contentpane form table .inputbox {
width: 200px;
margin-bottom: 5px;
}
body.contentpane form table input.button {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
padding: 3px 7px;
background: #eee;
color: #999;
}
/* print styling
*****************************************/
body.contentpane {
background: #fff;
}
body.contentpane table.contentpaneopen {
padding: 20px;
background: #fff;
}
body.contentpane a span.small {
font: bold 14px arial, helvetica, sans-serif;
color: #fff;
}
/* forms styling
*****************************************/
select, select.inputbox {
color: #fff!important;
}
select option {
color: #fff;
}
td.smalldark {
font-size: 0.8em;
}
/* contact page styling
*****************************************/
div.contact_email input,
div.contact_email textarea {
font-size: 1.1em;
color: #666;
font-family: inherit;
}
div.contact_email input {
padding: 2px 5px;
}
.fleftimg {
float: left;
display: inline;
margin: 13px 0 0 0px;
padding-bottom: 25px;
padding-right: 14px;
}
.fleftimgtc {
float: left;
display: inline;
margin: 5px 0 10px 10px;
padding-right: 15px;
}
/* intelli mods styling
*****************************************/
.clear {
clear: both;
display: block;
height: 0;
font-size: 1px;
overflow: hidden;
margin: 0;
padding: 0;
}
div.moduletable.first,
div.moduletable.middle {
float: left;
display: inline;
}
div.moduletable.last {
float: right;
display: inline;
}
/* intelligent modules safari height fix */
#user2 div.countin1,
#user2 div.countin2,
#user2 div.countin3,
#user1 div.countin1,
#user1 div.countin2,
#user1 div.countin3,
#advert1 div.countin1,
#advert1 div.countin2,
#advert1 div.countin3,
#advert2 div.countin1,
#advert2 div.countin2,
#advert2 div.countin3,
#bottom_modules div.countin1,
#bottom_modules div.countin2,
#bottom_modules div.countin3 {
height: 100%!important;
}
#user1 div.countin3 {
width: 304px;
overflow: hidden;
margin-bottom: 7px;
display: block;
}
#user1 div.countin2 {
width: 470px;
overflow: hidden;
margin-bottom: 7px;
display: block;
}
#user1 div.countin1 {
width: 965px;
clear: both;
overflow: hidden;
display: block;
}
#user1 div.middle {
margin-left: 32px;
width: 300px;
margin-bottom: 7px;
display: block;
}
#user1 .moduletable a.readon {
padding: 0;
margin: 0;
text-indent: 0;
font-size: 1em;
font-weight: bold;
text-transform: lowercase;
padding-top: 10px;
background: none;
margin-bottom: 20px;
color: #fff !important;
}
/* bottom intelligent modules */
#bottom_modules {
background: #000 url(../images/bottom-shelf-bg.png) repeat-x top;
padding: 0 0 30px;
line-height: 1.6em;
}
#bottom_modules div.countin3 {
width: 304px;
overflow: hidden;
margin: 8px 0 15px 0;
}
#bottom_modules div.countin2 {
width: 470px;
overflow: hidden;
margin-bottom: 7px;
}
#bottom_modules div.countin1 {
width: 965px;
clear: both;
overflow: hidden;
margin-bottom: 7px;
}
#bottom_modules div.middle {
margin-left: 27px;
width: 300px;
margin-bottom: 7px;
}
#bottom_modules .moduletable h3 {
border-bottom: 2px solid #212c30;
font-size: 1.4em;
font-weight: normal;
line-height: 23px;
}
#bottom_modules .moduletable li {
line-height: 27px;
list-style: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #212c30;
}
#bottom_modules .moduletable li a:link,
#bottom_modules .moduletable li a:visited {
display: block;
color: #fff;
font-size: 13px;
padding: 0 4px;
}
#bottom_modules .moduletable li a:hover {
background: #10181a;
text-decoration: none;
}
/* user2 intelligent modules */
#user2 div.countin3,
#advert1 div.countin3,
#advert2 div.countin3 {
width: 30%;
overflow: hidden;
margin-bottom: 7px;
}
#user2 div.countin2,
#advert1 div.countin2,
#advert2 div.countin2 {
width: 48%;
overflow: hidden;
margin-bottom: 7px;
}
#user2 div.countin1,
#advert1 div.countin1,
#advert2 div.countin1 {
width: 100%;
clear: both;
overflow: hidden;
margin-bottom: 7px;
}
#user2 div.middle,
#advert1 div.middle,
#advert2 div.middle {
width: 30%;
margin-bottom: 7px;
}
body.scheme_3 #advert1 .middle,
body.scheme_3 #advert2 .middle,
body.scheme_3 #user2 .middle {
margin-left: 26px;
}
body.scheme_2 #advert1 .middle,
body.scheme_2 #advert2 .middle,
body.scheme_2 #user2 .middle {
margin-left: 36px;
}
.scheme_1 #advert1 .middle,
.scheme_1 #advert2 .middle,
.scheme_1 #user2 .middle {
left: 46px;
position: relative;
}
#user2 .moduletable a.readon,
#advert1 .moduletable a.readon,
#advert2 .moduletable a.readon,
#bottom_modules .moduletable a.readon {
padding: 0;
margin: 0;
text-indent: 0;
font-size: 1em;
font-weight: normal;
padding-top: 0;
background: none;
display: block;
padding: 14px 0 4px;
}
#bottom_modules .moduletable a.readon {
color: #61502e;
font-weight: bold;
}
#advert1, #advert2 {
float: none;
clear: both;
}
#advert2 {
height: auto;
}
div.top-module {
float: left;
padding-bottom: 10px;
}
p.module-address {
background: transparent url(../images/module-address.png) no-repeat scroll 0px 10px;
padding-left: 24px;
}
p.module-mobile {
background: transparent url(../images/module-mobile.png) no-repeat scroll 3px 8px;
padding-left: 24px;
margin: -0.5em 0;
}
p.module-fax {
background: transparent url(../images/module-fax.png) no-repeat scroll 0px 8px;
text-indent: 25px;
margin: -0.5em 0;
}
p.module-email {
background: transparent url(../images/module-email.png) no-repeat scroll 0px 10px;
text-indent: 25px;
margin: -0.5em 0;
}
p.module-email a {
color: #333;
}
.sendusemail a:link,
.sendusemail a:visited {
display: block;
width: 176px;
height: 26px;
background: url(../images/sendusemail.png) no-repeat;
color: #333;
font-size: 11px;
padding: 3px 0 0 8px;
margin-top: 8px;
}
.wheretogethelp p {
background: transparent url(../images/wheretogethelp.png) no-repeat scroll right bottom;
padding: 0 50px 10px 0;
}
.wheretogethelp ul {
margin: 0;
padding: 0;
list-style: none;
}
.wheretogethelp li {
background: url(../images/wheretogethelp-star.png) no-repeat left;
padding: 0;
margin: 9px 0;
}
.wheretogethelp li a:link, .wheretogethelp li a:visited {
padding: 5px 0 0 25px;
color: #006da8;
}
#nav input.inputbox {
background: transparent url(../images/searchbox.png) no-repeat left;
position: absolute;
right: 0px;
top: 6px;
border: none;
width: 159px;
font-size: 0.9em;
height: 21px;
line-height: 21px;
padding: 6px 0 0 6px;
margin: 4px 0 0 0px;
}
.suckerfish #nav input.inputbox,
.dropline #nav input.inputbox {
top: 8px;
}
#nav input.button {
position: absolute;
right: 5px;
top: 15px;
float: right;
width: 18px;
height: 18px;
background: none;
border: none;
display: block;
text-indent: -88888px;
padding: 40px 0 0;
margin: 0;
line-height: normal;
cursor: pointer;
overflow: hidden;
}
#wrapper .article-options,
#wrapper .article-options li {
margin: 0;
padding: 0;
list-style: none;
}
#wrapper .article-options li {
display: inline-block;
font-size: 0.8em;
margin: 0;
padding: 0;
width: 46px!important;
height: 24px!important;
}
#wrapper .article-options {
border-right: 1px solid #12191b;
display: block;
height: 24px;
float: right;
}
.article_column {
padding-right: 1em;
}
.column_separator {
padding: 0 0 0 1.5em;
background: url(../images/column_separator.png) repeat-y top left;
}
.article_separator {
display: block;
margin-top: 2em;
height: 2em;
background: url(../images/article_separator.png) repeat-x top left;
}/*----------------------------------------------------------------------------
++ menu.css - all menu related css.
----------------------------------------------------------------------------*/
#nav {
height: 39px;
}
#nav .menu {
margin-bottom :1em;
height: 37px;
}
#nav .menu ul {
border-top: 1px solid #dddbc5;
}
#nav .menu li:hover ul,
#nav .menu li.sfHover ul {
top :36px;
}
#nav ul.menu li li:hover ul,
#nav ul.menu li li.sfHover ul {
left :10em;
}
#nav ul.menu li li li:hover ul,
#nav ul.menu li li li.sfHover ul {
left :10em;
}
#nav .menu li a,
#nav .menu li span.separator {
padding: 0 1em;
height: 35px;
line-height: 33px;
color: #fff;
font-size: 14px;
font-weight: bold;
font-family: verdana, arial, helvetica, sans-serif;
background: none;
}
#nav .menu li ul a,
#nav .menu li ul span.separator {
font-size: 12px;
font-weight: normal;
}
#nav .menu li a span {
color :#fff;
}
/* hover on all top levels */
#nav .menu li.sfHover a,
#nav .menu li#current a,
#nav .menu li.current a,
#nav .menu li.tab-hover a {
background: transparent url(../images/menu-overlay.png) repeat-x top left;
color: #fff;
}
#nav .menu li ul li:hover,
#nav .menu li ul li.sfHover,
#nav .menu li#current ul li {
margin-top: 0;
}
#nav .menu li.sfHover li a,
#nav .menu li#current li a,
#nav .menu li.current li a,
#nav .menu li.tab-hover li a {
background: #171c1e;
}
#nav .menu li.current ul li,
#nav .menu li.current ul li a {
background: none;
padding: 0;
margin: 0;
}
#nav .menu li.current.parent a.sf-with-ul span {
color: #fff;
}
#nav .menu li.tab-hover a span {
color: #fff;
}
#nav .menu li:hover a span,
#nav .menu li.sfHover a span,
#nav .menu li#current a span {
color: #fff;
}
/* hover on all sub levels */
#nav .menu ul li {
padding: 0;
margin: 0;
border-left: 1px solid #1e282b;
border-right: 1px solid #000;
border-top: 1px solid #1e282b;
border-bottom: 1px solid #000;
font-size: 12px;
}
#nav .menu ul li a,
#nav .menu ul li a:hover,
#nav .menu ul li.current a {
padding: 0 1em;
margin: 0;
height: 22px;
line-height: 22px;
}
#nav .menu ul li.sfHover a:hover,
#nav .menu ul li a:hover,
#nav .menu ul li.current a,
#nav .menu ul li.current ul li.current a {
background: #fffdf6;
margin: 0;
padding: 0 1em;
}
#nav .menu ul li.current ul li a {
text-decoration: underline;
}
#nav .sf-navbar li li.current > a {
font-weight: bold;
text-decoration: underline;
}
#nav .menu.sf-navbar ul ul {
border-top: 1px solid #1e282b;
width: 200px;
background-image: none;
}
#nav .menu ul,
#nav .menu ul li,
#nav .menu ul li a {
background-color: transparent;
background-image: none;
border: 0;
}
#nav .menu ul li a,
#nav .menu ul li span.separator {
height: 22px;
line-height: 22px;
padding: 5px 10px!important;
line-height: 1.5em;
}
#nav .menu ul ul li a {
border: 0;
}
#nav .menu ul li a,
#nav .menu ul li span.separator,
#nav .menu ul li a:hover {
border-left: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #1e282b;
border-bottom: 1px solid #000;
margin: 0;
font-size: 12px;
}
#nav .menu ul ul li a:hover {
background: #fffdf6;
}
#nav .menu ul li#current,
#nav .menu ul li:hover,
#nav .menu ul li.sfHover,
#nav .menu ul li.sfHover:hover,
#nav .menu ul li:hover {
margin-top: 0;
}
#nav .menu ul li.parent.sfHover,
#nav .menu ul li.parent.sfHover:hover {
background: none;
}
#nav .sf-navbar li li.current > a {
font-weight: bold;
}
#nav .menu.sf-navbar ul ul {
border-top: 1px solid #dddbc5;
width: 200px;
background-image: none;
}
#nav .menu ul,
#nav .menu ul li,
#nav .menu ul li a {
background-color: transparent;
background-image: none;
}
#nav .menu ul li span.separator {
display: block;
color: #fff;
}
#nav .menu ul li span.separator span {
color: #fff;
line-height: 20px;
}
#nav .menu ul li a {
height: 22px;
line-height: 22px;
}
#nav .menu ul ul li a {
border: 0;
}
#nav .menu ul li li a,
#nav .menu ul li li a:hover {
border-left: 1px solid #1e282b;
border-right: 1px solid #000;
border-top: 1px solid #3f4447;
border-bottom: 1px solid #000;
margin: 0;
font-size: 12px;
width: 180px;
}
body.superfish #nav .menu li.tab-hover li a:hover {
background: #242b2e!important;
}
#nav .menu ul li#current,
#nav .menu ul li:hover,
#nav .menu ul li.sfHover,
#nav .menu ul li.sfHover:hover,
#nav .menu ul li:hover {
margin-top: 0;
}
#nav .menu ul li.parent.sfHover,
#nav .menu ul li.parent.sfHover:hover {
background: none;
}
/* top level child indicator underneath
***************************************/
/* top level menu items */
#nav .menu a.sf-with-ul {
}
/* sub level menu items */
#nav .sf-sub-indicator {
background: url(../images/menu-top-arrow-light2.gif) no-repeat 0 0;
}
#nav .sfHover .sf-sub-indicator,
#nav .tab-hover .sf-sub-indicator,
#nav .current .sf-sub-indicator {
background: url(../images/menu-top-arrow-dark.gif) no-repeat 0 0;
}
#nav ul ul .sf-sub-indicator,
#nav .sfHover ul .sf-sub-indicator,
#nav .tab-hover ul .sf-sub-indicator,
#nav .current ul .sf-sub-indicator {
background: url(../images/subchild_right.gif) no-repeat 0 0;
}
#nav .sf-sub-indicator {
right: 44%;
bottom: 5px;
}
#nav a>.sf-sub-indicator {
bottom: 0;
}
/* core menu styling - do not change
***************************************/
#nav .menu,#nav .menu * {
margin: 0;
padding: 0;
list-style: none;
}
#nav .menu {
line-height: 1;
}
#nav .menu ul {
position: absolute;
top: -999em;
}
#nav .menu ul li {
width: 100%;
}
#nav .menu li:hover {
visibility: inherit;
}
#nav .menu li {
background :none;
float: left;
position: relative;
}
#nav .menu a {
display: block;
position: relative;
}
#nav .menu li:hover ul,
#nav .menu li.sfHover ul {
left: 0;
z-index: 99;
}
#nav ul.menu li:hover li ul,
#nav ul.menu li.sfHover li ul {
top: -999em;
}
#nav ul.menu li li:hover ul,
#nav ul.menu li li.sfHover ul {
top: 0;
}
#nav ul.menu li li:hover li ul,
#nav ul.menu li li.sfHover li ul {
top: -999em;
}
#nav ul.menu li li li:hover ul,
#nav ul.menu li li li.sfHover ul {
top: 0;
}
#nav .menu a {
text-decoration: none;
}
#nav .menu li:hover,
#nav .menu li.sfHover,
#nav .menu a:focus,
#nav .menu a:hover,
#nav .menu a:active {
outline: 0;
}
#nav .menu a.sf-with-ul {
min-width: 1px;
}
#nav .sf-sub-indicator {
position: absolute;
display: block;
width: 10px;
height: 8px;
text-indent: -999em;
overflow: hidden;
}
#nav .menu ul .sf-sub-indicator {
right: 10px;
bottom: 1.5em;
}
#nav .menu ul a>.sf-sub-indicator {
bottom: 0.8em;
}
/* menu backgrounds
***************************************/
#nav ul.menu ul,
#nav ul.menu.sf-navbar ul ul {
background: #171c1e;
}
#nav ul.menu.sf-navbar ul {
background: transparent;
}
#nav ul.menu ul li.parent,
#nav ul.menu ul li.parent a {
}
#nav ul.menu ul li.parent li,
#nav ul.menu ul li.parent li a {
background: none;
}
/* other background styles (default)
***************************************/
#nav ul.menu ul li,
#nav ul.menu ul li a {
background: none;
}
#nav ul.menu ul li#current a {
background: #000;
}
#nav ul.menu ul li#current ul li a,
#nav ul.menu ul li#current ul li a {
background: none;
}
/* sidenav
***************************************/
/* core styles */
ul.menu {
list-style: none;
padding: 0;
}
ul.menu li {
border-bottom: 1px solid #283338;
list-style: none;
padding: 0;
margin: 0 -10px;
vertical-align: middle;
}
ul.menu ul li img {
float: left;
vertical-align: middle;
}
ul.menu li a:link,
ul.menu li a:visited,
ul.menu li a:visited,
ul.menu span.separator {
margin: 0;
padding: 0;
color: #f9f6eb;
line-height: 28px;
display: block;
font-size: 1em;
background: url(../images/menu-left-bullet.gif) no-repeat 10px 50%;
padding-left: 30px;
}
/* sub level menu items and accordion
***************************************/
.jjmod-content ul.menu ul {
margin-left: 0;
margin-bottom: -1px;
border-top: 1px solid #283338;
}
.jjmod-content ul.menu ul li {
background: #182225;
}
.jjmod-content ul.menu ul li a {
padding-left: 50px;
background: transparent url(../images/menu-left-bullet.gif) no-repeat scroll 30px 50%
}
.jjmod-content ul.menu ul li ul li a {
padding-left: 70px;
background: transparent url(../images/menu-left-bullet.gif) no-repeat scroll 50px 50%
}
.jjmod-content ul.menu ul li ul li ul li a {
padding-left: 90px;
background: transparent url(../images/menu-left-bullet.gif) no-repeat scroll 70px 50%
}
.jjmod-content ul.menu li#current {
background: #0f1518;
}
.jjmod-content ul.menu span.separator {
background: transparent url(../images/isparent.gif) no-repeat 10px 50%;
text-indent: 20px;
}
.jjmod-content ul.menu .separator.active {
background: transparent url(../images/menu-left-bullet.gif) no-repeat 10px 50%;
}
.jjmod-content ul.menu .separator.active .seperator.active {
background: none;
}
li.parent ul li a.jjSideNavActive {
background: none;
}
.jjmod-content ul.menu span.separator {
text-decoration: none;
font-size: 12px;
color: #333;
padding: 0 0 0 10px;
display: block;
cursor: pointer;
}
/* footer menu
***************************************/
#footer #footer .menu ul {
margin: 0;
padding: 0;
width: 485px;
height: 20px;
}
#footer .menu li {
list-style-type: none;
float: left;
margin: 0;
padding: 0;
padding-right: 10px;
border: none;
}
#footer .menu li a:link, #footer .menu li a:visited {
text-decoration: none;
font: normal 1em Arial, serif;
padding: 2px 2.5px;
}
Warning: include(file.css) [function.include]: failed to open stream: No such file or directory in /home/latham/public_html/art/templates/dark-rational/css/template.css.php on line 17
Warning: include(file.css) [function.include]: failed to open stream: No such file or directory in /home/latham/public_html/art/templates/dark-rational/css/template.css.php on line 17
Warning: include() [function.include]: Failed opening 'file.css' for inclusion (include_path='.:/usr/lib/php:/usr/local/lib/php') in /home/latham/public_html/art/templates/dark-rational/css/template.css.php on line 17
/*----------------------------------------------------------------------------
++ superfish-navbar.css - super dropline styling.
----------------------------------------------------------------------------*/
#nav .sf-navbar {
position: relative;
}
#nav .sf-navbar li {
position: static;
}
#nav .sf-navbar a {
border-top: none;
}
#nav .menu ul li span.separator,
#nav .menu ul li span.separator span{
border: 0;
}
#nav .menu ul li span.separator span{
display: inline!important;
height: 28px;
line-height: 26px;
}
#nav .sf-navbar li.sfHover ul,
#nav .menu.sf-navbar li ul {
width: 960px;
border-top: 0;
}
#nav .menu li.sfHover li li a,
#nav .menu li#current li li a,
#nav .menu li.current li li a,
#nav .menu li.tab-hover li li a {
background: transparent;
}
#nav .menu ul li a,
#nav .menu ul li a:hover {
border: none;
}
body.superdrop #nav .menu li.tab-hover li a:hover {
background: transparent;
text-decoration: underline;
}
body.superdrop #nav .menu li.tab-hover li li a:hover {
background: #242b2e;
text-decoration: none;
}
#nav .menu.sf-navbar li li {
background: none;
border: 0;
position: relative;
padding: 0 10px 0 0 !important;
}
#nav .menu.sf-navbar li li li {
padding: 0 10px 0 0 !important;
}
#nav .menu.sf-navbar li li a {
background: none !important;
}
#nav .sf-navbar li li ul {
width: 13em;
}
#nav .sf-navbar li li li {
width: 100%;
}
#nav .sf-navbar ul li {
width: auto;
float: left;
}
#nav ul.menu ul li.parent,
#nav ul.menu ul li.parent a {
background: transparent;
}
/* #nav .menu.sf-navbar li li.sfHover,
#nav .menu.sf-navbar li li#current,
#nav .menu.sf-navbar li li.current,
#nav .menu.sf-navbar li li.tab-hover {
background: none;
}
#nav .menu.sf-navbar li li.sfHover a,
#nav .menu.sf-navbar li li#current a,
#nav .menu.sf-navbar li li.current a,
#nav .menu.sf-navbar li li.tab-hover a {
background: none;
} */
#nav ul.sf-navbar .current ul,
#nav ul.sf-navbar ul li:hover ul,
#nav ul.sf-navbar ul li.sfHover ul {
left: 0;
top: 35px;
/* match top ul list item height */
}
/* chris */
#nav ul.sf-navbar.menu li li li.sf-breadcrumb {
background: #242b2e!important;
}
#nav ul.sf-navbar.menu li li li a{
padding: 7px 10px!important;
}
#nav ul.sf-navbar.menu li li li.sfHover,
#nav ul.sf-navbar.menu li li li a:hover{
background: #242b2e!important;
}
#nav ul.sf-navbar .current ul ul {
top: -999em;
}
#nav .menu li:hover ul,
#nav .menu li.sfHover ul {
top: 39px;
}
#nav .menu.sf-navbar ul ul {
width: 200px;
background-image: none;
}
#nav ul.menu li li li:hover ul,
#nav ul.menu li li li.sfHover ul {
left: 200px;
}
#nav .menu ul, #nav .menu ul li {
background-color: transparent;
background-image: none;
border: 0;
}
#nav .menu li.sfHover li a,
#nav .menu li#current li a,
#nav .menu li.current li a,
#nav .menu li.menu li a {
background: none;
}
#nav .menu ul li a,
#nav .menu ul li a:hover,
#nav .menu .tab-hover ul li a:hover,
#nav .menu ul li.current a,
#nav .menu ul li.parent a,
#nav .menu ul li a,
#nav .menu ul li.sfHover a,
#nav .menu ul li.current.parent.sfHover a {
margin: 2px 0 0;
}
#nav .menu ul li li a,
#nav .menu ul li li a:hover,
#nav .menu .tab-hover ul li li a:hover,
#nav .menu ul li.current li a,
#nav .menu ul li.parent li a,
#nav .menu ul li li a,
#nav .menu ul li.sfHover li a,
#nav .menu ul li.current.parent.sfHover li a {
margin-top: 0;
}
#nav .menu ul li li a,
#nav .menu ul li li a:hover {
border-left: 1px solid #111;
border-right: 1px solid #111;
border-top: 1px solid #2c2e2f;
border-bottom: 1px solid #111;
margin: 0;
font-size: 12px;
line-height: 1.5em;
height: auto;
}
#nav .menu ul li a,
#nav .menu ul li a:hover {
width: auto;
padding: 0;
}
#nav .menu ul ul li a:hover {
background: #fffdf6;
}
#nav .menu ul li#current,
#nav .menu ul li:hover,
#nav .menu ul li.sfHover,
#nav .menu ul li.sfHover:hover,
#nav .menu ul li:hover,
#nav .menu li.parent ul li.parent {
margin-top: 0;
}
#nav .menu ul li.parent.sfHover,
#nav .menu ul li.parent.sfHover:hover,
#nav .menu ul li:parent.sfHover a {
background: none;
}
/* remove shadow on first submenu */
#nav .sf-navbar>li>ul {
background-image: none;
background: transparent;
padding: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topright: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
}
#nav .sf-shadow ul {
background: none;
padding: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topright: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
}
#nav .sf-shadow ul.sf-shadow-off {
background: transparent;
}
#nav a.sf-with-ul {
position: relative;
padding-right: 30px;
}
#nav ul.menu ul a.sf-with-ul span.sf-sub-indicator {
background: url(../images/subchild.gif) no-repeat 0 0;
position: absolute;
top: 14px;
right: 3px;
}
#nav .menu ul li a {
background: transparent;
}
#nav .menu ul li.sfHover,
#nav .menu ul li a:hover {
}
#nav .menu ul ul li.sfHover,
#nav .menu ul ul li a:hover {
background: #e5e0d1;
}
#droplinespace {
height: 32px;
background: url(../images/sub-bg-dropline.png) repeat-x top;
}
div.dropline {
}
#nav ul.sf-navbar ul .sf-sub-indicator {
background: url(../images/subchild.gif) no-repeat 0 0;
background-position: -10 -100px !important;
}
#nav .menu.sf-navbar li li.parent a {
padding-right: 16px !important;
}
#nav .menu.sf-navbar li li.parent li a {
padding-right: 9px !important;
}
#nav ul.sf-navbar ul ul .sf-sub-indicator,
#nav ul.sf-navbar ul ul a.sf-with-ul span.sf-sub-indicator {
background: url(../images/subchild_right.gif) no-repeat 0 0;
}
/* sf-navbar */
#nav.simple ul.sf-navbar ul, #nav.gradient ul.sf-navbar ul, #nav.gradient ul.menu.sf-navbar ul {
background: none !important;
}