/*
 * @brief			MyHobbySite <http://www.myhobbysite.net>
 * @author		<a href='https://www.visigod.com'>Hugo Carvalho</a>
 * @copyright	(c) Hugo Carvalho <webmaster [AT] myhobbysite [DOT] net>
 * @package		My Hobby Site
 * @since			19 July 2009
*/

/* Overall HTML elements and page layout */

body {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 12px;
    margin: 0;
    padding: 0;
	background: #061019;
    color: #95a0a8;
	white-space: normal;
	word-wrap: break-word;
}

#wrapper {
  background: #061019 url(images/header_bg.jpg) repeat-x top;
  margin: 0;
	padding: 0;
	color: #95a0a8;
}

a:link, a:visited, a:active {
	color: #2c7fc9;
	text-decoration: none;
}

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

.thumbnail {
	border: 2px solid #95a0a8;
	margin: 5px;
	vertical-align: top;
}

a img, #header img, #navigation_menu img  {
	border: 0px;
}

/* Header and top menu styles */

#header {
    background: transparent;
}

.topmenu, .topmenu a:link, .topmenu a:visited, .topmenu a:active, .topmenu a:hover {
	top: 0px;
	text-align: right;
	color: #d5d5d5;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	height: 20px;
	margin: 0;
	margin-bottom: 7px;
	padding-top: 7px;
	padding-right: 15px;
}

.topmenu a:hover {
	color: #FFFFFF;
}

/* Content Styles */

#content {
	margin-left: 190px;
	padding-right: 15px;
	background: transparent;
	color: #95a0a8;
}

p {
	margin-top: 0px;
}

h1 {
	color: #fead16;
	font-size: 19px;
}

h2 {
	color: #e26f15;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 3px;
}

h3 {
	color: #fead16;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 3px;
}

h4 {
	color: #e26f15;
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 3px;
}

hr {
	color: #95a0a8;
	height: 1px;
}

/* Forms, labels, and buttons */

form {
	margin: 0;
	padding: 0;
}

.forms, .select_forms {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 12px;
	background: #0b1f2f;
	border: 1px solid #1a4160;
	color: #FFFFFF;
	margin: 2px;
	padding: 2px;
}

.select_forms {
	padding: 0;
}

.button {
	border-top: 1px solid #41617b;
	border-left: 1px solid #2e516e;
	border-right: 1px solid #112b3f;
	border-bottom: 1px solid #0c1e2c;
	background: #1a4160;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #fead16;
	margin: 2px;
	padding: 0;
	padding-left: 2px;
	padding-right: 2px;
}

label {
	color: #95a0a8;
	font-weight: bold;
	margin: 2px;
}

/* Table styles */

table.content_table {
	background: #081927;
	border: 1px solid #0e273c;
	color: #FFFFFF;
}

tr.table_header {
	border-bottom: #0e273c 1px solid;
	background: #102b40 url(images/table_header_bg.jpg);
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px;
	height: 30px;
}

tr.first_row td {
	background-color: #081927;
	color: #FFFFFF;
}

tr.second_row td {
	background-color: #0b1f2f;
	color: #FFFFFF;
}

tr.first_row td a:link, tr.first_row td a:visited, tr.first_row td a:active, tr.second_row td a:link, tr.second_row td a:visited, tr.second_row td a:active {
	color: #fead16;
}

tr.first_row td a:hover, tr.second_row td a:hover {
	color: #fead16;
	text-decoration: underline;
}

tr.row_separator td {
	background: #0e273c;
	color: #e26f15;
	font-weight: bold;
	font-size: 12px;
}

tr.row_separator td a:link, tr.row_separator td a:visited, tr.row_separator td a:active, tr.row_separator td a:hover {
	color: #e26f15;
	text-decoration: none;
}

.details {
	font-size: 10px;
	color: #95a0a8;
	text-decoration: none;
	font-style: italic;
}

/* Breadcrumb links */

.breadcrumb_links {
	display: block;
	font-weight: bold;
	font-size: 13px;
	color: #e26f15;
	margin-bottom: 10px;
}

.breadcrumb_links a:link, .breadcrumb_links a:visited, .breadcrumb_links a:active {
	color: #e26f15;
	text-decoration: none;
}

.breadcrumb_links a:hover {
	text-decoration: underline;
	color: #e26f15;
}

/* Content blocks */

.content_block {
	background: #0b1f2f;
	border: 1px solid #0e273c;
	padding: 10px;
	color: #FFFFFF;
	width: 100%;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.inner_content_block {
	float: left;
	background: #afafaf;
	border: 1px solid #0e273c;
	color: #FFFFFF;
	padding: 5px;
	margin: 5px;
}

/* Rating style - uses lists because it's more semantic. No JavaScript required.
All the stars are contained in one matrix to solve rollover delay problems. The background position is shifted to reveal the correct part of the image.
Each rating star is 16px by 16px and the background position is shifted in negative 16px increments.
 Key: B = Blank, O = Orange, G = Green 
B B B B B - (0 0)
G B B B B - (0 -16px)
G G B B B - (0 -32px)
G G G B B - (0 -48px)
G G G G B - (0 -64px)
G G G G G - (0 -80px)
O B B B B - (0 -96px)
O O B B B - (0 -112px)
O O O B B - (0 -128px)
O O O O B - (0 -144px)
O O O O O - (0 -160px) */

.rating{
	width: 80px;
	height: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	background: url(images/ratings.png) no-repeat 0 0;
	float: left;
}

ul.rating:hover {background: none!important;}

ul.rating li {
	cursor: pointer;
	float: left; /* ie5 mac doesn't like it if the list is floated but ie6 does */
	text-indent: -999em; /* hide text */
}

ul.rating li a {
	position: absolute;
	left: 0;
	top: 0;
	width: 16px;
	height: 16px;
	text-decoration: none;
	z-index: 200;
}

ul.rating li.one a {left: 0;}
ul.rating li.two a {left: 16px;}
ul.rating li.three a {left: 32px;}
ul.rating li.four a {left: 48px;}
ul.rating li.five a {left: 64px;}

ul.rating li a:hover {
	z-index: 2;
	width: 80px;
	height: 16px;
	overflow: hidden;
	left: 0;
	background: url(images/ratings.png) no-repeat 0 0;
}

ul.rating li.one a:hover {background-position: 0 -96px;}
ul.rating li.two a:hover {background-position: 0 -112px;}
ul.rating li.three a:hover {background-position: 0 -128px;}
ul.rating li.four a:hover {background-position: 0 -144px;}
ul.rating li.five a:hover {background-position: 0 -160px;}

.rated {
  width: 80px;
  height: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  background: url(images/ratings.png) no-repeat 0 0;
  float: left;
}

ul.rated li {
  cursor: auto;
  float: left; /* ie5 mac doesn't like it if the list is floated */
  text-indent: -999em;
}

ul.rated li.one a {left: 0;}
ul.rated li.two a {left: 16px;}
ul.rated li.three a {left: 32px;}
ul.rated li.four a {left: 48px;}
ul.rated li.five a {left: 64px;}

.no_rating {background-position: 0 0;}
.one_rating {background-position: 0 -16px;}
.two_rating {background-position: 0 -32px;}
.three_rating {background-position: 0 -48px;}
.four_rating {background-position: 0 -64px;}
.five_rating {background-position: 0 -80px;}

/* Footer styles */

#footer {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #343e45;
	font-size: 10px;
  background: #000A13;
	border: 0;
	border-top: 1px solid #0A1A2A;
	border-bottom: 1px solid #0A1A2A;
  clear: both;
	padding: 10px;
	width: calc(100% - 20px);
}

#footer a:link, #footer a:visited, #footer a:active {
	color: #343e45;
	text-decoration: underline;
}

#footer a:hover {
	color: #3e4b54;
	text-decoration: underline;
}

#footer span.license-error {
	color: #ff0000;
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 3px;
}

/* Offline page */

body.offline_body {
	height: 100%;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 13px;
	margin: 0;
	background: #000000 url(images/offline_bg.jpg) no-repeat scroll top center;
	color: #FFFFFF;
	white-space: normal;
	word-wrap: break-word;
}

.offline {
	background: transparent;
	padding: 25px;
	padding-top: 0px;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 200px;
}

/* Styles for the navigation menu */

#navigation_menu {
	float: left;
	padding: 15px;
	width: 160px;
	background-color: transparent;
}

.navigation_top {
	width: 160px;
	height: 8px;
	background: #0b1f2f url(images/menu_top.gif);
}

.navigation_bottom {
	width: 160px;
	height: 8px;
	background: #0b1f2f url(images/menu_bottom.gif);
	margin-bottom: 15px;
}

.menu {
	padding: 5px;
	background: #0b1f2f url(images/menu_bg.gif);
	color: #FFFFFF;
	width: 150px;
	font-size: 13px;
	margin: 0px;
}

.menu a:link, .menu a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.menu a:hover {
	color: #fead16;
	text-decoration: none;
}

ul.menu {
	list-style-type: none;
	padding: 5px;
	font-weight: bold;
}

ul.menu li {
	background: transparent url(images/bullet.gif) no-repeat;
	padding-left: 17px;
    background-position: 4px 5px;
}

/*
.grecaptcha-badge {
   visibility: hidden;
}
*/