/*******************************************************************************

 *
 *  AlterVision CMS Core - the Writer Club project
 *  Created by AlterVision Creatives - www.altvis.ru
 *  Copyright © 2005-2011 AlterVision Creatives
 *

 *
 *  File:           data / styles / default / style.tpl
 *  Description:    Basic System Styling Template
 *  Author:         Anton 'AlterVision' Reznichenko - director@writer-club.ru
 *

*******************************************************************************/

body {
	background: #011932 url('custom-back.jpg') top center no-repeat;
	font: normal 12px Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif; padding: 10px 0 20px 0; margin: 0;
}

.clear { display: block; width: 100%; clear: both; }
a:link,a:active,a:visited	{ color: #3f636b; text-decoration: underline; }
a:hover						{ text-decoration: underline; color : #333333;}
hr { height: 0px; border: 0px; border-top: solid 1px #3f636b; width: 90%; }

#container { width: 950px; margin: 0 auto; }

#page {
	display: block;
}

#header {
	display: block; color: #fff; height: 150px;
}


#header-title {
	display: block; padding: 5px 15px; float: left;
}
#header-title a { color: #ffffff; text-decoration: none; }

#header h1	{
	display: block; margin: 0; padding: 0; height: 24px;
    font: normal 24px Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
}

#header p {
	display: block; margin: 0; padding: 10px 0 0 0; color: #ffffff;
    font: normal 12px Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif; float: left;
}




#header-user {
	display: block; text-align: right; color: #ffffff; padding: 5px;
}
#header-user a { color: #ffffff; text-decoration: none; }
#header-user .user-avatar	{
	float: right; padding: 3px; margin: 0 8px; background: #fff;
	border: solid 1px #ccc; border-radius: 6px;
}
#header-user .user-name		{ display: block; font-size: 18px; padding-top: 9px; }
#header-user .user-login	{ display: block; font-size: 10px; padding-top: 5px; }

#header-remote {
	display: block; float: right; color: #222; padding: 5px 10px 0 10px; width: 245px;
}

#header-remote a {
	display: block; padding: 5px 5px 6px 50px; font-size: 10px; color: #222; text-decoration: none;
	background: #eee url('enter.png') left center no-repeat; background-color: rgba(255,255,255,0.8);
	border: solid 1px #eee;  border-radius: 5px; box-shadow: rgba(180,180,180,1) 0 0 15px;
} #header-remote span { display: block; font-size: 14px; text-decoration: underline; }

ul#menu {
	display: block; height: 30px; margin: 0 5px 5px 5px;
	background: rgba(50, 50, 50,0.6); padding: 0 6px;
	list-style: none; z-index: 3000; color: #ffffff
}
ul#menu a  { text-decoration: none; color: #ffffff !important; }
ul#menu li {
	display: block; margin: 0 2px; padding: 7px 5px 6px 5px;
	float: left; font: normal 14px Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif; position: relative;
}
ul#menu li:hover { background: rgba(80, 80, 80,0.8); }
ul#menu ul a {  display: block;  }
ul#menu li li {	padding: 5px 10px; margin: 0; height: auto !important; }
ul#menu li li:hover { background-color: rgba(90, 90, 90,0.8); }
ul#menu li ul {  width: 270px; background: rgba(80, 80, 80,0.8); }
ul#menu li ul a { width:  250px;  float:  left;  text-align: left; }

ul#menu ul {
  position: absolute; display: none; margin: 0; padding: 0;
  width: 270px; top: 30px !important; left: 0; z-index: 3000;
}

ul#menu ul ul {
  position: absolute; display: none; margin: 0 !important;
  width: 270px; left: 270px; top: 0px !important; background: #777;
}

#mainline {
	display: block; margin: 5px 5px 0 5px; padding: 5px 7px; color: #eeeeee;
	font: normal 11px Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
	background: rgba(100, 100, 100,0.6);
} #mainline a { color: #ffffff; }

.icontent {
	display: block; margin: 5px; padding: 10px; background-color: #ffffff;
	font: normal 12px Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif; color: #000000;
}
.icontent .small-info { font-size: 9px; text-align: center; margin: -5px; }

#info 		{ display: block; padding: 0 5px; margin: 0; }
#info p 	{ display: block; padding: 7px 10px !important; margin: 4px 0 !important;  }
p.msg-info	{ background: #f8fff8; color: #171; border: solid 1px #191; }
p.msg-error	{ background: #fff8f8; color: #711; border: solid 1px #911; }
p.msg-text	{ background: #f8f8ff; color: #117; border: solid 1px #119; }

#content h2  {
	display: block; font: normal 22px Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif; color: #000000;
	margin: 2px 0 10px 0; padding: 2px 0; height: 25px;
}
#content h2 a { text-decoration: none; color: #000000; }
#content h2 small  { 	font-size: 18px; float: right }
#content h2 span.info { font-size: 12px; color: #666; }

#content h3 {
	font: normal 18px Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif; color: #000000;
	padding: 5px 0px; margin: 0;
}
#content h3 a { text-decoration: none; color: #000000; }
#content h3 span.info { font-size: 10px; color: #666; }
#content h3 small { float: right; font-size: 10px; padding-top: 1px; font-weight: normal; }

#content p { padding: 3px 0; margin: 0; color: #000000; }
#content p.info {
	font-size: 10px; text-align: right;  color: #555;
    margin: 2px 0; padding: 5px; border-top: dotted 1px #555;
}

.avatar { padding: 1px; border: solid 2px #ccc; background: #fff; margin: 2px;  }
.smavatar { padding: 1px; border: solid 2px #ccc; background: #fff; margin: -1px;  }

#footer-main {
	display: block; background: rgba(80, 80, 80,0.6);
	padding: 5px 7px; margin: 5px 5px 0 5px;
    font: normal 11px Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif; color: #eeeeee;  text-align: right;
} #footer a { color: #ffffff; }

#footer-info {
	display: block; background: rgba(50, 50, 50,0.6); padding: 3px 7px; margin: 0 5px 5px 5px;
    font: normal 11px Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif; color: #eeeeee;  text-align: right;
}

#footer-counter { margin: -1px 0; }
#footer-copyright { float: left; }
#footer-feed { float: left; }
.feed { padding-left: 20px; background: transparent url('rss.png') left center no-repeat; }

.admin-tools { font-size: 11px; }
.admin-tools a { text-decoration: none; }

/* Icons */
.action	{ padding: 3px 3px 3px 20px; background: transparent url('action.png') left center no-repeat; }
.access	{ padding: 3px 3px 3px 20px; background: transparent url('access.png') left center no-repeat; }
.create { padding: 3px 3px 3px 20px; background: transparent url('create.png') left center no-repeat; }
.comment { padding: 3px 3px 3px 20px; background: transparent url('comment.png') left center no-repeat; }
.delete { padding: 3px 3px 3px 20px; background: transparent url('delete.png') left center no-repeat; }
.down 	{ padding: 3px 3px 3px 20px; background: transparent url('down.png') left center no-repeat; }
.edit   { padding: 3px 3px 3px 20px; background: transparent url('edit.png') left center no-repeat; }
.song	{ padding: 3px 3px 3px 20px; background: transparent url('music.png') left center no-repeat; }
.plugin { padding: 3px 3px 3px 20px; background: transparent url('plugin.png') left center no-repeat; }
.up 	{ padding: 3px 3px 3px 20px; background: transparent url('up.png') left center no-repeat; }

/* Post Editor */

.post-table {
	margin: 15px auto; padding: 4px; width: 98%; border: solid 1px #ddd; background-color: #fff;
    border: solid 1px #f6f6f6; border-radius: 5px; box-shadow: rgba(180,180,180,1) 0 0 8px;
	border-spacing: 0; font: normal 12px Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
}

.post-table th {
	padding: 6px; margin: 0; font: bold 12px Verdana, Tahoma, sans-serif;
	background: #666 url('th.png') top left repeat-x; color: #fff; border-bottom: solid 1px #ddd;
}
.post-table th a { color: #fff; }
.post-table td { padding: 6px; margin: 0; white-space: nowrap; border-bottom: solid 1px #ddd; }
.post-table td.head { background: #eee; font-weight: bold; }
.post-table tr.green { background: #efe; }
.post-table tr.red { background: #fee; }
.post-table tr.blue { background: #eef; }

input.post-field, select.post-field  {
	background: white; color: #222; border: solid 1px #ccc; border-radius: 4px;
    padding: 3px 5px; font-size: 14px; width: 99%;
}

.post-button {
	font-size: 13px; padding: 6px 15px;  margin: 0 2px;
	border: solid 1px #ccc; border-bottom-color: #777; border-right-color: #777;
	background: #eee url('button.png') top left repeat-x; color: #333;
}

/* Pagination */

.pages {
	display: block; text-align: center; padding: 2px 7px; color: #555; font-size: 11px;
}

.pages a, .pages b {
	display: inline-block; border-radius: 4px;
}

.pages b {
	padding: 4px 7px; margin: 0 2px; color: #111;
	border: solid 1px #aaa; border-top-color: #555; border-left-color: #555;
	background: #eee; border-radius: 3px;
}

.pages a {
	padding: 4px 7px; margin: 0;  color: #555; text-decoration: none;
	border: solid 1px #ccc; border-bottom-color: #999; border-right-color: #999;
	background: #eee url('button.png') top left repeat-x; border-radius: 3px;
} .pages a:hover { border: solid 1px #222; }er: solid 1px #3f636b; background: #f1f9ff; }

/* Forms */

.form-block {
	display: block; width: 100%; clear: both;
}

.form {
	display: block; width: 98%; margin: 5px auto;
}

.form caption {
	display: block; text-align: left; padding: 0; margin: 0 0 5px 0;
    font: normal 22px Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif; width: 100%;
}

.form-label {
	vertical-align: top; font-size: 14px; padding: 5px;
    font-weight: bold; text-align: right; width: 20%;
}

.form-headline {
	padding: 3px 15px; color: #000000;
    font: normal 18px Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
}

.form-descr {
	vertical-align: top; font-size: 11px; padding: 4px;
}

.form-field {
	vertical-align: top; text-align: center;
    width: 50%;
}

.form-buttons {
	text-align: center; padding: 4px; margin: 0; width: 100%;
}

.form-text {
	background: white; color: #222; border: solid 1px #ccc; border-radius: 4px;
    padding: 3px 5px; font-size: 14px; width: 98%;
}

.form-buttons input, .form-button input, input.form-button {
	font-size: 13px; padding: 6px 15px;  margin: 0 2px;
	border: solid 1px #ccc; border-bottom-color: #777; border-right-color: #777;
	background: #eee url('button.png') top left repeat-x; color: #333;
}

.form-submit {	font-weight: bold; }

/* Stuff */
.rf { float: right; }
.lf { float: left; }
.cf { margin-left: auto; margin-right: auto; }
.ra { text-align: right; }
.la { text-align: left; }
.ca { text-align: center; }
.hidden { display: none; }

.basicloader {
	display: block; height: 30px;
	background: transparent url('loader.gif') center center no-repeat;
}

/* Index */

.pairs { display: block; clear: both; }
.pairs .part { display: block; width: 50%; float: left; }
.page p { text-align: justify; }

.entry p { 	font: normal 12px Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif; color: #000000; text-align: justify; }
.entry li {
	margin-bottom: 7px !important; text-align: justify;
	font: normal 12px Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif; color: #000000;
}

.viewall a, a.viewall {
	display: block; clear: both; font-size: 12px; 	color: #444 !important;
	padding: 7px 18px;margin: 0px 50px;
	border: solid 1px #ccc; border-bottom-color: #777; border-right-color: #777;
	background: #eee url('button.png') top left repeat-x;
	text-decoration: none !important; text-align: center; border-radius: 4px;
}
.viewall a:hover, a.viewall:hover  {
	color: #000 !important;  text-decoration: none;
	border: solid 1px #777; border-bottom-color: #000; border-right-color: #000;
}

/* Arts */

.arts-divs { padding: 5px 10px; margin: 0; list-style: none; }
.arts-divs li {
	padding: 3px 3px 3px 25px; margin: 0;
	background: transparent url('arts.png') 0px 7px no-repeat;
}
.arts-divs li .title { display: block; font-size: 14px; height: 19px;  }
.arts-divs li p { font-size: 80%; text-align: justify; }

.arts .post { display: block; margin-bottom: 15px; }
.arts .info { display: block; padding: 2px 0 5px 0; font-size: 11px; color: #444; }

.arts .attachment {
	display: block; padding: 3px 3px 3px 22px; margin: 2px 35px; color: #555;
	background: transparent url('attach.png') center left no-repeat;
}
.arts .attachment span { font-size: 10px; }

.arts-index-page .divs { display: block; width: 49%; float: left; }
.arts-index-page .posts { display: block; width: 49%; float: right; }
.arts-index-page h2 { font-size: 20px !important; height: 20px !important; }
.arts-index-page h3 { font-size: 14px !important; }
.arts-index-page .post { margin: 0 !important; }

/* Blog */


.blog .posts { display: block; width: 700px; float: left; }
.blog .side { display: block; width: 210px; padding: 0 0 0 10px; float: right; }

.blog-divs { padding: 5px 10px; margin: 0; list-style: none; }
.blog-divs li {
	padding: 3px 3px 3px 25px; margin: 0;
	background: transparent url('blog.png') 0px 7px no-repeat;
}
.blog-divs li .title { display: block; font-size: 14px; height: 19px;  }
.blog-divs li p { font-size: 80%; }

.blog .post { display: block; margin-bottom: 15px; }
.blog h3 {
	font-size: 14px !important; padding: 10px 3px 0px 22px !important;
	background: url('news.png') 0px 11px no-repeat;
}
.blog .info {
	display: block; padding: 6px 3px 6px 22px; font-size: 11px; color: #444;
	background: url('calendar.png') left center no-repeat;
}
.blog .entry { padding: 3px 3px 3px 22px; }
.blog .entry.page { padding: 5px !important; }

.blog .attachment {
	display: block; padding: 3px 3px 3px 22px; margin: 2px 35px; color: #555;
	background: transparent url('attach.png') center left no-repeat;
}
.blog .attachment span { font-size: 10px; }

/* Photo */

.photo-gallery .gallery ul {
	display: block; width: 800px; margin: 0 auto; padding: 20px 0 0 0;
}
.photo-gallery .gallery ul li {
	display: block; width: 160px; height: 150px; float: left; text-align: center;
	font-size: 10px; padding: 0; margin: 0; list-style: none;
}
.photo-gallery .gallery ul li img {
	display: block; padding: 5px; margin: 5px auto;
	border: solid 1px #ccc; background: #fff;
}
.photo-image .info { padding: 4px; font-size: 11px; text-align: center; }
.photo-image .image { display: block; text-align: center; }
.photo-image .image img {
	border: solid 1px #ccc; max-width: 90%;  background: #fff;
	padding: 5px; margin: 10px auto;
}
.photo-divs { padding: 10px; margin: 0; list-style: none; }
.photo-divs li {
	padding: 5px 3px 5px 20px; margin: 0;
	background: transparent url('images.png') 0px 7px no-repeat;
}
.photo-divs li .title { display: block; font-size: 14px; height: 19px;  }
.photo-divs li p { font-size: 90%; }

/* Books */

.book .info {
	display: block; padding: 3px 3px 3px 19px; color: #777; font-size: 11px;
	background: transparent url('book-div.png') left center no-repeat;
}

.book .view { margin-top: 15px; }
.book .readit { display: block; width: 570px; float: left; }
.book .readit a {
	display: block; padding: 8px; text-align: center; background: #f2f4fa;
	border: solid 1px #bcd; color: #234; border-radius: 4px; text-decoration: none;
}
.book .readit a:hover { background: #eaecfa; border-color: #ace; }
.book .download { font-size: 14px; text-align: right; padding: 6px 5px; }
.book .download a {
	display: inline-block; font-size: 11px; padding: 5px 4px 5px 25px;
	text-decoration: none; margin: 0 0 0 1px; border-radius: 3px;
}
.book .download a:hover { background-color: #eee !important; }
.book .download .text	{ background: transparent url('book-text.png') 3px center no-repeat; }
.book .download .textz	{ background: transparent url('book-textz.png') 3px center no-repeat; }
.book .download .html	{ background: transparent url('book-html.png') 3px center no-repeat; }
.book .download .htmlz	{ background: transparent url('book-htmlz.png') 3px center no-repeat; }

.book-div {
	padding: 2px 3px 5px 21px;
	background: transparent url('book-div.png') 0px 9px no-repeat;
}
.book-div h3 { font-size: 16px !important; }
.book-div p { text-align: justify; font-size: 11px; }

.book-div-list { padding: 10px 15px; margin: 0; list-style: none; }
.book-div-list li {
	padding: 5px 3px 5px 20px; margin: 0;
	background: transparent url('book-prose.png') 3px 7px no-repeat;
}
.book-div-list li.poem { background-image: url('book-poem.png') !important; }
.book-div-list li:hover { cursor: pointer; background-color: #f4f6f8; border-radius: 5px; }
.book-div-list li h4 {
	display: block; font-size: 14px; font-weight: normal;
	height: 19px; margin: 0; padding: 0;
}
.book-div-list li p { font-size: 90%; }
.book-div-list li .comments {
	display: block; float: right; padding: 4px 5px 6px 20px; margin: 0;
	background: transparent url('book-comm.png') left center no-repeat;
	font-size: 10px; color: #777;
}

.book-view .image { display: block; width: 120px; float: left; text-align: center; }
.book-view .image img { padding: 5px; border: solid 1px #ccc; background: #fff; }
.book-view .descr { display: block; margin-left: 130px; }
.book-view .reader {
	display: block; padding: 10px 15px; margin-top: 10px;
	text-align: justify; border: dotted 1px #ccc; background: #fcfcfc;
}

#books-footer { font-size: 9px; text-align: center; margin: -5px;}

/* Music */

.music-div-list { padding: 10px 45px; margin: 0; list-style: none; }
.music-div-list li {
	padding: 10px 3px 5px 24px; margin: 0;
	background: transparent url('music.png') 0px 12px no-repeat;
}
.music-div-list li h4 {
	display: block; font-size: 14px; font-weight: normal;
	height: 19px; margin: 0; padding: 0 0 2px 0;
}
.music-div-list li p { font-size: 80%; padding: 0 0 5px 0; text-align: justify; }
.the-player { padding-top: 15px; }

/* Journal */

.journal-div-list { padding: 10px 0; margin: 0; list-style: none; }
.journal-div-list li { padding: 10px 0; margin: 0; width: 50%; float: left; }
.journal-div-list .image { float: left; padding: 4px; border: solid 1px #ccc; }
.journal-div-list .info { margin-left: 110px; padding: 5px 15px; min-height: 110px; }
.journal-div-list li h4 {
	display: block; font-size: 14px; font-weight: normal;
	height: 19px; margin: 0; padding: 0 0 2px 0;
}
.journal-div-list li p { font-size: 80%; padding: 0 0 5px 0; text-align: justify; }
.journal-view .page .pic { float: left; width: 250px; text-align: center; }
.journal-view .page .pic img { width: 240px; border: solid 1px #ccc; padding: 5px; }
.journal-view .page .text { margin-left: 260px; padding: 0 5px; }
.journal-files { display: block; padding: 10px; margin: 0; list-style: none; }
.journal-files li {
	display: block; padding: 1px 0 5px 24px; margin: 0; list-style: none;
	background-position: 0px 2px !important;
}
.journal-files .name { font-size: 14px; }
.journal-files .size { font-size: 10px; color: #888; }
.journal-files .descr { font-size: 11px; text-align: jusify; }

/* Comments */

/* Comments */

.comment-list 		{	display: block; padding: 0; margin: 0; list-style: none; }
.comment-list li 	{	display: block; padding: 7px 5px; margin: 0 5px; list-style: none; border-top: solid 1px #e1e1e1; }
#comments .pages 	{ 	float: right; padding-top: 5px; }

.comment-avatar 	{ display: block; width: 50px; padding: 0; text-align: right; float: left; }
.comment-data      { display: block; padding: 0 5px; margin-left: 60px; }
.comment-info { font-size: 11px; padding: 3px 0 8px 0; }
.comment-line { font-size: 10px; padding: 3px 0 0 10px; color: #888; }

.comment-text {
	display: block; padding: 5px 8px; margin: 0 0 0 6px; background: #f4f4f4;
	border-right: solid 1px #aaa; border-bottom: solid 1px #aaa; border-radius: 5px;
}
.comment-form textarea { width: 99%; }
#replyto { display: none; }

.comment-button { text-align: right; margin-top: 5px; }
.comment-button span { padding-right: 10px; }
.comment-button .submit {
	font-size: 13px; padding: 6px 15px; border: solid 1px #ccc; border-bottom-color: #777; border-right-color: #777;
	background: #eee url('button.png') top left repeat-x; color: #333; margin: 0 2px;
}

.comment-enter {
	display: block; font-size: 11px; padding: 6px 15px; text-align: center;
	border: solid 1px #ccc; border-bottom-color: #777; border-right-color: #777;
	background: #eee url('button.png') top left repeat-x; margin: 3px auto;
	text-decoration: none !important; color: #333 !important;
} .comment-enter span { display: block; font-size: 14px; }
 .comment-enter:hover { border-color: #000; background: #fff url('field.png') top left repeat-x; }

.user-blue a {
	background-color: #c8e8fb; color: #444; text-decoration: none; padding: 3px 5px; margin: -1px 2px;
	border-radius: 5px; border-right: solid 1px #75c5f4; border-bottom: solid 1px #75c5f4; font-size: 11px;
}
.user-blue a:hover { background-color: #296ded; color: #fff; border-color: #44429f; }

.user-alt a, a.user-alt {
	background-color: #fde3b5; color: #f76933 !important; text-decoration: none !important; padding: 3px 5px; margin: -1px 2px;
	border-radius: 5px; border-right: solid 1px #f76933; border-bottom: solid 1px #f76933; font-size: 11px;
}
.user-alt a:hover, a.user-alt:hover { background-color: #f76933; color: #fff !important; border-color: #b03506; }

.commentnaviblock {
	display: block; border: solid 1px #ddd; background: #fafafa; color: #777;
	font-size: 11px; margin: 4px 0; border-radius: 5px;
}
.commentnavileft, .commentnaviright {
	display: block; width: 50%; text-align: center;
}
.commentnavileft { float: left; }
.commentnaviright { float: right; }
.commentnavileft span, .commentnavileft a { border-right: solid 1px #ddd; border-radius: 5px 0 0 5px; }
.commentnaviright a { border-radius: 0 5px 5px 0; }
.commentnaviblock a {
	display: block; padding: 7px 0; color: #111; height: 13px;
	background: #eee url('button.png') top left repeat-x; text-decoration: none;
}
.commentnavileft span, .commentnaviright span { display: block; padding: 7px 0; height: 13px; }
.commentnaviblock a:hover { background: #fff url('field.png') top left repeat-x; }

/* Yandex.Site-Search */

#yandex-site-search {
	display: block; padding: 0; margin: -5px 0;
}

#yandex-site-search input.search-field {
	background: white; color: #222; border: solid 1px #ccc; padding: 3px 5px; font-size: 12px; width: 98%; margin: 0 5px;
}

#yandex-site-search input.search-button {
	font-size: 13px; padding: 2px 10px; margin: 0 5px; color: #333;
	border: solid 1px #ccc; background: #eee url('button.png') top left repeat-x;
}

/* Registration and Logins */

.profile-table	{ width: 98%; margin: 4px auto; }
.profile-label	{ width: 25%; text-align: right; padding: 8px; font-size: 14px; }
.profile-field	{ width: 33%; text-align: center; }
.profile-descr	{ padding: 9px 0; text-align: justify; }
.profile-info 	{ font-size: 10px; }
.profile-text	{ width: 95%; border: solid 2px #aaa; padding: 3px 5px; font-size: 18px; color: #444; }
.profile-button	{ text-align: center; padding: 8px; }
.profile-button input {
	font-size: 13px; padding: 6px 15px; margin: 0 2px; color: #333;
	border: solid 1px #ccc; border-bottom-color: #777; border-right-color: #777;
	background: #eee url('button.png') top left repeat-x;
}
.profile-avatar { padding: 10px; width: 100px; text-align: center; }
.profile-avatar img { border: solid 1px #ccc; padding: 5px; background: #fff; }


.badfield { border-color: #933; color: #933; }
.goodfield { border-color: #393; color: #393; }

/* Profile */

.userlink-control 	{ padding: 5px 3px 5px 20px; background: transparent url('userlink-control.png') left center no-repeat; }
.userlink-profile 	{ padding: 5px 3px 5px 20px; background: transparent url('userlink-profile.png') left center no-repeat; }
.userlink-exit	 	{ padding: 5px 3px 5px 20px; background: transparent url('userlink-exit.png') left center no-repeat; }

#profile-person { height: 40px; }
#profile-person img {
	float: left; padding: 3px;  margin: 0 10px 0 0;
	border: solid 1px #ccc; background: #fff;
}
#profile-person p { font-size: 22px; padding: 7px 0px; }
#profile-person p span { font-size: 12px; }

#profile-links {
	display: block; margin: 8px 0; padding: 0 5px;
	list-style: none; border-bottom: solid 1px #eee; height: 29px;
}
#profile-links li {
	display: block; margin: 0 3px; padding: 6px 10px;
	float: left; background: #eee; border-top: solid 3px #fff;
}
#profile-links li.selected { background: #fafafa; border-color: #ccc; }
#profile-links li a {
	padding: 3px 3px 3px 20px;  text-decoration: none;
	background: transparent url('edit.png') left center no-repeat;
}

/* Short Codes */

pre, code {
	display: block; padding: 10px; margin: 10px;
	background: #fafafa; border: dotted 1px #ccc; overflow-x: scroll;
}
pre.css:before, code.css:before {
	display: block; margin: -10px -10px 10px -10px;
	background: #eee; padding: 3px 7px; border-bottom: dotted 1px #ccc; content: "css";
}
pre.php:before, code.php:before {
	display: block; margin: -10px -10px 10px -10px;
	background: #eee; padding: 3px 7px; border-bottom: dotted 1px #ccc; content: "php";
}
pre.html:before, code.html:before {
	display: block; margin: -10px -10px 10px -10px;
	background: #eee; padding: 3px 7px; border-bottom: dotted 1px #ccc; content: "html";
}

.lastnewsblock { display: block; clear: both; padding: 5px 0; }
.lastnewsblock ul { padding: 0; margin: 0; list-style: none; }
.lastnewsblock ul li {
	display: block; padding: 0 0 10px 20px; margin: 0; list-style: none;
	background: transparent url('blog.png') top left no-repeat;
}
.lastnewsblock .date { font-size: 10px; color: #777; }
.lastnewsblock h4 {
	padding: 0; margin: 2px 0; font: normal 14px Verdana, Tahoma, sans-serif;
}
.lastnewsblock .text, .lastnewsblock .text p {
	text-align: justify; font-size: 10px; padding: 0; margin: 0 0 3px 0;
}

.itemsblock { display: block; clear: both; padding: 5px 0 0 0; }
.itemsblock ul { padding: 0; margin: 0; list-style: none; }
.itemsblock ul li {
	display: block; padding: 0 0 7px 20px; margin: 0; list-style: none;
	background: transparent url('arts.png') top left no-repeat;
}
.itemsblock .date { font-size: 10px; color: #777; }