/* General Style*/

html, body {
	height:  100%;
	min-width: 900px;
	margin:  0px;
	padding: 0px;
	
	font-family: Verdana, Helvetica, Arial;
	font-size:   10px;
	line-height: 160%;
	color:       #999; /*#777777;*/
	
	background-color: #f6f6f6;
	
	background-image:    url(ui_images/paper_wh.gif);
	background-position: top center;
	background-repeat:   repeat-y;
	/*background-attachment: fixed;*/
}

a:link	   {font-weight:bold; color: #999999; text-decoration: none}
a:visited  {font-weight:bold; color: #999999; text-decoration: none}
a:hover	   {font-weight:bold; color: #999999; text-decoration: underline }

div.gs_centered_container{
	border-width: 0px;
	border-style: solid;
	
	width:      883px;
	min-height: 300px;
	
	margin-right: auto;
	margin-left:  auto;
	
	background-image:    url(ui_images/sun.gif);
	background-position: top right;
	background-repeat:   no-repeat;
	
	
}

div.gs_centered_container_stretch{
	border-width: 0px;
	border-style: solid;
	
	width:  883px;
	height: 100%;
	
	margin-right: auto;
	margin-left:  auto;
	
	background-image:    url(ui_images/sun.gif);
	background-position: top right;
	background-repeat:   no-repeat;
}

div.gs_offset_container{
	border-width: 0px;
	border-style: solid;
	
	width:  880px;
}

div.gs_offset_container_stretch{
	border-width: 0px;
	border-style: solid;
	
	width:    880px;
	height:   100%;
	min-height: 600px;
}

div.gs_nav_panel{
	border-width:0px;
	border-style:solid;
	
	float:    left;
	position: relative;
	top:      20px;
	width:    176px;
	height:   1px;
}

div.gs_contents_area{
	border-width: 0px;
	border-style: solid; 

	display:  table;
	
	float:  left;
	width:  600px;
	
}

div.gs_contents_area_stretch{
	border-width: 0px;
	border-style: solid; 

	/*display:  table;*/
	/*overflow: show;*/
	
	float:  left;
	width:  600px;
	height: 100%; 
}

div.gs_bg_fix{
	border-width: 0px;
	border-style: solid;
	
	width:  100%;
	height: 100%;
	min-height: 400px;
	
	background-image:    url(ui_images/paper_tr.gif);
	background-position: top right;
	background-repeat:   no-repeat;
	
}

div.gs_tray{
	border-width: 0px;
	border-style: solid;
	
	position: absolute;
	right:    0px;
	bottom:   0px;
	
	width:    50px;
	height:   25px;
	
	display: none;
}

.gs_counter{
	border-width: 0px;
	border-style: solid;
}

/* Comic Style*/

div.comic_container{
	border-width: 0px;
	border-style: solid;
	
	float:      right;
	width:      600px;
	height:     100%;
	min-height: 600px;
	
	
}

div.comic_left_area{
	border-width: 0px;
	border-style: solid;
	
	display: table-cell;
	
	float:      left;
	width:      370px;
	height:     100%;
	min-height: 600px;
	
	text-align:   center;
	padding-left: 25px;
}

.comic_logo_area{
	border-width:0px;
	border-style:solid;
	
	width:100%;
	height:8%;
}

.comic_image_area{
	border-width: 0px;
	border-style: solid; 
	
	width:100%;
	height:89%;
}

img.comic_img{
	border-width: 0px;
	border-style: solid;
	border-color: #cccccc;
	
	vertical-align: middle;
}

.comic_navbar_area{
	border-width: 0px;
	border-style: solid;
	border-color: #cccccc;
	
	height:50px;
	padding-top: 15px;
	vertical-align:top;

}

.comic_arw{
	border: 0px;
	margin: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	vertical-align: top;
}

.comic_list{
	margin-top: 2px;
}

.comic_text_area{
	border-width: 0px;
	border-style: solid; 
	
	float:      left;
	width:      180px;
	height:     100%;
	min-height: 600px;
	
	margin-left: 0px; 
	text-align: right;
}

/* Blog Style*/

div.blog_container{
	border-width: 0px;
	border-style: solid;
 
	width:  70%;
	height: 100%;
	
	margin-left:  auto;
	margin-right: auto;
}

div.blog_title{
	line-height: 60%;
}

img.blog_line{
	width:  100%;
	height: 1px;
}

div.blog_text{
	border-width: 0px;
	border-style: solid;

	display: table-cell;
	
	width: 100%;
}

div.blog_placeholder_1{
	width:  100%;
	height: 5px;
	
	line-height: 0px;
}

div.blog_placeholder_2{
	width:  100%;
	height: 30px;
	
	line-height: 0px;
}