/* CSS Document */

a:link	{
text-decoration:none;
color:#FFFFCC;
}
a:hover	{
text-decoration:underline;
color:#FFF;
}
a:visited	{
text-decoration:none;
color:#FFFFCC;
}
a:active	{
text-decoration:none;
color:#FFFFCC;
}

body	{
background-color:#000;
margin: 0; 
padding: 0;
color:#FFFFCC;
}

ol	{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

.main{
position:relative;
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
width:350px;
height:114px;
padding:10px 40px 10px 40px;
text-align:justify;
background-repeat:no-repeat;
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/home_text.png');*/
}
.main/*[class]*/	{
background-image:url(../images/home_text.png);
}

.main:first-line	{
font-family:"Times New Roman", Times, serif;
font-size:16px;
font-weight:bold;
font-variant:small-caps;
letter-spacing:4px;}

span.main a:link	{text-decoration:none; color:#EED4A7;}
span.main a:hover	{text-decoration:underline; color:#EED4A7;}
span.main a:visited	{text-decoration:none; color:#EED4A7;}
span.main a:active	{text-decoration:none; color:#EED4A7;}

.menu	{
position:relative;
/*top:32px;*/
padding-top:60px;
}

.menu	{
padding-top:30px\9;
}

.cat1	{
position:relative;
z-index:3;
top:68px;
width:62px;
right:530px;
border:1px solid #0000ff;
height:41px;
cursor:pointer;
}

.news	{
position:relative;
/*float:right;*/
left:5px;
top:7px;
width:200px;
height:500px;
/* border:2px solid #FFE7C3; */
border:2px solid #E0A053;
overflow:hidden;
padding:5px;
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/bg.png');*/
}
.news/*[class]*/	{
position:relative;
/*float:right;*/
left:4px;
top:7px;
width:200px;
height:500px;
border:2px solid #E0A053;
overflow:hidden;
padding:5px;
background-image:url(../images/bg.png);
}
.news	{
background-image:url(../images/bg.png);
}

.featured	{
position:relative;
top:0px; left:6px;
width:300px;
height:176px;
padding:5px;
border:2px solid #E0A053;
text-align:center;
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/bg.png');*/
}
.featured/*[class]*/	{
position:relative;
top:0px; left:6px;
width:300px;
height:176px;
padding:5px;
border:2px solid #E0A053;
text-align:center;
background-image:url(../images/bg.png);
}
.featured	{
background-image:url(../images/bg.png);
}

.ad	{
position:relative;
top:0px;
width:180px;
height:176px;
padding:5px;
border:2px solid #E0A053;
text-align:center;
margin-left:8px;
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/bg.png');*/
}
.ad/*[class]*/	{
position:relative;
top:0px;
width:180px;
height:176px;
padding:5px;
border:2px solid #E0A053;
text-align:center;
margin-left:8px;
background-image:url(../images/bg.png);
}
.ad	{
background-image:url(../images/bg.png);
}

.head_text	{
/* border-bottom:1px solid #FFE7C3; */
border-bottom:1px solid #AF5936;
color:#FFE7C3;
width:100%;
text-align:center;
font-variant:small-caps;
}
.title	{
border-bottom:1px solid #AF5936;
width:100%;
text-align:left;
font-variant:small-caps;
color:#F0CC96;
font-size:12px;
padding-top:3px;
}

.header	{
position:relative;
margin:0 auto;
width:750px;
height:118px;
margin-top:0px;
}
.gallery	{
margin:0 auto;
width:750px;
}

.subcat	{
font-variant:small-caps;
color:#F0CC96;
font-size:15px;
font-weight:bold;
border-bottom:1px dashed #AF5936;
letter-spacing:14px;
}

.art_links	{
position:relative;
margin:0 auto;
clear:both;
width:750px;
text-align:center;
font-size:12px;
font-family:'Times New Roman', Times, serif;
font-variant:small-caps;
letter-spacing:0.9px;
}
.art_links a:link	{
color:#E0A053;
}
.art_links a:hover	{
color:#E0A053;
text-decoration:underline;
}
.art_links a:active	{
color:#E0A053;
}
.art_links a:visited	{
color:#E0A053;
}

/* Image Headers 
------------------------------------------------------------------------------*/

.header_character_design	{
position:absolute;
z-index:2;
width:449px;
height:84px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/header_character_design.png');
}
.header_character_design[class]	{
position:absolute;
margin:0 auto;left:0px; right:262px;
z-index:2;
width:449px;
height:84px;
background-repeat:no-repeat;
background-image:url(../images/header_character_design.png);
}

.header_color_illustration	{
position:absolute;
z-index:2;
width:455px;
height:62px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/header_color_illustration.png');
}
.header_color_illustration[class]	{
position:absolute;
margin:0 auto;left:0px; right:258px;
z-index:2;
width:455px;
height:62px;
background-repeat:no-repeat;
background-image:url(../images/header_color_illustration.png);
}

.header_environment_design	{
position:absolute;
z-index:2;
width:526px;
height:85px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/header_environment_design.png');
}
.header_environment_design[class]	{
position:absolute;
margin:0 auto;left:0px; right:190px;
z-index:2;
width:526px;
height:85px;
background-repeat:no-repeat;
background-image:url(../images/header_environment_design.png);
}

.header_hardware_design	{
position:absolute;
z-index:2;
width:449px;
height:87px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/header_hardware_design.png');
}
.header_hardware_design[class]	{
position:absolute;
margin:0 auto;left:0px; right:258px;
z-index:2;
width:449px;
height:87px;
background-repeat:no-repeat;
background-image:url(../images/header_hardware_design.png);
}

.header_sequential_pages	{
position:absolute;
z-index:2;
width:439px;
height:89px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/header_sequential_pages.png');
}
.header_sequential_pages[class]	{
position:absolute;
margin:0 auto;left:0px; right:272px;
z-index:2;
width:439px;
height:89px;
background-repeat:no-repeat;
background-image:url(../images/header_sequential_pages.png);
}

.header_doodles	{
position:absolute;
z-index:2;
width:210px;
height:89px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/header_doodles.png');
}
.header_doodles[class]	{
position:absolute;
margin:0 auto;left:0px; right:500px;
z-index:2;
width:210px;
height:89px;
background-repeat:no-repeat;
background-image:url(../images/header_doodles.png);
}


/*    */
.left	{
text-align:left;
}
.pad_12	{
padding:12px;
}
.pad_16	{
padding:16px;
}

.thumbnail	{
border:1px solid #E0A053; padding:2px;
}
.detail_container	{
margin-top:20px; font-family:'Times New Roman', Times, serif; color:#FFE7C3;
}
.detail_img	{
border:3px solid #181818; padding:8px;
}
.detail_title	{
margin-top:3px; font-size:15px; font-variant:small-caps; font-weight:bold;
}

.prev_pos	{
position:absolute; z-index:2; top:2px; left:100px;
}
.prev_pos[class]	{
position:fixed;
}
.prev_btn	{
width:75px; border:1px solid #555; color:#F0CC96; background-color:#53220E; cursor:pointer;
}
.prev_btn_dis	{
width:75px; border:1px solid #222; color:#555; background-color:#111; cursor:default;
}
.prev_pos div {
font-variant:small-caps;
font-size:11px;
letter-spacing:2px;
}

.next_pos	{
position:absolute; z-index:2; top:2px; right:100px;
}
.next_pos[class]	{
position:fixed;
}
.next_btn	{
width:75px; border:1px solid #555; color:#F0CC96; background-color:#53220E; cursor:pointer;
}
.next_btn_dis	{
width:75px; border:1px solid #222; color:#555; background-color:#111; cursor:default;
}
.next_pos div {
font-variant:small-caps;
font-size:11px;
letter-spacing:2px;
}

.close	{
position:absolute;
top:2px;
right:2px;
width:55px;
border:1px dashed #333;
font-variant:small-caps;
font-size:11px;
letter-spacing:2px;
}
.close[class]	{
position:fixed;
}
div.close a:link	{
color:#666666;
}
div.close a:hover	{
color:#666666;
text-decoration:underline;
}
div.close a:active	{
color:#666666;
}
div.close a:visited	{
color:#666666;
}



.detail_copyright	{
position:relative; margin:0 auto; bottom:1px; margin-bottom:6px; width:713px; padding-top:6px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#666; border-top:1px solid #AF5936;
}
/*
.poems	{
width:600px;
line-height:15px;
margin-left:12px;
}
.poems dt {
font-variant:small-caps;
color:#F0CC96;
font-size:14px;
font-weight:bold;
border-bottom:1px solid #AF5936;
}
.poems dd	{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
white-space:pre;
background-image:url(../images/poems_bg.gif);
background-repeat:no-repeat;
}
*/