body { font-family:"Lucida Grande", "Lucida Sans Unicode", "Tahoma", "Verdana", "Arial", sans-serif; font-size:11px; color:#666; background:#e5e5e5; }
input.textbox { font-family:"Lucida Grande", "Lucida Sans Unicode", "Tahoma", "Verdana", "Arial", sans-serif; font-size:11px; color:#666; }
textarea { font-family:"Lucida Grande", "Lucida Sans Unicode", "Tahoma", "Verdana", "Arial", sans-serif; font-size:11px; color:#666; }
a { color:#83bb32; }
div.clear { display:block; height:0; clear:both; }

div#header { height:110px; background:#000; margin-bottom:20px; }
div#header div.content { width:954px; margin:0 auto; height:110px; }
div#header div.content h1 { height:110px; width:338px; float:left; background:url(../images/logo.png) left no-repeat; text-indent:-10000px; }
div#header div.content div.card { float:right; margin-top:14px; }

div#container { width:958px; margin:0 auto; }

div#links { height:40px; background:url(../images/general/i1.png) top repeat-x; margin-bottom:18px; }
div#links ul.links { background:url(../images/general/i2.png) left top no-repeat; width:677px; float:left; height:40px; }
div#links ul.links li { display:block; float:left; padding-right:2px; background:url(../images/general/i4.png) right repeat-y; margin-top:1px; height:36px; }
div#links ul.links li a { background-position:center center; background-repeat: no-repeat; text-indent:-10000px; text-align:left; display:block; float:left; height:36px; padding:0 28px; outline:none; }
div#links ul.links li.home a { width:34px; background-image:url(../images/general/l1.png); }
div#links ul.links li.servers a { width:46px; background-image:url(../images/general/l2.png); }
div#links ul.links li.community a { width:70px; background-image:url(../images/general/l3.png); }
div#links ul.links li.league a { width:43px; background-image:url(../images/general/l4.png); }
div#links ul.links li.forums a { width:46px; background-image:url(../images/general/l5.png); }

div#search { background:url(../images/general/i3.png) right top no-repeat; height:40px; width:275px; float:right; position:relative; }
div#search form label { display:none; }
div#search form fieldset { background:url(../images/general/i6.png) right no-repeat; height:25px; display:block; margin:7px 9px 0 0; position:relative; }
div#search form fieldset input.textbox { border:0; width:235px; padding:4px 0; position:absolute; top:1px; left:28px; }
div#search form fieldset input.submit { width:21px; height:25px; padding-top:25px; overflow:hidden; text-indent:-10000px; border:0; background:url(../images/general/i5.png) center center no-repeat; position:absolute; left:4px; cursor:pointer; }
div#search form fieldset img.loading { position:absolute; top:3px; right:3px; display:none; }
div#search div.ajaxreturn { width:265px; position:absolute; left:1px; top:30px; z-index:8; background:url(../images/general/i8.png) bottom no-repeat; padding-bottom:4px; display:none; }
div#search div.ajaxreturn div.results { background:url(../images/general/i9.png) top repeat-y; padding:0 5px; font-size:10px; line-height:16px; color:#989898; }
div#search div.ajaxreturn div.results a { text-decoration:none; }
div#search div.ajaxreturn div.results a.results { line-height:28px; font-size:11px; font-weight:bold; text-align:center; display:block; color:#292929; }
div#search div.ajaxreturn div.results ul li { background:url(../images/general/i7.png) bottom repeat-x; padding:4px 4px 6px 4px; }
div#search div.ajaxreturn div.results ul li div.img { background:url(../images/general/i10.png) center center no-repeat; padding:4px; height:51px; line-height:51px; width:70px; float:left; text-align:center; margin:0 4px 0 -4px; }
div#search div.ajaxreturn div.results ul li h6 a { font-size:11px; color:#666; text-decoration:underline; }
div#search div.ajaxreturn div.results ul li div.subinfo { color:#bebebe; height:16px; }
div#search div.ajaxreturn div.results ul li div.subinfo span { width:100px; float:left; }
div#search div.ajaxreturn div.results ul li div.subinfo span.more { float:right; width:67px; text-align:right; }
div#search div.ajaxreturn div.results ul li div.subinfo span.more a { color:#bebebe; }

div#feature { background:url(../images/general/i13.png) top repeat-y #fff; margin-bottom:18px; }
div#feature div.content { background:url(../images/general/i11.png) top no-repeat; }
div#feature div.content div.padding { background:url(../images/general/i12.png) bottom no-repeat; padding:1px 3px 3px 1px; height:296px; }
div#feature div.content div#user { float:left; width:229px; height:256px; background:url(../images/general/i18.png) top no-repeat; margin:11px; padding:10px; }
div#feature div.content div#featured { float:left; width:580px; height:276px; background:url(../images/general/i14.png) left no-repeat;padding:10px 10px; position:relative; }
div#feature div.content div#featured ul { position:absolute; top:10px; left:427px; height:276px; background:url(../images/general/i34.png) 29px 0 repeat-y; }
div#feature div.content div#featured ul li { padding-left:29px; width:218px; height:25%; overflow:hidden; }
div#feature div.content div#featured ul li a { color:#fff; display:block; width:213px; background:url(../images/general/i35.png) 0 0 no-repeat; line-height:20px; padding:15px 10px; text-decoration:none; border-left:1px solid #262626; }
div#feature div.content div#featured ul li a strong { font-size:12px; display:block; }
div#feature div.content div#featured ul li.first a { background:none; }
div#feature div.content div#featured ul li.active { background:url(../images/general/i33.png) left no-repeat; }
div#feature div.content div#featured ul li.active a { border:0; }

div#user div.profile { padding:10px 0 20px 0; margin:10px 0 20px 0; border-bottom:1px #eee solid; position:relative; }
div#user div.profile img { border:1px solid #e0e0e0; padding:4px; }
div#user div.profile span { position:absolute; left:90px; color:#000; }
div#user div.profile span.welcome { top:24px; font-size:18px; font-weight:bold; }
div#user div.profile span.username { top:52px; font-size:14px; }
div#user form fieldset { background:url(../images/general/i15.png) top no-repeat; height:26px; line-height:26px; position:relative; margin-bottom:15px; }
div#user form fieldset input.textbox { border:0; left:5px; width:190px; position:absolute; top:6px; }
div#user form fieldset label.checkbox { position:absolute; padding:4px; right:5px; top:2px; width:13px; height:14px; cursor:pointer;line-height:13px;  }
div#user form fieldset label.checkbox input { cursor:pointer; padding:0; width:13px; height:13px; vertical-align:top; }
div#user form fieldset a.help { color:#666; position:absolute; right:5px; padding:0 4px; font-size:12px; }
div#user form fieldset a.help span.hide { display:none; }
div#user input.submit { background:url(../images/general/i16.png) top no-repeat; width:111px; height:31px; padding-top:31px; overflow:hidden; float:left; border:0; }
div#user a.register { background:url(../images/general/i17.png) top no-repeat; width:111px; height:31px; text-indent:-10000px; outline:none; float:right; }

div.advert { background:url(../images/general/i25.png) top no-repeat #d4d4d4; padding-top:9px; text-align:center; margin:0 2px 20px 0; }
div.advert div.padding { background:url(../images/general/i26.png) bottom no-repeat; padding-bottom:7px; }
div.advert div.padding div.border { border:1px solid #c0c0c0; border-top:0; border-bottom:0; }
div.advert div.padding div.border img { margin:0 1px; }

div#copyright { margin-bottom:40px; height:16px; }
div#copyright span { width:50%; float:left; }
div#copyright span.left { color:#000; }
div#copyright span.right { text-align:right; }