/* @group Main */
html {
/* this is a hack to force scrollbars on at
all times so that the page does not jump
when going from short to long pages */
height: 100%;
margin-bottom: 1px;
}
body {
margin: 0;
padding: 0;
}
p {
/* setup some more readable paragraph spacing */
margin-top: 10px;
margin-bottom: 15px;
}
h1, h2, h3, h4, h4 {
/* setup some more readable header spacing */
padding-bottom: 5px;
margin: 15px 0;
}
/* @group Fonts */
/* @group Sizes */
body.f-smaller {
font-size: 10px;
}
body.f-default {
font-size: 12px;
}
body.f-larger {
font-size: 14px;
}
h1 {
font-size: 200%;
}
h2 {
font-size: 180%;
}
h3 {
font-size: 150%;
align: center;
}
h4 {
font-size:
120%;
}
.small,
.modifydate,
.createdate,
div.mosimage_caption {
font-size: 95%;
}
div.moduletable h3,
.componentheading {
font-size: 145%;
}
table.sections .contentheading {
font-size: 145%;
}
.contentheading {
font-size: 160%;
}
.componentheading {
padding: 10px 5px;
margin-bottom: 15px;
}
td.componentheading {
padding-bottom: 15px;
}
/* @end */
/* @group Family */
body {
line-height: 140%;
font-family: Arial, Helvetica, sans-serif;
}
.contentheading,
.componentheading {
font-weight: bold;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* @end */
/* @end */
/* @end */
/* @group Structure */
/* @group mainbody */
.hide { display: none; }
td.mainbody {
}
div#mainbody .contentheading {
font-family: Arial Narrow, Helvetica, Arial, sans-serif;
font-size: 170%;
}
/* @end */
#header .wrapper {
position: relative;
}
#header .shadow-r {
height: 230px;
}
img#logo {
position:
absolute;
float: left;
margin-left: 50px;
margin-top: 25px;
width: 240px;
height: 230px;
border: 0;
}
div#topblock {
position: absolute;
right: 26px;
top: 0;
width: 466px;
height: 0px;
line-height: 24px;
text-indent: 10px;
overflow: hidden;
}
div#banner {
position: absolute;
top: -5px;
right: 17px;
width: 468px;
height: 210px;
overflow: hidden;
}
#horiz-menu .shadow-r {
padding-left: 40px;
height: 38px;
}
#divider .shadow-r {
height: 7px;
overflow:hidden;
}
#mainbody .shadow-r {
padding: 0 15px 0 16px;
}
#mainbody td.mainbody.empty {
background: none;
}
td.sidebar {
width: 180px;
}
td.mainbody .padding {
padding: 20px 20px;
}
td.sidebar .padding {
padding: 10px 10px;
}
div#bottom {
margin-top: -8px;
}
#bottom .shadow-r2 {
padding: 0 15px 0 16px;
}
#bottom td.mainbottom.empty {
background: none;
}
#bottom td.mainbottom.empty .padding {
background: none;
}
td.mainbottom .padding {
padding: 15px 10px 0px 10px;
}
#footer .shadow-r {
height: 87px;
padding: 0 16px 0 16px;
}
#footer td.mainfooter {
height: 87px;
text-align: center;
font-color: #333333;
}
#footer td.mainfooter.empty {
background: none;
}
#footer td.sidebar {
background: none;
border: 0;
width: 180px;
}
#footer img#rocket {
width: 172px;
height: 54px;
}
#mainbody td.inset {
width: 110px;
padding-left: 15px;
padding-top: 9px;
}
#mainbody td.subbody {
padding-left: 15px;
padding-top: 9px;
}
/* horiz menu */
div#horiz-menu li {
position: relative;
}
#horiz-menu li.active li.active,
#horiz-menu li.active li.active a {
background: none;
}
/* moomenu */
div#horiz-menu .nav li li {
padding: 0;
margin: 0;
}
div#horiz-menu li li a:link,
div#horiz-menu li li a:visited,
div#horiz-menu li li a:hover,
div#horiz-menu li.active li a:link,
div#horiz-menu li.active li a:visited,
div#horiz-menu li.active li a:hover {
border-left: 0;
margin: 0;
}
/* table structure */
table.mainbody,
table.bottom,
table.footer,
table.subbody,
table.sections {
width: 100%;
padding: 0;
}
table.sections {
margin: 15px 0;
}
td.section {
padding: 0;
}
td.section.w49 {
width: 50%;
}
td.section.w33 {
width: 33%;
}
/* @group content */
/* @group menus */
/* @group Horiz Menu */
div#horiz-menu ul {
margin: 0;
padding: 0;
}
div#horiz-menu li {
margin: 0;
padding: 0;
margin-right: 3px;
float: left;
list-style: none;
}
div#horiz-menu a {
display: block;
float: left;
padding: 0 25px;
height: 38px;
line-height: 38px;
font-weight: bold;
text-decoration: none;
}
/* @end */
/* @group Side Menu */
/* side menu is just a standard list so it will work with a hilite */
#vert-menu div.module-hilite4 h3 {
margin-left: 0;
margin-right: 0;
margin-bottom: 1px;
}
#vert-menu div.module-hilite4 div,
#vert-menu div.module-hilite4 div div,
#vert-menu div.module-hilite4 div div div {
padding: 0;
margin: 0;
}
#vert-menu ul.sidenav {
margin: 0;
padding: 0;
}
#vert-menu ul.sidenav li {
margin: 0;
padding: 0;
}
#vert-menu ul.sidenav ul {
margin: 0;
padding: 0;
}
#vert-menu ul.sidenav a {
line-height: 25px;
padding-left: 20px;
font-weight: bold;
}
#vert-menu ul.sidenav ul a {
padding-left: 40px;
}
#vert-menu ul.sidenav ul ul a {
padding-left: 60px;
}
/* @end */
/* @group Contact Menu */
div#top ul {
margin: 0;
padding: 0;
float: right;
}
div#top li {
float:
left;
list-style: none;
margin-right: 20px;
}
div#top li img {
float:
left;
vertical-align: middle;
}
div#top a.mainlevel {
display:
block;
float:
left;
background: none;
margin: 0;
padding: 0 5px;
font-weight:
bold;
}
/* @end */
/* @end */
/* @group Code */
pre {
padding: 10px;
}
blockquote {
font-style: italic;
font-size: 120%;
line-height: 150%;
}
/* @end */
/* @group Notices */
span.alert,
span.info,
span.download,
span.note,
span.rocket {
display: block;
padding: 10px 10px 10px 50px;
margin: 15px 0;
}
/* @end */
/* @group Lists */
td.mainbody ul,
td.sidebar ul,
td.section ul,
div.module-hilite1 ul,
div.module-hilite2 ul,
div.module-hilite3 ul,
div.module-hilite4 ul {
padding-left: 10px;
margin-left: 0;
}
td.mainbody li,
td.sidebar li,
td.section li,
div.module-hilite1 li,
div.module-hilite2 li,
div.module-hilite3 li,
div.module-hilite4 li {
list-style: none;
margin-left: 0;
padding-left: 20px;
}
ul.bullet-a,
ul.bullet-b,
ul.bullet-c,
ul.bullet-d,
ul.bullet-e,
ul.bullet-f {
padding-left: 30px;
margin-left: 0;
}
ul.bullet-a li,
ul.bullet-b li,
ul.bullet-c li,
ul.bullet-d li,
ul.bullet-e li,
ul.bullet-f li {
list-style: none;
margin-left: 0;
padding-left: 35px;
}
ul.number {
margin: 25px 0;
list-style: none;
padding-left:
20px;
}
ul.number li {
padding-left: 45px;
padding-right: 20px;
padding-bottom: 10px;
}
/* @end */
/* @group Blockquote */
blockquote {
width: auto;
padding: 10px 10px 10px 50px;
margin: 15px 0;
}
/* @end */
.topadvert {
margin-bottom: 15px;
}
.screenshot {
float:
right;
margin-top: -35px;
z-index: 9;
}
.hide {
display: none;
}
form {
border: 0;
margin: 0;
padding: 0;
}
table.blog span.article_seperator {
display: block;
height: 20px;
}
/* @end */
/* @end */
/* @group Joomla Core */
/* @group modules */
div.moduletable h3,
div.module h3,
div.module-hilite1 h3,
div.module-hilite2 h3,
div.module-hilite3 h3,
div.module-hilite4 h3 {
line-height: 100%;
font-size: 150%;
font-weight: bold;
font-family: Arial Narrow, Helvetica, Arial, sans-serif;
}
td.section div.moduletable {
margin-bottom: 25px;
padding-right: 25px;
padding-left: 10px;
padding-top: 0px;
}
td.section div.moduletable h3 {
height: 35px;
line-height: 32px;
margin-top: 0;
margin-right: -8px;
margin-bottom: 0;
}
td.sidenav div.module,
td.sidenav div.module-hilite1,
td.sidenav div.module-hilite2,
td.sidenav div.module-hilite3,
td.sidenav div.module-hilite4 {
margin-bottom: 25px;
padding-right: 12px;
}
td.sidenav div.module div {
padding-right: 10px;
}
td.sidenav div.module div div,
td.sidenav div.module-hilite1 div div,
td.sidenav div.module-hilite2 div div,
td.sidenav div.module-hilite3 div div,
td.sidenav div.module-hilite4 div div {
padding: 0;
}
td.sidenav div.module h3,
td.sidenav div.module-hilite1 h3,
td.sidenav div.module-hilite2 h3,
td.sidenav div.module-hilite3 h3,
td.sidenav div.module-hilite4 h3 {
height: 55px;
line-height: 32px;
margin-bottom: -15px;
margin-right: -10px;
}
td.subbody div.moduletable h3,
td.inset div.moduletable h3,
td.sidebar div.moduletable h3 {
line-height: 100%;
height: 19px;
line-height: 20px;
margin-top: 11px;
margin-bottom: 20px;
}
/* module hilite tweaks */
td.sidenav div.module-hilite1,
td.sidenav div.module-hilite2,
td.sidenav div.module-hilite3,
td.sidenav div.module-hilite4 {
padding-top: 15px;
}
td.sidenav div.module-hilite1 h3,
td.sidenav div.module-hilite2 h3,
td.sidenav div.module-hilite3 h3,
td.sidenav div.module-hilite4 h3 {
height: 25px;
margin-bottom: 10px;
margin-top: -10px;
margin-left:
-10px;
}
td.sidenav div.module-hilite1 div,
td.sidenav div.module-hilite2 div,
td.sidenav div.module-hilite3 div,
td.sidenav div.module-hilite4 div {
padding: 10px;
}
.topadvert div.moduletable {
padding: 0;
}
/* @end */
/* @group content */
.contentheading {
padding: 10px 0;
line-height:100%;
}
td.buttonheading {
vertical-align: middle;
}
td.buttonheading img {
margin-right: 5px;
}
table.contentpaneopen, table.contentpane {
border-collapse: collapse;
padding: 0;
margin: 0;
width: 100%;
}
div.contentpane, div.contentpaneopen {
width: 100%;
}
.clr {
clear: both;
}
div.mosimage {
margin: 5px;
}
a.readon {
margin-top: 15px;
display: block;
width:
116px;
height: 36px;
line-height: 26px;
padding-left: 5px;
font-weight: bold;
}
a.readon:hover {
text-decoration: none;
}
span.content_rating img {
vertical-align: top;
}
.modifydate {
height: 20px;
vertical-align: bottom;
}
.createdate {
height: 20px;
vertical-align: top;
vertical-align: top;
padding-bottom: 5px;
padding-top: 0px;
}
table.contenttoc {
margin: 5px;
padding: 5px;
}
table.contenttoc td {
padding: 0 5px;
}
/* @end */
/* @group pathway */
/* My Comment */
span.pathway {
display: block;
height: 30px;
line-height: 30px;
vertical-align: middle;
margin-bottom: 10px;
font-weight: bold;
padding: 0px 15px;
}
span.pathway img {
float:
left;
margin: 6px 12px 0 14px;
border: 0;
width: 17px;
height: 18px;
vertical-align: middle;
}
span.pathway a {
float:
left;
font-weight: normal;
}
/* @end */
/* @group sections */
table.mainbody td.mainbody td.sectiontableheader {
font-weight: bold;
padding: 4px;
line-height: 20px;
}
tr.sectiontableentry1 td,
tr.sectiontableentry2 td,
td.sectiontableentry1,
td.sectiontableentry2 {
padding: 5px;
}
/* @group My Group */
/* @end */
.pollstableborder {
text-align: left;
}
.pollstableborder .sectiontableentry1,
.pollstableborder .sectiontableentry2 {
background: none;
border:
0;
}
/* @end */
/* @group mainmenu */
a.mainlevel {
text-decoration: none;
}
a.mainlevel {
font-weight: bold;
display: block;
padding: 2px 0 2px 20px;
margin-bottom: 3px;
}
a.sublevel {
font-weight: bold;
text-decoration: none;
padding-left: 10px;
}
a.mainlevel:hover {
text-decoration: underline;
}
a.sublevel:hover {
text-decoration: none;
}
.nounder {
text-decoration: none;
border: 0;
}
.style-wrapper {
padding-left: 70px;
padding-top: 30px;
}
.style {
float: left;
margin-right: 50px;
margin-bottom: 50px;
}
/* @end */
/* @end */
.rokslide {
padding: 15px;
}
img.album {
border: 0;
}
/* roklatest stuff */
#accordian {
margin-right: -10px;
margin-top: -29px;
}
#accordian h3.toggler {
position: relative;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
height: 25px;
line-height: 25px;
font-weight: bold;
padding: 0 5px;
margin: 0;
}
#accordian div.element {
padding: 10px 5px;
}
/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {text-align:center;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image { float:left;}
.flickr_badge_image img {float: left; margin: 0 3px 3px 0;border: 0;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
/*
POST PAGE
-------------------------------------------------------------------- */
#fb_postmessage
{
border-left:
1px solid #ccc;
border-right: 1px solid #CCCCCC;
}
table#fb_postmessage .fb_button
{
border: 1px solid #999;
color: #000;
padding: 1px;
}
table#fb_postmessage .fb_slcbox
{
border: 1px solid #999;
color: #000;
}
#fb_post_message .postinput
{
width:
94%;
border: 1px solid #ccc;
padding: 3px 5px;
}
#fb_postmessage tr.fb_sectiontableentry2 td.fb-topicicons td
{
border-bottom: 0px solid #CCCCCC;
}
#fb_postmessage tr.fb_sectiontableentry1 .fb-postbuttonset td.fb_posthint
{
background: #FFFFCC;
border: 1px solid #CFC1A9;
padding: 2px 5px;
}
table#fb_postmessage .fb_posthint .fb_inputbox
{
background: #FFFFCC;
border: 0px solid #FFFFCC;
width:
100%;
}
.fb-postbuttonset
{
width: 95%;
}
.fb-postbuttons { }
table#fb_postmessage
.fb_txtarea
{
width:
95%;
overflow: auto;
height:
300px;
border:
1px solid #ccc;
}
.fb_txtarea
{
height: 300px;
width: 95%;
}
#fb_postmessage tr.fb_sectiontableentry1 .fb-postbuttonset td,
#fb_postmessage tr.fb_sectiontableentry2 .fb-postbuttonset td
{
border-bottom: 0px solid #CCCCCC;
}
table#fb_postmessage .button
{
border: 1px solid #999;
color: #333;
font-weight: bold;
padding: 3px 10px;
margin: 3px;
}
.fb_leftcolumn
{
width:
160px;
text-align: right;
}
fieldset.js_loginflat
{
padding: 5px;
}
fieldset.js_loginflat
{
border-color: #222222;
border-style: solid;
}
fieldset.js_loginflat legend
{
display: none;
}