#intro {background:#FFF url('img/intro/bg.jpg') repeat-x top center; z-index: 10;}
#intro #header {background:url('img/intro/header.jpg') repeat-x top center; height:217px}
#intro #header .version {display:block; color:#F51; font-size:9px; position:absolute; top:85px; left:130px; z-index:1}

#intro #header {z-index:200}
#intro #top {height:200px; z-index:201}
#intro h1 img {top:72px}
#intro h1 a span {width:170px; top:219px; left:45px; text-align:center; line-height:38px; color:#F51; font-size:9px; z-index:200}
#intro h1 a span em {font-style:normal}
#intro h1 a span .col1 {color:#2A1}
#intro h1 a span .col2 {color:#08F}
#intro h1 a span .col3 {color:#BBB}
#intro h1 #site_version {top:85px; left:130px}

#intro #content {/*background:url('img/intro/intro.jpg') no-repeat;*/ width:919px; height:300px; /height:340px; padding:0; margin-left:11px; position:relative; z-index:100}
#intro li a {color:#5A2}

/*---------------------------*/

/*ByM*/ #intro #right_box {position:absolute; width:230px; right:26px; top:23px; text-align:justify}
#intro #left_box {position:absolute; width:615px; left:30px; top:0; float: right;}

#intro #left_box h2 {line-height:54px; color:#5A2; font-size:13px}
#intro #left_box h2 a {color:#5A2; text-decoration:underline}
#intro #left_box h2 a:hover {color:#08F}
#intro #left_box .mask {color:#FFF}
#intro #left_box .mask a:hover {color:#FFF}
#intro #left_box ol {margin-left:145px; margin-top:20px}
#intro #left_box li {list-style-type:none; margin-bottom:10px}
#intro #left_box dl {margin-left:28px;}
#intro #left_box dt {color:#08F; font-weight:bold; font-size:12px}
#intro #left_box dd {font-size:10px; color:#889; text-align:justify}
#intro #left_box ol .pos1 {background:url('img/intro/pos1.gif') no-repeat top left}
#intro #left_box ol .pos2 {background:url('img/intro/pos2.gif') no-repeat top left}
#intro #left_box ol .pos3 {background:url('img/intro/pos3.gif') no-repeat top left}
#intro #left_box ul {margin-left:145px; margin-top:20px}
#intro #left_box ul li {list-style-type:none; margin:22px 10px; font-size:22px; font-weight:normal;}
#intro #left_box ul li a {color:#900;}
#intro #left_box ul li a:hover {text-decroation:underline;}
#intro #left_box ul#intro_search_query {margin:0px; margin-top:20px}
#intro #left_box ul#intro_search_query li {margin:10px; font-size:12px;}
#intro #left_box ul#intro_search_query li.header {font-size:22px;}
#intro #left_box ul#intro_search_query input {margin-right:3px; font-size:12px;}
#intro #left_box ul#intro_search_query input.intro_search_query_input {border:1px solid #777; width:170px; text-align: left;}

#intro #right_box {z-index: 50;}
#intro #right_box h2 {height:30px; line-height:22px; position:relative; margin-bottom:20px; color:#08F;}
#intro #right_box h2 {font-size:10px;}
#intro #passw_query h2, #intro #register_end h2 {font-size:15px}
#intro #register_end p {font-size:11px; margin-bottom:10px}
#intro #right_box h3 {height:30px; line-height:22px; font-size:11px; color:#08F; position:relative }
#intro #right_box h2 em {font-size:20px; color:#F61; font-style:normal; }

#intro #right_box #register {border:none; height:200px; position:relative}
#intro #right_box p.row {position:relative; height:58px; z-index: 50;}
#intro #right_box p.row input {display:block; background:url('img/intro/reg_input.gif') no-repeat; border:none; font-size:10px; color:#999; width:106px; height:20px; padding:6px 4px 0 4px; position:absolute; bottom:7px}
#intro #right_box p.row label {color:#08F; position:absolute; top:6px}
#intro #right_box p.row img {display:block; position:absolute; left:0; bottom:7px}
#intro #right_box p.row span.error {color:#F00; font-size:10px; position:relative; bottom:0px; left:-200px; top: 20px; display:block; width:180px; background-color:#FFF; border:solid 1px #F00; padding:5px; text-align:left; z-index: 100;}
#intro #right_box p.row input.left {left:0}
#intro #right_box p.row input.right {right:0}
#intro #right_box p.row input.error {background:url('img/intro/reg_input_error.gif')}
#intro #right_box p.row label.left {left:5px}
#intro #right_box p.row label.right {left:124px}
#intro #right_box .step {position:absolute; bottom:0; left:0; color:#999}
#intro #register_submit {color:#F51; font-weight:bold; width:90px; display:block; position:absolute; right:0; bottom:0; background:url('img/intro/register_submit.gif') no-repeat center right; text-align:center; border:none; cursor:pointer}
#intro #register_submit:hover {text-decoration:underline}

#intro #right_box #address_register_outer { display: none; }
#intro #right_box #address_register_confirm_outer { display: none; }
#intro #right_box #password_outer { display: none; }
#intro #right_box #password_confirmation_outer { display: none; }

/*-----------------------*/

#intro #login_bar {position:absolute; right:32px; top:85px; height:77px; line-height:67px; width:479px; background:url('img/intro/login_bar.jpg') no-repeat; color:#EDC; font-size:9px; border:none; }
#intro #login_passw, #intro #login_mail {font-size:10px; padding:7px 10px 6px 10px; color:#999; border:none; position:absolute; top:21px}
#intro #login_mail {background:url('img/intro/login_mail.png') no-repeat; width:113px; left:38px; vertical-align: top; }
#intro #login_passw {background:url('img/intro/login_passw.png') no-repeat top right; width:90px; left:176px; }
#intro #login_bar .login_mail {display:block; position: absolute; top: 4px; left: 40px; padding: 0px; margin: 0px; line-height: 20px;}
#intro #login_bar .login_passw {display:inline; position: absolute; top: 4px; left: 180px; padding: 0px; margin: 0px; line-height: 20px;}
#intro #login_bar .password_query {display:inline; position: absolute; top: 45px; left: 180px; padding: 0px; margin: 0px; line-height: 20px;}
#intro #login_bar .password_query a {color: #EEDDCC; }
#intro #login_bar .password_query:hover {text-decoration:underline}
#intro #login_mail_outer { display: none; }
#intro #login_passw_outer { display: none; }

#intro #login_message {display:block; position:absolute; top:55px; right:240px;}
#intro #login_message strong {display:block; color:#F00; background:#FFF; border:1px solid #F00; padding:5px; font-weight:bold; font-size:11px;}

#intro .login_rem {margin:0 0 0 295px; color:#DBA}
#intro #login_submit {margin-left:10px; width:56px; height:22px; text-align:center; color:#FFF; font-weight:bold; background:#7A3 url('img/intro/login_submit.png') no-repeat; border:none; font-size:10px; cursor:pointer}
#intro #login_submit:hover, #intro #login_submit:focus {background:#9B6 url('img/intro/login_submit_hover.png'); outline:none; border:none}

/*--- NEW CODE ---*/

/*last images*/
#content #random_pics { width: 600px; height: 180px; top: 100px; left: 40px; border: 0px solid black; position: absolute; background-image: url('img/intro/random_n.png'); background-repeat: no-repeat; }
#content #random_pics ul { padding-top: 15px; padding-left: 30px; }
#content #random_pics ul li {width: 135px; float: left; background-color: transparent; }
#content #random_pics ul li .img_foot {width: 117px; height: 12px; text-align: center; overflow: hidden;}
#content #random_pics ul li .img_foot_all {width: 117px; text-align: center; position: relative; top: -1px; left: -1px; border: 1px solid rgb(200, 199, 199); background-color: rgb(240, 247, 250);}
#footer_authors .link_center { position: relative; left: -250px; }