/*
 * common configuratons.
 */

body {
	top:        0;
	left:       0;
	margin:     0px;
	padding:    0px;
	background: #fff;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

hr {
	display: none;
}


/*
 * Center Header definiton
 */

#RegionHeader {
	min-width:    790px;
	width:        900px;
	/* min-height: 50px; */
	padding:      0px;
	height:       78px;
	margin:       0px;
	border-style: none;
	border-width: 0px 0px 0px 0px;
	border-color: #03f;
	background:   #666 url(../img/blogmag_.gif) repeat-x left top;
	z-index:      10;
}

#RegionHeader h1 {
/*	position: absolute;*/
	top:         0;
	left:        0;
	width:       164px;
	height:      78px;
	color:       #fff;
	font-size:   1px;
	margin:      0px;
	padding:     0px;
	text-indent: -200px;
	background:  url(../img/blogmag0.gif) no-repeat left top;
	z-index:     100;
}

#RegionHeader h1 a {
	display: block;
	height:  55px;
}

/*
 * Large Banner under the Center Header definiton
 */

#RegionLargeBanner {
	min-width:    790px;
	width:        900px;
	margin: 0px auto;
	background: #333 url(../img/bord_lef.gif) repeat-y left top;
}

#RegionLargeBannerInner {	
	padding: 10px 10px 10px 16px;
}
 
/*
 * Square Banner right the 1st entry
 */

#RegionSquareBanner {
	padding: 0px 0px 10px 10px;
	border:  0px;
	margin:  0px;
/*
	width:   250px;
	height:  250px;
*/
}

#RegionSquareBannerInner {
	border: 0px none #444;
}

/*
 * Search Bar under the Large Banner definiton
 */

#RegionSearchBar {
	min-width:    790px;
	width:        900px;
	margin: 0px auto;
	background: #ccc url(../img/bord_lef.gif) repeat-y left top;
}

#RegionSearchBar form {
	margin:         0px 0px 0px 6px;
	border-top:     1px solid #eee;
	border-bottom:  1px solid #aaa;
	font-size:      12px;
	line-height:    12px;
	padding:        0px 0px 0px 4px;
	height:         22px;
	vertical-align: middle;
}

#RegionSearchBar input.word {
	margin:           2px 0px 2px 2px;
	background-color: #ddd;
	border:           1px solid #888;
	padding:          1px 2px;
	font-size:        12px;
	line-height:      12px;
	height:           15px;
}

#RegionSearchBar input.submit {
	margin:		     1px 1px 1px 0px;
	background-color:#ddd;
	border-width:	 1px;
	padding:	     0px 2px;
	font-size:	     12px;
	line-height:	 12px;
	height:		     20px;
}

/*
 * 2 columns definition.
 */

#RegionBody {
	position: relative;
	top:      0;
	left:     0;
	width:    900px;
	margin:   0px auto;
	padding:  0px;
	z-index:  10;
}

#RegionBodyInner {
	min-width: 790px;
/*	position:  absolute;*/
	top:       0;
	left:      0;
	width:     900px;
	margin:    0px;
	padding:   0px;
}

#RegionCenter {
	min-width:    613px;	/* 450+163=613 */
	margin:       0px 0px 0px 157px;
	padding:      10px;
	border-style: none;
	border-width: 0px;
	background:   #fff;
}

#RegionLeft {
	position:   absolute;
	top:        0px;
	left:       0px;
	width:      151px;
	padding:    0px;
/*	background: #fff url(../img/back_lef.gif) repeat-y left top;*/
}

/*
 * Center Region formats.
 */

#RegionCenter h1,
#RegionCenter h2 {
	color:         #339;
	margin-top:    4pt;
	margin-bottom: 2pt;
	font-size:     large;
	padding-left:  8px;
	border-width:  0px 0px 1px 5px;
	border-style:  solid;
	border-color:  #339;
}

#RegionCenter h3 {
	color:         #669;
	margin-top:    4pt;
	margin-bottom: 1pt;
	font-size:     large;
}

#RegionCenter h4,
#RegionCenter h5,
#RegionCenter h6 {
	color:         #669;
	margin-top:    4pt;
	margin-bottom: 1pt;
	font-size:     middle;
}

#RegionCenter #category,
#RegionCenter #date {
	font-size: 10px;
	color:     #666;
}

#RegionCenter p.author {
	font-size:   12px;
	color:       #666;
	line-height: 140%;
	float:       right;
}

#RegionCenter p {
	font-size: 14px;
	color: #000;
	line-height: 140%;
	clear: both;
	margin-top: 0px;
	margin-bottom: 20px;
}

#RegionCenter a.edit,
#RegionCenter a.del,
#RegionCenter a.up,
#ProductList  a.add {
	display:      block;
	float:        right;
	margin:       0px 0px 0px 0px;
	padding:      1px 4px 1px 16px;
	font-size:    12px;
	line-height:  14px;
	height:       14px;
	border-color: #ccc #666 #666 #ccc;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	font-weight:  normal;
	color:        #900;
}

#RegionCenter a.edit {
	background: #fff url(../img/edit_ico.gif) no-repeat 2px 1px;
}

#RegionCenter a.del {
	background: #fff url(../img/del_icon.gif) no-repeat 2px 1px;
}

#RegionCenter a.up {
	background: #fff url(../img/up_icon0.gif) no-repeat 2px 1px;
}

#ProductList a.add {
	background: #fff url(../img/plus_ico.gif) no-repeat 2px 1px;
}

#RegionCenter a.edit:hover,
#RegionCenter a.del:hover,
#RegionCenter a.up:hover,
#ProductList  a.add:hover {
	background-color: #fc0;
}


/*
 * Left Region formats
 */

#RegionLeftInner {
	/*
	padding:       0px;
	background:    #FFC;
	border-right:  1px solid #c90;
	border-bottom: 0px none  #333;
	border-left:   0px none  #03F;
	margin-left:   6px;
	*/
	/* min-height: 600px; */

	padding: 0px;
	border-bottom-style: solid;
	border-right-color: #c90;
	border-right-style: solid;
	border-right-width: 1px;
	background: #FFFFCC;
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-bottom-color: #333333;
	border-left-style: none;
	border-left-color: #0033FF;
	/* border-left-color: #0033FF; */
	border-left-width: 0px;
/*	margin-left: 6px;*/
	margin-left: 0;

}

#RegionLeft h1 {
	font-size:        12px;
	background-color: #f90;
	color:            #fff;
	font-weight:      bold;
	padding:          6px;
	margin:           0px;
}

#RegionLeft .en {
	font-family: 'arial', 'helvetica', sans-serif;
}

#RegionLeft h2 {
	font-size:        12px;
	background-color: #666;
	color:            #fff;
	font-weight:      bold;
	padding:          3px 5px 3px 5px;
	margin:           0px;
	border-width:     1px;
	border-style:     solid;
	border-color:     #ccc #333 #333 #ccc;
}

#RegionLeft ul {
	padding:             0px;
	margin:              0px;
	list-style:          none;
	list-style-position: outside;
	/* list-style: disc url("http://ascii24.com/images/dot.gif"); */
}

#RegionLeft li {
	font-size:        12px;
	color:            #666;
	line-height:      15px;
	padding:          0px;
	margin:           0px;
	background-color: #fe9;
	border-width:     1px;
	border-style:     solid;
	border-color:     #ff9 #c90 #960 #ff9;
}

#RegionLeft li a {
	padding:   3px 5px;
	display:   block;
	font-size: 12px;
}

#RegionLeft li a:hover {
	background-color: #fc3;
}

#RegionLeft li a img {
	border-width: 0px;
}

/*
 * site credit
 */

#credit {
	display:      block;
	margin:       0px;
	padding:      4px 0px 0px 0px;
	border-width: 1px 0px 0px 0px;
	border-color: #ccc;
	border-style: solid;
	color:        #666;
}

#credit p {
	font-size: 10px;
	margin:    0px;
	padding:   0px;
}

#credit p em {
	font-size:   12px;
	font-weight: bold;
	font-style:  normal;
}


#LoginStatus {
	position:    absolute;
	top:         55px;
	right:       0px;
	display:     block;
	text-align:  right;
	background:  transparent url(../img/blogmagB.gif) repeat-x left top;
	font-size:   12px;
	line-height: 12px;
	height:      15px;
	padding:     4px;
	color:       #fff;
	z-index:     100;
}

#LoginStatus a {
	color:            #fff;
	font-weight:      bold;
	border-style:     solid;
	border-width:     1px;
	border-color:     #9cc #339 #339 #9cc;
	background-color: #69c;
	padding:          0px 3px 1px 3px;
	margin:           0px 8px 0px 4px;
}

#LoginStatus a:hover {
	background-color: #8be;
	/* color: #ffcc00; */
}

#LoginStatus a:active {
	padding:          1px 2px 0px 4px;
	border-color:     #339 #9cc #9cc #339;
	background-color: #58b;
}

/*
 * Ad Section
 */

#Advertisement {
	display:          block;
	padding:          4px;
	margin:           0px;
	border-style:     solid;
	border-width:     0px 0px 1px 6px;
	border-color:     #03f;
	background-color: #933;
	z-index:          300;
}

#Advertisement h1 {
	color:       #fff;
	font-size:   16px;
	font-weight: bold;
}


/*
 * Footer 
 */

#RegionFooter {
	display:      none;
	min-width:    790px;
	width:        900px;
	height:       100px;
	padding:      0px;
	margin:       0px;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #333;
	background:   #eee;
	color:        #666;
}

#RegionFooter address {
	display:     block;
	padding:     4px;
	font-size:   12px;
	line-height: 120%;
	font-style:  normal;
}

#RegionFooter address a {
	color: #00c;
}

#RegionFooter address p {
	padding: 0px;
	margin:  0px;
}

#RegionFooter address p.copy {
	font-weight: bold;
	font-family: 'arial', 'helvetica', sans-serif;
}

#RegionFooter address p.en {
	font-family: 'arial', 'helvetica', sans-serif;
}

#RegionFooter address p.par {
	margin: 8px 0px 0px 0px;
}