CSS
I wanted to put the CSS that I used on the site up here as it is the main thing that I have changed from the origional Pop Blue theme. If anyone can see any problems or perhaps a better way of going about it please do get in contact.
body { background:#000 url(images/background.png) repeat-y 50% 0; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#666; margin:0; padding:0; } #top { width:800px; height:80px; background-color:#000; margin:auto; padding:0; } #header { margin:0 auto; padding:0; } #header h1 { text-indent:-10000px; margin:0; padding:0; } #header h1 a { display:block; background:url(images/logo.png) no-repeat left 10px; height:80px; } h1,h2,h3 { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:14px; font-weight:700; margin:0; padding:0; } a:hover { text-decoration:underline; color:#4192e5; border:none; } #nav { background:url(images/menu.png); height:35px; margin:0; padding:0; } #nav2 { height:35px; width:800px; font-weight:700; margin:0 auto; padding:0; } ul.nav2 { height:35px; line-height:35px; float:left; list-style:none; font-size:12px; font-weight:700; margin:0; padding:0; } ul.nav2 li { float:left !important; list-style-type:none; margin:0; padding:0; } ul.nav2 li a,ul.nav2 li a:link,ul.nav2 li a:visited { text-decoration:none; color:#FFF; float:left; display:block; padding:0 10px; } ul.nav2 li a:hover { color:#4192e5; text-decoration:underline; } ul.nav2 li a:active { color:#4192e5; text-decoration:none; } ul.nav2 li.current_page_item a { text-decoration:none; color:#4192e5; } ul.nav2 li ul { float:left; margin:0; padding:0; } .postmetadata { background:#e6e7f8; padding:5px; } span.cty { background:transparent url(images/category.gif) no-repeat; border:0; margin:0; padding:0 0 5px 20px; } #main { width:800px; margin:0 auto; padding:0; } #content { float:left; width:570px; margin:10px 10px 0; padding:0; } .entry { float:left; width:560px; overflow:hidden; text-align:justify; margin:0; padding:0; } #sidebar { float:right; width:210px; margin:10px 0 0; padding:0; } #rsidebar { float:right; width:200px; overflow:hidden; margin:0; padding:0 10px; } #rsidebar h2 { font-size:12px; color:#20257c; margin:0 0 5px; padding:0; } #rsidebar ul { list-style-type:none; margin:0; padding:0; } #rsidebar ul li { list-style-type:none; margin:0 0 10px; padding:0; } #rsidebar ul li ul { list-style-type:square; margin:0; padding:0 3px; } #rsidebar ul li ul li { list-style-type:none; background:transparent url(images/li.gif) no-repeat 0 3px; border:0; margin:0; padding:0 0 3px 15px; } .navigation { width:560px; color:#666; margin-bottom:1em; padding:0; } .alignright { float:right; margin-top:10px; margin-bottom:10px; } .alignleft { float:left; margin-top:10px; margin-bottom:10px; } #searchform { height:35px; line-height:35px; float:right; margin:0; padding:0; } input#s { color:#5188d2; width:140px; border:1px solid #cbcbcb; background:#e6e7f8; } #footer { clear:both; height:0 !important; margin:0; padding:0; } #footerbox { background:url(images/menu.png); height:35px; line-height:35px !important; margin:0; padding:0; } .footer { width:800px; color:#FFF; height:35px; line-height:35px !important; text-align:center; margin:0 auto; padding:0; } .footer a:hover { text-decoration:underline; color:#fff; border:none; } .footer a:link,.footer a:active,.footer a:visited { text-decoration:underline; color:#25aacd; border:none; } .boxcomments { border-top:5px solid #ddd; border-bottom:5px solid #ddd; margin-bottom:20px; width:560px; margin-top:5px; } #commentform { border-top:1px solid #eee; margin:0; padding:15px 15px 1px; } #commentform label { display:block; margin:0; } #commentform input { width:170px; margin:0 5px 10px 0; padding:1px; } #commentform textarea { width:400px; margin:0 0 10px; padding:0; } #commentform #submit { margin:0 0 20px; } #commentform p { margin:5px 0; } ol.commentlist { margin:0 0 1px; padding:0; } ol.commentlist:hover { background:#e6e7f8; } ol.commentlist li { border-top:1px solid #eee; display:block; list-style:none; margin:0; padding:15px 15px 1px; } ol.commentlist li:hover { background:none; } ol.commentlist li.commenthead { display:block; list-style:none; margin:0; padding:5px 15px; } ol.commentlist li.commenthead h2 { margin:0; } ol.tblist { border-top:1px solid #fff; list-style:none; margin:0 0 1px; padding:15px; } ol.tblist li { display:block; list-style:none; background:#e7f9ff; padding-left:15px; margin:0 0 5px; } a:link,a:active,a:visited { text-decoration:none; color:#069; border:none; }