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;
}
Be Sociable, Share!