/*---------------------------------------------------------------------------- ++ EXTERNAL SOURCE: template.css ++ Structural Style Sheet ----------------------------------------------------------------------------*/ * { margin: 0; padding: 0; } html { height: 100%; height: 100%!important; } body { margin: 0; padding: 0; background: #fff; color: black; } /* Template Width *****************************************/ .width960px { width: 960px; margin: 0 auto; text-align: left; padding: 0; } #content-inner { border: 1px solid #ffffff; border-top: none; } /* Top Area *****************************************/ div#top { height: 72px; margin: 0 0 1px 0; } div#top div#logo { display: block; height: 26px; padding: 0pt; position: relative; top: 5px; width: 176px; } /* Logo */ div#top div#logo { margin: 0; } div#top div#logo a { width: 283px; height: 41px; margin: 0; padding: 0; text-indent: -7887px; display: block; background: transparent url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/logo.png) no-repeat left; font-size: 1px; line-height: 26px; } #user2 { width: 100%; background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/top_shelf.png) repeat-x; } div#user2-bg { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/vector-landscape.png) no-repeat top center; height: 239px; margin: 0 auto; } a.home-promo { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/promo.jpg) no-repeat top center; height: 220px; text-indent: -9999px; margin: 10px 0; display: block; border: 1px solid white; } #hmenu { background: #E5F3FD ../images/hmenu_bg.png) repeat-x bottom; position: relative; height: 39px; } #hmenu .width960px { position: relative; top: -6px; } #menu-h { left: 0; } #main { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/main-top-bg.png) repeat-x top; margin-bottom: 13px; } #pathway { line-height: 34px; height: 36px; border-top: 1px solid #ffffff; border-bottom: 1px solid #F2EFE1; background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/pathway_bg.png) repeat-x top; margin-bottom: 1px; font-size: 0.9em; padding: 0 20px 0 8px; } #pathway a:link, #pathway a:visited, #pathway a:hover { line-height: 34px; padding: 0 10px 0 5px; margin-right: 4px; text-decoration: underline; font-size: 1em; } #pathway img { display: none; } /* Clear Fix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; } /* 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: 63px; font-size: 0.9em; color: #fff; background: #F7ECD7; border-top: 1px solid #D5BD97; margin-top: 1px; } #nav-copy { position: relative; top: 12px; font-size: 1.1em; } #joomlajunkie-swish a:link, #joomlajunkie-swish a:visited { float: left; background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/jjswish.png) no-repeat 0px -44px; width: 42px; height: 45px; margin: 0; padding: 0; text-indent: -7887px; z-index: 100; outline: 0; margin: -5px 0 0px 10px; } #nav-and-credits { line-height: 20px; position: relative; } #nav-and-credits .left, #copyright .left { float: left; clear: right; padding: 0; margin: 0; padding-left: 10px; } #nav-and-credits .right, #copyright .right { float: right; padding: 0; margin: 0; padding-right: 20px; } #copyright .right { color: #666 } #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(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/tickle_red.gif) no-repeat 10px 1px; color: #333; } #nav-and-credits a.w3c-valid-css { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/tickle_blue.gif) no-repeat 10px 1px; color: #333; } #nav-and-credits a.footer-rss { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/tickle_orange.gif) no-repeat 10px 1px; color: #333; } /* Footer Menu */ #footer #footer .moduletable_menu ul { margin: 0; padding: 0; width: 485px; height: 20px; } #footer .moduletable_menu li { list-style-type: none; float: left; margin: 0; padding: 0; padding-right: 10px; } #footer .moduletable_menu li a:link, #footer .moduletable_menu li a:visited { text-decoration: none; font: normal 1em Arial, serif; padding: 2px 2.5px 2px 2.5px; } /* 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: 96%; margin: 5px 0; } .inputbox { margin: 0; padding: 0; vertical-align: middle; border: 1px solid #F2EFE1; padding: 4px 0 4px 5px; } input.button { border: none; height: 26px; line-height: 23px; padding: 0px 17px 4px; margin-top: 7px; margin-bottom: 7px; border-left: 1px solid #E9E5DE; border-right: 1px solid #E9E5DE; } /* Configurable Sidebars */ /* Sidebar on right*/ body.scheme_2 #content { display: inline; float: left; width: 752px; margin-top: 25px; border: 1px solid #E9E5DE; } body.scheme_1 #content { margin-top: 25px; border: 1px solid #E9E5DE; float: left; } body.scheme_2 #right { float: right; width: 195px; display: inline; margin-top: 25px; margin-left: 10px; } /* Sidebar on Left*/ body.scheme_2 #left { float: left; width: 195px; display: inline; margin-top: 25px; margin-left: 0px; clear: both; } body.scheme_2 #content.second-in-scheme { margin-left: 10px; } /*right left content*/ body.scheme_3 #right.first-in-scheme { margin-left: 0px; } body.scheme_3 #left.second-in-scheme { margin-left: 10px; clear: none; } /*content-right-left*/ .scheme_3 #content.first-in-scheme { margin-left: 0px; } 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: 195px; display: inline; margin-top: 25px; clear: left; } body.scheme_3 #content { display: inline; float: left; width: 548px; margin-top: 25px; border: 1px solid #E9E5DE; margin-left: 10px; } body.scheme_3 #right { float: left; width: 195px; display: inline; margin-top: 25px; margin-left: 10px; } /*sidebar navigation*/ #left .sidenav ul, #right .sidenav ul, #left .moduletable_menu ul, #right .moduletable_menu ul, { list-style: none; padding: 0 0px 0 0; } #left .sidenav li, #right .sidenav li, #left .moduletable_menu li, #right .moduletable_menu li { border-bottom:1px solid #F5F2E5; list-style: none; padding: 0; margin: 0 -10px; vertical-align: middle; } #left .sidenav ul li img, #right .sidenav ul li img, #left .moduletable_menu ul li img, #right .moduletable_menu ul li img { float: left; vertical-align: middle; } #left .sidenav ul li a:link, #left .moduletable_menu ul li a:link, #left .sidenav ul li a:visited, #left .moduletable_menu ul li a:visited, #right .sidenav ul li a:link, #right .moduletable_menu ul li a:link, #right .sidenav ul li a:visited, #right .moduletable_menu ul li a:visited { margin: 0; padding: 0; color: black; line-height: 28px; display: block; font-size: 1em; background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/menu-left-bullet.gif) no-repeat 10px 50%; padding-left: 30px; } #left .sidenav ul li a:hover, #left .moduletable_menu ul li a:hover, #right .sidenav ul li a:hover, #right .moduletable_menu ul li a:hover { background: #FBFAF6 ../images/menu-left-bullet.gif) no-repeat 10px 50%; text-decoration: none; } /*Modules Structure*/ div.moduletable form table br{ /* Fixex big gap inbetween login module inputs */ display: none; } div#right div.moduletable, div#right div.moduletable_menu, div#left div.moduletable_menu, div#left div.moduletable_text, div#right div.moduletable_text, div#right div.moduletable-sfx, div#left div.moduletable, div#left div.moduletable-sfx { border: 1px solid #E4DFD6; width: 173px; padding: 10px 10px 10px 10px; font-size: 1em; overflow: hidden; margin-bottom: 10px; } #wrapper #main #left div.moduletable h3, #wrapper #main #right div.moduletable h3, #wrapper #main #left div.moduletable_menu h3, #wrapper #main #right div.moduletable_menu h3, #wrapper #main #left div.moduletable_text h3, #wrapper #main #right div.moduletable_text h3, #wrapper #main #left div.moduletable-sfx h3, #wrapper #main #right div.moduletable-sfx h3 { margin: 0px 0px 6px -10px; width: 181px; font-size: 140%; line-height: 30px; padding: 0 0 0 10px; } #wrapper #main #left div.h3-image h3, #wrapper #main #right div.h3-image h3, #wrapper #main #left div.h3-image-sfx h3, #wrapper #main #right div.h3-image-sfx h3, #wrapper #main #left div.h3-neutral h3, #wrapper #main #right div.h3-neutral h3, #wrapper #main #left div.h3-neutral-sfx h3, #wrapper #main #right div.h3-neutral-sfx h3, #wrapper #main #left div.h3-colorbg h3, #wrapper #main #right div.h3-colorbg h3, #wrapper #main #left div.h3-colorbg-sfx h3, #wrapper #main #right div.h3-colorbg-sfx h3 { margin: 0 0px 10px -16px; width: 191px; margin-top: -10px; border: 1px solid #ffffff; font-size: 140%; line-height: 34px; padding: 0; text-indent: 4px; color: #fff!important; padding-left: 12px; background-repeat: no-repeat; background-position: top; } #left div.h3-neutral h3, #right div.h3-neutral h3, #left div.h3-neutral-sfx h3, #right div.h3-neutral-sfx h3 { background-image: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/neutral-module-top.png); } #left div.h3-colorbg h3, #right div.h3-colorbg h3, #left div.h3-colorbg-sfx h3, #right div.h3-colorbg-sfx h3 { background-color: #BB533E; border: none; } p.smallmodule { font-size: 0.9em; line-height: 140%; word-spacing: -0.5px; } .blog-rss { background: transparent url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/rssicon.png) no-repeat scroll 99% 45%; padding-right: 60px; } /* Module Background Styles */ div.brown-bg { background-color: #F9F8F2; } div.topgrad { background-image: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/top-grad.png); background-repeat: repeat-x; background-position: top; background-color: #fff; } div.botgrad { background-image: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/bot-grad.png); background-repeat: repeat-x; background-position: bottom; } #left div.moduletable-sfx.nopadding { padding: 0; width: auto; margin-bottom: 10px; } /*Options Bar */ #mainbody .padding { padding: 10px 17px } #color-text { width: 255px; height: 36px; margin: -23px 0 0 715px; border: 0px solid red; position: absolute; } #color-text a { float: left; display: inline; margin-left: 1px; } #color-text span { float: left; line-height: 33px; font-weight: bold; padding-left: 15px; font-size: 12px; } #color-icons { position: relative; margin-top: 7px; right: -4px; position: relative; } a.blue-color, a.peachy-color, a.brown-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(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/txt-standard-2.gif) no-repeat 0 0; } a.txt-larger { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/txt-big-2.gif) no-repeat; } a.txt-smaller { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/txt-small-2.gif) no-repeat; } a.blue-color { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/color-blue.gif) no-repeat; } a.peachy-color { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/color-peachy.gif) no-repeat; } a.brown-color { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/color-brown.gif) no-repeat; } a.green-color { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/color-green.gif) no-repeat; } a.blue-color:active, a.blue-color:hover, a.peachy-color:active, a.peachy-color:hover, a.brown-color:active, a.brown-color:hover, a.green-color:hover, a.green-color:active { background-position: 0 -19px; } body.large-text a.txt-larger { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/txt-big-2.gif) no-repeat 0 0; } body.medium-text a.txt-default { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/txt-standard-2.gif) no-repeat 0 0; } body.smaller-text a.txt-smaller { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/txt-small-2.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; } /* Numbers *****************************************/ span.number, span.number-blue, span.number-red, span.number-green, span.number-purple, span.number-orange, span.number-brown, span.number-grey {display: block;font-size: 170%;float: left;margin: 2px 10px 0 15px;} span.number {color: #333;} span.number-blue {color: #0D507A;} span.number-red {color: #D12E2E;} span.number-green {color: #74A824;} span.number-purple {color: #9E0E87;} span.number-orange {color: #CC8300;} span.number-brown {color: #8B6846;} span.number-grey {color: #666;} span.number-30, span.number-blue-30, span.number-red-30, span.number-green-30, span.number-purple-30, span.number-orange-30, span.number-brown-30, span.number-grey-30 {display: block;font-size: 170%;float: left;margin: 2px 10px 0 15px;padding-bottom:30px;} span.number-30 {color: #333;} span.number-blue-30 {color: #0D507A;} span.number-red-30 {color: #D12E2E;} span.number-green-30 {color: #74A824;} span.number-purple-30 {color: #9E0E87;} span.number-orange-30 {color: #CC8300;} span.number-brown-30 {color: #8B6846;} span.number-grey-30 {color: #666;} span.number-50, span.number-blue-30, span.number-red-50, span.number-green-50, span.number-purple-50, span.number-orange-50, span.number-brown-50, span.number-grey-50 {display: block;font-size: 170%;float: left;margin: 2px 10px 0 15px;padding-bottom:50px;} span.number-50 {color: #333;} span.number-blue-50 {color: #0D507A;} span.number-red-50 {color: #D12E2E;} span.number-green-50 {color: #74A824;} span.number-purple-50 {color: #9E0E87;} span.number-orange-50 {color: #CC8300;} span.number-brown-50 {color: #8B6846;} span.number-grey-50 {color: #666;} .important, .important-blue, .important-red, .important-green, .important-purple, .important-orange, .important-brown, .important-grey {padding: 15px;margin: 15px 0;} span.important-title, span.important-title-blue, span.important-title-red, span.important-title-green, span.important-title-purple, span.important-title-orange, span.important-title-brown, span.important-title-grey {position: absolute;display: block;margin-top: -24px;background: #f0f0f0;padding: 0 8px;font-weight: bold;font-size: 120%;} .important {border: 1px solid #333;} .important-blue {border: 1px solid #0D507A;} .important-red {border: 1px solid #D12E2E;} .important-green {border: 1px solid #74A824;} .important-purple {border: 1px solid #9E0E87;} .important-orange {border: 1px solid #CC8300;} .important-brown {border: 1px solid #8B6846;} .important-grey {border: 1px solid #666;} span.important-title {color: #333;} span.important-title-blue {color: #0D507A;} span.important-title-red {color: #D12E2E;} span.important-title-green {color: #74A824;} span.important-title-purple {color: #9E0E87;} span.important-title-orange {color: #CC8300;} span.important-title-brown {color: #8B6846;} span.important-title-grey {color: #666;} span.dropcap, span.dropcap-blue, span.dropcap-red, span.dropcap-green, span.dropcap-purple, span.dropcap-orange, span.dropcap-brown, span.dropcap-grey {display: block;font-size: 350%;float: left;margin: 0px 4px 0 0;line-height: 100%;} span.dropcap {color: #333;} span.dropcap-blue {color: #0D507A;} span.dropcap-red {color: #D12E2E;} span.dropcap-green {color: #74A824;} span.dropcap-purple {color: #9E0E87;} span.dropcap-orange {color: #CC8300;} span.dropcap-brown {color: #8B6846;} span.dropcap-grey {color: #666;}/*---------------------------------------------------------------------------- ++ EXTERNAL SOURCE: menu.css ++ Menu Style Sheet ----------------------------------------------------------------------------*/ /*GENERAL SETTINGS*/ .superfish #hmenu .width960px { position: relative; top: -3px; } #jjNav { height: auto; width: 950px; margin: 0 auto; } #jjNav ul#jjSuperfish { padding: 0; margin: 0; list-style: none; float: left; top: 3px; left: 0; } #jjNav ul#jjSuperfish li { margin: 0 3px; } #jjNav ul#jjSuperfish ul li { margin: 0; } ul#jjSuperfish li.sfHover a span { /*for staying color*/ color: black; } #jjNav a:link, #jjNav a:visited, #jjNav a:hover { text-decoration: none; } /*FIRST LEVEL*/ ul#jjSuperfish li a span { color: white; font-size: 14px; font-family: verdana, Arial, Helvetica, sans-serif; display: block; } ul#jjSuperfish li#sfhover a:link span, ul#jjSuperfish li#sfhover a:visited span { color: black; position: relative; } ul#jjSuperfish li a.active span { color: black; } ul#jjSuperfish li { float: left; list-style: none; padding: 0; margin: 0; position: relative; } ul#jjSuperfish li a span { display: block; position: relative; } ul#jjSuperfish li.separator { font-weight: bold; line-height: 42px; cursor: default; display: block; padding: 0 10px; } ul#jjSuperfish li.separator span { position: relative; top: 2px; } ul#jjSuperfish li#sfhover a.active:hover { border: none; /*ie7*/ } ul#jjSuperfish li a:link, ul#jjSuperfish li a:visited, ul#jjSuperfish li a:hover { overflow: hidden; line-height: 42px; font-weight: bold; font-size: 13px; font-family: Arial, Helvetica, sans-serif; background-color: transparent; display: block; float: left; /*IE Whitespace Bug*/ clear: left; /*IE Whitespace Bug*/ } ul#jjSuperfish li#sfhover a:link, ul#jjSuperfish li#sfhover a:visited, ul#jjSuperfish li#sfhover a:hover { display: block; text-decoration: none; } ul#jjSuperfish li a:link span, ul#jjSuperfish li a:visited span, ul#jjSuperfish li a:hover span { width: auto; padding-right: 10px; padding-left: 10px; position: relative; cursor: pointer; /*opera*/ } ul#jjSuperfish li#sfhover, ul#jjSuperfish li.sfHover, ul#jjSuperfish li.jjNav-child-active, ul#jjSuperfish li.jjNav-last-child-active, ul#jjSuperfish li.jjNav-first-child-active, ul#jjSuperfish li#sfhover.jjNav-child-active, ul#jjSuperfish li#sfhover.jjNav-last-child-active, ul#jjSuperfish li#sfhover.jjNav-first-child-active, ul#jjSuperfish li.jjNav-first-active, ul#jjSuperfish li.jjNav-last-active, ul#jjSuperfish li.jjNav-active, ul#jjSuperfish li#sfhover.jjNav-first-active, ul#jjSuperfish li#sfhover.jjNav-last-active, ul#jjSuperfish li#sfhover.jjNav-active, ul#jjSuperfish li#sfhover.jjNav-child-active, ul#jjSuperfish li#sfhover.jjNav-last-child-active, ul#jjSuperfish li#sfhover.jjNav-first-child-active, ul#jjSuperfish li#sfhover.jjNav-active { position: relative; background: transparent url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/menu-top-right.png) right top no-repeat; } ul#jjSuperfish li#sfhover a:hover, ul#jjSuperfish li.sfHover a:hover, ul#jjSuperfish li.sfHover a:link, ul#jjSuperfish li.sfHover a:visited, ul#jjSuperfish li a.active:link, ul#jjSuperfish li a.active:visited, ul#jjSuperfish li a.active:hover { background: transparent url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/menu-top-left.png) left top no-repeat; color: #222; display: block; } ul#jjSuperfish li#sfhover a.active:hover, ul#jjSuperfish li.sfHover a.active:hover { text-decoration: none; } /*white arrow on with childs*/ ul#jjSuperfish li.jjNav-child span, ul#jjSuperfish li.jjNav-first-child span, ul#jjSuperfish li.jjNav-last-child span { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/menu-top-arrow-light2.gif) no-repeat 50% 32px; } /*dark arrow ond hover and active with childs*/ ul#jjSuperfish li.sfHover a span, ul#jjSuperfish li#sfhover.jjNav-child-active span, ul#jjSuperfish li#sfhover.jjNav-first-child-active span, ul#jjSuperfish li#sfhover.jjNav-last-child-active span, ul#jjSuperfish li#sfhover.jjNav-child span, ul#jjSuperfish li#sfhover.jjNav-first-child span, ul#jjSuperfish li#sfhover.jjNav-last-child span, ul#jjSuperfish li.jjNav-child-active a.active span, ul#jjSuperfish li.jjNav-first-child-active a.active span, ul#jjSuperfish li.jjNav-last-child-active a.active span { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/menu-top-arrow-dark.gif) no-repeat 50% 32px; color: #222; } /*no arrow on click hack*/ ul#jjSuperfish li span, ul#jjSuperfish li.sfHover a:hover span, ul#jjSuperfish li.sfHover.jjNav a span { background: none; text-decoration: none; } /*NEXT LEVELS*/ ul#jjSuperfish ul { display: none; position: absolute; top: 40px; left: 0px; float: none; width: 200px; line-height: 30px; background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/menu-top-sub-bg.png) repeat-x bottom #F0EBDB; border-left: 1px solid #CBC8B8; border-right: 1px solid #CBC8B8; border-bottom: 1px solid #CBC8B8; } ul#jjSuperfish li ul li ul { display: none; top: -1px; left: 200px; } ul#jjSuperfish li ul li { margin: 0; border-top: 1px solid #fff; border-bottom: 1px solid #D9D6C4; line-height: 30px; display: block; width: 200px; float: left; background: none transparent; cursor: pointer; /*opera*/ } ul#jjSuperfish li ul li.jjNav-first { border-top: none; } ul#jjSuperfish li#sfhover ul li a.active:hover, ul#jjSuperfish li.sfHover ul li a.active:hover { text-decoration: none; /*reset txt decoration for submenus*/ } ul#jjSuperfish li#sfhover ul li a:link, ul#jjSuperfish li#sfhover ul li a:visited, ul#jjSuperfish li.sfHover ul li a:link, ul#jjSuperfish li.sfHover ul li a:visited { color: #222222; display: block; background: none transparent; line-height: 30px; padding: 0 10px; font-weight: normal; width: 180px; } ul#jjSuperfish li ul li#sfhover { background: none transparent; } ul#jjSuperfish li ul li.separator, ul#jjSuperfish li ul li#sfhover.separator { line-height: 30px; height: 30px; padding: 0; color: black; } ul#jjSuperfish li ul li.separator span, ul#jjSuperfish li ul li#sfhover.separator span { padding: 0 10px; margin: 0; color: black; height: 30px; line-height: 30px; } ul#jjSuperfish li.sfHover ul li { line-height: 30px; background: none; } /*arrows for subchilds*/ ul#jjSuperfish li ul li.jjNav-first-subchild, ul#jjSuperfish li ul li.jjNav-subchild, ul#jjSuperfish li ul li.jjNav-last-subchild { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/subchild.gif) no-repeat 180px 50%; } ul#jjSuperfish li#sfhover ul li#sfhover, #jjSuperfish li#sfhover ul li.jjNav-first-active, #jjSuperfish li#sfhover ul li.jjNav-last-active, #jjSuperfish li#sfhover ul li.jjNav-active { background: #FFFDF6 none; } ul#jjSuperfish li#sfhover ul li#sfhover.jjNav-first-subchild, ul#jjSuperfish li#sfhover ul li#sfhover.jjNav-last-subchild, ul#jjSuperfish li#sfhover ul li#sfhover.jjNav-subchild, #jjSuperfish li#sfhover ul li.jjNav-first-subchild-active, #jjSuperfish li#sfhover ul li.jjNav-last-subchild-active, #jjSuperfish li#sfhover ul li.jjNav-subchild-active, #jjSuperfish li#sfhover ul li#sfhover.jjNav-first-subchild-active, #jjSuperfish li#sfhover ul li#sfhover.jjNav-last-subchild-active, #jjSuperfish li#sfhover ul li#sfhover.jjNav-subchild-active, #jjSuperfish li ul li.jjNav-first-subchild-active, #jjSuperfish li ul li.jjNav-last-subchild-active, #jjSuperfish li ul li.jjNav-subchild-active { background-color: #FFFDF6; background-image: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/subchild.gif); background-repeat: no-repeat; background-position: 180px 50%; } ul#jjSuperfish li ul li#sfhover a:link, ul#jjSuperfish li ul li#sfhover a:visited, ul#jjSuperfish li ul li#sfhover a:hover { background: none; } ul#jjSuperfish li.separator span, ul#jjSuperfish li#sfhover.separator, ul#jjSuperfish li#sfhover.separator span { background: none; color: #ffffff; cursor: default; line-height: 42px; height: 42px; padding: 0 10px; display: block; float: left; } ul#jjSuperfish li.separator { background: none; color: #ffffff; cursor: default; line-height: 42px; height: 42px; padding: 0 10px; } /*********************************************************/ #jjSuckerfish, #jjSuckerfish ul { /* all lists */ padding: 0; margin: 0; list-style: none; line-height: 1; top: 3px; position: relative; } #jjNav ul#jjSuckerfish li { margin: 0 3px; } #jjNav ul#jjSuckerfish ul li { margin: 0; } #jjSuckerfish a:link, #jjSuckerfish a:visited { display: block; } ul#jjSuckerfish li a span { color: white; font-size: 14px; font-family: verdana, Arial, Helvetica, sans-serif; display: block; } ul#jjSuckerfish li#sfhover a:link span, ul#jjSuckerfish li#sfhover a:visited span, ul#jjSuckerfish li a.active span { color: black; position: relative; } ul#jjSuckerfish li a:link, ul#jjSuckerfish li a:visited, ul#jjSuckerfish li a:hover { overflow: hidden; line-height: 42px; font-weight: bold; font-size: 13px; font-family: Arial, Helvetica, sans-serif; background-color: transparent; display: block; float: left; /*IE Whitespace Bug*/ clear: left; /*IE Whitespace Bug*/ } ul#jjSuckerfish li a:link span, ul#jjSuckerfish li a:visited span, ul#jjSuckerfish li a:hover span { width: auto; padding-right: 10px; padding-left: 10px; position: relative; cursor: pointer; /*opera*/ } ul#jjSuckerfish li#sfhover, ul#jjSuckerfish li.jjNav-child-active, ul#jjSuckerfish li.jjNav-last-child-active, ul#jjSuckerfish li.jjNav-first-child-active, ul#jjSuckerfish li#sfhover.jjNav-child-active, ul#jjSuckerfish li#sfhover.jjNav-last-child-active, ul#jjSuckerfish li#sfhover.jjNav-first-child-active, ul#jjSuckerfish li.jjNav-first-active, ul#jjSuckerfish li.jjNav-last-active, ul#jjSuckerfish li.jjNav-active, ul#jjSuckerfish li#sfhover.jjNav-first-active, ul#jjSuckerfish li#sfhover.jjNav-last-active, ul#jjSuckerfish li#sfhover.jjNav-active, ul#jjSuckerfish li#sfhover.jjNav-child-active, ul#jjSuckerfish li#sfhover.jjNav-last-child-active, ul#jjSuckerfish li#sfhover.jjNav-first-child-active, ul#jjSuckerfish li#sfhover.jjNav-active { background: transparent url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/menu-top-right.png) left top no-repeat; } ul#jjSuckerfish li#sfhover a:hover, ul#jjSuckerfish li#sfhover a, ul#jjSuckerfish li a.active:link, ul#jjSuckerfish li a.active:visited, ul#jjSuckerfish li a.active:hover { background: transparent url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/menu-top-left.png) left top no-repeat; color: #222; display: block; } /*white arrow on with childs*/ ul#jjSuckerfish li.jjNav-child span, ul#jjSuckerfish li.jjNav-first-child span, ul#jjSuckerfish li.jjNav-last-child span { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/menu-top-arrow-light2.gif) no-repeat 50% 32px; } /*dark arrow on hover and active with childs*/ ul#jjSuckerfish li#sfhover.jjNav-child-active span, ul#jjSuckerfish li#sfhover.jjNav-first-child-active span, ul#jjSuckerfish li#sfhover.jjNav-last-child-active span, ul#jjSuckerfish li#sfhover.jjNav-child span, ul#jjSuckerfish li#sfhover.jjNav-first-child span, ul#jjSuckerfish li#sfhover.jjNav-last-child span, ul#jjSuckerfish li.jjNav-child-active a.active span, ul#jjSuckerfish li.jjNav-first-child-active a.active span, ul#jjSuckerfish li.jjNav-last-child-active a.active span { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/menu-top-arrow-dark.gif) no-repeat 50% 32px; color: #222; } #jjSuckerfish li { /* all list items */ float: left; width: auto; /* width needed or else Opera goes nuts */ position: relative; } #jjSuckerfish li ul { /* second-level lists */ position: absolute; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ top: 40px; width: 200px; background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/menu-top-sub-bg.png) repeat-x bottom #F0EBDB; border-left: 1px solid #E7E0C5; border-right: 1px solid #E7E0C5; border-bottom: 1px solid #E7E0C5; } ul#jjSuckerfish li ul li a:link, ul#jjSuckerfish li ul li a:visited, ul#jjSuckerfish li ul li a:hover { border: 0px solid red; display: block; width: 180px!important; width: 177px; /*specified width for ie6 dissappearing third level ul*/ line-height: 30px; font-weight: normal; padding-left: 10px; padding-right: 10px; background: none transparent; } ul#jjSuckerfish li#sfhover ul li, ul#jjSuckerfish li ul li { margin: 0; border-top: 1px solid #fff; border-bottom: 1px solid #D9D6C4; display: block; width: 200px; background: none transparent; cursor: pointer; } #jjSuckerfish li ul ul { /* third-and-above-level lists */ margin: -40px 0 0 200px; } #jjSuckerfish li#sfhover ul ul, #jjSuckerfish li#sfhover ul ul ul { left: -999em; } #jjSuckerfish li#sfhover ul, #jjSuckerfish li li#sfhover ul, #jjSuckerfish li li li#sfhover ul { /* lists nested under hovered list items */ left: 0; /*position: static; ie7 hack for sticky ul*/ } #jjSuckerfish li#sfhover ul li a:link, #jjSuckerfish li#sfhover ul li a:visited, #jjSuckerfish li#sfhover ul li#sfhover a:link, #jjSuckerfish li#sfhover ul li#sfhover a:visited { background: none } #jjSuckerfish li#sfhover ul li#sfhover, #jjSuckerfish li#sfhover ul li.jjNav-first-active, #jjSuckerfish li#sfhover ul li.jjNav-last-active, #jjSuckerfish li#sfhover ul li.jjNav-active { background: #FFFDF6 } #jjSuckerfish li#sfhover ul li.jjNav-first-subchild, #jjSuckerfish li#sfhover ul li.jjNav-subchild, #jjSuckerfish li#sfhover ul li.jjNav-last-subchild { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/subchild.gif) no-repeat 180px 50%; } #jjSuckerfish li#sfhover ul li#sfhover.jjNav-first-subchild, #jjSuckerfish li#sfhover ul li#sfhover.jjNav-last-subchild, #jjSuckerfish li#sfhover ul li#sfhover.jjNav-subchild, #jjSuckerfish li#sfhover ul li.jjNav-first-subchild-active, #jjSuckerfish li#sfhover ul li.jjNav-last-subchild-active, #jjSuckerfish li#sfhover ul li.jjNav-subchild-active, #jjSuckerfish li#sfhover ul li#sfhover.jjNav-first-subchild-active, #jjSuckerfish li#sfhover ul li#sfhover.jjNav-last-subchild-active, #jjSuckerfish li#sfhover ul li#sfhover.jjNav-subchild-active { background: #FFFDF6 url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/subchild.gif) no-repeat 180px 50%; } ul#jjSuckerfish li#sfhover.separator { background: none; } ul#jjSuckerfish li.separator span, ul#jjSuckerfish li#sfhover.separator, ul#jjSuckerfish li#sfhover.separator span { background: none; color: #ffffff; cursor: default; line-height: 42px; height: 42px; padding: 0 10px; display: block; float: left; } ul#jjSuckerfish li.separator { background: none; color: #ffffff; cursor: default; line-height: 42px; height: 42px; padding: 0 10px; } ul#jjSuckerfish li ul li.separator, ul#jjSuckerfish li ul li#sfhover.separator { line-height: 30px; height: 30px; padding: 0; color: black; } ul#jjSuckerfish li ul li.separator span, ul#jjSuckerfish li ul li#sfhover.separator span { padding: 0 10px; margin: 0; color: black; height: 30px; line-height: 30px; } ul#jjSuckerfish li a:hover span { /*for ie7*/ float: left!important; float: none; /*cancel float for ie6 main items disappearing*/ } /*Menu Styling if set to Joomla*/ #hmenu ul#mainlevel-nav { float: left; list-style-type: none; margin: 0; padding: 0; position: absolute; top: 14px; } #hmenu #mainlevel-nav li { float: left; padding: 0 6px; } #hmenu a.mainlevel-nav { color: white; font-size: 14px; font-family: verdana, Arial, Helvetica, sans-serif; display: block; font-weight: bold; }/*---------------------------------------------------------------------------- ++ EXTERNAL SOURCE: customize.css ++ Customize Style Sheet ----------------------------------------------------------------------------*/ /* Global Resets *****************************************/ * { margin: 0; padding: 0; color: #333; } 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: .5em; border: none; } p { padding: .5em 0; } img { border: 0; } a img { border: 0; } table { font-size: 1em; /* This helps fix the relative font sizing problem with tables in IE */ } .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, h7 { padding-bottom: 5px; font-family: Arial, Helvetica, sans-serif; margin: 0.5em 0; } h1 { font-size: 210%; line-height: 100%; color: #286194 } h2 { font-size: 185%; line-height: 100%; color: #286194 } h3 { font-size: 160%; color: #286194 } h4 { font-size: 140%; } h5 { font-size: 120%; } h6 { font-size: 100%; } pre { background: #FCFBF5; border-top: 3px solid #F9F6EB; border-bottom: 3px solid #F9F6EB; margin: 0px 0px 15px 0px; padding: 10px; } pre p { border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; color: #FFFFFF; margin: 0; padding: 10px 10px 10px 20px; } blockquote.quote { color: #666; font-style: italic; font-size: 100%; line-height: 110%; width: auto; padding: 0; margin: 0; background: #1a1a1a; border: 1px solid #2c2c2c; font-style: normal; } blockquote.quote p { padding: 15px 50px 15px 15px; margin: 0; background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/icon-blockquote.jpg) 100% 10% no-repeat; border: 1px solid #000000; color: #FFFFFF; } p.color-green { display: block; padding: 8px 10px 8px 10px; margin: 15px 0; border-top: 3px solid #98cb00; border-bottom: 3px solid #98cb00; background: #ffffff; color: #010101; } p.color-blue { display: block; padding: 8px 10px 8px 10px; margin: 15px 0; border-top: 3px solid #7db6fb; border-bottom: 3px solid #7db6fb; background: #ecf2fe; color: #010101; } p.color-orange { display: block; padding: 8px 10px 8px 10px; margin: 15px 0; border-top: 3px solid #f18b41; border-bottom: 3px solid #f18b41; background: #fdf6e4; color: #010101; } p.color-pink { display: block; padding: 8px 10px 8px 10px; margin: 15px 0; border-top: 3px solid #d5688f; border-bottom: 3px solid #d5688f; background: #fae8e8; color: #010101; } p.color-grey { display: block; padding: 8px 10px 8px 10px; margin: 15px 0; border-top: 3px solid #cccccc; border-bottom: 3px solid #cccccc; background: #fafafa; color: #010101; } /* @group 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(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/icon-typo-error.jpg) 10px 50% no-repeat; } p.tips { color: #2d84e3; border-top: 3px solid #adcefb; border-bottom: 3px solid #adcefb; background: #ecf2fe url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/icon-typo-tips.jpg) 10px 50% no-repeat; } p.info { color: #ca6701; border-top: 3px solid #f2a378; border-bottom: 3px solid #f2a378; background: #fdf6e4 url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/icon-typo-info.jpg) 10px 50% no-repeat; } /* @end */ .highlight { background: #286194; color: #fff; } /* Lists Style *****************************************/ #main ol { padding: 0; list-style-position: inside; } #main ol li { padding: 2px 0 2px 5px; } #content ul ul, #content ul ul ul, #content ul ul ul ul { margin-left: 25px; } #content ol ol, #content ol ol ol, #content ol ol ol ol { margin-left: 25px; } ul.li-round1, ul.li-round2, ul.li-arrow, ul.li-star { padding-left: 10px; margin-left: 0; } 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(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/icon-li-orange.jpg) 2px 7px no-repeat; } ul.li-round2 li { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/icon-li-pink.jpg) 2px 7px no-repeat; } ul.li-arrow li { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/icon-li-arrow.jpg) 2px 7px no-repeat; } ul.li-star li { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/icon-li-star.jpg) 2px 7px no-repeat; } /* Latest News Module */ #content ul.latestnews li, #content ul.mostread li { list-style-type: none; margin: 0; font-size: 1.2em; } 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(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/icon-li-star.jpg) 2px 4px no-repeat; } ul.mostread-news li a:link, ul.mostread-news li a:visited { color: white; display: block; } /* Horizontal Rules *****************************************/ hr { border: none; height: 1px; 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, .contentpaneopen a.readon:hover { display: block; text-decoration: none; height: 20px; width: auto; background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/readmore.png) no-repeat; padding: 0 0 0 30px; margin-top: 15px; font-size: 0.9em; line-height: 20px; color: #444; } li span.small { font-size: 0.9em; } li br { display: none; } /* Joomla Specific *****************************************/ .contentheading { width: 100%; } /*td.contentheading, /*td.componentheading, /*div.componentheading { /* font-size: 1.7em; /* line-height: 1.8em; /* font-weight: bold; /* color: #666; /*} /*div.componentheading { /* margin-bottom: 5px; /*} table.contentpaneopen, table.contentpane { font-size: 1em; } .sectiontableheader, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry1, td.sectiontableentry2 { text-indent: 5px; border-bottom: 1px solid #fff; padding: 4px 0; } #content .sectiontableheader a { color: #fff; } .sectiontableheader { background: transparent url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/table-header-bg.png) repeat-x scroll 0%; color: white; font-weight: bold; line-height: 18px; text-align: left; } .sectiontableentry1 { background: #F9F6EB; font-size: 1em; } .sectiontableentry2 { background: #FCFBF5; font-size: 1em; } span.small { color: #999; font-size: 0.9em; } td.createdate { background: transparent url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/icon-date.png) 0 2px no-repeat; text-indent: 20px; color: #666; padding-left: 0px; font-size: 1em; padding-bottom: 5px; } td.modifydate { background: transparent url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/icon-updated.png) no-repeat scroll 0px 80%; color: #666; padding-left: 0px; padding-top: 10px; text-indent: 20px; font-size: 0.9em; } table.contenttoc { /* NOTE: Keeps the blog tables from crowding */ margin: 5px; padding: 0px; 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: #666666; text-transform: uppercase; } td.buttonheading { padding: 0 3px!important; text-align: center; } .mosimage { background: #F2EFE1 none repeat scroll 0%; border: 1px solid #D9D6CB; margin: 0px 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: #fff; margin: 7px; margin-right: 0; padding: 2px; border: 1px solid #ccc; } table.contenttoc td { padding: 0 7px; } table.contenttoc th { padding: 0 10px; font-size: 1em; color: #fff; background: #ccc; } .pagenav { text-align: center; font-size: 1em; font-weight: bold; width: auto; padding: 0px 10px; line-height: 20px; margin: 1px; color: #555; } .article_seperator { display: block; width: 100%; } .moduletable span.article_seperator, #inset .moduletable .article_seperator { display: none!important; } 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: #FFFFFF; } /* Form Styling *****************************************/ select, select.inputbox { color: #666; } 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 } blockquote { background: #F9F6EB url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/blockquote.png) no-repeat 97% 10px; border: 1px solid #E6E6C0; padding: 10px 60px 10px 10px; } /* intelligent modules */ .clear { clear: both; display: block; height: 0px; 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; } /* user2 intelligent modules */ /* safari height fix */ #user1 div.countin1, #user1 div.countin2, #user1 div.countin3, #user2 div.countin1, #user2 div.countin2, #user2 div.countin3, #advert1 div.countin1, #advert1 div.countin2, #advert1 div.countin3, #advert3 div.countin1, #advert3 div.countin2, #advert3 div.countin3, #bottom_modules div.countin1, #bottom_modules div.countin2, #bottom_modules div.countin3 { height: 100%!important; } #user2 div.countin3 { width: 304px; overflow: hidden; margin-bottom: 7px; display: block; } #user2 div.countin2 { width: 470px; overflow: hidden; margin-bottom: 7px; display: block; } #user2 div.countin1 { width: 965px; clear: both; overflow: hidden; display: block; } #user2 div.middle { margin-left: 32px; width: 300px; margin-bottom: 7px; display: block; } #user2 .moduletable h3 { font-size: 1.8em; line-height: 23px; margin-top: 25px; } #user2 .moduletable a.readon { padding: 0; margin: 0; text-indent: 0; font-size: 1.4em; font-weight: bold; text-transform: lowercase; padding-top: 10px; background: none; margin-bottom: 20px; } /* bottom intelligent modules */ #bottom_modules { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/bottom_modules_bg.png) repeat-x top #F1E2BF; padding: 15px 0; } #bottom_modules div.countin3 { width: 304px; overflow: hidden; margin-bottom: 7px; } #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 #D5BD97; color: #61502E; font-size: 1.4em; font-weight: bold; line-height: 23px; } #bottom_modules .moduletable li { line-height: 27px; list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #F6EBD4; } #bottom_modules .moduletable li a:link, #bottom_modules .moduletable li a:visited { display: block; color: #333; font-size: 13px; padding: 0 4px; } #bottom_modules .moduletable li a:hover { background: #F6EBD4; text-decoration: none; } /* user1 intelligent modules */ #user1 div.countin3, #advert1 div.countin3, #advert3 div.countin3 { width: 30%; overflow: hidden; margin-bottom: 7px; } #user1 div.countin2, #advert1 div.countin2, #advert3 div.countin2 { width: 48%; overflow: hidden; margin-bottom: 7px; } #user1 div.countin1, #advert1 div.countin1, #advert3 div.countin1 { width: 100%; clear: both; overflow: hidden; margin-bottom: 7px; } #user1 div.middle, #advert1 div.middle, #advert3 div.middle { width: 30%; margin-bottom: 7px; } body.scheme_3 #advert1 .middle, body.scheme_3 #advert3 .middle, body.scheme_3 #user1 .middle { margin-left: 26px; } body.scheme_2 #advert1 .middle, body.scheme_2 #advert3 .middle, body.scheme_2 #user1 .middle { margin-left: 36px; } .scheme_1 #advert1 .middle, .scheme_1 #advert3 .middle, .scheme_1 #user1 .middle { left: 46px; position: relative; } #user1 .moduletable h3, #advert1 .moduletable h3, #advert3 .moduletable h3 { font-size: 23px; line-height: 23px; font-size: 1.8em; border-bottom: 3px solid #E2DDC5 } #user1 .moduletable a.readon, #advert1 .moduletable a.readon, #advert3 .moduletable a.readon, #bottom_modules .moduletable a.readon { padding: 0; margin: 0; text-indent: 0; font-size: 1em; font-weight: normal; padding-top: 0px; background: none; display: block; padding: 14px 0 4px 0; } #bottom_modules .moduletable a.readon { color: #61502E; font-weight: bold; } #advert2 { border: 1px solid red; display: block; height: auto; } .book-now { border-bottom: 4px solid #F2EFE1; border-top: 4px solid #F2EFE1; background: #F9F6EB url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/inset-bulb.png) no-repeat 23px 50%; padding: 10px 10px 10px 66px; font-size: 1em; margin: 1px 0; } .inset .moduletable-insetinfo { border-bottom: 4px solid #F2EFE1; border-top: 4px solid #F2EFE1; background: #F9F6EB url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/inset-bulb.png) no-repeat 23px 50%; padding: 10px 10px 10px 66px; font-size: 1em; margin: 1px 0; } .inset .moduletable { border-bottom: 4px solid #F2EFE1; border-top: 4px solid #F2EFE1; padding: 10px 20px; font-size: 1em; background: #F9F6EB; margin: 1px 0; } .inset .moduletable h3, .inset .moduletable-insetinfo h3 { font-size: 17px; margin: 4px 0; padding: 0; } .moduletable-insetalert, .moduletable-insettip, .moduletable-insethelp { display: block; padding: 3px 10px 3px 35px; margin: 1px 0; font-size: 1em; } .moduletable-insetalert { color: #cd3301; border-top: 3px solid #cd3301; border-bottom: 3px solid #cd3301; background: #fae8e8 url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/icon-typo-error.jpg) 10px 50% no-repeat; } .moduletable-insettip { color: #2d84e3; border-top: 3px solid #adcefb; border-bottom: 3px solid #adcefb; background: #ecf2fe url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/icon-typo-tips.jpg) 10px 50% no-repeat; } .moduletable-insethelp { color: #ca6701; border-top: 3px solid #f2a378; border-bottom: 3px solid #f2a378; background: #fdf6e4 url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/icon-typo-info.jpg) 10px 50% no-repeat; } p.module-address { background: transparent url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/module-address.png) no-repeat scroll 0px 10px; padding-left: 24px; } p.module-mobile { background: transparent url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/module-mobile.png) no-repeat scroll 3px 8px; padding-left: 24px; margin: -0.5em 0; } p.module-fax { background: transparent url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/module-fax.png) no-repeat scroll 0px 8px; text-indent: 25px; margin: -0.5em 0; } p.module-email { background: transparent url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/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(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/sendusemail.png) no-repeat; color: #333; font-size: 11px; padding: 3px 0 0 8px; margin-top: 8px; } .wheretogethelp p { background: transparent url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/wheretogethelp.png) no-repeat scroll right bottom; padding: 0pt 50px 10px 0pt; } .wheretogethelp ul { margin: 0; padding: 0; list-style: none } .wheretogethelp li { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/wheretogethelp-star.png) left no-repeat; padding: 0; margin: 9px 0; } .wheretogethelp li a:link, .wheretogethelp li a:visited { padding: 5px 0 0 25px; color: #006DA8; } #searchbox { overflow: hidden; height: 21px; position: absolute; right: 5px; top: 15px; vertical-align: top; width: 159px; background: transparent url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/searchbox.png) no-repeat left; } .superfish #searchbox { top: 12px; } #searchbox input.inputbox { border: none; width: 120px; background: transparent; font-size: 0.9em; height: 13px; line-height: 13px; vertical-align: top; width: auto; padding: 0; float: left; margin: 4px 0 0 10px; } #searchbox input.button { float: right; width: 18px; height: 18px; background: none; border: none; display: block; text-indent: -88888px; padding: 40px 0 0 0; margin: 0; line-height: normal; cursor: pointer; overflow: hidden; } /* Demo Styles */ .clubTestimonial .quoteName { font-size: 11px; padding: 5px 0 26px 93px; background: transparent url(/web/20110222223553im_/http://208.73.37.82/templates/madeyourweb/images/mitch-quote.jpg) no-repeat 0% 0%; } div.clubTestimonial p { font-size: 0.9em; font-style: italic; margin: 10px 0; line-height: 140%; } .quoteName strong { font-size: 1.3em; } .quoteName span { display: block; } /* FILE ARCHIVED ON 22:35:53 Feb 22, 2011 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 03:27:58 Mar 30, 2020. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): exclusion.robots: 0.303 RedisCDXSource: 0.592 captures_list: 125.178 LoadShardBlock: 111.127 (3) PetaboxLoader3.resolve: 113.505 esindex: 0.012 CDXLines.iter: 11.097 (3) PetaboxLoader3.datanode: 200.914 (4) load_resource: 206.377 exclusion.robots.policy: 0.286 *---------------------------------------- ++ EXTERNAL SOURCE: template.css ++ Structural Style Sheet ----------------------------------------------------------------------------*/ * { margin: 0; padding: 0; } html { height: 100%; height: 100%!important; } body { margin: 0; padding: 0; background: #fff; color: black; } /* Template Width *****************************************/ .width960px { width: 960px; margin: 0 auto; text-align: left; padding: 0; } #content-inner { border: 1px solid #ffffff; border-top: none; } /* Top Area *****************************************/ div#top { height: 72px; margin: 0 0 1px 0; } div#top div#logo { display: block; height: 26px; padding: 0pt; position: relative; top: 5px; width: 176px; } /* Logo */ div#top div#logo { margin: 0; } div#top div#logo a { width: 283px; height: 41px; margin: 0; padding: 0; text-indent: -7887px; display: block; background: transparent url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/logo.png) no-repeat left; font-size: 1px; line-height: 26px; } #user2 { width: 100%; background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/top_shelf.png) repeat-x; } div#user2-bg { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/vector-landscape.png) no-repeat top center; height: 239px; margin: 0 auto; } a.home-promo { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/promo.jpg) no-repeat top center; height: 220px; text-indent: -9999px; margin: 10px 0; display: block; border: 1px solid white; } #hmenu { background: #E5F3FD ../images/hmenu_bg.png) repeat-x bottom; position: relative; height: 39px; } #hmenu .width960px { position: relative; top: -6px; } #menu-h { left: 0; } #main { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/main-top-bg.png) repeat-x top; margin-bottom: 13px; } #pathway { line-height: 34px; height: 36px; border-top: 1px solid #ffffff; border-bottom: 1px solid #F2EFE1; background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/pathway_bg.png) repeat-x top; margin-bottom: 1px; font-size: 0.9em; padding: 0 20px 0 8px; } #pathway a:link, #pathway a:visited, #pathway a:hover { line-height: 34px; padding: 0 10px 0 5px; margin-right: 4px; text-decoration: underline; font-size: 1em; } #pathway img { display: none; } /* Clear Fix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; } /* 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: 63px; font-size: 0.9em; color: #fff; background: #F7ECD7; border-top: 1px solid #D5BD97; margin-top: 1px; } #nav-copy { position: relative; top: 12px; font-size: 1.1em; } #joomlajunkie-swish a:link, #joomlajunkie-swish a:visited { float: left; background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/jjswish.png) no-repeat 0px -44px; width: 42px; height: 45px; margin: 0; padding: 0; text-indent: -7887px; z-index: 100; outline: 0; margin: -5px 0 0px 10px; } #nav-and-credits { line-height: 20px; position: relative; } #nav-and-credits .left, #copyright .left { float: left; clear: right; padding: 0; margin: 0; padding-left: 10px; } #nav-and-credits .right, #copyright .right { float: right; padding: 0; margin: 0; padding-right: 20px; } #copyright .right { color: #666 } #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(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/tickle_red.gif) no-repeat 10px 1px; color: #333; } #nav-and-credits a.w3c-valid-css { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/tickle_blue.gif) no-repeat 10px 1px; color: #333; } #nav-and-credits a.footer-rss { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/tickle_orange.gif) no-repeat 10px 1px; color: #333; } /* Footer Menu */ #footer #footer .moduletable_menu ul { margin: 0; padding: 0; width: 485px; height: 20px; } #footer .moduletable_menu li { list-style-type: none; float: left; margin: 0; padding: 0; padding-right: 10px; } #footer .moduletable_menu li a:link, #footer .moduletable_menu li a:visited { text-decoration: none; font: normal 1em Arial, serif; padding: 2px 2.5px 2px 2.5px; } /* 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: 96%; margin: 5px 0; } .inputbox { margin: 0; padding: 0; vertical-align: middle; border: 1px solid #F2EFE1; padding: 4px 0 4px 5px; } input.button { border: none; height: 26px; line-height: 23px; padding: 0px 17px 4px; margin-top: 7px; margin-bottom: 7px; border-left: 1px solid #E9E5DE; border-right: 1px solid #E9E5DE; } /* Configurable Sidebars */ /* Sidebar on right*/ body.scheme_2 #content { display: inline; float: left; width: 752px; margin-top: 25px; border: 1px solid #E9E5DE; } body.scheme_1 #content { margin-top: 25px; border: 1px solid #E9E5DE; float: left; } body.scheme_2 #right { float: right; width: 195px; display: inline; margin-top: 25px; margin-left: 10px; } /* Sidebar on Left*/ body.scheme_2 #left { float: left; width: 195px; display: inline; margin-top: 25px; margin-left: 0px; clear: both; } body.scheme_2 #content.second-in-scheme { margin-left: 10px; } /*right left content*/ body.scheme_3 #right.first-in-scheme { margin-left: 0px; } body.scheme_3 #left.second-in-scheme { margin-left: 10px; clear: none; } /*content-right-left*/ .scheme_3 #content.first-in-scheme { margin-left: 0px; } 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: 195px; display: inline; margin-top: 25px; clear: left; } body.scheme_3 #content { display: inline; float: left; width: 548px; margin-top: 25px; border: 1px solid #E9E5DE; margin-left: 10px; } body.scheme_3 #right { float: left; width: 195px; display: inline; margin-top: 25px; margin-left: 10px; } /*sidebar navigation*/ #left .sidenav ul, #right .sidenav ul, #left .moduletable_menu ul, #right .moduletable_menu ul, { list-style: none; padding: 0 0px 0 0; } #left .sidenav li, #right .sidenav li, #left .moduletable_menu li, #right .moduletable_menu li { border-bottom:1px solid #F5F2E5; list-style: none; padding: 0; margin: 0 -10px; vertical-align: middle; } #left .sidenav ul li img, #right .sidenav ul li img, #left .moduletable_menu ul li img, #right .moduletable_menu ul li img { float: left; vertical-align: middle; } #left .sidenav ul li a:link, #left .moduletable_menu ul li a:link, #left .sidenav ul li a:visited, #left .moduletable_menu ul li a:visited, #right .sidenav ul li a:link, #right .moduletable_menu ul li a:link, #right .sidenav ul li a:visited, #right .moduletable_menu ul li a:visited { margin: 0; padding: 0; color: black; line-height: 28px; display: block; font-size: 1em; background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/menu-left-bullet.gif) no-repeat 10px 50%; padding-left: 30px; } #left .sidenav ul li a:hover, #left .moduletable_menu ul li a:hover, #right .sidenav ul li a:hover, #right .moduletable_menu ul li a:hover { background: #FBFAF6 ../images/menu-left-bullet.gif) no-repeat 10px 50%; text-decoration: none; } /*Modules Structure*/ div.moduletable form table br{ /* Fixex big gap inbetween login module inputs */ display: none; } div#right div.moduletable, div#right div.moduletable_menu, div#left div.moduletable_menu, div#left div.moduletable_text, div#right div.moduletable_text, div#right div.moduletable-sfx, div#left div.moduletable, div#left div.moduletable-sfx { border: 1px solid #E4DFD6; width: 173px; padding: 10px 10px 10px 10px; font-size: 1em; overflow: hidden; margin-bottom: 10px; } #wrapper #main #left div.moduletable h3, #wrapper #main #right div.moduletable h3, #wrapper #main #left div.moduletable_menu h3, #wrapper #main #right div.moduletable_menu h3, #wrapper #main #left div.moduletable_text h3, #wrapper #main #right div.moduletable_text h3, #wrapper #main #left div.moduletable-sfx h3, #wrapper #main #right div.moduletable-sfx h3 { margin: 0px 0px 6px -10px; width: 181px; font-size: 140%; line-height: 30px; padding: 0 0 0 10px; } #wrapper #main #left div.h3-image h3, #wrapper #main #right div.h3-image h3, #wrapper #main #left div.h3-image-sfx h3, #wrapper #main #right div.h3-image-sfx h3, #wrapper #main #left div.h3-neutral h3, #wrapper #main #right div.h3-neutral h3, #wrapper #main #left div.h3-neutral-sfx h3, #wrapper #main #right div.h3-neutral-sfx h3, #wrapper #main #left div.h3-colorbg h3, #wrapper #main #right div.h3-colorbg h3, #wrapper #main #left div.h3-colorbg-sfx h3, #wrapper #main #right div.h3-colorbg-sfx h3 { margin: 0 0px 10px -16px; width: 191px; margin-top: -10px; border: 1px solid #ffffff; font-size: 140%; line-height: 34px; padding: 0; text-indent: 4px; color: #fff!important; padding-left: 12px; background-repeat: no-repeat; background-position: top; } #left div.h3-neutral h3, #right div.h3-neutral h3, #left div.h3-neutral-sfx h3, #right div.h3-neutral-sfx h3 { background-image: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/neutral-module-top.png); } #left div.h3-colorbg h3, #right div.h3-colorbg h3, #left div.h3-colorbg-sfx h3, #right div.h3-colorbg-sfx h3 { background-color: #BB533E; border: none; } p.smallmodule { font-size: 0.9em; line-height: 140%; word-spacing: -0.5px; } .blog-rss { background: transparent url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/rssicon.png) no-repeat scroll 99% 45%; padding-right: 60px; } /* Module Background Styles */ div.brown-bg { background-color: #F9F8F2; } div.topgrad { background-image: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/top-grad.png); background-repeat: repeat-x; background-position: top; background-color: #fff; } div.botgrad { background-image: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/bot-grad.png); background-repeat: repeat-x; background-position: bottom; } #left div.moduletable-sfx.nopadding { padding: 0; width: auto; margin-bottom: 10px; } /*Options Bar */ #mainbody .padding { padding: 10px 17px } #color-text { width: 255px; height: 36px; margin: -23px 0 0 715px; border: 0px solid red; position: absolute; } #color-text a { float: left; display: inline; margin-left: 1px; } #color-text span { float: left; line-height: 33px; font-weight: bold; padding-left: 15px; font-size: 12px; } #color-icons { position: relative; margin-top: 7px; right: -4px; position: relative; } a.blue-color, a.peachy-color, a.brown-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(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/txt-standard-2.gif) no-repeat 0 0; } a.txt-larger { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/txt-big-2.gif) no-repeat; } a.txt-smaller { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/txt-small-2.gif) no-repeat; } a.blue-color { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/color-blue.gif) no-repeat; } a.peachy-color { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/color-peachy.gif) no-repeat; } a.brown-color { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/color-brown.gif) no-repeat; } a.green-color { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/color-green.gif) no-repeat; } a.blue-color:active, a.blue-color:hover, a.peachy-color:active, a.peachy-color:hover, a.brown-color:active, a.brown-color:hover, a.green-color:hover, a.green-color:active { background-position: 0 -19px; } body.large-text a.txt-larger { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/txt-big-2.gif) no-repeat 0 0; } body.medium-text a.txt-default { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/txt-standard-2.gif) no-repeat 0 0; } body.smaller-text a.txt-smaller { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/txt-small-2.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; } /* Numbers *****************************************/ span.number, span.number-blue, span.number-red, span.number-green, span.number-purple, span.number-orange, span.number-brown, span.number-grey {display: block;font-size: 170%;float: left;margin: 2px 10px 0 15px;} span.number {color: #333;} span.number-blue {color: #0D507A;} span.number-red {color: #D12E2E;} span.number-green {color: #74A824;} span.number-purple {color: #9E0E87;} span.number-orange {color: #CC8300;} span.number-brown {color: #8B6846;} span.number-grey {color: #666;} span.number-30, span.number-blue-30, span.number-red-30, span.number-green-30, span.number-purple-30, span.number-orange-30, span.number-brown-30, span.number-grey-30 {display: block;font-size: 170%;float: left;margin: 2px 10px 0 15px;padding-bottom:30px;} span.number-30 {color: #333;} span.number-blue-30 {color: #0D507A;} span.number-red-30 {color: #D12E2E;} span.number-green-30 {color: #74A824;} span.number-purple-30 {color: #9E0E87;} span.number-orange-30 {color: #CC8300;} span.number-brown-30 {color: #8B6846;} span.number-grey-30 {color: #666;} span.number-50, span.number-blue-30, span.number-red-50, span.number-green-50, span.number-purple-50, span.number-orange-50, span.number-brown-50, span.number-grey-50 {display: block;font-size: 170%;float: left;margin: 2px 10px 0 15px;padding-bottom:50px;} span.number-50 {color: #333;} span.number-blue-50 {color: #0D507A;} span.number-red-50 {color: #D12E2E;} span.number-green-50 {color: #74A824;} span.number-purple-50 {color: #9E0E87;} span.number-orange-50 {color: #CC8300;} span.number-brown-50 {color: #8B6846;} span.number-grey-50 {color: #666;} .important, .important-blue, .important-red, .important-green, .important-purple, .important-orange, .important-brown, .important-grey {padding: 15px;margin: 15px 0;} span.important-title, span.important-title-blue, span.important-title-red, span.important-title-green, span.important-title-purple, span.important-title-orange, span.important-title-brown, span.important-title-grey {position: absolute;display: block;margin-top: -24px;background: #f0f0f0;padding: 0 8px;font-weight: bold;font-size: 120%;} .important {border: 1px solid #333;} .important-blue {border: 1px solid #0D507A;} .important-red {border: 1px solid #D12E2E;} .important-green {border: 1px solid #74A824;} .important-purple {border: 1px solid #9E0E87;} .important-orange {border: 1px solid #CC8300;} .important-brown {border: 1px solid #8B6846;} .important-grey {border: 1px solid #666;} span.important-title {color: #333;} span.important-title-blue {color: #0D507A;} span.important-title-red {color: #D12E2E;} span.important-title-green {color: #74A824;} span.important-title-purple {color: #9E0E87;} span.important-title-orange {color: #CC8300;} span.important-title-brown {color: #8B6846;} span.important-title-grey {color: #666;} span.dropcap, span.dropcap-blue, span.dropcap-red, span.dropcap-green, span.dropcap-purple, span.dropcap-orange, span.dropcap-brown, span.dropcap-grey {display: block;font-size: 350%;float: left;margin: 0px 4px 0 0;line-height: 100%;} span.dropcap {color: #333;} span.dropcap-blue {color: #0D507A;} span.dropcap-red {color: #D12E2E;} span.dropcap-green {color: #74A824;} span.dropcap-purple {color: #9E0E87;} span.dropcap-orange {color: #CC8300;} span.dropcap-brown {color: #8B6846;} span.dropcap-grey {color: #666;}/*---------------------------------------------------------------------------- ++ EXTERNAL SOURCE: menu.css ++ Menu Style Sheet ----------------------------------------------------------------------------*/ /*GENERAL SETTINGS*/ .superfish #hmenu .width960px { position: relative; top: -3px; } #jjNav { height: auto; width: 950px; margin: 0 auto; } #jjNav ul#jjSuperfish { padding: 0; margin: 0; list-style: none; float: left; top: 3px; left: 0; } #jjNav ul#jjSuperfish li { margin: 0 3px; } #jjNav ul#jjSuperfish ul li { margin: 0; } ul#jjSuperfish li.sfHover a span { /*for staying color*/ color: black; } #jjNav a:link, #jjNav a:visited, #jjNav a:hover { text-decoration: none; } /*FIRST LEVEL*/ ul#jjSuperfish li a span { color: white; font-size: 14px; font-family: verdana, Arial, Helvetica, sans-serif; display: block; } ul#jjSuperfish li#sfhover a:link span, ul#jjSuperfish li#sfhover a:visited span { color: black; position: relative; } ul#jjSuperfish li a.active span { color: black; } ul#jjSuperfish li { float: left; list-style: none; padding: 0; margin: 0; position: relative; } ul#jjSuperfish li a span { display: block; position: relative; } ul#jjSuperfish li.separator { font-weight: bold; line-height: 42px; cursor: default; display: block; padding: 0 10px; } ul#jjSuperfish li.separator span { position: relative; top: 2px; } ul#jjSuperfish li#sfhover a.active:hover { border: none; /*ie7*/ } ul#jjSuperfish li a:link, ul#jjSuperfish li a:visited, ul#jjSuperfish li a:hover { overflow: hidden; line-height: 42px; font-weight: bold; font-size: 13px; font-family: Arial, Helvetica, sans-serif; background-color: transparent; display: block; float: left; /*IE Whitespace Bug*/ clear: left; /*IE Whitespace Bug*/ } ul#jjSuperfish li#sfhover a:link, ul#jjSuperfish li#sfhover a:visited, ul#jjSuperfish li#sfhover a:hover { display: block; text-decoration: none; } ul#jjSuperfish li a:link span, ul#jjSuperfish li a:visited span, ul#jjSuperfish li a:hover span { width: auto; padding-right: 10px; padding-left: 10px; position: relative; cursor: pointer; /*opera*/ } ul#jjSuperfish li#sfhover, ul#jjSuperfish li.sfHover, ul#jjSuperfish li.jjNav-child-active, ul#jjSuperfish li.jjNav-last-child-active, ul#jjSuperfish li.jjNav-first-child-active, ul#jjSuperfish li#sfhover.jjNav-child-active, ul#jjSuperfish li#sfhover.jjNav-last-child-active, ul#jjSuperfish li#sfhover.jjNav-first-child-active, ul#jjSuperfish li.jjNav-first-active, ul#jjSuperfish li.jjNav-last-active, ul#jjSuperfish li.jjNav-active, ul#jjSuperfish li#sfhover.jjNav-first-active, ul#jjSuperfish li#sfhover.jjNav-last-active, ul#jjSuperfish li#sfhover.jjNav-active, ul#jjSuperfish li#sfhover.jjNav-child-active, ul#jjSuperfish li#sfhover.jjNav-last-child-active, ul#jjSuperfish li#sfhover.jjNav-first-child-active, ul#jjSuperfish li#sfhover.jjNav-active { position: relative; background: transparent url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/menu-top-right.png) right top no-repeat; } ul#jjSuperfish li#sfhover a:hover, ul#jjSuperfish li.sfHover a:hover, ul#jjSuperfish li.sfHover a:link, ul#jjSuperfish li.sfHover a:visited, ul#jjSuperfish li a.active:link, ul#jjSuperfish li a.active:visited, ul#jjSuperfish li a.active:hover { background: transparent url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/menu-top-left.png) left top no-repeat; color: #222; display: block; } ul#jjSuperfish li#sfhover a.active:hover, ul#jjSuperfish li.sfHover a.active:hover { text-decoration: none; } /*white arrow on with childs*/ ul#jjSuperfish li.jjNav-child span, ul#jjSuperfish li.jjNav-first-child span, ul#jjSuperfish li.jjNav-last-child span { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/menu-top-arrow-light2.gif) no-repeat 50% 32px; } /*dark arrow ond hover and active with childs*/ ul#jjSuperfish li.sfHover a span, ul#jjSuperfish li#sfhover.jjNav-child-active span, ul#jjSuperfish li#sfhover.jjNav-first-child-active span, ul#jjSuperfish li#sfhover.jjNav-last-child-active span, ul#jjSuperfish li#sfhover.jjNav-child span, ul#jjSuperfish li#sfhover.jjNav-first-child span, ul#jjSuperfish li#sfhover.jjNav-last-child span, ul#jjSuperfish li.jjNav-child-active a.active span, ul#jjSuperfish li.jjNav-first-child-active a.active span, ul#jjSuperfish li.jjNav-last-child-active a.active span { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/menu-top-arrow-dark.gif) no-repeat 50% 32px; color: #222; } /*no arrow on click hack*/ ul#jjSuperfish li span, ul#jjSuperfish li.sfHover a:hover span, ul#jjSuperfish li.sfHover.jjNav a span { background: none; text-decoration: none; } /*NEXT LEVELS*/ ul#jjSuperfish ul { display: none; position: absolute; top: 40px; left: 0px; float: none; width: 200px; line-height: 30px; background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/menu-top-sub-bg.png) repeat-x bottom #F0EBDB; border-left: 1px solid #CBC8B8; border-right: 1px solid #CBC8B8; border-bottom: 1px solid #CBC8B8; } ul#jjSuperfish li ul li ul { display: none; top: -1px; left: 200px; } ul#jjSuperfish li ul li { margin: 0; border-top: 1px solid #fff; border-bottom: 1px solid #D9D6C4; line-height: 30px; display: block; width: 200px; float: left; background: none transparent; cursor: pointer; /*opera*/ } ul#jjSuperfish li ul li.jjNav-first { border-top: none; } ul#jjSuperfish li#sfhover ul li a.active:hover, ul#jjSuperfish li.sfHover ul li a.active:hover { text-decoration: none; /*reset txt decoration for submenus*/ } ul#jjSuperfish li#sfhover ul li a:link, ul#jjSuperfish li#sfhover ul li a:visited, ul#jjSuperfish li.sfHover ul li a:link, ul#jjSuperfish li.sfHover ul li a:visited { color: #222222; display: block; background: none transparent; line-height: 30px; padding: 0 10px; font-weight: normal; width: 180px; } ul#jjSuperfish li ul li#sfhover { background: none transparent; } ul#jjSuperfish li ul li.separator, ul#jjSuperfish li ul li#sfhover.separator { line-height: 30px; height: 30px; padding: 0; color: black; } ul#jjSuperfish li ul li.separator span, ul#jjSuperfish li ul li#sfhover.separator span { padding: 0 10px; margin: 0; color: black; height: 30px; line-height: 30px; } ul#jjSuperfish li.sfHover ul li { line-height: 30px; background: none; } /*arrows for subchilds*/ ul#jjSuperfish li ul li.jjNav-first-subchild, ul#jjSuperfish li ul li.jjNav-subchild, ul#jjSuperfish li ul li.jjNav-last-subchild { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/subchild.gif) no-repeat 180px 50%; } ul#jjSuperfish li#sfhover ul li#sfhover, #jjSuperfish li#sfhover ul li.jjNav-first-active, #jjSuperfish li#sfhover ul li.jjNav-last-active, #jjSuperfish li#sfhover ul li.jjNav-active { background: #FFFDF6 none; } ul#jjSuperfish li#sfhover ul li#sfhover.jjNav-first-subchild, ul#jjSuperfish li#sfhover ul li#sfhover.jjNav-last-subchild, ul#jjSuperfish li#sfhover ul li#sfhover.jjNav-subchild, #jjSuperfish li#sfhover ul li.jjNav-first-subchild-active, #jjSuperfish li#sfhover ul li.jjNav-last-subchild-active, #jjSuperfish li#sfhover ul li.jjNav-subchild-active, #jjSuperfish li#sfhover ul li#sfhover.jjNav-first-subchild-active, #jjSuperfish li#sfhover ul li#sfhover.jjNav-last-subchild-active, #jjSuperfish li#sfhover ul li#sfhover.jjNav-subchild-active, #jjSuperfish li ul li.jjNav-first-subchild-active, #jjSuperfish li ul li.jjNav-last-subchild-active, #jjSuperfish li ul li.jjNav-subchild-active { background-color: #FFFDF6; background-image: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/subchild.gif); background-repeat: no-repeat; background-position: 180px 50%; } ul#jjSuperfish li ul li#sfhover a:link, ul#jjSuperfish li ul li#sfhover a:visited, ul#jjSuperfish li ul li#sfhover a:hover { background: none; } ul#jjSuperfish li.separator span, ul#jjSuperfish li#sfhover.separator, ul#jjSuperfish li#sfhover.separator span { background: none; color: #ffffff; cursor: default; line-height: 42px; height: 42px; padding: 0 10px; display: block; float: left; } ul#jjSuperfish li.separator { background: none; color: #ffffff; cursor: default; line-height: 42px; height: 42px; padding: 0 10px; } /*********************************************************/ #jjSuckerfish, #jjSuckerfish ul { /* all lists */ padding: 0; margin: 0; list-style: none; line-height: 1; top: 3px; position: relative; } #jjNav ul#jjSuckerfish li { margin: 0 3px; } #jjNav ul#jjSuckerfish ul li { margin: 0; } #jjSuckerfish a:link, #jjSuckerfish a:visited { display: block; } ul#jjSuckerfish li a span { color: white; font-size: 14px; font-family: verdana, Arial, Helvetica, sans-serif; display: block; } ul#jjSuckerfish li#sfhover a:link span, ul#jjSuckerfish li#sfhover a:visited span, ul#jjSuckerfish li a.active span { color: black; position: relative; } ul#jjSuckerfish li a:link, ul#jjSuckerfish li a:visited, ul#jjSuckerfish li a:hover { overflow: hidden; line-height: 42px; font-weight: bold; font-size: 13px; font-family: Arial, Helvetica, sans-serif; background-color: transparent; display: block; float: left; /*IE Whitespace Bug*/ clear: left; /*IE Whitespace Bug*/ } ul#jjSuckerfish li a:link span, ul#jjSuckerfish li a:visited span, ul#jjSuckerfish li a:hover span { width: auto; padding-right: 10px; padding-left: 10px; position: relative; cursor: pointer; /*opera*/ } ul#jjSuckerfish li#sfhover, ul#jjSuckerfish li.jjNav-child-active, ul#jjSuckerfish li.jjNav-last-child-active, ul#jjSuckerfish li.jjNav-first-child-active, ul#jjSuckerfish li#sfhover.jjNav-child-active, ul#jjSuckerfish li#sfhover.jjNav-last-child-active, ul#jjSuckerfish li#sfhover.jjNav-first-child-active, ul#jjSuckerfish li.jjNav-first-active, ul#jjSuckerfish li.jjNav-last-active, ul#jjSuckerfish li.jjNav-active, ul#jjSuckerfish li#sfhover.jjNav-first-active, ul#jjSuckerfish li#sfhover.jjNav-last-active, ul#jjSuckerfish li#sfhover.jjNav-active, ul#jjSuckerfish li#sfhover.jjNav-child-active, ul#jjSuckerfish li#sfhover.jjNav-last-child-active, ul#jjSuckerfish li#sfhover.jjNav-first-child-active, ul#jjSuckerfish li#sfhover.jjNav-active { background: transparent url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/menu-top-right.png) left top no-repeat; } ul#jjSuckerfish li#sfhover a:hover, ul#jjSuckerfish li#sfhover a, ul#jjSuckerfish li a.active:link, ul#jjSuckerfish li a.active:visited, ul#jjSuckerfish li a.active:hover { background: transparent url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/menu-top-left.png) left top no-repeat; color: #222; display: block; } /*white arrow on with childs*/ ul#jjSuckerfish li.jjNav-child span, ul#jjSuckerfish li.jjNav-first-child span, ul#jjSuckerfish li.jjNav-last-child span { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/menu-top-arrow-light2.gif) no-repeat 50% 32px; } /*dark arrow on hover and active with childs*/ ul#jjSuckerfish li#sfhover.jjNav-child-active span, ul#jjSuckerfish li#sfhover.jjNav-first-child-active span, ul#jjSuckerfish li#sfhover.jjNav-last-child-active span, ul#jjSuckerfish li#sfhover.jjNav-child span, ul#jjSuckerfish li#sfhover.jjNav-first-child span, ul#jjSuckerfish li#sfhover.jjNav-last-child span, ul#jjSuckerfish li.jjNav-child-active a.active span, ul#jjSuckerfish li.jjNav-first-child-active a.active span, ul#jjSuckerfish li.jjNav-last-child-active a.active span { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/menu-top-arrow-dark.gif) no-repeat 50% 32px; color: #222; } #jjSuckerfish li { /* all list items */ float: left; width: auto; /* width needed or else Opera goes nuts */ position: relative; } #jjSuckerfish li ul { /* second-level lists */ position: absolute; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ top: 40px; width: 200px; background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/menu-top-sub-bg.png) repeat-x bottom #F0EBDB; border-left: 1px solid #E7E0C5; border-right: 1px solid #E7E0C5; border-bottom: 1px solid #E7E0C5; } ul#jjSuckerfish li ul li a:link, ul#jjSuckerfish li ul li a:visited, ul#jjSuckerfish li ul li a:hover { border: 0px solid red; display: block; width: 180px!important; width: 177px; /*specified width for ie6 dissappearing third level ul*/ line-height: 30px; font-weight: normal; padding-left: 10px; padding-right: 10px; background: none transparent; } ul#jjSuckerfish li#sfhover ul li, ul#jjSuckerfish li ul li { margin: 0; border-top: 1px solid #fff; border-bottom: 1px solid #D9D6C4; display: block; width: 200px; background: none transparent; cursor: pointer; } #jjSuckerfish li ul ul { /* third-and-above-level lists */ margin: -40px 0 0 200px; } #jjSuckerfish li#sfhover ul ul, #jjSuckerfish li#sfhover ul ul ul { left: -999em; } #jjSuckerfish li#sfhover ul, #jjSuckerfish li li#sfhover ul, #jjSuckerfish li li li#sfhover ul { /* lists nested under hovered list items */ left: 0; /*position: static; ie7 hack for sticky ul*/ } #jjSuckerfish li#sfhover ul li a:link, #jjSuckerfish li#sfhover ul li a:visited, #jjSuckerfish li#sfhover ul li#sfhover a:link, #jjSuckerfish li#sfhover ul li#sfhover a:visited { background: none } #jjSuckerfish li#sfhover ul li#sfhover, #jjSuckerfish li#sfhover ul li.jjNav-first-active, #jjSuckerfish li#sfhover ul li.jjNav-last-active, #jjSuckerfish li#sfhover ul li.jjNav-active { background: #FFFDF6 } #jjSuckerfish li#sfhover ul li.jjNav-first-subchild, #jjSuckerfish li#sfhover ul li.jjNav-subchild, #jjSuckerfish li#sfhover ul li.jjNav-last-subchild { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/subchild.gif) no-repeat 180px 50%; } #jjSuckerfish li#sfhover ul li#sfhover.jjNav-first-subchild, #jjSuckerfish li#sfhover ul li#sfhover.jjNav-last-subchild, #jjSuckerfish li#sfhover ul li#sfhover.jjNav-subchild, #jjSuckerfish li#sfhover ul li.jjNav-first-subchild-active, #jjSuckerfish li#sfhover ul li.jjNav-last-subchild-active, #jjSuckerfish li#sfhover ul li.jjNav-subchild-active, #jjSuckerfish li#sfhover ul li#sfhover.jjNav-first-subchild-active, #jjSuckerfish li#sfhover ul li#sfhover.jjNav-last-subchild-active, #jjSuckerfish li#sfhover ul li#sfhover.jjNav-subchild-active { background: #FFFDF6 url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/subchild.gif) no-repeat 180px 50%; } ul#jjSuckerfish li#sfhover.separator { background: none; } ul#jjSuckerfish li.separator span, ul#jjSuckerfish li#sfhover.separator, ul#jjSuckerfish li#sfhover.separator span { background: none; color: #ffffff; cursor: default; line-height: 42px; height: 42px; padding: 0 10px; display: block; float: left; } ul#jjSuckerfish li.separator { background: none; color: #ffffff; cursor: default; line-height: 42px; height: 42px; padding: 0 10px; } ul#jjSuckerfish li ul li.separator, ul#jjSuckerfish li ul li#sfhover.separator { line-height: 30px; height: 30px; padding: 0; color: black; } ul#jjSuckerfish li ul li.separator span, ul#jjSuckerfish li ul li#sfhover.separator span { padding: 0 10px; margin: 0; color: black; height: 30px; line-height: 30px; } ul#jjSuckerfish li a:hover span { /*for ie7*/ float: left!important; float: none; /*cancel float for ie6 main items disappearing*/ } /*Menu Styling if set to Joomla*/ #hmenu ul#mainlevel-nav { float: left; list-style-type: none; margin: 0; padding: 0; position: absolute; top: 14px; } #hmenu #mainlevel-nav li { float: left; padding: 0 6px; } #hmenu a.mainlevel-nav { color: white; font-size: 14px; font-family: verdana, Arial, Helvetica, sans-serif; display: block; font-weight: bold; }/*---------------------------------------------------------------------------- ++ EXTERNAL SOURCE: customize.css ++ Customize Style Sheet ----------------------------------------------------------------------------*/ /* Global Resets *****************************************/ * { margin: 0; padding: 0; color: #333; } 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: .5em; border: none; } p { padding: .5em 0; } img { border: 0; } a img { border: 0; } table { font-size: 1em; /* This helps fix the relative font sizing problem with tables in IE */ } .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, h7 { padding-bottom: 5px; font-family: Arial, Helvetica, sans-serif; margin: 0.5em 0; } h1 { font-size: 210%; line-height: 100%; color: #286194 } h2 { font-size: 185%; line-height: 100%; color: #286194 } h3 { font-size: 160%; color: #286194 } h4 { font-size: 140%; } h5 { font-size: 120%; } h6 { font-size: 100%; } pre { background: #FCFBF5; border-top: 3px solid #F9F6EB; border-bottom: 3px solid #F9F6EB; margin: 0px 0px 15px 0px; padding: 10px; } pre p { border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; color: #FFFFFF; margin: 0; padding: 10px 10px 10px 20px; } blockquote.quote { color: #666; font-style: italic; font-size: 100%; line-height: 110%; width: auto; padding: 0; margin: 0; background: #1a1a1a; border: 1px solid #2c2c2c; font-style: normal; } blockquote.quote p { padding: 15px 50px 15px 15px; margin: 0; background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/icon-blockquote.jpg) 100% 10% no-repeat; border: 1px solid #000000; color: #FFFFFF; } p.color-green { display: block; padding: 8px 10px 8px 10px; margin: 15px 0; border-top: 3px solid #98cb00; border-bottom: 3px solid #98cb00; background: #ffffff; color: #010101; } p.color-blue { display: block; padding: 8px 10px 8px 10px; margin: 15px 0; border-top: 3px solid #7db6fb; border-bottom: 3px solid #7db6fb; background: #ecf2fe; color: #010101; } p.color-orange { display: block; padding: 8px 10px 8px 10px; margin: 15px 0; border-top: 3px solid #f18b41; border-bottom: 3px solid #f18b41; background: #fdf6e4; color: #010101; } p.color-pink { display: block; padding: 8px 10px 8px 10px; margin: 15px 0; border-top: 3px solid #d5688f; border-bottom: 3px solid #d5688f; background: #fae8e8; color: #010101; } p.color-grey { display: block; padding: 8px 10px 8px 10px; margin: 15px 0; border-top: 3px solid #cccccc; border-bottom: 3px solid #cccccc; background: #fafafa; color: #010101; } /* @group 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(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/icon-typo-error.jpg) 10px 50% no-repeat; } p.tips { color: #2d84e3; border-top: 3px solid #adcefb; border-bottom: 3px solid #adcefb; background: #ecf2fe url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/icon-typo-tips.jpg) 10px 50% no-repeat; } p.info { color: #ca6701; border-top: 3px solid #f2a378; border-bottom: 3px solid #f2a378; background: #fdf6e4 url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/icon-typo-info.jpg) 10px 50% no-repeat; } /* @end */ .highlight { background: #286194; color: #fff; } /* Lists Style *****************************************/ #main ol { padding: 0; list-style-position: inside; } #main ol li { padding: 2px 0 2px 5px; } #content ul ul, #content ul ul ul, #content ul ul ul ul { margin-left: 25px; } #content ol ol, #content ol ol ol, #content ol ol ol ol { margin-left: 25px; } ul.li-round1, ul.li-round2, ul.li-arrow, ul.li-star { padding-left: 10px; margin-left: 0; } 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(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/icon-li-orange.jpg) 2px 7px no-repeat; } ul.li-round2 li { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/icon-li-pink.jpg) 2px 7px no-repeat; } ul.li-arrow li { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/icon-li-arrow.jpg) 2px 7px no-repeat; } ul.li-star li { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/icon-li-star.jpg) 2px 7px no-repeat; } /* Latest News Module */ #content ul.latestnews li, #content ul.mostread li { list-style-type: none; margin: 0; font-size: 1.2em; } 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(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/icon-li-star.jpg) 2px 4px no-repeat; } ul.mostread-news li a:link, ul.mostread-news li a:visited { color: white; display: block; } /* Horizontal Rules *****************************************/ hr { border: none; height: 1px; 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, .contentpaneopen a.readon:hover { display: block; text-decoration: none; height: 20px; width: auto; background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/readmore.png) no-repeat; padding: 0 0 0 30px; margin-top: 15px; font-size: 0.9em; line-height: 20px; color: #444; } li span.small { font-size: 0.9em; } li br { display: none; } /* Joomla Specific *****************************************/ .contentheading { width: 100%; } /*td.contentheading, /*td.componentheading, /*div.componentheading { /* font-size: 1.7em; /* line-height: 1.8em; /* font-weight: bold; /* color: #666; /*} /*div.componentheading { /* margin-bottom: 5px; /*} table.contentpaneopen, table.contentpane { font-size: 1em; } .sectiontableheader, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry1, td.sectiontableentry2 { text-indent: 5px; border-bottom: 1px solid #fff; padding: 4px 0; } #content .sectiontableheader a { color: #fff; } .sectiontableheader { background: transparent url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/table-header-bg.png) repeat-x scroll 0%; color: white; font-weight: bold; line-height: 18px; text-align: left; } .sectiontableentry1 { background: #F9F6EB; font-size: 1em; } .sectiontableentry2 { background: #FCFBF5; font-size: 1em; } span.small { color: #999; font-size: 0.9em; } td.createdate { background: transparent url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/icon-date.png) 0 2px no-repeat; text-indent: 20px; color: #666; padding-left: 0px; font-size: 1em; padding-bottom: 5px; } td.modifydate { background: transparent url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/icon-updated.png) no-repeat scroll 0px 80%; color: #666; padding-left: 0px; padding-top: 10px; text-indent: 20px; font-size: 0.9em; } table.contenttoc { /* NOTE: Keeps the blog tables from crowding */ margin: 5px; padding: 0px; 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: #666666; text-transform: uppercase; } td.buttonheading { padding: 0 3px!important; text-align: center; } .mosimage { background: #F2EFE1 none repeat scroll 0%; border: 1px solid #D9D6CB; margin: 0px 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: #fff; margin: 7px; margin-right: 0; padding: 2px; border: 1px solid #ccc; } table.contenttoc td { padding: 0 7px; } table.contenttoc th { padding: 0 10px; font-size: 1em; color: #fff; background: #ccc; } .pagenav { text-align: center; font-size: 1em; font-weight: bold; width: auto; padding: 0px 10px; line-height: 20px; margin: 1px; color: #555; } .article_seperator { display: block; width: 100%; } .moduletable span.article_seperator, #inset .moduletable .article_seperator { display: none!important; } 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: #FFFFFF; } /* Form Styling *****************************************/ select, select.inputbox { color: #666; } 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 } blockquote { background: #F9F6EB url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/blockquote.png) no-repeat 97% 10px; border: 1px solid #E6E6C0; padding: 10px 60px 10px 10px; } /* intelligent modules */ .clear { clear: both; display: block; height: 0px; 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; } /* user2 intelligent modules */ /* safari height fix */ #user1 div.countin1, #user1 div.countin2, #user1 div.countin3, #user2 div.countin1, #user2 div.countin2, #user2 div.countin3, #advert1 div.countin1, #advert1 div.countin2, #advert1 div.countin3, #advert3 div.countin1, #advert3 div.countin2, #advert3 div.countin3, #bottom_modules div.countin1, #bottom_modules div.countin2, #bottom_modules div.countin3 { height: 100%!important; } #user2 div.countin3 { width: 304px; overflow: hidden; margin-bottom: 7px; display: block; } #user2 div.countin2 { width: 470px; overflow: hidden; margin-bottom: 7px; display: block; } #user2 div.countin1 { width: 965px; clear: both; overflow: hidden; display: block; } #user2 div.middle { margin-left: 32px; width: 300px; margin-bottom: 7px; display: block; } #user2 .moduletable h3 { font-size: 1.8em; line-height: 23px; margin-top: 25px; } #user2 .moduletable a.readon { padding: 0; margin: 0; text-indent: 0; font-size: 1.4em; font-weight: bold; text-transform: lowercase; padding-top: 10px; background: none; margin-bottom: 20px; } /* bottom intelligent modules */ #bottom_modules { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/bottom_modules_bg.png) repeat-x top #F1E2BF; padding: 15px 0; } #bottom_modules div.countin3 { width: 304px; overflow: hidden; margin-bottom: 7px; } #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 #D5BD97; color: #61502E; font-size: 1.4em; font-weight: bold; line-height: 23px; } #bottom_modules .moduletable li { line-height: 27px; list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #F6EBD4; } #bottom_modules .moduletable li a:link, #bottom_modules .moduletable li a:visited { display: block; color: #333; font-size: 13px; padding: 0 4px; } #bottom_modules .moduletable li a:hover { background: #F6EBD4; text-decoration: none; } /* user1 intelligent modules */ #user1 div.countin3, #advert1 div.countin3, #advert3 div.countin3 { width: 30%; overflow: hidden; margin-bottom: 7px; } #user1 div.countin2, #advert1 div.countin2, #advert3 div.countin2 { width: 48%; overflow: hidden; margin-bottom: 7px; } #user1 div.countin1, #advert1 div.countin1, #advert3 div.countin1 { width: 100%; clear: both; overflow: hidden; margin-bottom: 7px; } #user1 div.middle, #advert1 div.middle, #advert3 div.middle { width: 30%; margin-bottom: 7px; } body.scheme_3 #advert1 .middle, body.scheme_3 #advert3 .middle, body.scheme_3 #user1 .middle { margin-left: 26px; } body.scheme_2 #advert1 .middle, body.scheme_2 #advert3 .middle, body.scheme_2 #user1 .middle { margin-left: 36px; } .scheme_1 #advert1 .middle, .scheme_1 #advert3 .middle, .scheme_1 #user1 .middle { left: 46px; position: relative; } #user1 .moduletable h3, #advert1 .moduletable h3, #advert3 .moduletable h3 { font-size: 23px; line-height: 23px; font-size: 1.8em; border-bottom: 3px solid #E2DDC5 } #user1 .moduletable a.readon, #advert1 .moduletable a.readon, #advert3 .moduletable a.readon, #bottom_modules .moduletable a.readon { padding: 0; margin: 0; text-indent: 0; font-size: 1em; font-weight: normal; padding-top: 0px; background: none; display: block; padding: 14px 0 4px 0; } #bottom_modules .moduletable a.readon { color: #61502E; font-weight: bold; } #advert2 { border: 1px solid red; display: block; height: auto; } .book-now { border-bottom: 4px solid #F2EFE1; border-top: 4px solid #F2EFE1; background: #F9F6EB url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/inset-bulb.png) no-repeat 23px 50%; padding: 10px 10px 10px 66px; font-size: 1em; margin: 1px 0; } .inset .moduletable-insetinfo { border-bottom: 4px solid #F2EFE1; border-top: 4px solid #F2EFE1; background: #F9F6EB url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/inset-bulb.png) no-repeat 23px 50%; padding: 10px 10px 10px 66px; font-size: 1em; margin: 1px 0; } .inset .moduletable { border-bottom: 4px solid #F2EFE1; border-top: 4px solid #F2EFE1; padding: 10px 20px; font-size: 1em; background: #F9F6EB; margin: 1px 0; } .inset .moduletable h3, .inset .moduletable-insetinfo h3 { font-size: 17px; margin: 4px 0; padding: 0; } .moduletable-insetalert, .moduletable-insettip, .moduletable-insethelp { display: block; padding: 3px 10px 3px 35px; margin: 1px 0; font-size: 1em; } .moduletable-insetalert { color: #cd3301; border-top: 3px solid #cd3301; border-bottom: 3px solid #cd3301; background: #fae8e8 url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/icon-typo-error.jpg) 10px 50% no-repeat; } .moduletable-insettip { color: #2d84e3; border-top: 3px solid #adcefb; border-bottom: 3px solid #adcefb; background: #ecf2fe url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/icon-typo-tips.jpg) 10px 50% no-repeat; } .moduletable-insethelp { color: #ca6701; border-top: 3px solid #f2a378; border-bottom: 3px solid #f2a378; background: #fdf6e4 url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/icon-typo-info.jpg) 10px 50% no-repeat; } p.module-address { background: transparent url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/module-address.png) no-repeat scroll 0px 10px; padding-left: 24px; } p.module-mobile { background: transparent url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/module-mobile.png) no-repeat scroll 3px 8px; padding-left: 24px; margin: -0.5em 0; } p.module-fax { background: transparent url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/module-fax.png) no-repeat scroll 0px 8px; text-indent: 25px; margin: -0.5em 0; } p.module-email { background: transparent url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/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(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/sendusemail.png) no-repeat; color: #333; font-size: 11px; padding: 3px 0 0 8px; margin-top: 8px; } .wheretogethelp p { background: transparent url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/wheretogethelp.png) no-repeat scroll right bottom; padding: 0pt 50px 10px 0pt; } .wheretogethelp ul { margin: 0; padding: 0; list-style: none } .wheretogethelp li { background: url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/wheretogethelp-star.png) left no-repeat; padding: 0; margin: 9px 0; } .wheretogethelp li a:link, .wheretogethelp li a:visited { padding: 5px 0 0 25px; color: #006DA8; } #searchbox { overflow: hidden; height: 21px; position: absolute; right: 5px; top: 15px; vertical-align: top; width: 159px; background: transparent url(/web/20110222223553im_/http://www.beethamtower.org/templates/rationalmagic/images/searchbox.png) no-repeat left; } .superfish #searchbox { top: 12px; } #searchbox input.inputbox { border: none; width: 120px; background: transparent; font-size: 0.9em; height: 13px; line-height: 13px; vertical-align: top; width: auto; padding: 0; float: left; margin: 4px 0 0 10px; } #searchbox input.button { float: right; width: 18px; height: 18px; background: none; border: none; display: block; text-indent: -88888px; padding: 40px 0 0 0; margin: 0; line-height: normal; cursor: pointer; overflow: hidden; } /* Demo Styles */ .clubTestimonial .quoteName { font-size: 11px; padding: 5px 0 26px 93px; background: transparent url(/web/20110222223553im_/http://208.73.37.82/templates/madeyourweb/images/mitch-quote.jpg) no-repeat 0% 0%; } div.clubTestimonial p { font-size: 0.9em; font-style: italic; margin: 10px 0; line-height: 140%; } .quoteName strong { font-size: 1.3em; } .quoteName span { display: block; } /* FILE ARCHIVED ON 22:35:53 Feb 22, 2011 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 03:27:58 Mar 30, 2020. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): exclusion.robots: 0.303 RedisCDXSource: 0.592 captures_list: 125.178 LoadShardBlock: 111.127 (3) PetaboxLoader3.resolve: 113.505 esindex: 0.012 CDXLines.iter: 11.097 (3) PetaboxLoader3.datanode: 200.914 (4) load_resource: 206.377 exclusion.robots.policy: 0.286 */