/* Theme Name: AFTSEREO Description: Version: 1.0 Author: Ruramai Nhapata (www.flowsa.com) Date: February 2008 */ /*RESET AND CLEARFIX ----------------------------*/ :link,:visited {} ul,ol {list-style:disc !important; line-height:1em !important; } h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;} h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0;} a img,:link img,:visited img {border:none !important} address {font-style:normal !important} .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .clearfix {display:inline-block;} .clearfix {display:block;} td,th{border:1px;} /* BODY -----------------------------------*/ html, body {height:100%;} /* BASE TYPOGRAPHY -----------------------------------*/ body {font: 62.5%/1.2em Verdana, "Times New Roman", sans-serif; background-color:#17253F;} p {font-size:1.2em !important; line-height:1.2em !important; margin-bottom:1.0em !important;} ul, ol {font-size:1.2em; line-height:1.2em !important;} a:link {outline:none; color:#0F23FF; text-decoration:underline;} a:visited {color:#0F23FF;text-decoration:underline;} a:hover {color:#ff7200; text-decoration:underline;} h1 {font-size:2.8em;} h2 {font-size:2em;} h3 {font-size:1.6em;} h4 {font-size:1.4em;} h5 {font-size:1em;} h1, h2, h3, h4, h5, h6 {font-weight:normal; margin-bottom:0.3em; line-height:1.2em; color:#F37103;} #mainflow ul {list-style-type:disc;} #mainflow ol {list-style-type:decimal; margin-left:0.2em;} #mainflow li {margin-bottom:0.3em;} #mainflow li li {font-size:80.9%;} #mainflow li li li {font-size:82.6%;} #maininner ul {list-style-type:disc; margin-left:1.6em;} #maininner ol {list-style-type:decimal; margin-left:1.6em;} #maininner li {margin-bottom:0.3em;line-height:1.3em;} #maininner li li {font-size:80.9%;} #maininner li li li {font-size:82.6%;} /* BASE TEMPLATE ---------------------------------*/ #containerflow {width:960px; background: url(images/bk_strip_2.jpg) repeat-y; margin:0px auto;} /* LAYOUT STRUCTURE -------------------------------- */ #content {float:left; width:100%; margin-bottom:0px;} #mainflow {float:left; background: url(images/bk_strip_2.jpg);} .box-width {width:470px;} #spacerflow {height:12px; width:960px; display:block; float:left;line-height:0pt;} *html #spacerflow { display:none;} .ad-main {color:#aaa !important;} .play-main {color: #aaa !important;} /* CONTAINERS ________________________________*/ #container-orangebox {margin: 0 auto; width:213px; float:left; background: url(images/orange_top10_strip_a.jpg) repeat-y;background-repeat: repeat-y} #container-orangebox-top {padding-left:5px;padding-right:5px;background: url(images/orange_top10_top_a.jpg) no-repeat;} /*#container-orangebox-main {text-align:left;}*/ #container-orangebox-bot { background-image: url(images/orange_top10_bottom_a.jpg); height:20px;width:213px;} #container-orangebox-greybg {margin: 0 auto; width:213px; float:left; background: url(images/orange_top10_strip_a_grey.jpg) repeat-y;} #container-orangebox-greybg-top {padding-left:5px; background: url(images/orange_top10_top_a_grey.jpg) no-repeat;} /*#container-orangebox-greybg-main {text-align:left;}*/ #container-orangebox-greybg-bot { background-image: url(images/orange_top10_bottom_a_grey.jpg); height:20px; width:213px;} #container-bluebox {float:left; width:213px; background: url(images/blue_top10_strip_p.jpg) repeat-y;} #container-bluebox-top {padding-left:5px; padding-right:5px; background: url(images/blue_top10_top_p.jpg) no-repeat;} /*#container-bluebox-main {text-align:left;}*/ #container-bluebox-bot {background-image: url(images/blue_top10_bottom_p.jpg); height:20px;} #container-bluebox-greybg {float:left; width:213px; background: url(images/blue_top10_strip_p_grey.jpg) repeat-y;} #container-bluebox-top-greybg {padding-left:5px;padding-right:5px; background: url(images/blue_top10_top_p_grey.jpg) no-repeat;} /*#container-bluebox-main-greybg {text-align:left;}*/ #container-bluebox-bot-greybg {background-image: url(images/blue_top10_bottom_p_grey.jpg); height:20px; width:213px;} /*FRONTPAGE --------------------------------*/ .floaters-a {margin-left:-20px; margin-right:20px} .floaters-p {margin-right:-20px; margin-left:20px} *html .floaters-a {float:left;margin-left:-20px; margin-right:20px; width:157px;} *html .floaters-p {float:right; margin-right:-20px; margin-left:20px} #adspot {margin-right:10px; float:left; background: url(images/a_strip.jpg) repeat-y;} #adspot-top {float:left; background-image: url(images/a_top.jpg); height:50px; width:470px;} #adspot-main {min-height:240px;float:left; text-align:left; background: url(images/a_bottom.jpg) bottom no-repeat; padding:20px 35px 10px 20px; width:415px;} *html #adspot-main {height:240px;float:left; text-align:left; background: url(images/a_bottom.jpg) bottom no-repeat;width:415px; padding:20px 35px 10px 20px;} #adspot-main ul,ol {list-style: none !important;} #adspot-main p {padding-left:20px;} #adspot-bot {float:left;} #playlist {margin-left:10px; float:left;background: url(images/p_strip.jpg) repeat-y;} #playlist-top {float:left; background-image:url(images/p_top.jpg); height:50px; width:445px;} #playlist-main {min-height:240px;float:left; text-align:left !important; background: url(images/p_bottom.jpg) bottom no-repeat; padding:20px 20px 10px 20px; width:91.5%;} *html #playlist-main {height:240px;float:left; text-align:left !important; background: url(images/p_bottom.jpg) bottom no-repeat; margin-right:0px; margin-left:px; padding:20px 20px 10px 20px;} #playlist-main p{padding-right: 20px;} #playlist-holder {margin-left:100px; text-align:left;} #playlist-holder ul,ol {list-style: none !important;} #playlist-bot {float:left;} #rowflow {margin-top:15px;} #did-u-know {float:left; width:490px; margin: 0 5px;background: url(images/did_strip.jpg) repeat-y;} #did-u-know-top {background-image: url(images/did_top.jpg); height:32px; width:490px;} #did-u-know-main {text-align:left; padding-left:20px; padding-right:20px;} #did-u-know-bot {background-image: url(images/did_bottom.jpg);height:17px;width:490px;} *html #mainflow #top10a ul {list-style:disc !important; margin-left:2.0em !important;} *html #mainflow #top10a ol {list-style-type:decimal !important; margin-left:2.0em !important;} #top10a { width:230px; float:left; background: url(images/top10_a_strip.jpg) repeat-y;} *html #top10a {margin: 0 auto; width:230px; float:left; background: url(images/top10_a_strip.jpg) fixed repeat-y; background-repeat: repeat-y;} #top10a-top {min-height:225px;padding-left:55px; padding-bottom:10px; padding-top:15px;padding-right:20px; background: url(images/top10_a_top.jpg) no-repeat;} *|html #top10a-top {height:225px;padding-left:40px; padding-bottom:10px; padding-top:15px;padding-right:20px; background: url(images/top10_a_top.jpg) no-repeat;} #top10a-bot {background-image: url(images/top10_a_bottom.jpg); height:13px;} #top10p {float:left; width:230px; background: url(images/top10_p_strip.jpg) repeat-y;} *html #top10p {margin: 0 auto; width:230px; float:left; background: url(images/top10_p_strip.jpg) fixed repeat-y;background-repeat: repeat-y;} #top10p-top {min-height:225px; padding-left:15px; padding-bottom:10px; padding-top:15px; padding-right:40px; background: url(images/top10_p_top.jpg) no-repeat;} *html #top10p-top {height:225px;padding-left:20px; padding-bottom:10px; padding-top:15px; padding-right:20px; background: url(images/top10_p_top.jpg) no-repeat;} /*#top10p-main {text-align:left;}*/ #top10p-bot {background-image: url(images/top10_p_bottom.jpg); height:13px;} /*INSIDE PAGES ________________________*/ #title-content-holder {float:left; width: 720px;} #main-inner {float:left; width:430px; margin-left:290px; padding-bottom:150px;} #main-inner-page-blank {float:left; margin-left:70px; padding-bottom:150px;} #titleflow {margin-left:70px;float:left; width:640px} #titleflow p {font-size:1.4em !important;} #admin-main-inner {float:left; width:820px; padding-bottom:150px; margin-left:100px;} #main-inside {float:left; width:960px; background: url(images/manager_bg.jpg) bottom no-repeat;} *html #main-inside {float:left; width:960px; background: url(images/manager_bg.jpg) bottom no-repeat;} *html #main-inner {float:left; width:350px; margin-left:180px; padding-bottom:150px;margin-right:px;} #main-inside-ad2 {float:left; width:960px; background: url(images/managerbg_ad2.jpg) bottom no-repeat;} #main-inside-p1 {float:left; width:960px; background: url(images/managerbg_p1.jpg) bottom no-repeat;} #main-inside-p1 h1 {color: #17263D} #main-inside-p2 {float:left; width:960px; background: url(images/managerbg_p2.jpg) bottom no-repeat;} #main-inside-p2 h1 {color: #17263D} #main-inside-blank {float:left; width:960px; background: url(images/managerbg_blank.jpg) bottom no-repeat;} #main-inside-blank_survey {float:left; width:960px; background: url(images/managerbg_blank_survey.jpg) repeat-y;} #main-inside-top {background:#fff url(images/manager-bg-top.jpg) top no-repeat; height:33px;} #main-inner p {margin-bottom:0.3em;} *html #main-inner-page-blank {width:590px;float:left; margin-left:40px; padding-bottom:50px;margin-right:20px;} *html #title-content-holder {float:left; width: 500px;} *html #titleflow {margin-left:40px; float:left; width:500px;} #sidebarflow {float:left; width:210px; height:460px;} #sidebarflow p {font-size:1.5em;padding-top:15px;} /*HEADER ----------------------*/ #headerflow {height:295px; width:960px;} #header-logoflow {height:110px; width:960px;} #flow-logo {padding-left:50px;padding-top:15px;background-image: url(images/main_header.jpg);} #sub-headerflow {height:135px; background-image: url(images/sub_header_1.jpg); height:135px; width:960px;} #animation-flow{padding-left:25px;padding-top:3px; background-image: url(images/bk_strip_2.jpg);} /*FOOTER ------------------------*/ .footerflow {background: url(images/bk_strip_2.jpg); float:left; height:40px; padding:5px; font:0.85em "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;} #footer-nav {color:#000; width:170px; margin:0 auto;} #footerflow a:link {color:#000;} #footerflow a:visited {color:#000;} /* MAIN CONTENT LISTS -------------------------*/ #main ul {list-style-type:disc; margin-left:1.6em;} #main ol {list-style-type:decimal; margin-left:1.6em;} #main li {margin-bottom:0.3em;} #main li li {font-size:80.9%;} #main li li li {font-size:82.6%;} /*Floats -------------------------*/ .floatright {float:right; margin-left:10px;} .floatleft {float:left; margin-right:10px;} /* NAVIGATION PRIMARY ------------------------------*/ /*#navflow {background:url(images/menubar.jpg) repeat bottom; height:35px; display:block;padding-top:0px;} */ *html #menuflow-inner {padding-left:20px;line-height:1.3em;} *|html #menuflow-inner {padding-left:20px;line-height:0.3em;} #menuflow-inner {padding-left:20px; line-height:normal;} #menu-flow {line-height:1.3em;} #navflow {background: url(images/menubar.jpg) no-repeat; height:35px;padding-left:15px;} #navflow td,th{padding-left:1px;padding-right:5px;} #navflow ul {margin-bottom:0; float:left;} #navflow ul li {float:left; font-size:0.97em; margin:0;} #navflow ul li.first {padding-left:0;} #navflow ul li a {color:#fff; text-transform:uppercase; text-decoration:none; padding: 0 25px; display:block; font:1em/2em "Trebuchet MS", Trebruchet, sans-serif; letter-spacing:0.1em;} #navflow ul li.first a {} #navflow ul li.current a {background: #1c4879 url(); color:#fff} #navflow ul li a:hover {background: #1c4879 url(); color:#fff} /* COPYRIGHT -------------------*/ #copyright-notice p {font-size:1.1em; text-align:center; margin-top:10px;} /* LIGHTBOX -------------------*/ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(/afstereotheme/lightbox/images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/afstereotheme/lightbox/images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }