/*
*	DEFAULTS
*/

* { margin: 0; padding: 0; }
body { padding-top: 7px; background: #6dc1e4 url("/graphics/bg.gif") repeat-x; color: #112630; font: 100%/1.125em "Trebuchet MS", sans-serif; }
input, button, textarea { font: 1em "Trebuchet MS", sans-serif;}
input, button { vertical-align: middle; }
legend { display: none; }
fieldset { border: none; }
ul, ol { list-style: none; }
a { color: #244554; }
a img { border: 0; }
xtable { border-collapse: collapse; width: 100%; }
hr { display: none; }

/*
*	MENU
*/

#menu { overflow: hidden; font-size: .75em; margin: 0 auto 16px auto; width: 970px; }
* html #menu { height: 1%; }

	/* links */
	
#menu ul { float: left; margin-top: 11px; }
#menu ul li { float: left; margin-right: 15px; }
#menu ul li a { float: left; color: #ffffff; line-height: 26px; text-decoration: none; }
#menu ul li a span { float: left; padding: 0 13px; cursor: pointer; }

#menu ul li.active a,
#menu ul li a:hover { color: #09495c; background: #dff1f7 url("/graphics/menu-hover-left.gif") no-repeat; }
#menu ul li.active a span,
#menu ul li a:hover span { background: url("/graphics/menu-hover-right.gif") right top no-repeat; }

	/* search */
	
#menu form { float: right; width: 260px; height: 31px; padding: 6px 13px; background: #002d3d url("/graphics/search-bg.gif") no-repeat; }
#menu form fieldset { float: left; padding-left: 8px; width: 252px; background: url("/graphics/search-input-left.gif") no-repeat; }
#menu form input { float: left; color: #ffffff; font-size: 1.1em; width: 168px; height: 19px; padding: 5px 0; border: none; background: #4d646c url("/graphics/search-input-bg.gif") repeat-x; }
#menu form button { float: left; background: #ffffff url("/graphics/search-button.gif") no-repeat; width: 84px; height: 29px; text-indent: -1000em; border: none; cursor: pointer; }

/*
*	HEADER
*/

#header { overflow: hidden; margin: 0 auto 9px auto; width: 970px; }
* html #header { height: 1%; }

	/* logo */
	
#header #logo img { float: left; }

	/* ad */
	
#header #header-ad { float: right; width: 728px; height: 90px; }
#header #header-ad img { display: block; }

/*
*	PAGE
*/

#page { font-size: .75em; overflow: hidden; margin: 0 auto; width: 956px; padding: 8px 7px 0 7px; background: #ffffff url("/graphics/page-top.gif") no-repeat; }
* html #page { height: 1%; }

#page h1,
#page h2 { color: #bb5a32; text-transform: uppercase; font-weight: normal; font-size: 1.8em; line-height: 1em; margin-bottom: 18px; }
#page h2 { font-size: 1.4em; margin-bottom: 13px; }

/*
*	CONTENT
*/

#content { float: left; width: 649px; background: url("/graphics/content-top.gif") no-repeat; padding: 9px; }

	/* blog */
	
#content div.blog { background: #f1fcfe url("/graphics/blog-top.gif") no-repeat; margin-bottom: 5px; }
#content div.blog div.blog-inner { overflow: hidden; padding: 0 11px 11px 11px; background: url("/graphics/blog-bottom.gif") left bottom no-repeat; }
* html #content div.blog div.blog-inner { height: 1%; }
#content div.blog-alt { background-color: #ffffff; }
#content div.blog:hover { background-color: #79c9dc; }

.rank { font-size: 15px;}

#content div.blog strong.rank { margin-top: 11px; color: #244554; text-align: center; border: 1px solid #b1dce1; float: left; width: 32px; line-height: 25px; }
#content div.blog:hover strong.rank { border-color: #000000; }

#content div.blog dl { float: right; width: 580px; }
#content div.blog dt { color: #b14113; font-size: 1.5em; float: left; line-height: 1.1em; margin: 11px 0 4px 0; }
#content div.blog dt a { color: #b14113; text-decoration: none; }
#content div.blog:hover dt a,
#content div.blog dt a:hover { color: #000000; text-decoration: underline; }
#content div.blog dd.statistics { padding-right: 15px; float: right; width: 107px; height: 27px; background: url("/graphics/statistics-bg.gif") no-repeat; }
#content div.blog dd.statistics img { display: block; margin: 0 auto; }
#content div.blog dd.description { clear: both; margin-bottom: 5px; }
#content div.blog dd.meta { overflow: hidden; line-height: 1.1em; }
* html #content div.blog dd.meta { height: 1%; }
#content div.blog dd.meta p { float: left; }
#content div.blog dd.meta p a { text-decoration: none; }
#content div.blog dd.meta ul { float: right; }
#content div.blog dd.meta ul li { float: left; margin-left: 5px; padding-left: 5px; border-left: 1px solid #244553; }
#content div.blog dd.meta ul li a { float: left; }

	/* navigation */
	
#content ul.navigation { overflow: hidden; margin-top: 28px; }
* html #content ul.navigation { height: 1%; }
#content ul.navigation li { float: left; margin-right: 2px; }
#content ul.navigation li a { float: left; font-weight: bold; font-size: .9em; text-decoration: none; line-height: 18px; padding: 0 7px; color: #203441; border: 1px solid #bdc3c7; }
#content ul.navigation li.current a,
#content ul.navigation li a:hover { color: #ffffff; background: #41b0fb; border-color: #0463c3; }

/*
*	SIDEBAR
*/

#sidebar { float: right; width: 280px; }
#sidebar h2 { padding: 11px 11px 0 11px; }

	/* box */
	
#sidebar div.box { margin-bottom: 7px; }
#sidebar div.box div.box-content { overflow: hidden; }
* html #sidebar div.box div.box-content { height: 1%; }

	/* sponsors */
	
#sidebar #box-sponsors { background: url("/graphics/sponsors-top.gif") no-repeat; }
#sidebar #box-sponsors div.box-content { padding: 0 11px 11px 11px; background: url("/graphics/sponsors-bottom.gif") left bottom no-repeat; }
#sidebar #box-sponsors div.box-content div.ad { width: 125px; height: 125px; }
#sidebar #box-sponsors div.box-content div.ad img { display: block; }
#sidebar #box-sponsors div.box-content div.ad-left { float: left; }
#sidebar #box-sponsors div.box-content div.ad-right { float: right; }

	/* submit */
	
#sidebar #box-submit img { display: block; }

	/* categories */
	
#sidebar #box-categories { background: #faeccc url("/graphics/categories-top.gif") no-repeat; }
#sidebar #box-categories h2 { color: #076996; }
#sidebar #box-categories div.box-content { padding: 0 18px 11px 18px; background: #faeccc url("/graphics/categories-bottom.gif") left bottom no-repeat; }
#sidebar #box-categories div.box-content ul { width: 244px; }
#sidebar #box-categories div.box-content ul li { padding-left: 13px; background: url("/graphics/bullet.gif") left 5px no-repeat; }
#sidebar #box-categories div.box-content ul li a { color: #0f435a; text-decoration: none; }
#sidebar #box-categories div.box-content ul.list-left { float: left; }
#sidebar #box-categories div.box-content ul.list-right { float: right; }

/*
*	FOOTER
*/

#footer { width: 970px; margin: 0 auto; padding: 35px 0 25px 0; text-align: center; font-size: .75em; color: #2c434e; background: url("/graphics/page-bottom.gif") no-repeat; }
#footer a { color: #2c434e; text-decoration: none; }