body {
  margin:0;
  padding-left:268px;
  margin-bottom:52px;  
  min-height:700px;
  font-family:sans-serif;
  background:transparent url("/images/logo.png") no-repeat left top;
}
img {border:none;}
a:link, a:visited {
 color: #b00a1c;
}
a:hover, a:active {
  color: #df0036;
  outline:none;
}
a:focus
{ -moz-outline-style: none; }
h2 {margin:0;text-align:center;}
div#nojs {
  margin:-0.5em -0.5em 0.5em -0.5em;
  padding:0.5em 1em;
  background:#fb6464;
  border:1px solid #ed2121;
  text-align:center;  
}
#logo {
  position:absolute;
  top:0; left:0;
  width:268px; height:200px;
}
#account {
  width:102%;
  text-align:right;
}
#account a {
  display:inline-block;
}
#account .modal { 
  display:none;
  background:#eee;
  width:300px;
  padding:1em;
  border:1px solid #ccc;
  z-index:99;
  text-align:center;
}
#mb {
  width:670px;
  padding-right:168px;
  background:transparent url("/images/grad.png") no-repeat right 14px;

}
#header{
  height:32px;
  padding:3px 1em 0 0;
  background-color:transparent;
}
#userstrip{
  padding: 8px 6px 6px 6px;
  margin:-5px 0 0 0;
  height: 50px;
  background-image:url("../images/linka.png");
  background-repeat:repeat-x;
  background-color:#ff5a5a;
}
#userstrip h1, #nested h2 {display:inline-block;}
#userstrip h1 {margin-top:7px;}
#userstrip img {vertical-align:middle;}
#userstrip a {text-decoration:none;}
#content{
  min-height:600px;
}
#bottom{
  background:transparent url("/images/foot/frightbotbor.png") no-repeat right
  top;
  font-size:small;
  padding-top:9em;
  margin-right:-5em;
  padding-left:33%;
  padding-bottom:1em;
}
#bottom h3{margin:0;}
.bl,.ye,.re{float:left;}
.bl{
}
.bl,.bl a{
  color:#37abc8;
}
.ye{
  width:134px;
  margin:0 3em;
}
.ye,.ye a{
  color:#ffd42a;
}
.re{
  margin-left:2em;
}
.re,.re a{
  color:#ff5a5a;
}
#messages{float:left;}
#logo{float:left;}

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
  z-index:99;
}
#info { 
  display:none; 
  background:transparent url("/images/content/tr.png"); 
  font-size:110%;
  padding:5px;
  width:140px;height:70px;
  border-top:1px solid #ffd42a;
}
.out{clear:both;}
.centr{text-align:center;}
.st{display:none;}

/* root element for tabs  */
menu.main, #main, menu.nested, #nested{
	margin:0 !important;
	padding:0;
  width:100%;
	border:none;	
  height:50px;
  background-color:#ffd92a;   
}
menu.nested, #nested{  
  height:39px;
  background-color:#05afd9;  	
}
/* single tab */
menu.main li,menu.nested li{  
	float:left;	 
	padding:9px 0 0 0; 
	margin-right:2px;  
	list-style-type:none;	
}
menu.main li{
	padding:16px 0 0 0;
}
/* link inside the tab. uses a background image */
menu.main a,menu.nested a{ 
	float:left;
  font-size:77%;
  font-family:Trebuchet,Verdana,Helvetica,Arial,sans-serif;    
	display:block;
	padding:5px 30px;	
	text-decoration:none;
	border:none;	
	height:18px;
	background-color:transparent;
	color:#fff;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	position:relative;
	top:1px;	
}
menu.main a{
  color:#000;
  padding-top:8px;
}
/* selected tab */
menu.main a.current,menu.nested a.current {
	border:none;		
	cursor:default;
}
menu.main a.current,menu.main a.current:hover {
	background-color:#01abd5;
  padding-bottom:7px; 
  color:#ffd42a; 
}
menu.nested a.current,menu.nested a.current:hover {
	background-color:#fff;
  padding-bottom:6px; 
  color:#01abd5; 
}
menu.main a:hover {
  padding:7px 29px 5px 29px;
  border:1px #01abd5 solid;  
}
menu.nested a:hover {
  padding:4px 29px;  
  border:1px #fff solid;
}
div.nested {
  margin-top:1em;
}

.placeHolder div { 
  background-color:white !important; 
  border:dashed 1px gray !important; 
  width:150px; height:150px;
  cursor:Default;
  margin-top:32px;
}

/* >>>>> GALLERY <<<<< */
#grid, .grid {
  width:700px;
  padding:5px;
}
.gal {
  border:#fff solid 2px;
  outline:#ddd solid 1px;
}
.cel {
  height:165px;
}
.cel .ccel {
  line-height:5px;  
  text-align:center;
  width:99%;
  font-weight:bold;
  padding:10px 0 8px 0;
  border-right:1px solid #ffd42a;
  border-left:1px solid #ffd42a;
  border-top:1px solid #ffd42a;
}
.cel a { display:block;}
/* >>>>> PROFILES <<<<< */
.avatar {
  padding:2em;
  float:left;
}
.profile {
  margin:0 auto;
  padding:2em;
}
.profile p.name {
  height:100px;
  font-size:3em;
  margin:auto;
}
.profile blockquote {
  font: 1.5em italic helvetica, sans-serif;
  padding:1em;
  margin-left:-1em;
  width:100%;
  border-top:2px solid #ff5555;
  border-bottom:2px solid #37abc8;
  color:#ffd42a;
}
.profile p.text, .profile em.text, .profile .homepage {
  padding:0.1em 1em 0.5em 2.5em;
  border-bottom:1px solid #ffd42a;
}
.profile em.text {
  display:block;
  border-bottom:1px solid #ff5555;
}
.profile .homepage {
  border-bottom:1px solid #37abc8;
  padding-bottom:1em;
}
.profile .homepage a {
  color:#ffd42a;
  font-size:2em;
  text-decoration:none;
  clear:left;
}
.profile img {
  vertical-align:middle;
  float:left;
}
/* >>>>> SCROLLABLE <<<<< */
.scrollable {
	position:relative;
	overflow:hidden;
	width: 680px;
	height:140px;
	border:1px solid #37abc8;
/*	background:url(/img/global/gradient/h300.png) repeat-x;*/
}
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ff5555;
	cursor:pointer;
	width:100px;
	height:100px;
}
/* active item */
.scrollable .active {
	border:2px solid #ff5555;
	z-index:9999;
	position:relative;
}
#picwrap { 
  width:677px; 
  margin:15px 0; 
  padding:10px 0; 
  text-align:center; 
}
#picwrap h2 {color:#37abc8;}
/* >>>>> PICTURE <<<<< */
#picture {
  margin:1em;
  float:left; 
}
#picture h2 {
  font-size:2em;
  text-align:right;
}
#picture p {
  text-align:right;
  border-bottom:1px solid #ff5555;
}
#picture div {
  margin:auto;
  padding-right:1em;
  border-right:2px solid #ffd42a;
}
/* >>>>> COMMENTS <<<<< */
#comments { margin:1em; }
#comments .gree {
  float:left;
}
.comments {
  float:left;
  width:48%;
}
.comments .avatar {
  padding:0;
  margin-right:0.5em;
  border:#fff solid 2px;
  outline:#ffd42a solid 2px;
}
.comments .chead {
  margin-left:0.5em;
}
.comments .chead span, .comments .chead .t {
  font-size:0.8em;
  text-decoration:none;
}
.comments .chead a.pl {
  font-size:1.2em;
}
.comments .cbody {
  margin:1em 1em 0 4em;
}
.comments .out {
  margin:1em 0em 2em 4em;
  border-bottom:2px solid #37abc8;
}
/* >>>>> COMMENTS <<<<< */
.forum {
  width:100%;
}
.forum .avatar {
  float:left;
  padding:0;  
  margin:0.5em;
  border:#fff solid 2px;
  outline:#ffd42a solid 2px;
}
.forum .chead {
  margin:0em;
  float:right;
  font-size:small;
  color:grey;
}
.forum .cbody {
  margin:1em;
  float:left;
  width:70%;
}
.forum .out {
  border:none;
}
#topics {
  margin:3em;
}
#topics a {
  text-decoration:none;
  color:#ff5555;
}
#topics a:hover {
  text-decoration:underline;
  color:#01abd5;
}
#topics table {
  width:100%;
  font-family:sans-serif;
  text-align:center;
}
#topics thead {
  color:#01abd5;
}
#topics .topic {width:40%;}
#topics .num {width:20%;}
#topics .date {width:40%;}
/* >>>>> FORMS <<<<< */
#profile input,#profile textarea,
#edit input,#edit textarea,
#comments input,#comments textarea {
  width:100%;
}
button {
  display:block;
  margin:auto;
  background:#f5f5f5;
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:12px;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
  padding:5px 10px 5px 7px;
  width:auto;
  overflow:visible;
}
form button[type] { padding:5px 10px 5px 7px; /* Firefox */ }
form button, *:first-child+html button[type] {
  padding:4px 10px 3px 7px; /* IE */
}
button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
}
.save form {
  width:45%;
  float:left;
  margin:1em 1em 1em 2em;
  padding:1em 2em;
  border:1px #E6EFC2 outset;
  color:#529214;
}
.save input {
  width:9em;
  border:1px #E6EFC2 outset;
  float:right;
  color:#529214;
}
button.save{
  color:#529214;
  float:none;
}
button.save:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
}
/* ----- FORM BLUE,YELLOW,RED DIVS --------*/
div.blue,div.yel,div.red, div.gree {
  width:41%;
  float:left;
  padding:1em; margin:1em 0.5em;
  outline-width:2px;
  outline-style:outset;
}
/* ----- BLUE DIVS --------*/
div.blue,div.blue input,div.blue textarea {
  background:#fff;
  border:#37abc8 1px solid;
  outline-color:#92bdc8;
}
div.blue {background:#92bdc8;}
.blue button,.blue h2 {
  color:#00a0cb;
}
.blue button:hover {
  background-color:#a0c0c8;
  border:1px solid #37abc8;
}
/* ----- YELLOW DIVS --------*/
div.yel,div.yel input,div.yel textarea {
  background:#fff;
  border:#deb100 1px solid;
  outline-color:#ffe994;
}
div.yel {background:#ffe994;}
.yel button,.yel h2 {
  color:#deb100;
}

.yel button:hover {
  background-color:#ffe994;
  border:1px solid #deb100;
}
/* ----- RED DIVS --------*/
div.red,div.red input,div.red textarea {
  background:#fff;
  border:#ff3131 1px solid;
  outline-color:#ff8686;
}
div.red {background:#ff8686;}
.red button,.red h2 {
  color:#ff3131;
}
.red button:hover {
  background-color:#ff8686;
  border:1px solid #ff3131;
}
/* ----- GREEN DIVS --------*/
div.gree,div.gree input,div.gree textarea {
  background:#fff;
  border:#8fd800 1px solid;
  outline-color:#E6EFC2;
  color:#75b100;
}
div.gree {background:#E6EFC2;}
.gree button:hover {
  background-color:#E6EFC2;
  border:1px solid #8fd800;
}
.base {
  padding: 0 1em;
}
.base input {
  width:10em !important;
  float:right;
}
#users { text-align:center; }
#users .ui {
  width:130px;
  min-height:130px;
  z-index:10;
  float:left;
  margin:1em;
  vertical-align:bottom;
}
#users .ui a {
  text-decoration:none;
  color:#37abc8;
}
#about {
  border:1px solid #deb100;
}
#welcome .pi {
  margin:1em;
  width:150px;
  position:relative;
  float:left;
}
#welcome .ti {
  padding:1em;
  width:100%;
}
#welcome .pi a {
  color:#37abc8;
  text-decoration:none;
}
#welcome .pi a img {
  vertical-align:middle;
  margin-right:0.5em;
}
#welcome .det {
  width:150px;
  height:80px;
  background:white;
  position:absolute;
  bottom:0; left:0;
  display:none;
}
#welcome .det span {
  text-align:center;
  font-size:90%;
  color:#ff5555;
  display:block;
}
.pagination {
  font-size:12px;
  line-height:22px;
  padding-top:3em;
  clear:both;
  margin-left:-10em;
}
.pagination span, .pagination a {
  border:#eee solid 1px;
  padding:2px 6px;
}
.pagination .disabled {color:#bbb;}
.pagination .prev_page {margin-right:20px;}
.pagination .next_page {margin-left:20px;}
.pagination .current {
  font-weight:bold;
  color:#ff5555;
}
.pagination a {
  color:#37abc8;
  text-decoration:none;
}
.pagination a:visited:hover, .pagination a:hover,
.pagination a:active  {
  background-color:#37abc8;
  color:#fff;
  border-color:#fff;
  text-decoration:none;
}
.terms {
  font-size:smaller;
}
.iac {
  margin:2em;
}
.iac h2 {
  font-size:95%;
  text-align:right;
}
.iac li {
  list-style:none;
  margin-top:0.4em;
  text-align:right;
}
.iac li img{
  vertical-align:middle;
}
input#usea {
  width:20px; height:20px;
}