@charset "UTF-8";
.dsc {
	font-size	: 14px;
}
body {
	font-size			: 14px;
	font-family			: arial;
	margin				: 10px;
	padding				: 0px;
	background			: #a0f5a6;
	background-image	: url("/Images/bodyback.png"); 
}
a {
	text-decoration	: none;
	color		: #5090e0;
}
a:hover {
	color		: #e09050;
}
img {
	border		: 0;
}
#body {
	width		: 1000px;
	margin-left	: -500px;
	position	: absolute;
	left		: 50%;
	background	: #ffffe0;
}
.unactive {
	color			: #5090e0;
}
.active {
	color			: #e09050;
}
.pages {
	margin				: 5px 0px 5px 0px;
	padding				: 5px;
	border				: dashed 1px #9090f0;
	background			: #efefd0;
}
.error {
	color				: red;
	font-size			: 16;
	font-weight			: bold;
}
.box {
	padding				: 5px;
	border				: dashed 1px #9090f0;
	background			: #efefd0;
}

/* --------------------------------------------------------------------------- */

.small{
	font-size	: 10px;
}
.medium{
	font-size	: 12px;
}
.normal{
	font-size	: 14px;
}
.large{
	font-size	: 18px;	
}

/* ------------------------------- header ------------------------------------ */

#header {
	height				: 100px;
	padding				: 10px;
	background			: #40a0f0;
	background-image	: url("/Images/headerback.png"); 
}

#logo {
	background-image	: url("/Images/logotype.png"); 
	width				: 308px;
	height				: 84px;
	position			: absolute;
	top					: 12px;
	left				: 17px;
}
#liru {
	position			: absolute;
	top				: 64px;
	left				: 900px;
}
#ad {
	position			: absolute;
	top				: 29px;
	left				: 370px;
}
#header span{
	display		: none;	
}

/* ----------------------------- navigation ---------------------------------- */
#navigation .active {
	color		: #b03000;
	background	: #ffffe0;	
	margin		: 0px;
	height		: 32px;
	padding		: 8px 10px 0px 10px;
	display		: inline-block;
}

#navigation .unactive {
	color		: #007080;	
	display		: inline-block;
	margin		: 0px;
	height		: 32px;
	padding		: 8px 10px 0px 10px;
}

#navigation {
	background			: #ffe070;
	background-image	: url("/Images/navback.png"); 
	font-family			: arial;
	font-size			: 20px;
	height				: 40px;
	padding				: 0px 40px 0px 40px;
	margin				: 0px;
}

/* ------------------------------ sidebar ------------------------------------ */

#sidebar {
	font-family	: arial;
	text-align	: left;
	float		: left;
	width		: 240px;
	padding		: 5px;
}

#sidebar .unactive {
	color			: #5090e0;
}

#sidebar .active {
	color			: #e09050;
}
.sbblock {
	width		: 240px;
	display		: inline-block;	
}

/* ------------------------------ content ------------------------------------ */

#content {
	font-family	: arial;
	font-size	: 14px;
	text-align	: justify;
	margin		: 20px 0px 20px 250px;
	width		: 730px;
	padding		: 5px;
	line-height: 1.5;
}
#content h1,h2,h3,h4 {
	margin		: 5px 0px 10px 0px;
}

#content a {
	color		: #5090e0;
}
#content a:hover {
	color		: #e09050;
}

/* ------------------------------ footer ------------------------------------- */

#footer {
	color				: #B03000;
	text-align			: center;
	font-family			: arial;
	font-size			: 14px;
	font-weight			: bold;
	clear				: both;
	height				: 25px;
	padding				: 10px 0px 0px 0px;
	margin				: 10px 0px 0px 0px;
	background			: #ffe070;
	background-image	: url("/Images/footback.png");
}
	
/* ----------------------------- profile ------------------------------------- */
#profile {
	width	: 450px; 
	margin	: auto;
}
#profile p label {
	text-align			: right;
	float				: left;
	width				: 180px;
	padding				: 0px 0px 4px 0px;
	color				: #404040;
	font-weight			: lighter;
}
#profile p input {
	border				: solid 1px #909090;
	font-style			: italic;
	color				: #404040;
}
#profile p input.submit {
	width				: 325px;
	cursor				: pointer;
	padding				: 0px;
	border				: solid 1px #909090;
	color				: #404040;
}
/* ---------------------------- comments -------------------------------------- */

#comments .form{
	border				: dashed 1px #9090f0;
	margin				: 0px 0px 0px 0px;
	background			: #faf0d8;
}
#comments {
	text-align			: center;	
	width				: 700px; 
	margin				: auto;
}
#comments .comment{
	border				: dashed 1px #9090f0;
	margin				: 5px 0px 5px 0px;
	padding				: 5px;
	background			: #f0f0fa;
	text-align			: justify;			
	display				: inline-block;
	width				: 688px;
}
#comments .username{
	width				: 150px;	
	display				: inline-block;
	float				: left;
	font-weight			: bold;
	color				: #5090e0;	
}
#comments .date{
	width				: 150px;	
	display				: inline-block;
	float				: left;
	color				: #5090e0;
}
#comments .theme{
	font-weight			: bold;
	color				: #e09050;
	border-bottom		: dashed 1px #9090f0;		
	display				: inline-block;
	float				: right;
	width				: 538px;	
}
#comments .text{
	display				: inline-block;
	float				: right;
	width				: 538px;
}	
#addcomments {
	text-align			: left;
	padding				: 5px;
}
#addcomments p label {
	text-align			: right;
	float				: left;
	width				: 220px;
	padding				: 0px 0px 4px 0px;
	color				: #404040;
	font-weight			: lighter;
}
#addcomments p input {
	width				: 460px;
	border				: solid 1px #909090;
	font-style			: italic;
	color				: #404040;
}
#addcomments p textarea {
	width				: 460px;
	border				: solid 1px #909090;
	font-style			: italic;
	color				: #404040;
}
#addcomments p input.submit {
	width				: 680px;
	cursor				: pointer;
	padding				: 0px;
	border				: solid 1px #909090;
	color				: #404040;
	text-align			: center;	
}
/* ---------------------------------------------------------------------------- */
.tuticon {
	padding				: 5px 10px 5px 0px;
}
.tutorial {
	margin				: 12px 0px 12px 0px;
	padding				: 5px;
	border				: dashed 1px #9090f0;
	background			: #efefd0;
}
.tutorial h1, h2, h3, h4{
	margin				: 0px 0px 0px 5px;
	color				: #6090f0;
}
.tutorial div{
	margin				: 0px 5px 0px 5px;		
} 
.bigform p label {
	text-align			: right;
	float				: left;
	width				: 150px;
	padding				: 0px 0px 4px 0px;
	color				: #404040;
	font-weight			: lighter;
}
.bigform p input {
	width				: 550px;
	border				: solid 1px #909090;
	font-style			: italic;
	color				: #404040;
}
.bigform p textarea {
	width				: 550px;
	border				: solid 1px #909090;
	font-style			: italic;
	color				: #404040;
}
.bigform p input.submit {
	width				: 705px;
	cursor				: pointer;
	padding				: 0px;
	border				: solid 1px #909090;
	color				: #404040;
}


.visible {
	overflow			: hidden;
	display				: inline-block;
	width				: 16px;
	height				: 16px;
	background			: url(/Images/btn_visible.png) no-repeat;
	outline				: 0;
}

.visible span {
	display				: none;
}

.invisible {
	overflow			: hidden;
	display				: inline-block;
	width				: 16px;
	height				: 16px;
	background			: url(/Images/btn_invisible.png) no-repeat;
	outline				: 0;
}

.invisible span{
	display				: none;
}

.delete {
	overflow			: hidden;
	display				: inline-block;
	width				: 16px;
	height				: 16px;
	background			: url(/Images/btn_delete.png) no-repeat;
	outline				: 0;
}

.delete span{
	display				: none;
}

.modify {
	overflow			: hidden;
	display				: inline-block;
	width				: 16px;
	height				: 16px;
	background			: url(/Images/btn_modify.png) no-repeat;
	outline				: 0;
}

.modify span{
	display				: none;
}

.add {
	overflow			: hidden;
	display				: inline-block;
	width				: 16px;
	height				: 16px;
	background			: url(/Images/btn_add.png) no-repeat;
	outline				: 0;
}
.add span{
	display				: none;
}

.addicon {
	overflow			: hidden;
	display				: inline-block;
	width				: 16px;
	height				: 16px;
	background			: url(/Images/btn_addicon.png) no-repeat;	
	outline				: 0;
}
.addicon span{
	display				: none;
}