html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	color: #333;
	background: black url(../images/bg.gif);
	text-align: left;
	font-size: small;
}
a { color: #333; }
input, textarea, img { border: 1px solid #A8A8A8; }
.blog_parts img { border: 0; }
.valign_top { vertical-align: top; }
.valign_bottom { vertical-align: bottom; }
.ads { 
	text-align: center;
	margin: 0.5em 0;
	clear: both;
}
#content_left .ads { margin-top: 1.5em; }

#all {
	width: 760px;
	margin: 0 auto;
	min-height: 600px;
	background: #E5E5E5 url(../images/all_bg.gif);
	position: relative;
}


/************************ header *************************/
#header {
	width: 100%;
	height: 239px;
	background: url(../images/header_bg.jpg) no-repeat;
}
#header .menu {
	width: 760px;
	height: 53px;
	position: absolute;
	top: 88px;
	}

#header .menu h1, 
#header .menu li {
	float: left;
	text-indent: -10000px;
}
#header .menu li, 
#header .menu a { display: block; }
#header .menu h1 a {
	width: 176px;
	height: 40px;
}
#header .menu ul { padding-left: 8px; }
#header .menu li { padding-left: 9px; }
#header .menu li a {
	width: 101px;
	height: 29px;
}




/************************ content *************************/
#content {
	padding-top: 10px;
	padding-left: 11px;
	padding-bottom: 3em;
	background: url(../images/content_bg.gif) repeat-x 0 -1px;
	position: relative;
}
#content_left {
	width: 572px;
	float: left;
	}
#content_margin {
	width: 17px;
	float: left;
	}
#content_right {
	width: 160px;
	float: left;
	}


/************************ content_left *************************/

#content_left h2 {
	margin-top: 33px;
	padding-bottom: 4px;
	font-size: large;
}
#content_left h2 a {
	text-decoration: none;
	display: block;
}

.content {
	margin: 1em 0.5em 0;
	padding: 0 0 1.5em;
	position: relative;
}

.content img {
	margin: 0 0.5em;
}

.content h3, 
.content h4, 
.content h5, 
.content h6 { font-weight: bold; }
.content h3, 
.content h4, 
.content h5, 
.content h6, 
.content p { margin-bottom: 1em; }
.content h3 {font-size: 120%;}
.content h4 {font-size: 110%;}

.content table, 
.content tr, 
.content td { border: 1px solid black; }
.content table { width: 100%; }
.content tr#no_td_border td { border: 0; }
.content .clear { clear: both; padding-top: 1em; }
.content strong { font-weight: bold; }
.content pre {
	margin: 0.5em;
	padding: 0.5em;
	background: white;
	border: 1px solid black;
	overflow-x: scroll;
}

.content ul,
.content dl,
.content ol {
	margin-left: 1em;
	margin-bottom: 1em;
}
.content ul li { list-style: inside disc; }
.content ol li { list-style: inside decimal; }

.content blockquote {
	margin: 1em;
	padding: 0.5em;
	border: 1px solid #666;
	background: white;
}

#content_left .show_detail {
	margin: 0.5em;
	text-align: right;
}
#content_left .info {
	border-top: 1px solid #A8A8A8;
	text-align: right;
	font-size: x-small;
}

#content_left .bookmarks a,
#content_left .bookmarks img {
	border: none;
}

/************************ content_right *************************/

#content_right h3 {
	height: 27px;
	margin-top: 1em;
	text-indent: -10000px;
}
#content_right p,
#content_right ul {
	padding: 5px;
	line-height: 1.4;
}
#content_right li {
	padding-left: 1em;
	background: url(../images/li.gif) no-repeat 0.2em 0.5em;
}

#content_right .blog_parts {
	text-align: center;
	margin-top: 1em;
}


/************************ footer *************************/
#footer {
	width: 760px;
	background: url(../images/slash_line.gif) repeat-x center;
	position: absolute;
	bottom: 0;
	left: 0;
}
#footer p { text-align: center; }
#footer p span {
	background: #E5E5E5 url(../images/all_bg.gif);
	padding: 0 0.5em;
}













/************************ bug fix *************************/

/* clearfix */
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


/* GoogleAnalytics Bug Fix for firefox 3 */
#ga_shade { display: none !important; }