/* custom stuff */
html {
height: 100%;
margin-bottom: 1px;
}
body {
margin: 0;
padding: 0;
background-color: #690;
width: 100%;
}
p {
margin-top: 0;
margin-bottom: 5px;
}
fieldset {
border: 0;
padding: 5px 0;
}
span.pathway {
display: block;
vertical-align: middle;
margin-top: 5px;
font-weight: normal;
}
span.pathway img {
padding: 5px 5px;
vertical-align: top;
}
div.path-padding {
padding: 10px 10px 10px 25px;
background: url(../images/arrow.png) 10px 20px no-repeat;
}
span.pathway a {
line-height: 150%;
}
div#pathway {
margin-bottom: 10px;
padding-left: 8px;
}
span.article_seperator {
}
a.readon {
line-height: 300%;
}
/*** fonts ***/
body {
line-height: 125%;
font-family: Arial, Helvetica, sans-serif;
color: #666666;
}
/* size attributes */
body.f-smaller {
font-size: 10px;
}
body.f-default {
font-size: 11px;
}
body.f-larger {
font-size: 10px;
}
.small,
.modifydate,
.createdate,
div.mosimage_caption {
font-size: 95%;
}
#nav a,
#inset a {
font-size: 100%;
}
div.moduletable h3,
div.moduletable-blue h3,
div.moduletable-green h3,
div.moduletable-red h3,
div.moduletable-orange h3,
div.moduletable-gold h3,
div.moduletable-purple h3,
td.side h3,
.componentheading {
font-size: 100%;
line-height: 100%;
}
.contentheading {
font-size: 100%;
padding-bottom: 10px;
padding-top: 10px;
color: #FFFF00;
background-image: url(../images/mod_bg.png);
padding-left: 10px;
margin-left: 10px;
}
div.componentheading {
color: #333;
font-weight: bold;
margin-bottom: 10px;
}
p {
margin-bottom: 15px;
}
/* font family */
h1,
h2,
h3,
h4,
h5,
.contentheading,
.componentheading,
.sectiontableheader {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
a:link,
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* module settings */
div.moduletable,
div.moduletable-blue,
div.moduletable-green,
div.moduletable-red,
div.moduletable-orange,
div.moduletable-gold,
div.moduletable-purple {
margin-bottom: 5px;
padding: 6px 5px;
}
div.moduletable h3,
div.moduletable-blue h3,
div.moduletable-green h3,
div.moduletable-red h3,
div.moduletable-orange h3,
div.moduletable-gold h3,
div.moduletable-purple h3 {
margin: -6px -5px 5px;
text-transform: capitalize;
font-weight: bold;
height: 27px;
line-height: 18px;
background-image: url(../images/mod_bg.png);
background-repeat: repeat-x;
color: #990000;
}
div.moduletable-blue h3 {
color: #006600;
height: 31px;
}
div.moduletable-green h3 {
color: #006600;
background-image: url(../images/green/module_head.png);
background-repeat: repeat-x;
}
div.moduletable-red h3 {
background: url(../images/red/module_head.png) no-repeat;
color: #006600;
}
div.moduletable-orange h3 {
background: url(../images/orange/module_head.png) no-repeat;
color: #006600;
}
div.moduletable-gold h3 {
background: url(../images/gold/module_head.png) no-repeat;
color: #006600;
}
div.moduletable-purple h3 {
background: url(../images/purple/module_head.png) no-repeat;
color: #00A0CD;
}
/* default menu link styles */
a.sublevel {
}
a.mainlevel:hover {
text-decoration: none;
}
td a.sublevel:hover {
text-decoration: underline;
font-size: 14px;
}
/** regular joomla menu **/
a.mainlevel {
display: block;
padding: 3px 0px;
text-indent: 4px;
width: 100%;
}
/* headings */
h1 {
line-height: 80%;
font-size: 80%;
}
h2 {
line-height: 80%;
font-size: 80%;
}
h3 {
line-height: 80%;
font-size: 80%;
}
h4 {
line-height: 80%;
font-size: 80%;
}
.small,
.modifydate,
.createdate {
font-weight: normal;
color: #999;
}
.modifydate {
height: 20px;
vertical-align: bottom;
}
.createdate {
height: 20px;
vertical-align: top;
vertical-align: top;
padding-bottom: 5px;
padding-top: 0px;
}
/** some joomla class stuff */
table.contenttoc {
margin: 5px;
padding: 5px;
}
table.contenttoc td {
padding: 0 5px;
}
td.buttonheading {
vertical-align: middle;
}
td.buttonheading img {
margin-right: 5px;
}
td.sectiontableheader {
font-weight: bold;
padding: 0 4px;
line-height: 20px;
background: #eee;
border-top: 1px solid #efefef;
border-bottom: 1px solid #ddd;
}
tr.sectiontableentry1 td,
tr.sectiontableentry2 td,
td.sectiontableentry1,
td.sectiontableentry2 {
padding: 4px;
}
table.contentpaneopen, table.contentpane {
border-collapse: collapse;
padding: 0;
margin: 0;
width: 100%;
}
table.contentpaneopen td p {
padding-right: 10px;
}
div.contentpane, div.contentpaneopen {
width: 100%;
}
.clr {
clear: both;
}
div.mosimage {
margin: 5px;
}
table.adminform textarea {
width: auto;
color: #666;
}
/** template layout stuff **/
body {
height: 100%;
padding: 0;
margin-bottom: 1px;
background-attachment: fixed;
}
div.wrapper {
margin: auto;
width: 760px;
background-image: url(../images/menu_bg.png);
}
div#inner-wrapper {
border-left: 0px;
border-right: 0px;
background-color: #690;
width: 100%;
}
div#topo {
height: 10px;
position: relative;
background-repeat: no-repeat;
background-color: #060;
}
div#cruz {
background-image: url(../images/cruz.jpg);
height: 20px;
position: relative;
background-repeat: no-repeat;
}
div#emblem {
height: 54px;
}
span#logo {
display: block;
height: 54px;
width: 276px;
}
div#searchbox {
background: url(../images/search.png) 0 0 no-repeat;
float: right;
width: 174px;
height: 54px;
overflow: hidden;
}
div#searchbox input {
background: #e9e9e9;
margin-top: 19px;
margin-left: 29px;
height: 12px;
width: 120px;
border: 0;
color: #666;
font-size: 10px;
}
div#access {
float: right;
width: 100px;
height: 54px;
}
div#menubar {
background: url(../images/menu_bg.png) 0 0 repeat-x;
}
div#menubar .bolts_l {
background: url(../images/menu_bolts.png) 0 0 no-repeat;
}
div#menubar .bolts_r {
background: url(../images/menu_bolts.png) 100% 0 no-repeat;
height: 35px;
}
table.nopad {
width: 100%;
padding: 0;
margin: 0;
border: 0;
border-collapse: collapse;
}
td.leftcol,
td.rightcol,
td.leftdiv,
td.rightdiv,
td.usercol,
td.userdiv,
td.contentcol,
td.maincol {
padding: 0;
}
td.maincol {
padding: 0;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #C2C2C2;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C2C2C2;
}
td.esquerda{
width: 140px;
background-color: #0066FF;
}
td.rightcol {
background-color: #E7E7E7;
padding: 0px;
margin: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C2C2C2;
}
td.rightcol div.moduletable,
td.rightcol div.moduletable-blue
{
width: 111px;
padding-right: 0px;
}
td.lefttcol {
background-color: #993366;
padding: 0px;
margin: 0px;
}
td.leftcol div.moduletable,
td.leftcol div.moduletable-blue
{
background-color: #E7E7E7;
text-align: left;
padding-left: 10px;
width: 140px;
padding-right: 0px;
}
td.leftcol{
width: 140px;
background-color: #E7E7E7;
text-align: left;
border-right-width: 1px;
border-right-style: inset;
border-right-color: #C2C2C2;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C2C2C2;
}
td.leftdiv,
td.rightdiv {
width: 10px;
}
td.lateral {
background-repeat: no-repeat;
background-image: url(../images/lateral_paaf.jpg);
height: 522px;
width: 600px;
}
td.rightdiv {
background: url(../images/shadow_r.png) repeat-y;
}
div#banner {
background-color: #E7E7E7;
padding-top: 0;
padding-right: 0;
padding-left: 0;
}
div#banner img {
padding: 0;
margin: 0;
}
div#footer {
height: 95px;
border-top: 1px solid #fff;
margin: 0;
padding: 0;
background-color: #690;
background-image: url(../images/footer_bg.png);
background-repeat: repeat-x;
}
div.divtop {
clear: both;
background: #E7E7E7;
height: 1px;
overflow: hidden;
padding-right: 0px;
}
div.usermodules {
background-repeat: repeat-x;
background-image: url(../images/mod_bg.png);
margin-left: 10px;
}
div.mod1 {
background: url(../images/mod_bolt_t.png) 100% 0 no-repeat;
}
div.mod2 {
background: url(../images/mod_bolt_t.png) 0 0 no-repeat;
}
div.mod3 {
background: url(../images/mod_bolt_b.png) 100% 100% no-repeat;
}
div.mod4 {
background: url(../images/mod_bolt_b.png) 0 100% no-repeat;
}
div.moddiv1 {
background: url(../images/mod_div_bg.png) 50% 0 repeat-y;
}
div.moddiv2 {
background: url(../images/mod_bolts_b.png) 50% 100% no-repeat;
}
div.moddiv3 {
background: url(../images/mod_bolts_t.png) 50% 0 no-repeat;
}
div.usermodules div.moduletable h3 {
color: #38B0C9;
padding-top: 7px;
line-height: 100%;
text-indent: 0;
padding-left: 5px;
height: auto;
padding-bottom: 10px;
font-size: 11px;
text-transform: capitalize;
font-weight: bold;
background-image: url(../images/mod33_bg.png);
background-repeat: repeat-x;
background-position: 10px 0;
margin-left: 20px;
margin-right: 2px;
}
div.usermodules td.usercol {
padding: 5px;
}
div.moddivider {
background: url(../images/mod_div2.png) 0 0 repeat-x;
height: 12px;
overflow: hidden;
}
td.contentcol {
background-color: #E7E7E7;
text-align: left;
padding: 0px;
}
td.usercol {
width: 50%;
}
div.padding {
border-left-style: solid;
border-left-width: thin;
border-left-color: #DEDEDE;
background-color: #E7E7E7;
padding-top: 0px;
padding-left: 10px;
}
div.direita {
background-color: #6699FF;
}
div#bot-rss {
float: left;
margin-left: 70px;
margin-top: 22px;
}
div#bot-w3c {
float: right;
margin-right: 28px;
margin-top: 30px;
}
div#direita {
background-color: #6699FF;
text-align: right;
float: right;
border-top-style: 1;
border-right-style: 1;
border-bottom-style: 1;
border-left-style: 1;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
}
div#bot-rocket {
margin: 22px auto;
display: block;
position: relative;
width:100%;
height: 41px;
float: right;
font-size: 10px;
text-align: center;
}
div#base {
display: block;
position: relative;
width: 760px;
height: 80px;
background-image: url(../images/footer_bg.png);
margin-top: 0px;
margin-right: auto;
margin-bottom: 22px;
margin-left: auto;
}
/* accessibility stuff */
#access {
}
#access span {
background-repeat: no-repeat;
}
#access a {
text-decoration: none;
}
#access .spacer {
display: block;
float: right;
width: 10px;
overflow: hidden;
}
#access #buttons {
float: right;
padding-right: 11px;
}
#access .button {
display: block;
float: right;
width: 18px;
height: 15px;
margin-left: 1px;
margin-top: 18px;
background-repeat: no-repeat;
}
a.large .button {
background: url(../images/font_l.png);
}
a.small .button {
background: url(../images/font_s.png);
}
a.default .button {
background: url(../images/font_m.png);
}
/* menu stuff */
a.mainlevel:link,
a.mainlevel:visited {
color: #333;
text-indent: 10px;
background: url(../images/submenu_bullet.png) 0 50% no-repeat;
}
a.mainlevel:hover {
color: #666;
}
/* main tabs */
#mainmenu {
padding: 0;
white-space: nowrap;
float: left;
margin: 5px 18px 0;
}
#mainmenu ul {
float: left;
margin: 0;
padding: 0;
list-style: none;
}
#mainmenu li {
float: left;
margin: 0;
padding: 0 10px;
border-right: 1px solid #b2b2b2;
}
#mainmenu a:link, #mainmenu a:visited {
float: left;
display: block;
padding: 2px 10px;
font-size: 95%;
text-transform: lowercase;
font-weight: bold;
height: 17px;
line-height: 17px;
color: #333;
}
#mainmenu a:hover {
color: #666;
text-decoration: none;
}
/* color stuff */
#mainmenu li.blue a,
#mainmenu li.blue_active_menu a {
border-bottom: 3px solid #2d6594;
}
body.blue #submenu li.active_menu a:link,
body.blue #submenu li.active_menu a:visited,
#mainmenu li.blue_active_menu a:link,
#mainmenu li.blue_active_menu a:visited,
body.blue #mainmenu li.default_active_menu a:link,
body.blue #mainmenu li.default_active_menu a:visited {
color: #2d6594;
}
#mainmenu li.red a,
#mainmenu li.red_active_menu a {
border-bottom: 3px solid #8c0d0d;
}
body.red #submenu li.active_menu a:link,
body.red #submenu li.active_menu a:visited,
#mainmenu li.red_active_menu a:link,
#mainmenu li.red_active_menu a:visited,
body.red #mainmenu li.default_active_menu a:link,
body.red #mainmenu li.default_active_menu a:visited {
color: #8c0d0d;
}
#mainmenu li.gold a,
#mainmenu li.gold_active_menu a {
border-bottom: 3px solid #bf8600;
}
body.gold #submenu li.active_menu a:link,
body.gold #submenu li.active_menu a:visited,
#mainmenu li.gold_active_menu a:link,
#mainmenu li.gold_active_menu a:visited,
body.gold #mainmenu li.default_active_menu a:link,
body.gold #mainmenu li.default_active_menu a:visited {
color: #bf8600;
}
#mainmenu li.orange a,
#mainmenu li.orange_active_menu a {
border-bottom: 3px solid #b9641b;
}
body.orange #submenu li.active_menu a:link,
body.orange #submenu li.active_menu a:visited,
#mainmenu li.orange_active_menu a:link,
#mainmenu li.orange_active_menu a:visited,
body.orange #mainmenu li.default_active_menu a:link,
body.orange #mainmenu li.default_active_menu a:visited {
color: #b9641b;
}
#mainmenu li.purple a,
#mainmenu li.purple_active_menu a {
border-bottom: 3px solid #6c2b88;
}
body.purple #submenu li.active_menu a:link,
body.purple #submenu li.active_menu a:visited,
#mainmenu li.purple_active_menu a:link,
#mainmenu li.purple_active_menu a:visited,
body.purple #mainmenu li.default_active_menu a:link,
body.purple #mainmenu li.default_active_menu a:visited {
color: #6c2b88;
}
#mainmenu li.green a,
#mainmenu li.green_active_menu a {
border-bottom: 3px solid #346e22;
}
body.green #submenu li.active_menu a:link,
body.green #submenu li.active_menu a:visited,
#mainmenu li.green_active_menu a:link,
#mainmenu li.green_active_menu a:visited,
body.green #mainmenu li.default_active_menu a:link,
body.green #mainmenu li.default_active_menu a:visited{
color: #346e22;
}
/* submenu */
#submenu {
padding: 0;
white-space: nowrap;
height: 24px;
line-height: 24px;
background: url(../images/submenu_bg.png) 0 100% repeat-x;
border-bottom: 1px solid #fff;
}
#submenu ul {
float: left;
margin: 0;
padding: 0;
list-style: none;
padding-left: 30px;
}
#submenu li {
float: left;
margin: 0;
padding: 0;
padding-right: 10px;
background: url(../images/submenu_bullet.png) 0 50% no-repeat;
}
#submenu li.active_menu a:link, #submenu li.active_menu a:visited {
color: #fff;
}
#submenu a:link, #submenu a:visited {
float: left;
display: block;
padding: 0px 10px;
line-height: 12px;
margin: 5px 0;
text-transform: lowercase;
font-size: 95%;
font-weight: bold;
color: #333;
}
#submenu a:hover {
color: #666;
text-decoration: none;
}
/* some page content things */
.hide {
display: none;
}
td.left ul,
td.right ul {
margin: 0;
padding: 5px 0px 5px 12px;
}
form {
border: 0;
margin: 0;
padding: 0;
}
table.blog span.article_seperator {
display: block;
height: 20px;
}
blockquote {
margin: 10px 0;
line-height: 140%;
padding: 10px;
background: #ddd;
color: #000;
}
pre {
padding: 10px;
background: #eee;
border: 1px solid #ccc;
}
table.pollstableborder td {
text-align: left;
padding: 2px 0;
}