body, html { width:100%; margin:0px; padding:0px; }

a img { border:0px; }

body { font-family:verdana, sans-serif; color:#aaa; font-size:0.8em; }
body { background:#000 url("/ext/img/background.jpg") 50% -200px no-repeat; }
.c_relative { position:absolute; left:50%; }
.c_contain { position:absolute; left:-401px; width:802px; }
.c_logo a , .c_logo_gith a , .c_right_box a { display:block; width:100%; height:100%; text-decoration:none; }
.c_logo { position:absolute; top:60px; left:0px; background:url("/ext/img/logo.png") no-repeat; width:306px; height:127px; } 
.c_logo h1 { position:absolute; top:-800px; }
.c_logo_gith { position:absolute; top:60px; left:0px; background:url("/ext/img/logo_gith.png") no-repeat; width:306px; height:127px; } 
.c_logo_gith h1 { position:absolute; top:-800px; }
.c_intro_text { position:absolute; top:114px; right:0px; background:url("/ext/img/intro_text.png") no-repeat; width:402px; height:60px; } 
.c_left_box { position:absolute; top:208px; left:0px; background:url("/ext/img/left_box.jpg") no-repeat; width:400px; height:236px; }
.c_right_box { position:absolute; top:208px; right:0px; background:url("/ext/img/right_box.jpg") no-repeat; width:400px; height:236px; border-left:2px solid #000; }
.c_content { margin:auto; padding-top:460px; width:804px; padding-left:2px; }
.c_footer { text-align:center; clear:both; padding:15px 0px 15px 0px; }
.c_footer span { font-size:0.8em; color:#666666 !important; }
.c_footer h2 { font-size:1em !important; font-weight:normal; margin:0px; padding:0px; }
.c_poster { float:left; width:315px; }
.c_browse { margin-left:315px; }

.c_browse a { color:#aaa !important; text-decoration:none; }
.c_browse .cx { font-size:0.85em; float:left; width:157px; height:100px; margin-bottom:8px; margin-right:6px; cursor:pointer; } 
.c_browse .cx h2 { margin:0px; font-weight:bold; padding:1px 3px 2px 3px; font-size:1.2em; text-align:center; background:url("/ext/img/repeat_x.png") 0px 0px repeat-x; }
.c_browse .cx:hover h2 { background:#990000; }
.c_browse .cx:hover span { border-bottom-color:#666666; }
.c_browse .cx span { border-bottom:3px solid #333333; display:block; width:149px; padding:3px; color:#ccc !important; }

.c_nav a { display:inline; padding:2px 5px 2px 5px; color:#ccc; margin:3px; width:auto; background:#990033; text-decoration:none; border:1px solid #990033; }
.c_nav { line-height:30px; height:30px; margin-top:8px; text-align:center; overflow:hidden; }
.c_nav a:hover { border-color:#ccc; background:#990000; }
.c_nav_on { border-color:#ccc !important; background:#ccc !important; color:#990033 !important; }

.c_content_gith .c_content { padding-top:220px; }
.c_content h2 { font-size:1.5em; margin:0px; padding:0px; color:#eee; }
.c_content h3 { font-size:1.2em; margin:0px; padding:0px; font-weight:normal; }
.c_content li { list-style:circle; line-height:1.6em; margin-top:12px; margin-bottom:12px; }
.c_content span { color:#990033; }
.c_content a { color:#eee; }
.c_content span a { color:#990033; text-decoration:none; }
.c_content a:hover { color:#990033; }
.c_content hr { margin:0px 10px 0px 10px; border:0px; height:1px; overflow:hidden; display:block; background:#aaa; }

.c_content_bottom { clear:both; }