body { margin:0; padding:0; height:100%; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#222; background-color: #fff; background-image: url(images/ali_background.jpg); background-repeat: no-repeat; background-position: top center; margin-top: 0px; } #pageplacement { margin: 0 auto; padding: 0; width: 980px; position: relative; text-align: left; } h1 {font-size: 18px; color: #cc0000; text-transform:uppercase;} h2 {font-size: 16px; color: #333; text-transform:uppercase;} /* -- links ----------------------------------------------------------- */ a { outline: none; } a { color: #FF0000; text-decoration: none; font-size: 12px; } a:link { color: #FF0000; } a:visited { color: #FF0000; } a:active { color: #FF0000; } a:hover { color: #990000; } a.whitelink { color: #fff; text-decoration: none; } a.whitelink:visited { color: #fff; } a.whitelink:active { color: #fff; } a.whitelink:hover { color: #fff; text-decoration: underline; } .news_title { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FF0000; font-weight: bold; } .news_date { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; } .news_content { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; } .news_content a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000; text-decoration: none; } .news_content a:hover, .news_content a.active{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #990000; text-decoration: none; } .instructions_title { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; } .poll_title { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #000000; } .poll_percent { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; } .poll_content_title { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #000000; } .poll_content a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000; text-decoration: none; } .poll_content a:hover, .poll_content a.active{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #990000; text-decoration: none; } .video_content_title{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; } .video_content_title a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; text-decoration: none; } .video_content_title a:hover, .video_content_title a.active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CCCCCC; font-weight: bold; text-decoration: none; } .video_content { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; } .video_content_blurbhead { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #999999; } .video_content_blurbtitle { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #FFFFFF; } .legend_first_para { font-family: Times New Roman, Times, serif; font-size: 16px; color: #000000; } .legend_rest_para { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; } .message_others { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; } .style_footer {color: #FFFFFF } .footer_content { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #CCCCCC; } .footer_content a { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; } .footer_content a:hover, .footer_content a.active{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; } .site_by{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; } .followtwitter {margin: 5px 0px 0px 100px; font-size:11px; color:#fff;} .quoteoftheday { background: url(images/home_quote.jpg) top left no-repeat; width: 347px; height: 101px; } /* -- background images ------------------------------------------------- */ body#landing {background: #fff url(images/ali_bg.jpg) top repeat-x;} #tribute { background: url(images/joe-tribute.jpg) top center no-repeat; width: 982px; height: 925px; margin: 0 auto 50px auto; -moz-box-shadow: 0 0 20px #000; -webkit-box-shadow: 0 0 20px #000; box-shadow: 0 0 20px #000; } #tribute a {display: block; width: 982px; height: 925px;} #homeshadow { background: url(images/home_shadow.jpg) top left no-repeat; } #backvideos { background: url(images/back_videos.jpg) top left no-repeat; } #navback { background: url(images/ali_nav_back.jpg) top left no-repeat; width: 980px; height: 175px; margin: 0px 0px 0px 0px; } #navback td { text-align: center; } #subnav td { background:#000; color: #fff;} .padmaincontent { margin: 10px 20px 10px 20px; } .contentpad { margin: 10px 20px 10px 20px; } .contentpad2 { margin: 10px 200px 10px 20px; line-height: 1.5em;} .featuresotherpad { margin: 0px 0px 10px 20px; } #interactback { background: url(images/interact_back.jpg) top left no-repeat; width: 980px; height: 550px; margin: 0px 0px 0px 0px; } #interactback div.interactcontent { margin: 0px 20px 10px 20px; } #interactback2 {background:#fff;} #interactback2 td.top1 { background: url(images/interact_home_top1.jpg) top left no-repeat; width: 490px; height: 238px; margin: 0px 0px 0px 0px; } #interactback2 td.top2 { background: url(images/interact_home_top2.jpg) top left no-repeat; width: 490px; height: 238px; margin: 0px 0px 0px 0px; } #interactback2 td.box1 { background: url(images/interact_home_downloads.jpg) top left no-repeat; width: 247px; height: 228px; margin: 0px 0px 0px 0px; } #interactback2 td.box2 { background: url(images/interact_home_polls.jpg) top left no-repeat; width: 246px; height: 228px; margin: 0px 0px 0px 0px; } #interactback2 td.box2 { background: url(images/interact_home_monopoly.jpg) top left no-repeat; width: 246px; height: 228px; margin: 0px 0px 0px 0px; } #interactback2 td.box3 { background: url(images/interact_home_message.jpg) top left no-repeat; width: 246px; height: 228px; margin: 0px 0px 0px 0px; } #interactback2 td.box4 { background: url(images/interact_home_iphone.jpg) top left no-repeat; width: 241px; height: 228px; margin: 0px 0px 0px 0px; } #interactback2 div.interactcontent2 { margin: 130px 20px 0px 10px; color: #FFFFFF; } #interactback2 div.interactcontent2a { margin: 85px 130px 0px 10px; color: #FFFFFF; } #interactback2 div.interactheader { margin: 10px 0px 10px 0px; color: #fff; font-size: 18px; font-weight: bold; text-transform:uppercase;} #legendback { background: url(images/legend_back.jpg) top left no-repeat; width: 980px; height: 475px; margin: 0px 0px 0px 0px; } #legendback div.legendcontent { margin: 320px 25px 0px 10px; } #legendback div.legendcontent2 { margin: 333px 25px 0px 10px; } #legendback2 { background: url(images/legend_back_051910.jpg) top left no-repeat; width: 980px; height: 475px; margin: 0px 0px 0px 0px; } #legendback2 div.legendcontent { margin: 320px 25px 0px 10px; } #legendback2 div.legendcontent2 { margin: 333px 25px 0px 10px; } #aliapps { background: url(images/interact_apps_back.jpg) top left no-repeat; width: 980px; height: 405px; margin: 0px 0px 0px 0px; } #alijabsback { background: url(images/interact_alijabs_back.jpg) top left no-repeat; width: 980px; height: 405px; margin: 0px 0px 0px 0px; } #alihdback { background: url(images/interact_alihd_back.jpg) top left no-repeat; width: 980px; height: 405px; margin: 0px 0px 0px 0px; } #alichat {background: url(images/alichat_back.jpg) top left no-repeat; background-color: #fff; width: 980px; margin: 0px 0px 0px 0px; } #alichathauser {background: url(images/alichat_back_hauser.jpg) top left no-repeat; background-color: #fff; width: 980px; margin: 0px 0px 0px 0px; } #alibhm {background: url(images/alibhm_back.jpg) top left no-repeat; background-color: #fff; width: 980px; margin: 0px 0px 0px 0px; } #pollback { background: url(images/poll_back.jpg) top left no-repeat; width: 488px; height: 237px; margin: 0px 0px 0px 0px; } #pollback .question {font-size: 18px; color: #fff; text-transform:uppercase;} #pollcolumn .question {font-size: 12px; color: #333; font-weight: bold;} #pollback .option {font-size: 12px; color: #fff; } #pollcolumn .option {font-size: 12px; color: #333; } #pollback p {font-size: 12px; color: #fff; } #pollback h1 {font-size: 18px; color: #fff; text-transform:uppercase;} #pollback td.pollDescriptionCell {font-size: 12px; color: #fff; } #pollback td.pollCountCell {font-size: 12px; color: #fff; } /* -- Poll ------------------------------------------------------------ */ .pollBar { height: 15px; background: #ff0000; border: 1px solid #000000; } #pollBar1 { background: #330000; } #pollBar2 { background: #990000; } #pollBar3 { background: #ff0000; } #pollBar4 { background: #666; } #pollBar5 { background: #ccc; } #pollBar6 { background: #000; } /* -- Message to ali ------------------------------------------------------------ */ div.messagetopic {font-size: 14px; color: #fff; margin: 0px 10px 0px 20px; text-transform:uppercase; font-weight: bold;} div.othermessagestext {font-size: 18px; line-height: 1.3em; color: #333; margin: 20px 0px 10px 0px; } div.othermessages {font-size: 18px; color: #333; margin: 0px 0px 10px 0px; text-transform:uppercase; font-weight: bold;} #messageform { margin: 10px 20px 10px 20px; } #messageform h1 {font-size: 18px; color: #cc0000; text-transform:uppercase;} #messageform input.text { width: 500px; border: 1px solid #666; background:#fff; color:#333; } #messageform textarea { width: 500px; height: 200px; border: 1px solid #666; } #messageform select { width: 500px; border: 1px solid #666; background:#fff; color:#333; } #messageform input:focus, textarea:focus, select:focus { border: 1px solid #666; background:#b8dbfe; color:black; } #messageform submit { border-style: none; } /* -- Marketing ------------------------------------------------------------ */ #marketing {background:#fff;} #marketingtop1 { background: url(images/marketing_home_back1.jpg) top left no-repeat; width: 980px; height: 350px; margin: 0px 0px 0px 0px; } #marketing td.box1 { background: url(images/marketing_home_advertising.jpg) top left no-repeat; width: 247px; height: 228px; margin: 0px 0px 0px 0px; } #marketing td.box2 { background: url(images/marketing_home_licensee.jpg) top left no-repeat; width: 246px; height: 228px; margin: 0px 0px 0px 0px; } #marketing td.box3 { background: url(images/marketing_home_donations.jpg) top left no-repeat; width: 246px; height: 228px; margin: 0px 0px 0px 0px; } #marketing td.box4 { background: url(images/marketing_home_autographs.jpg) top left no-repeat; width: 241px; height: 228px; margin: 0px 0px 0px 0px; } #marketing div.marketingcontent2 { margin: 130px 20px 0px 10px; color: #FFFFFF; } #marketing div.marketingheader { margin: 5px 0px 5px 0px; color: #fff; font-size: 14px; font-weight: bold; text-transform:uppercase;} #marketing div.marketingheader2 { margin: 5px 0px 5px 0px; color: #fff; font-size: 11px; font-weight: bold; text-transform:uppercase;} #marketingform input.text { width: 300px; border: 1px solid #666; background:#fff; color:#333; } #marketingform textarea { width: 300px; height: 100px; border: 1px solid #666; } #marketingform select { width: 300px; border: 1px solid #666; background:#fff; color:#333; } #marketingform submit { border-style: none; width: 63px; height: 20px; } span.required {color:#ff0000;} /* -- contact us ------------------------------------------------------------ */ #contactusform { margin: 40px 20px 10px 40px; } #contactusform h1 {font-size: 18px; color: #cc0000; text-transform:uppercase;} #contactusform input.text { width: 300px; border: 1px solid #666; background:#fff; color:#333; } #contactusform textarea { width: 300px; height: 200px; border: 1px solid #666; } #contactusform select { width: 300px; border: 1px solid #666; background:#fff; color:#333; } #contactusform input:focus, textarea:focus, select:focus { border: 1px solid #666; background:#b8dbfe; color:black; } #contactusform submit { border-style: none; } /* -- 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(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../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; } /* -- library ------------------------------------------------------------ */ .xxx { font-family: arial,helvetica,sans-serif; color: #000000; font-size: 12px; line-height: 1.2em; font-weight: bold; font-style: italic; text-align: right; text-align: center; text-indent: -10px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; margin-left: 0px; margin-right: 0px; margin-top: 6px; margin-bottom: 0px; background:#fff; text-transform:uppercase; }