html {
background:#dfdfdf;
}
body {
color:#111;
background:url(../images/topa-bg_f2.jpg) repeat-x;
}
div#wrapper-full div#contentwrapper {
width:760px;
margin:0 auto;
background:url(../images/fauxbg-full_f2.jpg) repeat-y;
overflow:hidden;
}
#wrapper-full {
width:760px;
margin:0 auto;
}
div#wrapper-full div#content {
float:left;
width:750px;
margin:0;
padding:0;
margin-left:10px;
display:inline;
}
div#contentwrapper {
width:760px;
background:url(../images/fauxbg_f2.jpg) repeat-y;
overflow:hidden;
}
/*Styles for left top search*/
.inputbox-search {
background:url(../images/search-bg_f2.jpg) no-repeat;
}
h1#branding {
background:url(../images/branding-logo_f2.jpg) no-repeat;
}
#footer {
background:url(../images/fauxbg_f2.jpg) repeat-y -199px 0;
}
div#wrapper-full #footer {
background:url(../images/fauxbg-full_f2.jpg) repeat-y 0 0;
height:30px;
line-height:30px;
float:left;
width:740px;
display:inline;
text-indent:20px;
font-size:0.8em;
padding:0 10px;
border-top:1px solid #999;
border-bottom:1px solid #999;
}
#footer {
border-top:1px solid #999;
border-bottom:1px solid #999;
}
/*====BLUE MODULE STYLING===*/
div.module {
background:url(../images/module-main-bg_f2.jpg) repeat-y;
}
div.module div {
background:url(../images/module-bottom-bg_f2.jpg) bottom left no-repeat;
}
div.module div div {
background:url(../images/module-top-bg_f2.jpg) top left no-repeat;
}
/*====DARK MODULE STYLING===*/
div.module-dark {
background:url(../images/module-dark-bg_f2.jpg) repeat-y;
}
div.module-dark div {
background:url(../images/module-dark-bottom_f2.jpg) bottom left no-repeat;
}
div.module-dark div div {
background:url(../images/module-dark-top_f2.jpg) top left no-repeat;
}
/*====MENU STYLES===*/
#topa a#active_menu-topnav:link,#topa a#active_menu-topnav:visited {
background:url(../images/menu-active_f2.jpg) repeat-x;
}
#sidebar #mainlevel li a {
background:#09C url(../images/sidebar-menu-bg_f2.gif) no-repeat;
}
#sidebar #mainlevel li a:hover {
background:#aeae00 url(../images/sidebar-menu-bg-active_f2.gif) no-repeat;
}
#topa #mainlevel-topnav li a:hover {
color:#444;
}
#sidebar a#active_menu:link,#sidebar a#active_menu:visited {
display:block;
background:#AEAE00 url(../images/sidebar-menu-bg-active_f2.gif) no-repeat;
}
div#footer li a {
padding:10px;
margin:0;
color:#444;
}
div.blog_more {
background:#dfdfdf;
color:#AEAE00;
border-top:1px solid #AEAE00;
border-bottom:4px solid #AEAE00;
}
.lights-off {
position:absolute;
right:7px;
top:7px;
}
.lights-off a {
height:22px;
text-indent:-7887px;
width:115px;
display:block;
background:url(../images/lights_off.jpg) no-repeat 0 -23px;
}
.lights-off a:hover {
height:22px;
text-indent:-7887px;
width:115px;
display:block;
background:url(../images/lights_off.jpg) no-repeat 0 0;
}
.lights-on {
display:none;
}
/*If you use mosimage to ad images
this helps style those images */
.mosimage {
margin:1px;
}
.mosimage img {
border:none;
border-top:1px solid #bbb;
border-left:1px solid #bbb;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
background:#dfdfdf;
padding:3px;
}
.mosimage_caption {
font-size:10px;
color:#666;
}
pre {
background:#dfdfdf;
border-top:2px solid #09C;
border-bottom:4px solid #09C;
margin:10px;
width:537px;
margin-left:-16px;
margin-right:-13px;
padding:1.2em;
color:#333;
}
* html pre {
width:530px;
}
blockquote {
background:#dfdfdf;
border-top:2px solid #AEAE00;
border-bottom:4px solid #AEAE00;
margin:10px;
width:532px;
margin-left:-16px;
margin-right:-13px;
padding:1.2em;
color:#555;
line-height:140%;
display:block;
}
* html blockquote {
width:530px;
}
.sectiontableheader {
/* This is for styling the section table headers on a SECTION's page.*/
background-color:#ecfbff;
color:#666;
}
.sectiontableentry1 {
/* this is used when there's a whole list of data to provide and
you need to create alternate colors for each row of data. This is
the first color */
background-color:#9BC4E2;
border-top:1px solid #484848;
padding: 1px 0 1px 1;
}
.sectiontableentry1 a:link{
text-decoration:none;
color:#000;
}
.sectiontableentry2 {
/* this is the second color for the row*/
background-color:#F8F8FF;
border-top:1px solid #484848;
}
.sectiontableentry2 a:link{
text-decoration:none;
color:#000;
}
/*====GREEN LEFT MODULE STYLING===*/
div.module-green {
background:#797900 url(../images/module-green.jpg) repeat-y;
width:199px;
margin:10px 0;
font-size:0.9em;
color:#fff;
}
div.module-green div {
background:url(../images/module-green-bottom_f2.jpg) bottom left no-repeat;
}
div.module-green div div {
background:url(../images/module-greenb-top_f2.jpg) top left no-repeat;
padding:7px 10px 15px 12px;
height:1%;
}
div.module-green div div div {
background:none;
padding:0;
width:auto !important;
width:100%;
}
/*====GREY INSET MODULE STYLING===*/
div.module-inset-grey {
background:#acccd0 url(../images/grey-inset.jpg) repeat-x;
width:530px;
margin:10px 0;
font-size:1em;
color:#666;
margin-left:6px;
}
div.module-inset-grey div {
/*see light or dark css*/
background:url(../images/inset-grey-bottom_f2.jpg) bottom left no-repeat;
}
div.module-inset-grey div div {
background:url(../images/inset-grey-top_f2.jpg) top left no-repeat;
padding:7px 10px 15px 12px;
height:1%;
}
div.module-inset-grey div div div {
background:none;
padding:0;
width:auto !important;
width:100%;
}
/*====GREEN INSET MODULE STYLING===*/
div.module-inset-green {
background:#797900 url(../images/green-inset.jpg) repeat-x;
width:530px;
margin:10px 0;
font-size:1em;
color:#fff;
margin-left:6px;
}
div.module-inset-green div {
/*see light or dark css*/
background:url(../images/inset-green-bottom_f2.jpg) bottom left no-repeat;
}
div.module-inset-green div div {
background:url(../images/inset-green-top_f2.jpg) top left no-repeat;
padding:7px 10px 15px 12px;
height:1%;
}
div.module-inset-green div div div {
background:none;
padding:0;
width:auto !important;
width:100%;
}
/*====BLUE INSET MODULE STYLING===*/
div.module-inset-blue {
background:#005271 url(../images/blue-inset.jpg) repeat-x;
width:530px;
margin:10px 0;
font-size:1em;
color:#fff;
margin-left:6px;
}
div.module-inset-blue div {
/*see light or dark css*/
background:url(../images/inset-blue-bottom_f2.jpg) bottom left no-repeat;
}
div.module-inset-blue div div {
background:url(../images/inset-blue-top_f2.jpg) top left no-repeat;
padding:7px 10px 15px 12px;
height:1%;
}
div.module-inset-blue div div div {
background:none;
padding:0;
width:auto !important;
width:100%;
}