/* CSS Document */

/*Common CSS Start*/
@charset "utf-8"; 
*, HTML{font-family:"Lucida Sans Unicode"; font-size:12px;}

A, A:LINK{text-decoration:none; color:#999;}
A:HOVER{color:#FFF;}

.border_1{border-width:1px; border-style:solid;}
.border_2{border-width:2px; border-style:solid;}
.border_top{border-top-width:1px; border-top-style:solid;}
.border_right{border-right-width:1px; border-right-style:solid;}
.border_bottom{border-bottom-width:1px; border-bottom-style:solid;}
.border_left{border-left-width:1px; border-left-style:solid;}
.border_table{border-style:solid; border-width:1px 2px 2px 1px;}
.border_td{border-style:solid; border-width:1px 0 0 1px;}

.border_white{border-color:#FFF;}
.border_black{border-color:#000;}
.border_gray{border-color:#999;}
.border_gray_L{border-color:#DDD;}
.border_gray_D{border-color:#555;}

.pad_1{padding:1px;}
.pad_2{padding:2px;}
.pad_3{padding:3px;}
.pad_4{padding:4px;}
.pad_5{padding:5px;}

.f1{font-size:1px;}
.f8{font-size:8px;}
.f9{font-size:9px;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f20{font-size:20px;}
.f36{font-size:36px;}

DIV.index_background{background-position:right bottom; background-image:url(../images/background_index.jpg); width:100%; height:100%; position:absolute;}

DIV#main_menu{position:absolute; width:1000px; height:700px; right:0; bottom:0;}
DIV#main_menu A, DIV#main_menu SPAN{display:block; width:225px; height:60px; background-image:url(../images/menu.gif);}
DIV#main_menu A IMG{border:none;}

A#home, A:LINK#about{background-position:0 300px;}
A:HOVER#about{background-position:450px 300px;}
A#products{background-position:0 240px;}
A:HOVER#products{background-position:450px 240px;}
A#contact{background-position:0 180px;}
A:HOVER#contact{background-position:450px 180px;}
A#blog{background-position:0 120px;}
A:HOVER#blog{background-position:450px 120px;}
A#guestbook{background-position:0 60px;}
A:HOVER#guestbook{background-position:450px 60px;}

A.link_gray_D, A.link_gray_D:LINK{text-decoration:none; color:#666;}
A.link_gray_D:HOVER{color:#333;}
A.link_blue, A.link_blue:LINK{text-decoration:none; color:#06C;}
A.link_blue:HOVER{color:#009;}
A.link_gray, A.link_gray:LINK{color:#BBB; text-decoration:none;}
A.link_gray:HOVER{color:#FFF;}
A.link_red, A.link_red:LINK{color:#666; text-decoration:none;}
A.link_red:HOVER{color:#F00;}
A.link_red_D, A.link_red_D:LINK{color:#A00; text-decoration:none;}
A.link_red_D:HOVER{color:#F00;}
A.link_red_DD, A.link_red_DD:LINK{color:#E00; text-decoration:none;}
A.link_red_DD:HOVER{color:#A00; text-decoration:underline;}
A.button_red, A.button_red:LINK{padding:3px; border:solid 1px #CCC; color:#333; background-color:#EEE;}
A.button_red:HOVER{color:#C00; background-color:#FFF;}

.white{color:#FFF;}
.gray{color:#999;}
.gray_D{color:#666;}
.gray_DD{color:#333;}
.gray_L{color:#CCC;}
.gray_LL{color:#EEE;}
.red{color:#C00;}
.red_D{color:#A00;}
.blue{color:#00C;}

.bd{font-weight:bold;}
.linethrough{text-decoration:line-through;}
.point{cursor:pointer;}

/*Common CSS End*/

DIV.listField{padding:5px 0; border-bottom:dashed 1px #CCC;}
DIV.listField A{display:block; width:100%; font-size:12px;}
DIV.listField SPAN{display:block; width:100%; color:#FFF; font-size:12px;}
DIV.fieldBorder{background-color:#595656; width:190px; margin:0 auto; background:url(../images/subblock_middle.gif);}
DIV.post_content{width:660px; margin:10px 0 0 10px;}

/* DIV.post_content IMG{border:solid 1px #666;} */
DIV.post_content DIV.content{width:660px; background-color:#FAFAFA; margin:0 0 5px 0; border:solid 1px #DDD; float:left; line-height:200%;}
DIV.post_content DIV.content SPAN.comments{padding:5px 8px; display:block; position:relative; float:right; width:615px; color:#333;}
DIV.post_content IMG.img_cover{border:solid 1px #999; margin:5px 0;}

DIV.post_content DIV.content IMG.quote{border:none; float:left; left:7px; top:5px; position:relative;}
DIV.post_content DIV.readmore{float:right;}
DIV.post_content A.readmore, DIV.post_content A.readmore:LINK{font-size:11px; display:block; color:#06C;}
DIV.post_content A.readmore:HOVER{color:#009;}
DIV.sharecolumn{height:20px; width:675px;}
DIV.sharecolumn A, DIV.sharecolumn A:LINK{float:right;}

DIV.reply_content{margin:5px 0; border-bottom:dashed 1px #999;}
DIV.reply_content TABLE{margin-bottom:5px;}
DIV.reply_content TD{line-height:200%;}
DIV.reply_content TD.left{border-right: solid 1px #CCC;}

#insert_image{border:none; height:27px; width:100px; background:url(../images/insert.gif); cursor:pointer;}
#sendform{border:none; height:27px; width:75px; background:url(../images/submit.gif); cursor:pointer;}
#resetform{border:none; height:27px; width:75px; background:url(../images/reset.gif); cursor:pointer;}
#modifyform{border:none; height:27px; width:75px; background:url(../images/modify.gif); cursor:pointer;}
#cancelform{border:none; height:27px; width:75px; background:url(../images/cancel.gif); cursor:pointer;}

A.removeinputfield, A.removeinputfield:LINK{padding:3px 6px; background-color:#FFF; color:#333; cursor:pointer; margin-left:10px; font-size:10px;}
A.removeinputfield:HOVER{background-color:#C00; color:#FFF;}

DIV#wrap{display:table; width:100%; height:100%; _position:relative; overflow:hidden;}  
DIV#subwrap{vertical-align:middle; display:table-cell; _position:absolute; _top:50%;}
DIV#content{_position:relative; _top:-50%;}