html, body {
font : 70%/1.5em Verdana, Tahoma, arial, sans-serif;
text-align : center;
background-color : #cccccc;
color : #000000;
margin : 0;
padding : 0;
}
img {
border : 0;
}
a img {
text-decoration : none;
}
a {
color : #000000;
font-weight : normal;
font : 11px Verdana;
text-decoration : none;
text-align : left;
}
a:hover {
text-align : left;
color : #000000;
text-decoration : underline;
}
form {
font : 11px Verdana, Sans-serif;
margin : 0 0 20px 10px;
color : #000000;
text-align : justify;
line-height : 17px;
}
.loading {
height : 30px;
background : url('../images/working.gif') no-repeat 50% 50%;
width : 100%;
text-align : center;
margin : 0 auto;
}
#wrap {
width : 820px;
background : #cccccc url('../images/content.jpg') repeat-y;
margin : 0 auto;
text-align : left;
overflow : hidden;
}
#header {
width : 820px;
height : 115px;
background : #cccccc url('../images/header.jpg') no-repeat;
padding : 0;
color : #ffffff;
}
#header_left {
margin : 0;
padding : 25px 0 0 45px;
float : left;
width : 400px;
}
#header_left img {
margin : 8px 5px 0 0;
padding : 0;
border : 0;
float : left;
}
#header_left h1, #header_left h1 a, #header_left h1 a:hover {
margin : 0;
padding : 0;
font : bold 35px Tahoma, Sans-serif;
color : #ffffff;
text-decoration : none;
letter-spacing : 1px;
float : left;
}
#header_left h2 {
margin : 0;
padding : 0 0 0 0;
font : bold 10px Tahoma, Sans-serif;
color : #000000;
letter-spacing : 0.3px;
float : left;
width : 340px;
}
#header_right {
margin : 0;
padding : 50px 50px 0 0;
float : right;
}
.button {
height : 22px;
width : auto;
border : 1px solid #000000;
cursor : pointer;
color : #ffffff;
background : url('../images/button.jpg') repeat-x;
}
#menu {
margin : 0 auto;
padding : 0;
background-color : #000000;
font : bold 10px Verdana, Tahoma, Sans-serif;
height : 26px;
width : 760px;
}
#menu ul {
list-style : none;
margin : 0;
padding-left : 8px;
float : left;
}
#menu ul li {
display : inline;
}
#menu ul li a {
display : block;
float : left;
padding : 7px 8px;
color : #ffffff;
text-decoration : none;
width : auto;
font-weight : bold;
}
#menu ul li a:hover {
background-color : #959595;
color : #333333;
text-decoration : none;
padding : 7px 8px;
font-weight : bold;
}
#menu ul li a.select {
background-color : #959595;
color : #333333;
}
#menu #lang {
margin : 0;
padding : 2px 8px 0 0;
float : right;
}
#menu #lang a img {
margin-left : 3px;
}
#error {
width : 728px;
margin : 8px auto;
padding : 5px;
font : bold 11px Verdana;
color : #cc0000;
border : 2px solid #cc0000;
text-align : center;
background-color : #ffffff;
}
#info {
width : 728px;
margin : 8px auto;
padding : 5px;
font : bold 11px Verdana;
color : #000000;
border : 2px solid #000000;
text-align : center;
background-color : #ffffff;
}
#content-wrap {
width : 765px;
padding : 0 0 0 5px;
margin : 0 auto;
clear : both;
}
#sidebar {
float : left;
padding : 0;
margin : 0;
width : 200px;
}
#sidebar h3 {
font : bold 12px Verdana;
text-align : left;
padding : 5px;
margin : 5px 5px 0 0;
background : url('../images/sidebar_h3.gif') no-repeat;
color : #ffffff;
}
#sidebar ul {
padding : 0;
margin : 8px 10px 10px 5px;
}
#sidebar ul li {
margin : 5px 0 0 0;
list-style : none;
font : 11px Verdana;
color : #000000;
}
#sidebar ul li.premium {
width : 180px;
}
img.premium {
border : 1px solid #bababa;
padding : 0;
margin : 4px 0 4px 0;
width : 150px;
height : 110px;
}
#sidebar ul li.premium a {
text-align : center;
padding : 0;
margin : 0;
}
#sidebar ul li.premium a:hover {
text-align : center;
padding : 0;
margin : 0;
}
#sidebar ul li.in {
margin : 5px 0 0 0;
list-style : none;
background : url('../images/sidebar_li.gif') no-repeat left top;
border-bottom : 1px solid #bababa;
font : 11px Verdana;
color : #000000;
}
#sidebar ul li.out {
margin : 5px 0 0 0;
list-style : none;
background : url('../images/sidebar_li_2.gif') no-repeat left 40%;
border-bottom : 1px solid #bababa;
font : 11px Verdana;
color : #000000;
}
#sidebar ul li.pr {
padding : 0;
height : 15px;
}
#sidebar ul li img.pr {
margin : 0;
padding : 0;
float : left;
}
#sidebar ul li .pr_text {
float : right;
width : 100px;
text-align : right;
}
#sidebar ul li a.pr {
text-align : right;
font-weight : bold;
}
#sidebar ul li a.pr:hover {
text-align : right;
font-weight : bold;
text-decoration : underline;
}
#sidebar ul li a {
color : #000000;
font-weight : normal;
margin : 0 0 5px 20px;
display : block;
font : 11px Verdana;
text-decoration : none;
text-align : left;
}
#sidebar ul li a.select {
text-decoration : underline;
}
#sidebar ul li a:hover {
margin : 0 0 5px 20px;
text-align : left;
display : block;
color : #000000;
text-decoration : underline;
}
#sidebar ul li .text {
margin : 0 0 5px 20px;
}
#sidebar ul li.rss {
margin : 8px 0 0 0;
}
#sidebar ul li h2 {
background : url('../images/content_h2.gif') no-repeat left top;
padding : 0 0 5px 20px;
margin : 0;
text-align : left;
}
#sidebar ul li h2 a, #sidebar ul li h2 a:hover {
color : #a60808;
font : bold 11px Verdana;
text-decoration : underline;
margin : 0;
padding : 0;
}
#sidebar ul li p {
font : 11px Verdana, Sans-serif;
margin : 0 0 5px 0;
color : #000000;
text-align : left;
line-height : 17px;
}
#sidebar ul li small {
color : #666666;
font : normal 10px Verdana;
text-align : left;
}
#sidebar ul li small a {
color : #666666;
font : normal 10px Verdana;
margin : 0;
padding : 0;
display : inline;
text-decoration : none;
}
#sidebar ul li small a:hover {
color : #666666;
font : normal 10px Verdana;
text-decoration : underline;
margin : 0;
padding : 0;
display : inline;
}
#content {
float : left;
width : 545px;
padding : 0 0 0 10px;
margin : 0 0 5px 0;
}
#content h1 {
margin-top : 5px;
font : bold 15px Verdana, Sans-serif;
color : #000000;
padding : 5px 0 5px 35px;
border-bottom : 1px solid #bababa;
background : #ffffff url('../images/content_h1.gif') no-repeat left 50%;
clear : both;
}
#content h1 a {
text-decoration : none;
font : bold 15px Verdana, Sans-serif;
color : #000000;
}
#content h1 a:hover {
text-decoration : underline;
}
#content p {
font : 11px Verdana, Sans-serif;
margin : 0 0 20px 10px;
color : #000000;
text-align : justify;
line-height : 17px;
}
#content div.site {
height : 100%;
overflow : hidden;
padding : 0 0 10px 10px;
font : 11px Verdana, Sans-serif;
text-align : justify;
}
#content div.site img {
border : 1px solid #bababa;
padding : 0;
margin : 0 8px 4px 0;
width : 190px;
height : 145px;
float : left;
}
#content div.site p {
font : 11px Verdana, Sans-serif;
margin : 0;
color : #000000;
text-align : justify;
line-height : 17px;
}
#content a.sub {
color : #000000;
font : 10px Verdana;
text-decoration : none;
text-align : left;
}
#content a.sub:hover {
color : #000000;
font : 10px Verdana;
text-decoration : underline;
text-align : left;
}
#content table {
margin : 0 0 20px 10px;
clear : both;
}
#content table tr td {
padding-bottom : 10px;
}
#content table tr td h2 {
background : url('../images/content_h2.gif') no-repeat left top;
padding : 0 0 8px 20px;
margin : 0;
text-align : left;
}
#content table tr td h2 a {
color : #a60808;
font : bold 11px Verdana;
text-decoration : underline;
}
#content table tr td small {
color : #666666;
font : normal 10px Verdana;
text-align : left;
}
#content table tr td small a {
color : #666666;
font : normal 10px Verdana;
text-decoration : none;
}
#content table tr td small a:hover {
color : #666666;
font : normal 10px Verdana;
text-decoration : underline;
}
#content table tr td img {
padding : 3px 3px 0 0;
}
#content h3 {
font : bold 12px Verdana;
text-align : left;
padding : 5px;
margin-top : 5px;
background : url('../images/content_h3.gif') no-repeat;
color : #ffffff;
float : left;
width : 100%;
clear : both;
}
#content h3 a {
font : normal 12px Verdana;
text-align : left;
color : #ffffff;
text-decoration : none;
}
#content h3 a:hover {
font : normal 12px Verdana;
text-align : left;
color : #ffffff;
text-decoration : underline;
}
#content #tags {
margin : 0 0 10px 10px;
line-height : 17px;
}
#content #sites {
margin : 15px 0 20px 10px;
}
#content #sites ul {
padding : 0;
margin : 0;
float : left;
width : 532px;
}
#content #sites ul li {
padding : 10px;
margin : 10px 0 10px 0;
list-style : none;
margin-top : 2px;
}
#content #sites ul li.premium {
background-color : #ffffa0;
}
#content #sites h2 {
color : #a60808;
font : bold 11px Verdana;
background : url('../images/content_h2.gif') no-repeat left top;
padding : 0 0 5px 20px;
margin : 0;
text-align : left;
margin-top : 2px;
}
#content #sites h2 a {
color : #a60808;
font : bold 11px Verdana;
text-decoration : underline;
margin-top : 2px;
}
#content #sites p {
font : 12px Verdana, Sans-serif;
margin : 0 0 5px 0;
color : #000000;
text-align : justify;
line-height : 17px;
margin-top : 2px;
}
#content #sites small {
color : #666666;
font : normal 10px Verdana;
text-align : left;
width : 100%;
}
#content #sites small.right {
color : #666666;
font : normal 10px Verdana;
text-align : right;
float : right;
width : 100%;
padding : 5px 0 5px 0;
}
#content #sites small a {
color : #666666;
font : normal 10px Verdana;
text-decoration : none;
}
#content #sites small a:hover {
text-decoration : underline;
}
#content ul.site {
padding : 0;
margin : 0 10px 10px 10px;
}
#content ul.site li {
margin : 5px 0 0 0;
list-style : none;
font : 11px Verdana;
color : #000000;
}
#content ul.site li.in {
margin : 5px 0 0 0;
list-style : none;
background : url('../images/sidebar_li.gif') no-repeat left top;
border-bottom : 1px solid #bababa;
font : 11px Verdana;
color : #000000;
padding : 0 0 5px 20px;
}
#content ul.site li.report {
margin : 0;
list-style : none;
background : url('../images/report.gif') no-repeat 0 3px;
border-bottom : 1px solid #bababa;
font : 11px Verdana;
color : #000000;
padding : 5px 0 5px 20px;
}
#content ul.site li.edit {
margin : 0;
list-style : none;
background : url('../images/edit.gif') no-repeat 2px 3px;
border-bottom : 1px solid #bababa;
font : 11px Verdana;
color : #000000;
padding : 5px 0 5px 20px;
}
#content ul.site li.premium {
margin : 0;
list-style : none;
background : url('../images/premium.gif') no-repeat 2px 3px;
border-bottom : 1px solid #bababa;
font : 11px Verdana;
color : #000000;
padding : 5px 0 5px 20px;
}
#content ul.site li .site_cat {
width : 300px;
display : block;
margin : 5px 0 0 100px;
}
#content ul.site li a {
color : #000000;
font-weight : normal;
margin : 0;
font : 11px Verdana;
text-decoration : none;
text-align : left;
}
#content ul.site li a:hover {
margin : 0;
text-align : left;
color : #000000;
text-decoration : underline;
}
#content ul.unit-rating {
padding : 0;
margin : 0;
border : 0;
}
#content ul.unit-rating li {
padding : 0;
margin : 0;
border : 0;
}
#content ul.unit-rating li a {
display : block;
border : 0;
}
#content ul.unit-rating li a:hover {
padding : 0;
margin : 0;
display : block;
text-decoration : none;
border : 0;
}
#footer {
color : #666666;
background : url('../images/footer.jpg') no-repeat;
width : 820px;
height : 55px;
text-align : center;
font : normal 10px Verdana;
margin : 0;
clear : both;
}
#footer a {
font : normal 10px Verdana;
}