/* Reset
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* Main Stylesheet
-------------------------------------------------------------- */
html { overflow: -moz-scrollbars-vertical; }
body { background: #1F1F1F url(images/body_bg.jpg) top left repeat-x; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 75%; line-height: 1.4em; }
a { text-decoration: none; }
img { border: none;}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
}

h1 { font-size: 2em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.6em; margin-bottom: 0.75em; }
h3 { font-size: 1.4em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

/* Text elements
-------------------------------------------------------------- */
p { margin: 0 0 2em; }
    p img { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
    p img.top { margin-top: 0; } /* Use this if the image is at the top of the <p>. */

img { margin: 0 0 1.5em; }

ul, ol { margin: 0 1.5em; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }

a { color: #fff; font-weight: bold; text-decoration: none; }
a:focus,
a:hover { color: #9D0226; text-decoration: underline; }
a img {margin: 0; padding: 0;}

strong { font-weight: bold; }
em { font-style: italic; }

/* Structural Elements
-------------------------------------------------------------- */
#header { margin: 0 auto; width: 960px; height:100px;}
	#header .logo {margin: 0; padding: 0; width: 425px; float: left;}
	#header .logo h1 {margin: 0; padding: 0; width: 423px; height: 79px; display: block; background: transparent url(images/logo.jpg) top left no-repeat;}
		#header .logo h1 strong {display: none;}
	#header .desc {margin: 0; width: 511px; height: 79px; float: right; text-align: center; color: #fff; font-size: 0.8em; line-height: 1.4em; background: transparent url(images/desc_bg.jpg) top left no-repeat;}
        #header .desc p { margin-top: 10px;}

#content {margin: 0 auto; width: 960px;}
	#content .thumbs {}
		#content .thumbs a img {margin: 13px; width: 160px; height: 225px; float: left; border: 3px solid #333;}
		#content .thumbs a:hover img { border-color: #000;}
	#content .toplist {margin: 0 auto; padding: 0; width: 960px; display: block; clear: both; font-size: 1em; background: #0D0D0F url(images/topsite_bg.jpg) bottom left no-repeat;}
        #content .heading {margin: 0px auto; width: 960px; height: 45px; display: block; clear: both; background: transparent url(images/topsite_head_bg.jpg) top left repeat-x;}
            #content .heading h3 {margin: 0; padding: 0; display: block; width: 205px; height: 45px; background: transparent url(images/topsite_heading.jpg) top left no-repeat; float: left;}
                #content .heading h3 strong,
                #content .heading a strong {display: none;}
            #content .heading a {width: 135px; height: 45px; display: block; float: right; background: transparent url(images/bookmark.jpg) top left no-repeat;}
		#content .toplist ul {margin: 0; padding: 10px; display: block;list-style: none;}
			#content .toplist li {margin: 5px auto; width: 155px; float: left; list-style-type: none; text-align: center; color: #fff; font-weight: bold;}

#footer {margin: 20px auto 0px auto; height: 150px; text-align: center; font-size: 0.8em; color: #fff; font-weight: bold;}
	#footer p {margin: 0px;}
	#footer a {color: #666;}
/* Common Elements
-------------------------------------------------------------- */
.container {margin: 0 auto;width: 960px;}
.padder {padding: 10px;}
.alone { margin: 20px auto; padding: 10px; }
.center { text-align: center; }
.alignright { float: right; }
.alignleft { float: left; }

.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */