/* 

STYLE SHEET FOR AUTONOPEDIA
Created by Mikal
www.autonopedia.org

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6...on site sections
*/

/* --------- 1. defaults  --------- */

* {
	margin: 0;
	padding: 0;
	border: 0;
}
html { min-height: 100%; margin-bottom: 1px; }
body { height:100%; }

body {
	font-size: 80%;
	font-size: 0.8em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 0px 0px 10px 0px;
}

/*  --------- 2. structure  --------- */
body#main {
	background: #CEE4A3 url(images/backstripe.jpg) repeat-x fixed;
	color: #000000;
}
body#index {
	background: #CEE4A3 url(images/backstripe.jpg) repeat-x fixed;
	color: #000000;
}
#background2 {
    background: transparent;
}
#container  { 
	background: #fff;
   margin: 10px auto;
   width: 812px;/* ADJUST to suit (can be left out, or a percentage) */
   text-align:left;/* important = IE5 fix */
	position: relative;
	overflow: hidden;
}
* html #container  {
   padding:1px;/* important = IE fix */
}
#header, #wrapper, #footer   {
	border: 1px solid #9ACD32;
}

#menu {
}
div#wrapper {
	border-top: none;
	border-bottom: none;
	background: transparent url(images/sidebar-border.gif) right top repeat-y;
	overflow: hidden;
	clear: both;
}
div#contentwrap {
	float:left;
	width:100%;
	width: 640px;
}
div#sidebar-right {
	float: right;
	width: 170px;
	padding-top: 0px;
}
/* legacy */
#content {
	padding: 0px 20px 10px 20px;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: #ffffff;
}
/* legacy */
.separator {
		clear: both;
		height: 0;
}	
hr {
	margin: 10px;
}
.left {
	float: left;
}
.right {
	float: right;
}
.floatleft {
	float: left;
	margin-right: 10px;
}
.floatleft40 {
	float: left;
	margin-right: 10px;
	width: 40%;
}
.floatright {
	float: right;
	margin-left: 10px;
}

.clear {
	clear: both;
}
/* HEADER CONTENT
----------------------------------------------------------------*/

#header {
	border: 1px solid #9ACD32;
	border-bottom: 4px solid #9ACD32;
	background:  #ffffff  url(images/autonopedia.gif) no-repeat;
	padding: 4px 0px 0px 0px; /* adjust to suit */
	display: block;
	position: relative;
	height: 95px;
	overflow: hidden;
}
* html #header {
	zheight: 104px;
}
*:first-child+html #header {
	zheight: 108px;
}
#header .logo {
	margin: 0px 0px 0px 0px;
	position: absolute;
	left: 0px;
	top: 4px;
}
.login {
	position: absolute;
	top: 18px;
	right: 15px;
	border: 1px solid #9ACD32;
	padding: 4px 0px;
}
.login a {
	padding: 0px;
}
.search {
	zfloat: right;
	margin: 16px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.mastheadsub p { 
	text-align: center;
	clear: both;
	font-size: 165%;
	color: #7C7D79;
	font-weight: bold;
	font-family: "Courier New", Courier, monospace;
	margin-bottom: 4px;
	position: absolute;
	top: 50px;
	left: 0px;
	display: block;
	width: 100%;
}
#sitename { 
	visibility: hidden;
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	outline: none;
}
#header h1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 250%;
   margin: 0 20px;
}
#header h1 a {
	color: #696969;
	text-decoration: none;
}
#header h1 a:hover {
	border: none;
	text-decoration: none;
}
#sidebar-right {
	overflow: hidden;
} 
#sidebar-right .block  {
	margin: 0px;
	padding-right: 3px;
	padding-left: 6px;
}
#sidebar-right .block-menu  {
	display: block;
	background-color: #9ACD32;
	padding-top: 0px;
}
/* ---------- 3. links and navigation ---------- */
a:link    {
	color: #638126;
	text-decoration: none;
}
a:visited {
	color: #7EA72C;
	text-decoration: none;
}
a:hover   {
	color: #67D000;
	text-decoration: underline;
}
a:active  { 
	color: #FF0000
}
#footer a:link    {
	color: #FDFFFB;
	text-decoration: none;
}
#footer a:visited {
	color: #FDFFFB;
	text-decoration: none;
}
#footer a:hover {
	color: #FDFFFB;
	text-decoration: underline;
}
.nav {
	margin: 5px 0px 5px 10px;
	font-weight: bold;
	font-size: 120%;
	border: 1px solid #9ACD32;
	padding: 5px 0px;
	text-align: left;
	background-color: #ffffff;
}
.index {
	zfont-size: 110%;
	margin: 0px auto 10px auto;
	width: 23em;
	border: 1px solid #9ACD32;
	padding: 5px 0px 10px 0px;
}
.home {
	background-color: #FFFFFF;
	margin: 10px auto 5px auto;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #9ACD32;
	text-align: center;
	font-family: "Courier New", Courier, monospace;
	width: 23em;
} 
.back {
	background-color: #efefef;
	padding: 0px 5px 0px 0px;
	text-align: left;
}
.breadcrumb {
	font-size: 125%;
	margin: 5px 20px;
	color: #638126;
	font-family: "Courier New", Courier, monospace;
}
.breadcrumb strong {
	font-size: 130%;
	font-weight: normal;
}
.breadcrumb a:link {
	color: #638126;
	text-decoration: none;
}
.breadcrumb a:visited {
	color: #638126;
	text-decoration: none;
}
.breadcrumb a:hover {
	color: #638126;
	text-decoration: underline;
}
#content div.breadcrumb a:link {
	font-weight: normal;
	color: #638126;
	font-family: "Courier New", Courier, monospace;
}
div.breadcrumb strong {
	font-weight: normal;
	font-family: "Courier New", Courier, monospace;
}
/*-- Primary Links --*/
#primary-links ul.links {
	float: left;
   margin: 0;
   padding: 0;
   list-style: none;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
#primary-links ul.links {
	margin: 0px 0px 0px 0px;
}
#primary-links ul.links li {
	margin: 0px 0px 0px 0px;
   padding: 0;
   display: inline;
   float: left;
	list-style: none;
	position: relative;
}
#primary-links ul.links li a {
	color: #E7FFC3;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	background: transparent url(images/header-tab.gif);
	width: 99px;
	position: relative;
	display: block;
	padding: 0px 0px 3px  0px;
	margin: 0px 0px 0px 2px;
}
#primary-links ul.links li a:visited {
	color: #E7FFC3;
	text-decoration: none;
}
#primary-links ul.links li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	padding-bottom: 7px;
	margin-top: -4px;
	font-weight: bold;
}
#primary-links ul.links li.active {
  
}
#primary-links .links li #page a {
	color: #DDD;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}
#primary-links .links li #page a:hover {
	background: transparent;
	text-decoration: none;
	color: #C3C3C3;
}
.login a {
	margin: 10px;
	font-weight: bold;
	color: #638126;
}
ul.menu {
	margin: 0px 0px 20px 10px;
	padding: 0px;
}
ul.menu li {
	margin: 0.1em 3px 0.1em 10px;
	padding: 0px;
  list-style-type: disc;
}
li.expanded {
  list-style-type: circle;
  list-style-image: url(images/menu-expanded.gif);
  padding: 0;
  margin: 0;
}
li.collapsed {
  list-style-type: disc;
  list-style-image: url(images/menu-collapsed.gif);
  padding: 0;
  margin: 0;
}
li.leaf {
  list-style-type: square;
  list-style-image: url(images/menu-leaf.gif);
  padding: 0;
  margin: 0;
}
#sidebar-right .block-menu  {
	display: block;
	background-color: #9ACD32;
	padding-top: 0px;
	padding-bottom: 1px;
}
#sidebar-right .block-menu a, #sidebar-right .block-menu a:visited {
	color: #ffffff;
	font-weight: bold;
	font-size: 110%;
	display: block;
	border-bottom: 2px solid #B3D66D;
	padding-bottom: 2px;
	text-align: left;
}
#sidebar-right .block-menu  ul li {
	list-style-image: url(images/menu-collapsed.gif);
}
/* ---------- 4. fonts ---------- */
body#index {
	text-align: center;
}
p, ul {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
p.small {
	font-size: 80%;
}
h1, h2, h3, h4, p {
	margin: 0px;
	padding: 0.20em 0px 0.3em 0px;
	line-height: normal;
}
h1  {
	font-family: "Courier New", Courier, monospace;
	font-size: 240%;
	font-weight: bold;
	text-align: center;
}
.header h1 {
	font-family: "Courier New", Courier, monospace;
	font-size: 250%;
}
#index h1 {
	font-size: 250%;
}
h2 {
	font-family: "Courier New", Courier, monospace;
	font-size: 180%;
	font-weight: bold;
	text-align: center;
}
#index h2 {
	font-size: 180%;
}
#sidebar-right .block-menu h2{
	color: Yellow;
	font-size: 170%;
}
h3 {
	font-family: "Courier New", Courier, monospace;
	font-size: 140%;
	font-weight: bold;
}	
#index h3 {
	font-size: 160%;
}
h4 {
	zfont-family: "Courier New", Courier, monospace;
	font-size: 105%;
	font-weight: bold;
}
#index h4 {
	font-family: "Courier New", Courier, monospace;
	text-align: center;
	font-size: 130%;
}
h5 {
}
h6 {
}
#content p {
	word-spacing: 0em;
	text-align: justify;
}
.small {
	font-size: 90%;
}
.caption {
	padding: 0.20em 10px 0.3em 10px;
	font-weight: bold;
	font-style: italic;
	text-align: left;
}
p.caption {
	text-align: left;
}
ul {
	list-style-type: disc;
}
ul {
	margin-left: 25px;
	padding: 0px 0px 0.2em 0px;
	list-style-type: disc;
	text-align: justify;
}
ol {
	margin-left: 25px;
	padding: 0px 0px 0.2em 0px;
	text-align: justify;
}
li {
	margin: 0.4em 15px 0.4em 15px;
	padding: 0px 0px 0.2em 0px;
}
dl {
	padding: 0.5em;
}
#index ul {
	text-align: left;
}
.index li {
	margin: 0.1em 3px 0.1em 15px;
	text-align: left;
}
table {
	border:1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0px auto;
	border-collapse: collapse;
}
table.large {
	font-size: 160%;
	font-family: "Times New Roman", Times, serif;
	width: 100%;
	border-width: 0px;
}
table.large td {
	border-width: 0px;
	text-align: right;
}
table.centered td {
	text-align: center;
}
th {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F5F5F5;
	font-size: 100%;
	font-weight: bold;
	padding: 3px;
	border: 1px solid #CCCCCC;
	vertical-align: top;
}	
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 3px;
	border: 1px solid #CCCCCC;
	vertical-align: top;
}
td p {
	font-size: 100%;
	text-align: left;
}
.big td {
	font-size: 110%;
}
.big td p {
	font-size: 110%;
}
table.layout {
	border: none;
	border: 0;
	border-color: #FFFFFF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
table.layout td {
	border: none;
	border: 0;
	border-color: #FFFFFF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
#noborder table {
	border: 0px;
}
#noborder table td {
	border: 0px;
}
blockquote {
	margin: 0px 25px;
}
pre {
	font-size: 120%;
}
.white {
	color: #ffffff;
}
.center {
	text-align: center;
}
p.center {
	text-align: center;
}
.center p {
	text-align: center;
}
div.center p {
	text-align: center;
}
li.center p {
	text-align: center;
}
#content p.center {
	text-align: center;
}
.red {
	color: #FF0000;
}
ol {
	padding: 0.5em;
}
.style1 {
	font-size: small;
	font-style: italic;
}
div.figcenter {
	margin: 0px auto;
}
div.retrieve {
	font-weight: bold;
	font-style: italic;
	font-size: 90%;
	text-align: center;
	border-top: 1px solid #A9A9A9; 
	margin: 10px 30px;
	padding-top: 10px;
	width: 575px;
	margin-left: auto;
	margin-right: auto;
}
div.credits {
	text-align: left;
	font-size: 90%;
	border-top: 1px solid #A9A9A9; 
	margin: 10px 30px;
	padding-top: 10px;
	width: 575px;
	margin-left: auto;
	margin-right: auto;
}
#content div.credits p {
	text-align: left;
}
div.details {
	font-style: italic;
	text-align: center;
	border-top: 1px solid #A9A9A9; 
	padding-top: 10px;
	width: 575px;
	margin-left: auto;
	margin-right: auto;
}
div.retrieve span.logo {
	font-family: "Courier New", Courier, monospace;
	font-size: 130%;
	font-style: normal;
}
div#sidebar-right .google {
	margin: 20px auto 10px auto;
	width: 120px;
	padding-bottom: 10px;
	height: 600px;
}
.google {
	margin: 0px auto;
	width: 468px;
	padding-bottom: 10px;
	height: 68px;
}
.search {
	margin: 10px auto;
}
.search input {
	border: 1px solid #9ACD32;
}
div.addthis_toolbox {
	margin: 10px 0px 10px 15px;
}
form#payment-form {
	margin: 0px auto;
	width: 260px;
	text-align: center;
}
form#payment-form p {
	text-align: center;
}
input {
	font: 0.88em/1.44em Verdana, sans-serif;
	color: #000000;
	border: 1px solid #9ACD32;
	padding: 3px 0px;
}
#edit-currency-code  {
	font: 0.88em/1.44em Verdana, sans-serif;
	color: #000000;
	border: 1px solid #9ACD32;
	padding: 3px 0px;
}
input#edit-submit.form-submit {
  width: 250px;
  height: 125px;
  border-width: 0px;
}
div.description {
	margin: 0px 0px 8px 0px;
}
div.donate {
	margin: 20px auto;
	height: 42px;
	width: 104px;
	background-image: url(images/donate-button.gif);
}
#sidebar-right .block-menu .donate a:link, #sidebar-right .block-menu .donate a:visited {
	margin: 0px 0px 0px 20px;
	border: 0px;
	padding-top: 10px;
}
div.facebook {
	margin: 20px auto;
	height: 34px;
	width: 90px;
	background-image: url(images/facebook.png);
}
.facebook a:link, .facebook a:visited {
	margin: 0px 0px 0px 0px;
	height: 34px;
	width: 90px;
	border: 0px;
	zpadding: 10px;
	zvertical-align: baseline;
}
sup, sub    {
	line-height: 0;
}
/* ---------- 5. images ---------- */
a img {
		border: 0;
}
img {
	display: block;
	margin: 5px auto;
}	
div.center p {
	text-align: center;
}
td img {
	margin: 5px;
}
img.left {
	margin: 0px 8px 5px 0px;
}
img.right {
	margin: 0px 0px 5px 8px;
}

/* FOOTER CONTENT
----------------------------------------------------------------*/
#footer {
	color: #FFFFFF;
	background: #9ACD32;
	border-top: 0px;
	text-align: center;
	font-size: 90%;
   padding: 2px 20px;
}
#footer p {
	text-align: center;
}

/*--++++++++++++other+++++++++++++--*/		
#errorcode {
	border: 1px solid #9ACD32;
	margin: 40px auto 0px auto;
	padding: 20px;
	width: 600px;
}
#errorcode h1 a {
	color: #99CC33;
	font-family: "Courier New", Courier, monospace;
	font-size: 200%;
	text-decoration: none;
}
#errorcode h1 a:hover  {
	text-decoration: underline;
	color: Blue;
}
.center {
	text-align: center;
}
.center p {
	text-align: center;
}
div.center p {
	text-align: center;
}
p.center {
	text-align: center;
}

/* SITEMAP
----------------------------------------------------------------*/
#sitemap {
	width: 640px;
	margin: 0px auto;
}
#sitemap ul li {
	display: block;
}
#sitemap ul li {
	display: block;
	border: 1px solid #bbbbbb;
}
#sitemap ul li ul li {
	display: block;
	background-color: #F5F5F5; /*#ffffff;#DFEFC3;*/
	border: none;
}
#sitemap ul li ul li ul li {
	display: block;
	background-color: #ffffff;
	border: none;
}
#sitemap ul li ul li ul li ul li {
	display: block;
	background-color: #FFFFFF;
	border: none;
}
#sitemap li {
	padding: 3px;
}