body {
	text-align:center; 
	background:url(images/bg.gif); 
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	position:relative:
}

a {text-decoration:none; color:#00000}

#wrap {width:1000px; text-align:left; margin:0 auto;padding:50px}

.fl{ float:left}
.fr{ float:right}
.clearfix{ clear:both}



/* header */
#header {background: url(images/base_02_3.png) no-repeat; position:relative }
/*#header {background: url(images/base_02_4.png) no-repeat; position:relative }*/
/*#header {background: url(images/base_02_5.png) no-repeat; position:relative }*/

#header .quest {background:url(images/b.gif); height:116px; width:177px;  position:absolute; top:40px; right:30px; font-size:18px; text-align:center; padding-top:25px}

/* content */
#content { background: url(images/base_04.png) no-repeat; height:700px; position:relative}

#main { width:700px; padding:250px 0 0 0; font-size:13px}
#main h2 {font-size:18px}
.headside {margin:0 0 0 -150px;}
.side {margin:0 0 0 -150px ;}
.si {margin:-70px 0 0 -150px ;}
#ct { width:600px; padding:250px 0 0 0; font-size:13px}
#ct div.fr h2 {font-size:24px; font-weight:700; text-align:right}

#butun{float:left; padding:0 11px; margin:0 0 0 10px}

.avatar{margin-top:50px; text-align:center; width: 230px; float: right;}

div.bt  { margin:50px 0 0 70px}
/* footer */
#footer {text-align:left; margin-top:250px;}

/*button*/
.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; width: 105px; margin-left:5px}
.btn * { text-align:center; font-style: normal; background-image: url(btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn:hover { background-color: #a00; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn:hover { border-color: #a00; }

/*gallery*/

.galleryview {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.twitthis {
	position: absolute;
	top: 250px;
	left: 20px;
}

.nav-links {
	position: absolute;
	top: 30px;
	left: 20px;
	width: 200px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav-links li {
	line-height: 1.6em;	
	font-size: 1.2em;
}
#content2 {
	margin-left: 240px;
	margin-top: 30px;
	margin-right: 50px;
}

pre {
	background: #e8e8e8;
	border-left: 10px solid #777;
	font-size: 0.85em;
	padding: 1em;
	color: black !important;
	overflow-x: auto;
}
.important {
	border: 1px solid #666;
	background: #ddd;
	padding: 0 1em;
	color: #C30;
}
h3 {
	font-size: 1.45em;
	line-height: 1.05em;
	border-bottom: 1px solid #333;
}

dt {
	font-weight: bold;
}
dd {
	margin-bottom: 0.5em;
}
.code_wrapper {
	border: 1px solid #888;
	background: #f0f0f0;
	padding: 10px;
}
code, .code {

}
.options {
	border: 1px solid #777;
	border-right: none;
	font-size: 0.8em;
	font-family: Verdana, Geneva, sans-serif;
}
.options th {
	text-align: left;
	background: #777;
	color: white;
	font-weight: bold;
}
.options th, .options td {
	padding: 4px 10px;
}
.options td {
	border-right: 1px solid #777;
}
#parts-img {
	border: 1px solid black;
}
img.nav {
	border: 1px solid black;
	margin-bottom: 5px;
}

.panel-overlay h2,
.panel-overlay p{
	margin: .3em 0;
}
.panel-overlay p {
	line-height: 1.2em;
}