* {margin:0; padding:0;}/*collapses all paddings and margins before they are defined*/
/* ########### All Text related ########## */
h1 {margin: 2em 0 2em 0;} /*Top margin, Right margin, margin, Left margin*/
h2 {margin: 0 0 1em 0;}
h3 {margin: 0 0 0.5em 0;}
h4 {margin: 0 0 0.5em 0;}
p {margin: 0 0 1em 0;}
h5 {margin:-0.6em 0 0.7em 0;}
h1 {font-size:120%; font-weight: normal;}
h2 {font-size: 80%; font-weight:bold; line-height:1.5em;}
h5 {font-variant:small-caps; font-weight:normal; color:#666; word-spacing:0.05em;}
p {font-size:80%;}
span.strike {text-decoration: line-through;}
span.red {color:#F00; font-weight:bold;}
/* ########### All items after in the document########## */
img {border:0;} /*get's rid of the border around images*/
a:link {color: #006599; font-weight: bold ; text-decoration: none;}
a:hover {color: #c00;}
a:visited {color: #006599; font-weight: bold ; text-decoration: none;}
body {
text-align: center;
font-size: medium;
font-family: verdana, arial, sans-serif;
background: #C1E0FF;
}
* html body{
font-size: small; /*for IE5/Win */
f\ont-size: medium; /*for other IE versions*/
}
#background {
width:800px;
margin:0 auto;
background: #069 url(images/background.gif) repeat-y top left;
}
#container {
position:relative;
margin:0 auto; /*center layout*/
text-align:left;
width:780px;
background:#e8f3ff url(images/navbar.gif) repeat-y top left;/*The background image extends the color of the navbar. Without it, when the navbar ends the color would be the same as the content background*/
}
#header {/*not used, but left here as the tag is defined*/}
/*Listed Wrong - text
To allow the best page structure and also allow users who perhaps don't use images to see your site properly, this image
replacement technique has the logo and 'listed wrong' text as one. It's the most accessible method and supports screen readers */
#header {
height:155px;
width:780px;
background: url(images/listed-wrong-header.jpg) no-repeat top left;
}
#header h1 {margin:0;}
#header h1 span {
display:none;
}
#header a {
height:155px;
width:780px;
display:block;
}
#secondheader {/*advertbar*/
display:block;
width:780px;
height:120px;
he\ight:90px;/*compact box model hack, see http://fourshapes.com for explanation*/
padding:15px 0;
text-align:center;/*moves advert to center*/
background: #069;
}
/* ########### All content related items ########## */
#content {
float:right;
text-align:center;
width:626px;
w\idth:606px;/*compact box model hack, see http://fourshapes.com for explanation*/
padding: 0 10px;
background: #e8f3ff;
}
#article {
float:right;
text-align:left;
width:626px;
w\idth:606px;/*compact box model hack, see http://fourshapes.com for explanation*/
padding: 0 10px;
background: #e8f3ff;
}
#forum_posts {
float:center;
text-align:center;
border: 1px solid #069;
width:400px;
w\idth:400px;/*compact box model hack, see http://fourshapes.com for explanation*/
padding: 0 10px;
background: #e8f3ff;
}
#bottom_ad {
text-align:center;
padding: 0 10px;
background: #e8f3ff;
}
#search fieldset {border:none;}
#friend fieldset {border:none;}
#ad1 fieldset {border:none;}
#ad2 fieldset {border:none;}
#ad3 fieldset {border:none;}
#ad4 fieldset {border:none;}
#dirsearch fieldset {border:none;}
/* #bottom_ad {margin: 20px 0;} */
#bottom_ad {
clear:both;
margin-left: 150px; /*adjust size to move further away from the left*/
text-align:center;
}
/* ########### All Nav bar related items ########## */
#navbar {
float:left;
color:#069;
width:154px;
w\idth:153px;
border-right: 1px solid #69c;
background:#069;
}
h4.header_nav {color:#fff; margin:0; line-height: 20px; text-align:center; font-size:80%; background: #069 url(images/title_bg.jpg) repeat-x bottom left;}
#navbar a {color:#069; text-decoration:none;}
#navbar a:hover {color: #c00;}
#navbar li {
color:#069;
list-style:none;/*turns off the normal bulletpoints*/
font-size:65%;
padding-left:10px;
line-height:1.2em;
margin: 0.3em 0 0 0;
background:url(images/navbar_dot.gif) no-repeat 2px 50%;/*replace them with our own*/
}
#navbar #navigation {background:#fff; padding:0 0 5px 0;}
/*#navbar #advert {text-align:center;margin:15px auto;background:#fff;}*/
/*#navbar #rss {text-align:center;margin:15px auto;background:#fff;}*/
#navbar #advert {text-align:center; background:#fff; padding:0 0 5px 0;}
#navbar #rss {text-align:center; background:#fff; padding:0 0 5px 0;}
#navbar #rss li {
color:#069;
list-style:none;/*turns off the normal bulletpoints*/
font-size:65%;
padding-left:0px;
line-height:1.2em;
margin: 0.3em 0 0 0;
background: none;
}
#navbar #lastten {background:#fff; padding:0 0 5px 0;}
#navbar #topten {background:#fff; padding:0 0 5px 0;}
#navbar #ebay_application {background:#fff; text-align:center; padding:0 0 5px 0;}
#error { float:left; }
#error a {color:#069; text-decoration:none;}
#error a:hover {color: #c00;}
#error #navigation {padding:0 0 5px 0;}
#error li {
list-style:none;/*turns off the normal bulletpoints*/
padding-left:10px;
line-height:1.2em;
margin: 0.3em 0 0 0;
background:url(images/navbar_dot.gif) no-repeat 2px 50%;/*replace them with our own*/
}
/* ########### Footer ########## */
#colorfooter { /*This adds the dark blue after the content has ended*/
clear:both;
background: #069;
height:30px;
width:780px;
}
#footer {
margin: 0 auto;
width:780px;
background: #C1E0FF;
text-align:center;
}
#footer p {
font-size:60%;
}
#colorfooter { /*This adds the dark blue after the content has ended*/
background: #069;
height:30px;
width:780px;
}
/* CLEARFIX (http://www.positioniseverything.net/easyclearing.html) These are used for special clearing options to make sure
floats clear correctly in Internet explorer, an example use would be
or
these functions aren't all in use, but are handy in any CSS toolbox.
-------------------------------------------------------------------- */
.clear {
height: 0px;
clear: both;
font-size: 1px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
font-size: 0; /*addition for FF1.5*/
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */
/* End of http://fourshapes.com styling */
div#logo {
text-align: center;
width: 825px;
}
div#copyright {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
text-align: center;
}
div#box_title {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
background-image: url(images/title_bg.jpg);
height: 20px;
padding-top: 2px;
text-align: center;
}
div#box_text {
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #006599;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 3px;
text-align: center;
}
div#menu_text {
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #006599;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 3px;
text-align: left;
}
div#_ad {
text-align: center;
margin: 0 auto;
}
.text_small { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 60%; color: #000000}
.text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; color: #000000}
.links_blue { font-family: Verdana, Arial, Helvetica, sans-serif; color: #006599; font-weight: bold ; text-decoration: none}
.links_blue_small { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #006599; font-weight: bold ; text-decoration: none }
.links_blue_small_nob { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #006599; text-decoration: none }
a:hover { COLOR: #CC0000 }
.c {
float: left;
}
.cr {
clear: left;
}
dirtd {
vertical-align: top;
padding: 5px;
}
dirh1 {
font-size: 14pt;
margin: 5px 0 5px 0;
}
dirh2 {
font-size: 10pt;
margin: 0;
padding: 0;
}
dirh3 {
color: #5e74b3;
font-size: 8pt;
padding: 0;
border-bottom: 1px dotted #5e74b3;
}
#descr {
padding: 0px;
margin: 0 0 5px 0;
}
table.formPage {
border: 1px solid #A0A0A0;
}
td.err {
padding: 3px;
color: #FF0000;
background: #FFEDED;
border: 1px solid #A0A0A0;
text-align: left;
}
td.msg{
padding: 3px;
color: #0000FF;
background: #EDF3FF;
border: 1px solid #A0A0A0;
text-align: left;
}
.label {
text-align: right;
}
.buttons {
border-top: 1px solid #A0A0A0;
text-align: center;
}
.count {
color: #6f6f6f;
font-size: 8pt;
font-weight: normal;
}
#links a {
font-size: 10pt;
}
#links p {
margin: 0 0 7px 0;
}
.url {
color: #6f6f6f;
}
#path {
margin-top: 2px;
padding: 3px;
background: #DDE2EC;
line-height: 19px;
border-top: 1px solid #5e74b3;
}
.submit {
float: left;
vertical-align: bottom;
}
.btn{
font-size: 8pt;
font-family: Verdana, Tahoma, Arial, sans-serif;
}
input.text {
color: #000000;
border: 1px solid #5e74b3;
height: 13px;
}
textarea.text {
font-size: 8pt;
border: 1px solid #5e74b3;
}
select {
font-size: 8pt;
border: 1px solid #5e74b3;
}
.captcha {
border: 1px solid #5e74b3;
margin-top: 10px;
}
form {
display: inline;
margin: 0;
padding: 0;
}
.btn{
font-size: 8pt;
font-weight: bold;
border: 1px solid #5e74b3;
background-color: #FFCC33;
height: 17px;
}
span.req{
margin-left: 3px;
color: #FF0000;
font-weight: bold;
}
div.errForm, span.errForm {
margin: 0px 0 0px 5px;
padding: 2px 3px 2px 3px;
color: #FF0000;
background: #FFFFF3;
border: 1px solid #cccccc;
text-align: left;
clear: right;
}
.small, .small a {
padding: 0px;
margin: 0px;
color: #909090;
font-size: 7pt;
text-decoration: none;
}
.sort {
color: #000000;
}
p.subcats {
margin: 0px 0px 7px 0px;
padding: 0px;
}
div.pr {
font-size: 6pt;
color: #000000;
float: left;
height: 92px;
margin-right: 5px;
}
div.prg{
width: 40px;
border: 1px solid #999999;
height: 3px;
font-size: 1px;
}
div.prb{
background: #5eaa5e;
height: 3px;
font-size: 1px;
}
div.footer{
text-align: center;
border-top: 1px solid #E0E0E0;
padding: 3px 0 0 0;
margin-top: 50px;
}
div.footer a{
color: #606060;
}
.price {
border: 1px solid #A0A0A0;
}
.price table td{
margin: 0;
padding: 2px;
vertical-align: bottom;
}