/****************************************************/
/* GENERAL
/****************************************************/

html {
	margin: 0;
	padding: 0;
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
}

body {
	background: #eee url('/img/template/background.jpg') top center fixed;
	color: #575850;
	font: normal 10pt "Trebuchet MS", "Lucida Sans unicode", Arial, Helvetica, sans-serif, courier;
	line-height: 1.5em;
}

a {
	color: #00abf0; 
	text-decoration: none;
}

a.anchor {
	visibility: hidden;
}

a:focus {
	outline: none;
}

a:hover {
	color: #f00;
	text-decoration: underline;
}

div#content a:visited {
	text-decoration: underline;
}

.text_left {
	text-align: left;
}

.text_center {
	text-align: center;
}

.text_right {
	text-align: right;
}

.float_right {
	float: right;
}

.float_left {
	float: left;
}

span.float_left {
	margin: 0 5px 0 0;
}

.justify {
	text-align: justify;
}

.hidden {
	display: none;
}

table th {
	background: #000;
	color: #fff;
	padding: 4px;
}

table th:first-child {
	-moz-border-radius-topleft: 4px; 
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
}

table th:last-child {
	-moz-border-radius-topright: 4px; 
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
}

table th a {
	color: #fff;
	text-decoration: underline;
}

table td {
	padding: 4px;
}

table.table_list th {
	background: none;
	color: #000;
	text-align: right;
}

p {
	margin: 0;
	padding: 3px 0;
}

form label {
	display: block;
	margin: 5px 0 0;
	padding: 5px 5px 3px;
}

form div.checkbox input {
	margin: 5px;
	float: left;
}

ul {
	list-style: none;
	margin: 0;
}

.actions {
	margin: 5px 0;
	padding: 5px;
}

.actions a {
	background: #eee;
	border: 1px solid #ccc;
	padding: 4px;
	
	text-decoration: none;
	
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.actions a:visited {
	text-decoration: none;
}
blockquote {
	background: #eee;
	border: 1px dotted #ccc;
	border-left: 2px solid #ccc;
	font-size: 1em;
	margin: 5px;
	padding: 4px;
}

input[type=submit],
input[type=button],
button {
	cursor: pointer;
}

/****************************************************/
/* LAYOUT
/****************************************************/

div#container {
	margin: 30px auto;
	width: 1006px;
}

div#header {
	background: url('/img/template/header.jpg') top center no-repeat;
	height: 60px;
}

div#header_sponsors {
	background: #fff;
	float: right;
	margin: -20px 10px 0 0;
	padding: 5px;

	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}

div#header a {
	display: block;
	height: 60px;
	text-decoration: none;
	width: 230px;
}

div#header a:hover {
	text-decoration: none;
}

div#menu {
	background: url('/img/template/menu_bg.png') bottom center no-repeat;
	height: 44px;
	padding: 0 10px;
	text-transform: lowercase;
	position: absolute;
	z-index: 1000;
	width: 1006px;
	margin-left: -10px;
}

div#crumbtrail {
	color: #000;	
	padding: 8px 10px;
	text-transform: lowercase;
	margin-top: 44px;
}

div#crumbtrail strong {
	color: #333;
}

div#crumbtrail a {
	color: #000;
	text-decoration: underline;
}

div#flashMessage {
	border-width: 1px;
	margin: 0 0 8px;

	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}

div#content {
	
}

div#footer {
	clear: both;
	height: 20px;
	text-transform: capitalize;
}

/* emoticons */

div#emoticons {
	margin: 0 0 5px;
	width: 600px;
}

div#emoticons img {
	cursor: pointer;
}

/****************************************************/
/* MENU
/****************************************************/

div#menu ul.menu li {
	float: left;
}

div#menu ul.menu li a {
	color: #000;
	display: block;
	font-size: 1em;
	padding: 12px 15px 5px;
}

div#menu ul.menu li:hover, div#menu ul.menu li.active {
	background: url('/img/template/menu_hover.jpg') top left no-repeat;
	color: #fff;
	padding: 0 0 0 7px;
}

div#menu ul.menu li:hover a, div#menu ul.menu li.active a {
	background: url('/img/template/menu_hover.jpg') top right no-repeat;
	color: #fff;
	padding-left: 8px;
}

div#menu ul.menu li.active {
	background: url('/img/template/menu_hover.jpg') bottom left no-repeat;
	color: #fff;
	padding: 0 0 0 7px;
}

div#menu ul.menu li.active a {
	background: url('/img/template/menu_hover.jpg') bottom right no-repeat;
	color: #fff;
	padding-left: 8px;
}

div#menu ul.menu li.float_right {
	float: right;
}

/* SUBMENU */

div#menu ul.menu li div ul li {
	text-align: left;
}

div#menu ul.menu li div ul li,
div#menu ul.menu li div ul li a,
div#menu ul.menu li.active div ul li a,
div#menu ul.menu li:hover div ul li a,
div#menu ul.menu li:hover div ul li:hover a {
	background: none;
	padding-left: 0;
}

div#menu ul.menu li div {
	display: block;
	margin: 0 0 0 -2px;
	position: absolute;
	width: inherit;

	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}

div#menu ul.menu li div ul {
	display: block;
	margin-bottom: 3px;
}


div#menu ul.menu li div ul li {
	float: none;
}

div#menu ul.menu li div ul li:hover {
	background: none;
	padding: 0;
}

div#menu ul.menu li:hover div {
	background: #7f7f7f;
}

div#menu ul.menu li.active div {
	background: #000;
}



/****************************************************/
/* ELEMENT
/****************************************************/

div.element {
	background: #fff;
	margin: 0 0 10px;
	padding: 10px;

	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}

div.element h2 {
	font-size: 1.4em;
	margin: 0 0 10px;
}

div.element h3 {
	font-size: 1.2em;
	margin: 0 0 px;
}

div.element .element_links {
	border-top: 1px solid #ddd;
	font-weight: bold;
	margin: 3px 0 0;
	padding: 5px 0 0;
}


div.element .element_content ul.list_data {
}

div.element .element_content ul.list_data li {
	border-bottom: 1px solid #ddd;
	padding: 5px 0 5px;
}

div.element .element_content ul.list_data li:last-child {
	border-bottom: none;
	padding: 5px 0 0;
}

div.element .element_content ul.list_data span.date {
	font-weight: bold;
	font-size: 0.8em;
}

.span-15 .element {
	margin-right: 8px;
}

.span-17 .element,
.span-20 .element,
.span-17 .paginator {
	margin-left: 8px;
}

div.sticky {
	background: #fff8cc;
	border: 1px solid #e3d8b9;
}

div.sticky .element_links {
	border-top: 1px solid #e3d8b9;
}

table.table_data {
	border-collapse: collapse;
}

table.table_data th,
table.table_data td {
	padding: 5px;
}

table.table_data td {
	border-bottom: 1px solid #ddd;
}

tr.sticky td {
	background: #fff8cc;
	border-bottom: 1px solid #e3d8b9;
}

tr.sticky td:first-child {
	background: #fff8cc url('/img/icons/pin.png') center center no-repeat;
	border-bottom: 1px solid #e3d8b9;
	width: 20px;
}

tr.sticky_expired td {
	background: #eee8c5;
	border-bottom: 1px solid #e3d8b9;
}

tr.sticky_expired td:first-child {
	background: #eee8c5 url('/img/icons/pin_exclamation.png') center center no-repeat;
	border-bottom: 1px solid #e3d8b9;
	width: 20px;
}

tr.expired td {
	background: #eee;
	border-bottom: 1px solid #e3d8b9;
}

tr.expired td:first-child {
	background: #eee url('/img/icons/exclamation_small.png') center center no-repeat;
	border-bottom: 1px solid #e3d8b9;
	width: 20px;
}



/*******************************************/
/* UBB
/*******************************************/

ol.ubb {
	height: 28px;
	margin: 10px 0;

}

ol.bb-unordered {
	list-style-type: disc;
}

ol.ubb li {
	background: #eee;
	border: 1px solid #ddd;
	cursor: pointer;
	margin: 0 5px 0 0;
	padding: 5px;
	float: left;
}

span.bb-font-size-200 {
	font-size: 1.6em;
}

span.bb-font-size-100 {
	font-size: 1.2em;
}

span.bb-font-size-50 {
	font-size: 0.8em;
}

/*******************************************/
/* PAGINATOR
/*******************************************/

div.paginator {
	font-weight: bold;
	height: 18px;
	margin: 10px 0 10px;
	padding: 5px;
	text-transform: lowercase;
}

div.paginator span.current,
div.paginator a {	
	background: #fff;
	margin: 0 5px;
	padding: 5px 10px;
	text-decoration: none;

	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}

div.paginator a:hover {
	background: #fff;
	color: #333;
}

div.paginator span.current {
	background: none;
	border: none;
	color: #000;
}

/****************************************************/
/* USER`
/****************************************************/

.userpost {
	clear: both;
	margin: 0 10px 0 0;
}

.userpost .userpost_author {
	background: #000;
	color: #fff;
	padding: 5px;
	
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
}

.userpost .userpost_info {
	float: right;
	padding: 10px 0;
	width: 200px;
}

.userpost .userpost_info ul li {
	padding: 4px 8px;
}

.userpost .userpost_body {
	color: #333;
	float: left;
	min-height: 120px;
	padding: 5px;
	width: 100%;
	max-width: 765px;
}

.userpost .userpost_signature {
	border-top: 1px dashed #ccc;
	clear: left;
	float: left;
	padding: 5px;
	width: 100%;
	max-width: 765px;
}

.userpost_info ul li.userpost_avatar,
.userpost_info ul li.userpost_name,
.userpost_info ul li.userpost_title,
.userpost_info ul li.userpost_posts {
	text-align: center;
	padding: 1px;
}

.forumpost .userpost_body {
	width: 774px;
}

.span-15 .userpost_body {
	width: 587px;
}


textarea#inputbody {
	height: 120px;
	width: 587px;
}

textarea.bbcodes {
	height: 80px;
	width: 670px;
}

textarea.bbcodes-small {
	height: 34px;
	width: 670px;
}

/****************************************************/
/* FORUM
/****************************************************/

table.table_forum .span-2 {
	width: 60px;
}

table.table_forum .span-3 {
	width: 120px;
}

table.table_forum .span-4 {
	width: 180px;
}

table.table_forum {
	border-collapse: collapse;
}

table.table_forum th,
table.table_forum td {
	padding: 5px;
}

table.table_forum td {
	border-bottom: 1px solid #e2e2e2;
}

table.table_forum .icon {
	width: 30px;
}

table.table_forum td div.pages {
	font-size: 0.9em;
}

div.last_forum_post_userinfo {
	text-transform: lowercase;
	width: 188px;
}

div.last_forum_post {
	margin-top: 0.5em;
	width: 20px;
}

.topic-color-one-week {
	background-color: #fff;
}

.topic-color-two-days {
	background-color: #fffefc;
}

.topic-color-one-day {
	background-color: #fff7eb;
}

.topic-color-twelve-hours {
	background-color: #feefdb;
}

table.table_forum tr.topic-color-six-hours td {
	background-color: #fee8ca;
	border-bottom: 1px solid #fff;
}

table.table_forum tr.topic-color-three-hours td {
	background-color: #fee1b9;
	border-bottom: 1px solid #fff;
}

table.table_forum tr.topic-color-one-hour td {
	background-color: #fddaa9;
	border-bottom: 1px solid #fff;	
}

.forum-mini-paging {
	font-size: 0.8em;
}

.forum-mini-paging span {
	padding: 0px 4px;
}

.userpost_author, .userpost_author_container {
	float: left;
	clear: both;
}

.userpost_author {
	width: 100%;
}

.userpost_author_container {
	width: 780px;
}

.forum_post_details {
	float: left;
}

.forum_post_actions {
	float: right;
	padding-right: 5px
}
/****************************************************/
/* PROFILE
/****************************************************/

table.table_profile .span-3 {
	width: 120px;
}

table.table_profile .span-4 {
	width: 180px;
}

/****************************************************/
/* GALLERY
/****************************************************/

div.container_gallery {
	margin: 5px;
	padding: 5px;
	width: 308px;
}

div.container_gallery h2 {
	font-size: 0.8em;
}

div.container_gallery img {
	margin: 0 5px 0 0;
}

/* frontpage */
ul#list_galleries li {
	float: left;
	width: 118px;
}


ul#list_galleries li img {
	margin: 0 5px 5px;
	width: 108px;
}

/****************************************************/
/* PICTURE
/****************************************************/

.container_picture {
	margin: 5px;
}

/****************************************************/
/* PRIVATE MESSAGING
/****************************************************/

.new-message {
	background-color: #fee8ca;
}

.new-message td {
	font-weight: bold;
}