* {
	margin:0;
	padding:0;
}

html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 100%;
	margin-bottom: 1px;
}

body {
	background:rgb(34, 34, 34) url("../images/bg-top.png") repeat-x top center;
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family:Verdana,Helvetica,Arial,sans-serif;
	color:#536482;
	font-size:12px;
	margin:0;
	text-align:justify;
}

h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-right: 200px;
	color: #FFFFFF;
	margin-top: 15px;
	font-weight: bold;
	font-size: 2em;
}

h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #3f3f3f;
	font-size: 2em;
	margin: 0.8em 0 0.2em 0;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 3px;
	padding-bottom: 2px;
	font-size: 1.05em;
	color: #989898;
	margin-top: 20px;
}

h4 {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
	font-size: 1.3em;
}

img {
	border-width: 0;
}

img.centering {
	display:block;
	margin:auto;
	margin-bottom:10px;
}

hr {
	border:0 none #FFFFFF;
	border-top:1px solid #CCCCCC;
	height:1px;
	display:block;
	clear:both;
}

.bold {
  font-weight:bold;
}
.italic {
  font-style:italic;
}

/* Misc layout styles
---------------------------------------- */
/* column[1-2] styles are containers for two column layouts 
   Also see tweaks.css */
.column1 {
	float: left;
	clear: left;
	width: 49%;
}

.column2 {
	float: right;
	clear: right;
	width: 49%;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* Page */
#page-wrapper {
  display:block;
  margin:auto;
  width:900px;
  margin-top:10px;
  margin-bottom:10px;
}

#banner {
  background:url('../images/banner.png') no-repeat 0 0;
  width:900px;
  height:104px;
}

#page-container-top {
  display:block;
  background:url('../images/page-container-top.png') no-repeat 0 0;
  width:900px;
  height:21px;
}
#page-container {
  display:block;
  background:url('../images/page-container-center.png') repeat-y 0 0;
  width:900px;
}
#page-container-content {
  display:block;
  position:relative;
  left:9px;
  margin:0px;
  width:882px;
}
#page-container-bottom {
  display:block;
  background:url('../images/page-container-bottom.png') no-repeat 0 0;
  width:900px;
  height:29px;
}

/* Navigation */
#navigation_site {
  position:relative;
  display:block;
  left:0px;
  width:900px;
  height:30px;
}
#navigation_site_left {
  position:absolute;
  width:15px;
  height:30px;
  background-image:url('../images/navigation_bg_left.png');
  background-size:15px 30px;
}
#navigation_site_center {
  position:absolute;
  left:15px;
  width:872px;
  height:30px;
  background-image:url('../images/navigation_bg_center.png');
  background-size:1px 30px;
}
#navigation_site_right {
  position:absolute;
  right:0px;
  width:15px;
  height:30px;
  background-image:url('../images/navigation_bg_right.png');
  background-size:15px 30px;
}
#navigation_site span {
  float:left;
  /*background-color:red;*/
  margin-top:2px;
  height:20px;
  padding-top:5px;
  padding-left:30px;
  padding-right:10px;
  background-repeat:no-repeat;
  background-image:url('../images/navigation_site_separator.png');
  background-size: 15px 26px;
}

#navigation_site a {
  text-decoration:none;
  color:black;
}
#navigation_site a:hover {
  text-decoration:none;
  color:black;
}
#navigation_site a:visited {
  text-decoration:none;
  color:black;
}

#navbar {
  margin:0px;
  padding:0px;
  height:24px;
  background:url('../images/navitem.png') repeat-x 0 0;
}

#navbar a {
  color:inherit;
  text-decoration:none;
}
#navbar a:visited {
  text-decoration:none;
}

#navbar li {
  float:left;
  list-style-type:none;
  padding:4px 20px 4px 20px;
}
.navitem {
  color:black;
}
.navitem_selected {
  color:white;
  background:url('../images/navitem-selected.png');
}

/* flags */

#navbar ul.flags {
  float:right;
}
#navbar ul.flags li {
  padding:0px;
  height:24px;
}
#navbar ul.flags li.flag-selected {
  background:url('../images/navitem-selected.png');
}
#navbar ul.flags img {
  margin:4px 8px 4px 8px;
  height:16px;
}

/* Main */

#main {
  clear:both;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	text-align:justify;
  padding:0px 25px 0px 25px;
}

#main h1 {
	margin:0px;
	margin-bottom:15px;
	text-align:center;
	/*color: #d21a4e;*/
  color:rgb(128,0,64);
}

#main h3 {
  width:inherit;
}

#main p {
	text-indent:1.5em;
  max-width:700px;
}

#main ul {
  margin:0px;
  padding:inherit;
  max-width:700px;
}

#main form {
  max-width:700px;
}

#main ul + p {
  margin-top:1em;
}

#main p + p {
  margin-top:1em;
}

/* Footer */
#validator {
	width:900px;
	margin:0px 0px 10px 0px;
}

#page-footer {
	clear:both;
	margin:auto;
	text-align:center;
}

/* Utils */
.link-arrow {
	padding-right: 20px;
	background-image: url("../images/link.png");
	background-repeat: no-repeat;
	background-position: right;
}

.link {
	padding-right: 20px;
	background-image: url("../images/link.png");
	background-repeat: no-repeat;
	background-position: right;
  text-decoration:none;
  color:inherit;
}

.dotted {
  text-decoration:none;
  border-bottom:1px dotted;
  color:inherit;
}

.footnote {
  font-size:smaller;
  text-align:left;
}

.warning {
	background-color:rgb(255, 255, 102);
	border-style:solid;
	border-width:3px;
	border-color:orange;
	color:black;
	padding:5px;
}

.definition {
	color:green;
	border-bottom: 1px double;
	line-height: 1.7em;
}

/* article */
#main .article {
  float:left;
  max-width:340px;
  margin:0px 40px 40px 0px;
  min-height:12em;
  height:20em;
}
#main .article > img {
  float:left;
  max-width:96px;
  max-height:64px;
  margin:0px 1em 0px 0px;
}
#main .article > p {
  text-indent:0px;
}

.superscript {
  color:rgb(0, 128,255);
  font-size:smaller;
  vertical-align:top;
}

.changelog h2 {
  margin-top:1em;
  font-size:1.2em;
}

.changelog h3 {
  font-size:1.1em;
  text-decoration:none;
  text-transform:inherit;
	font-family:inherit;
	font-weight:bold;
	text-transform:inherit;
	border-bottom:inherit;
	margin-bottom:inherit;
	padding-bottom:inherit;
	color:inherit;
	margin-top:inherit;
}

.changelog li {
  margin-left:25px;
}

dl.faq dt {
  margin-top:2em;
  font-weight:bold;
}

dl.faq dd {
  /*font-style:italic;*/
  margin-top:.25em;
}