body{margin:0px; padding:0px; background-color:#cf9cb8} #headWrap{width:100%; height:175px; margin:0px; padding:0px; float:left; background:url(http://badnewsrobot.com/images/headBg2.jpg) repeat-x} #headpanel{width:934px; height:315px; margin:0 auto; padding:0px} #logo{width:435px; height:53px; margin:31px 0 0 0; padding:0px; float:left;} #logo h1{font-family:Tahoma; font-size:46px; color:#FFFFFF; font-weight:bold; line-height:50px; margin:0px; padding:0px;} #menu{width:934px; height:28px; margin:153px 0 0 0; padding:0px; float:left} #menu ul{width:934px; height:28px; margin:0px; padding:0px; float:left; display:block} #menu ul li{width:auto; height:28px; margin:0px; padding:0px; float:left; display:block} #menu ul li .gap{width:1px; height:28px; margin:0px; padding:0 11px 0 11px; float:left; background:url(http://badnewsrobot.com/images/menuspace.jpg) no-repeat center top} #menu ul li a{width:auto; height:28px; margin:0px; padding:0px; float:left; font-family:Arial; font-size:12px; color:#e5df85; line-height:18px; font-weight:bold; text-decoration:none} #menu ul li a:hover{color:#FFFFFF; background:url(http://badnewsrobot.com/images/menuHover.jpg) no-repeat center bottom} #contentWrap{width:100%; height: 875px; margin:0px; padding:0px; float:left; background:#fffcd5 url(http://badnewsrobot.com/images/contentBg.jpg) repeat-x} #contentPanel{width:934px; margin:0 auto; padding:33px 0 0 0} #bigRobot img{position:absolute; left:10px; top:10px; z-index:3;} #topNews { height: 850px; overflow-y: auto; z-index:4; border-left: 1px dotted gray; border-bottom: 1px solid gray; padding: 10px; font-family:Arial; font-size: 14px;} #topNews p { font-family:Arial; padding: 0px; margin-bottom: 5px; } .topNewsEntry { font-family:Arial; font-size: 12px; background-color: #393835; color: #FFFCD5; padding: 5px; border-bottom: 1px dotted gray;} .topNewsEntry a { color: gray; } .topNewsEntry a:visited { color: gray; } .topNewsEntry a:hover { color: white; } .topNewsEntry i { color: #c5c5c5; } #twitterPine { border-top: 1px dotted gray; } #twitterPine img { z-index:4; border: 0px; float: left; } #twitter_div { width: 300px; font-family:Courier, monospace; font-size:10px; } #twitter_div li { padding-bottom: 10px;} #headPanel h2 { margin:0px; padding:0px; float:left; font-family:Georgia; font-size:28px; color:#000000; line-height:32px; font-weight:normal} #headPanel h3 { margin:9px 0 0 0; padding:0px; float:left; font-family:Arial; font-size:12px; color:#005b7f; line-height:16px; font-weight:bold} #middlePanel{ width: 700px; margin-left:25px; padding:0 0 0px 200px; } #middlePanel .top{ width:300px; margin:0px; padding: 0px 0 0 3px; font-family:Arial; font-size: 14px; padding: 10px;} #middlePanel .top p{ font-family:Arial; font-size:12px; color:#363636; line-height:12px} .top p span{ color:#c46706; font-weight:bold } /* #middlePanel .top a{width:75px; height:16px; margin:10px 0 0 0; padding:0px; float:left; font-family:Arial; font-size:10px; color:#000000; line-height:14px; text-align:center; text-decoration:none; border:#bdbcbd solid 1px; background:#FFFFFF} #middlePanel .top a:hover{background:#CCCCCC} */ #middlePanel .robotForm { padding:0px; } #middlePanel .robotForm h2{ margin:0px; padding:0 0 3px 0; font-family:Georgia; font-size:20px; color:#000000; line-height:24px; font-weight:normal} #middlePanel .robotForm input{ height:17px; margin:7px 0 0 0; padding:3px 0 0 9px; color:#363636; border:0px; background:#9ad1d6} #middlePanel .robotForm textarea{width:250px; height:58px; margin:7px 0 0 0; padding:3px 0 0 9px; color:#363636; border:0px; background:#9ad1d6} #middlePanel .robotForm select{ margin: 0px; padding:0 0 0 0; color:#363636; border:0px; background:#9ad1d6} #middlePanel .robotForm a{width:55px; height:16px; margin:10px 0 0 0; margin-left:5px; padding:0px; color:#000000; line-height:14px; text-align:center; text-decoration:none; border:#bdbcbd solid 1px; background:#FFFFFF} #middlePanel .robotForm a:hover{background:#cccccc} #footWrap{width:100%; margin:0px; padding:0 0 26px 0; float:left} #footPanel{width:934px; margin:0 auto; padding:0px} #footNav a{font-family:Arial; font-size:12px; color:#e5df85; line-height:16px; font-weight:bold; text-decoration:none; margin:0px; padding:0px} #footNav a:hover{text-decoration:underline} #footPanel p{width:934px; margin:12px 0 0 0; padding:0px; float:left; font-family:Arial; font-size:11px; color:#fffcd5; line-height:15px; font-weight:bold; text-align:center} #footPanel p a{color:#e5df85; text-decoration:none} #footPanel p a:hover{text-decoration:underline} ul.popup { float: left; margin: 0; padding: 0; list-style: none; } ul.popup li { position: relative; /*--Add a relative positioning--*/ float: left; margin: 0; padding: 0; z-index: 2; width: 100%; } ul.popup li a{ position: relative; /*--Add a relative positioning--*/ } ul.popup li a:hover { } ul.popup li div { display: none; position: absolute; top: 2px; left: 275; width: 225px; font-size: 0.9em; background: url(http://badnewsrobot.com/images/bubble_top.gif) no-repeat right top; padding-top: 7px; z-index: 0; } ul.popup li div p { margin: 7px 0; line-height: 1.6em; padding: 0 40px 10px 5px; background: url(http://badnewsrobot.com/images/bubble_btm.gif) no-repeat left bottom; } .popupText { font-family: Arial, "Arial", sans-serif; font-size: 10px; line-height:10px;} .roboText { font-family: Courier, monospace; font-size: 10px; } .viewNews { font-size: 16px; border: 2px solid black;} .viewNews div { background-color: #ffffff; padding: 20px; } .roboBubble { background-color: transparent; position: relative;} .roboSpeak { background: url(http://badnewsrobot.com/images/robotbubble.png) no-repeat left top; width: 150px; height: 75px; margin: 0px; z-index: 2; position: relative; top: 2px;} div#bannerPlane { background: url(http://badnewsrobot.com/images/plane.png) no-repeat left top; height: 35px; z-index: 2; position: absolute; top: 2px; right: -500px; } div#iTouch { background-color: transparent; text-align:center; font-size:12px; color: red; height: 60px; z-index: 2; position: absolute; top: -100px; left: 50px; } div#headerBanner { padding: 5px; margin-left: 85px; color: #ffffff; font-family: Arial, "Arial", sans-serif; font-size: 11px; border: 3px solid #25D7FF; height: 20px; min-width: 300px; background-color: #30B9E2;} div#headerBanner input { color: #ffffff; font-family: Arial, "Arial", sans-serif; font-size: 11px; border: 1px solid #2591B1; height: 15px; background-color: #2591B1;} button { border: 2px solid black; background-color: #cf9cb8; font-family: Courier, monospace; font-size: 14px; }