/*
 * Made by Martel
 * November 24, 2005
 * Seriously updated by HaRRy August 22, 2010
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
* {
    padding:0; margin:0;  border:0;
}
html{
	background-image:url('/pics/black_back.gif');
}
body{
	margin:0 auto; width:800px; position:relative; color:#ccc; font:11px Verdana, sans-serif; line-height:20px; padding:0 10px;
}
a{
    font-weight:normal;  text-decoration:none;  border-bottom:1px solid;  padding-bottom:1px; color:#EDA; border-bottom-color: #EDA;
}
a:visited{
    color: #ccc;
    border-bottom-color:#ccc;
}
a:hover, a:focus, a:active, .active{
	color:#FD7; border-bottom-color:#FD7; outline:none;
}
blockquote{
    padding:5px 0 20px 40px; font-style:italic;
}
em{
    font-style:italic;
}
/* typography */
h1, h2, h3, .capital, footer p {
	font-family: Georgia, Times, serif;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Headers and p
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
h1, h2, h3 {
	font-weight:normal;
	color: #fff;
	letter-spacing: 1px;
}
h1{
    font-size: 21px; text-align: center; padding: 1.5em 0 0.3em 0;
}
h2{
    font-size: 17px; padding-bottom: 0.75em;
}
nav h2{
	 text-align: center; padding: 7px 0;
}
/* special chapter headings, h3 + h3 b */
h3 {
    font-style: italic;  text-align: center;  padding-bottom: 2em;
}
h3 b {
    font-style:normal; font-family: Verdana, sans-serif; text-transform: uppercase; letter-spacing: 2px;  margin-left: 0.25em; color: #EDA;
}
nav h3{
	padding: 5px 0 0 0; font-size:12px;
}
h4 {
    font-size: 11px;  font-weight: bold; letter-spacing: 2px;  text-transform: uppercase; color: #fff;
}
p, article li{
	font-size:11px; line-height: 20px;
}
article p{
	 margin: 0.5em 0 1.5em 0;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * All big parts
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#topmenu {
    position:relative; height:40px; margin:10px 0 0 200px; font-size:11px; display:block;
}
#topmenu ul {
	list-style:none;
}
#topmenu li {
	display:inline;
}
#topmenu a {
	background:url('/pics/black_back_light.gif'); float:left; margin:0 15px 0 0; padding:4px 10px; border-bottom:none; font-weight:bold; color:#eda;
}
#topmenu a:link {
	color: #eda;
}
#topmenu a:visited {
	color: #ccc;
}
#topmenu .active {
	text-decoration:none; color: #fd7; border:1px solid #aaa; /*border:1px solid #fd7; */padding:3px 9px;
}
#topmenu a:hover, #topmenu a:focus {
	text-decoration:none; color: #fd7;
}
#container{
	position:relative; clear:both;
}
#sidemenu{
	float:left; width:150px; background:url('/pics/black_back_light.gif'); font-size:11px; padding:10px;
}
#sidemenu a {
	font-weight: bold; border-bottom: none;
}
#sidemenu a:hover {
	/*border-bottom: 1px dotted;*/
}
#sidemenu ul, #sidemenu ol {
	margin-bottom: 1.3em;
}
#sidemenu li {
	line-height: 19px;
}
#sidemenu ol li, #sidemenu ul li {
	margin-left:1.7em;
}
#sidemenu ol ul {
	margin-bottom: 0;
}

article{
	float:right; width:556px; display:block; background: url('/pics/black_back_light.gif'); padding:22px 22px 0 22px;
}
article:after {
	content:  url('/guide/pics/back_bird.gif');
	width:100px; height:100px; position:absolute; top:10px; right:10px;
}

footer {
	float:right; width: 600px; margin-top:20px;
}
footer p, footer img{
	 margin:0 auto; text-align:center; font-style:italic;  letter-spacing:1px; display:block;border:none!important;
}
footer img{
	-webkit-transition: background-color 1s;
	-moz-transition: background-color 1s;
	-o-transition: background-color 1s;
	transition: background-color 1s;
	-webkit-transition: outline-color 0.5s;
	-moz-transition: outline-color 0.5s;
	-o-transition: outline-color 0.5s;
	transition: outline-color 0.5s;
	outline:rgba(255,255,255,0) groove 2px;
	margin:6px auto 10px auto; padding:5px;
}
footer img:hover, footer a:focus img{
	outline:rgba(255,255,255,0.6) groove 2px;
	background-color:rgba(255,255,255,0.1);
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Additional article type formatting
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
article ul, article ol {
    margin: 0.5em 0 1.5em 0;
}
article li {
    line-height: 20px;
}
article ul li, article ol li {
    margin-left: 40px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Tables
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
table {
    background-image: url('/pics/black_back.gif');
    margin: 0.5em 0 1.5em;
    font-size: 11px;
    line-height: 1.2em;
    text-align: center;
}
table caption {
	color: #000;
    background-color: #777;
    padding: 3px;
}
thead {
	color: #000;
    background-color: #666;
}
thead th {
    border-bottom: 1px solid #333;
    text-align: left;
    padding: 3px;
}
thead td {
    border-bottom: 1px solid #333;
    text-align: right;
    padding: 3px;
}
tbody th {
	padding: 3px;
	text-align: left;
}
tbody td {
	padding: 3px;
	text-align: right;
	font-weight: normal;
    vertical-align: top;
}
.center {
    text-align: center;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Other style classes
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.capital {
    float:left; margin-right:5px; font-size:64px; line-height:58px;
}
.border {
    border: 1px solid #333;
}
.no-bottom-border{
	border:none; display:block;width:80px;height:80px;
}
.no-bottom-border img{
	transition:transform 0.6s;
	-webkit-transition: -webkit-transform 0.6s; -moz-transition: -moz-transform 0.6s; -o-transition: -o-transform 0.6s; -ms-transition: -ms-transform 0.6s;
}
.no-bottom-border:hover img, .no-bottom-border:focus img{
	transform:rotate(135deg);
	-webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -o-transform:rotate(135deg); -ms-transform:rotate(135deg);
}
article, #topmenu a, #sidemenu {
	border-radius: 3px;
	-moz-border-radius: 3px;
}
a[target="_blank"]:after {
	content:url('/pics/new-window.gif'); padding-left:5px;
}