* { margin:0; padding:0; }
html { padding-bottom:15px; }
#container { width:58.5em; margin:20px auto 0 auto; font:0.8em Verdana, Arial, Helvetica, sans-serif; color:#333; background-color:inherit; position:relative; }

/******************** HEADER ********************/
#header { height:8.2em; padding:25px 0 0 75px; background:#070707 url(../img/layout/header_bg.gif) top repeat-x; position:relative; }
#cards { position:absolute; left:-100px; top:-20px; }
#logo { position:absolute; }
#headerR { position:absolute; top:0; right:0; }
/* search */
#searchForm { height:24px; position:absolute; right:0; bottom:2px; }
#searchForm label { font-size:0.8em; color:#999; background-color:inherit; position:absolute; bottom:6px; right:215px; }
#search { width:130px; height:24px; margin:3px 0 0 40px; border:none; color:inherit; background-color:transparent; }
#doSearch { width:45px; height:22px; font-size:0.8em; font-weight:bold; color:#333; background:url(../img/layout/button_bg.png) no-repeat; border:none; cursor:pointer; position:absolute; right:10px; bottom:2px; }
#searchContainer { width:240px; height:24px; background:url(../img/layout/search_bg.png) 30px 0px no-repeat; }
/* menu */
#menu { overflow:hidden; position:absolute; bottom:-3px; left:100px; }
#menu li { display:inline; list-style:none; }
#menu a { margin-left:-1px; padding:0 5px 0 8px; color:#888; background-color:inherit; border-left:1px solid #888; }
#menu a:hover { color:#bbb; background-color:inherit; text-decoration:none; }
#menu a.current { color:#eee; background-color:inherit; text-decoration:underline; }
/* login */
#login { width:245px; margin:270px 0 0 -100px; padding-bottom:10px; color:inherit; background-color:#fafafa; border:1px solid #333; position:absolute; z-index:100; left:50%; top:0; }
#login form { padding:10px; }
#username, #password { width:220px; }
#login a { margin-left:5px; margin-top:8px; float:left; }
.button { width:70px; margin-top:5px; float:right; }
.blockHead { padding:2px 5px; color:#ccc; background-color:#333; border:none; }

/******************** TOPLINKS ********************/
#toplinks { font-size:0.8em; margin-top:2.2em; }
#toplinks h2 { margin-bottom:-0.3em; font-size:1.2em; font-weight:normal; text-align:right; color:#888; background-color:inherit; position:relative; bottom:1.4em; }
#toplist, #extern_links { height:8em; padding-left:8px; border:1px solid #ccc; background:url(../img/layout/toptbl_bg.gif) bottom repeat-x; }
#toplist { width:63%; float:left; }
#toplist ul { width:235px; float:left; }
#toplist li { color:#333; background-color:transparent; list-style:none; }
#extern_links { width:33%; float:right; }
#extern_links li { list-style:none; list-style-position:outside; }
#toplinks a { font-size:1em; color:#274; background-color:inherit; }
#toplist a { margin-left:20px; }
.listNr { position:absolute; }
.bg_king { background:url(../img/layout/king_bg.gif) right bottom no-repeat; }

/******************** CONTENT ********************/
#content { width:76%; margin:20px 0 10px 0; float:left; }
.threeCols { color:inherit; background:url(../img/layout/threeCols_bg.gif) top center repeat-y; }
#col_1, #col_2, #col_3 { width:31%; float:left; }
#col_2, #col_3 { padding-left:15px; }

/******************** ADS ********************/
#ads { width:140px; margin:10px 0; padding:10px 10px; color:inherit; background-color:#f9f9f9; border:1px solid #ccc; float:right; }

/******************** FOOTER ********************/
#footer { height:32px; font-size:0.8em; color:#888; background:url(../img/layout/footerM_bg.gif) repeat-x; clear:both; position:relative; }
#logoSmall { position:absolute; top:7px; left:8px; }
#footer ul { overflow:hidden; position:absolute; top:8px; left:22px; }
#footer li { display:inline; list-style:none; }
#footR { position:absolute; right:0; }
#footer a { margin-left:-1px; padding:0 1px 0 4px; color:#888; background-color:transparent; border-left:1px solid #888; }
#footer a:hover { color:#aaa; background-color:inherit; }
#copyright { position:absolute; right:10px; top:8px; }

/******************** COMMON ELEMENTS ********************/
/* list */
ul { margin-bottom:10px; }
li { list-style:inside square; color:#bbb; background-color:inherit; }
/* image */
img { border:none; }
/* text */
h1 { margin-bottom:15px; font:3em verdana; color:#333; background:url(../img/layout/h1_bg.gif) bottom left no-repeat; }
h1:first-letter { color:#f00; background-color:inherit; }
h2 { font-size:1.2em; }
h3 { font-size:1em; font-weight:bold; color:#888; background-color:inherit; border-bottom:1px solid #888; }
p { margin:10px 0; }
/* horizontal rule */
hr { height:1px; margin:10px 0; color:inherit; background-color:#bbb; border:none; }
/* link */
a { text-decoration:none; color:#17c; background-color:inherit; }
a:hover { text-decoration:underline; }
/* other */
.clear { height:0; line-height:0; font-size:0; clear:both; }