body {
	background:		#F4F4F4;
	font-family:	"dejavu sans", "Verdana", sans-serif;
	font-size:		12px;
	padding:		0;
	margin:			0;
}

h1.main-title {
	background:		#225989;
	font-weight:	normal;
	text-align:		right;
	padding:		4px 100px 4px 0;
	margin:			0;
}

h1.main-title a {
	color:				#ffffff;
	text-decoration:	none;
}

h1.main-title a:hover {
	color:				#ffffff;
}

h1.main-title a .logo-meta {
	color:				#CCFF00;
	font-weight:		bold;
}

h2 {
	background:			url(images/h2.png) bottom left no-repeat;
	font-size:			150%;
	padding:			0 0 8px 4px;
}

h3 {
	font-size:			120%;
}

.logo-metasite {
	background:			#225989;
	color:				#ffffff;
	font-weight:		bold;
}

.logo-meta {
	color:				#CCFF00;
}

a {
	color:				#1C4B73;
	text-decoration:	underline;
}

a:hover {
	color:				#2A6FAB;
}

img {
	border:			none 0px;
}

code {
	font-family:	monospace;
}

p.error,
li.error {
	color:			#7E0909;
	font-style:		italic;
	padding:		2px;
}

.debug {
	text-align:		left;
	border-top:		dotted 1px #993300;
	padding:		4px;
	clear:			both;
}

fieldset {
	border:			1px solid #C7CCD4;
	padding:		4px;
	margin-top:		8px;
}

legend {
}

input.text,
input.password,
input.file,
textarea {
	background:		#ffffff;
	border:			1px solid #435C73;

	font-family:	monospace;
	font-size:		1em;


	width:			40em;
	display:		block;
}

input.file {
	width:			auto;
}

textarea {
	height:			20em;
}

/*	login */
.login,
.reg {
	text-align:		center;	/* msie sucks */
}

.login-box,
.reg-box {
	text-align:		left;
	padding:		4px;
	margin:			4em auto auto auto;
	width:			20em;
}

.login h1,
.reg h1 {
	font-size:		medium;
	padding:		0;
	margin:			0;
}

.login input.text,
.login input.password,
.reg input.text,
.reg input.password {
	width:			98%;
}

.login p.submit,
.reg p.submit {
	text-align:		center;
}

.login p.reg-link {
	text-align:		center;
}

.reg .choice {
	display:	block;
	width:		98%;
}

.reg .message p {
	text-align:	justify;
}

.reg,
.login {
	background:	url(images/reg-back.png) no-repeat 30% 0;
}

/* admin menu */
ul.main-menu {
	background:		#225989;
	padding:		0 0 2px 4px;
	margin:			0;
	height:			86px;
}

ul.main-menu li {
	background:		transparent no-repeat 8px 0;
	padding:		0;
	margin:			2px 4px 0 4px;
	width:			80px;
	height:			80px;
	display:		block;
	float:			left;
}

ul.main-menu li a {
	color:			#ABD600;
	width:			80px;
	height:			80px;
	display:		block;

	_cursor:		hand;	/* msie sucks */
}

ul.main-menu li a:hover {
	color:			#CCFF00;
/*	border:			1px dotted #ABD600;*/
}

ul.main-menu li a span {
	text-align:		center;
	padding-top:	64px;
	height:			16px;
	display:		block;
}

li#menu-articles {background-image: url(images/document.png);}
li#menu-galleries {background-image: url(images/image.png);}
li#menu-polls {background-image: url(images/poll.png);}
li#menu-pages {background-image: url(images/folder.png);}
li#menu-users {background-image: url(images/kuser.png);}
li#menu-settings {background-image: url(images/settings.png);}
li#menu-logout {background-image: url(images/password.png);}

.main-content {
	text-align:		left;
	margin:			1em 2em 0 2em;
	width:			55em;
	clear:			both;
}

.main-footer {
	margin-top:		2em;
}

/* content */
table {
	background:			#ffffff;
	border:				1px solid #C7CCD4;
	font-size:			small;
	border-spacing:		0;
	border-collapse:	collapse;
}

th {
/*	color:			#1C4B73;*/
	background:		#DCE2EB;
	border-bottom:	1px solid #C7CCD4;
	font-size:		100%;
	font-weight:	normal;
	font-style:		italic;
}

td, th {
	font-size:		12px; /* msie sucks */
	text-align:		left;
	vertical-align:	top;
	padding-left:	4px;
	padding-right:	4px;
}

td.title {
	font-weight:	bold;
}

td.created {
/*	width:			16em;*/
	white-space:	nowrap;
}

td.author {
	font-weight:	bold;
/*	width:			10em;*/
}

.date {
	color:			#4E4E4E;
/*	font-weight:	bold;*/
}

.time {
	color:			#808080;
}

.actions {
	padding-left:	32px;
}

.actions a {
	background:		transparent no-repeat 0 0;
	width:			16px;
	height:			16px;
	display:		block;
	float:			left;
}

p.controls a {
	background:		transparent no-repeat 2px 0;
	padding:		2px 0 2px 20px;
}

p.controls a.back {background-image: url(images/back.png);}
p.controls a.comments {background-image: url(images/regular.png);}
p.controls a.images {background-image: url(images/images.png);}
p.controls a.help {background-image: url(images/help.png);}

.actions a.delete {background-image: url(images/trashcan.png);}
.actions a.edit {background-image: url(images/edit.png);}
.actions a.move-up {background-image:	url(images/up.png);}
.actions a.move-down {background-image: url(images/down.png);}
.actions a.enable {background-image: url(images/no.png);}
.actions a.disable {background-image: url(images/ok.png);}
.actions a.turn-normal {background-image: url(images/nerd.png);}
.actions a.turn-admin {background-image: url(images/regular.png);}
.actions a.set-icon {background-image: url(images/eyes.png);}

.boy, .girl {
	background:		transparent no-repeat 2px 0;
	padding:		0 0 2px 20px;
}

.boy {background-image: url(images/boy.png);}
.girl {background-image: url(images/girl.png);}

.state .selected {
	background:		transparent no-repeat 0 0 url(images/ok.png);
	width:			16px;
	height:			16px;
	display:		block;
	float:			left;
}

td.no-page label, span.no-page {
	color:		#7E0909;
}

td.no-page .description {
	color:			#4E4E4E;
	padding-left:	4px;
}


.icon img,
img.icon {
	border:			1px solid #435C73;
}

img.icon {
	margin:			4px 0;
	display:		block;
}

.article-list-admin {
	width:			80%;
}

.article-admin input.text,
.article-admin textarea {
	width:			100%;
}

.article-admin textarea {
	height:			30em;
}

.article-admin table {
	width:			60%;
}

.article-admin .icon {
	margin:			4px;
	display:		block;
}

.article-admin .icon img,
.article-admin .icon input {
	vertical-align:	top;
}

.article-admin .icon input {
	margin-left:	4px;
}

.comments-admin input.text,
.comments-admin textarea {
	width:			40em;
}

.comment-header .author {
	font-weight:	bold;
	margin-right:	4px;
	display:		block;
	float:			left;
}

.comment-header .datetime {
	margin-right:	12px;
	display:		block;
	float:			left;
}

.comment-content {
	clear:			both;
}

.image-list-admin {
	width:			80%;
}

.image-preview, .gallery-link {
	background:		#ffffff;
	border:			solid 1px #cccccc;

	text-align:		center;
	padding:		4px 4px 2px 4px;
	margin:			2px;
	width:			150px;
	height:			144px;
	display:		block;
	float:			left;

	_width:			148px;	/* bloody msie box model... */
	_height:		138px;
}

.image-preview img, .gallery-link img {
	border:			solid 1px #999999;
}

.gallery-link p,
.image-preview p {
	padding:	0 0 0 4px;
	margin:		0;
}

.image {
	background:		#ffffff;
	border:			solid 1px #cccccc;

	text-align:		center;
	padding:		4px;
	width:			640px;
	/*height:			480px;*/
}

.image img {
	border:			solid 1px #999999;
}

.image-preview a.edit, .gallery-link a.select {
	height:			110px;
	display:		block;
}