/*------------------------------------------------------------------------------
                       Layout and Positioning
/*----------------------------------------------------------------------------*/

.community-page, .plain-page {
  max-width: 660px;
  margin: 0 auto 0 auto;
  padding: 10px 80px 50px 80px;
}

.max-width {
  margin-bottom: 50px;
}

.body-header {
  margin: 30px 0 8px 0;
}

h2 {
  margin: 15px 0 4px 0;
}

.desc {
  margin: 0 0 0 3%;
  max-width: 670px;
  text-align: justify;
}

.screenshot-left {
  float: left;
  margin: 7px 8px 5px 0;
}

.screenshot-right {
  float: right;
  margin: 7px 0 11px 8px;
}

.columnright {
  width:26%;
  float:left;
  padding-bottom:8px;
}
	
.columncenter {
  width:22%;
  float:left;
  padding-bottom:8px;
  padding-right:6px;
}
	
.columnleft {
  width:30%;
  float:left;
  padding-bottom:8px;
  padding-right:6px;                
}

.callout {
  color: #222211;
  margin: 10px 80px 10px 80px;
  padding: 10px 15px 10px 15px;
  border: 1px dashed #999988;
  background-color: #f3f0e5;
}

/*--------------------------  MyStats Tabs  -----------------------*/
.mystats {
  margin: 5px 0px 5px 22px;
  height: 28px;
}

.mystats a div,
.mystats a:link div,
.mystats a:visited div,
.mystats a:hover div {
  float: left;
  background-position: 0% 0%;
  min-width: 50px;
  height: 28px;
  background-repeat: no-repeat;
  background-image:none;
  cursor: pointer;
}

.mystats a:hover div {
  background-position: 0% 100%;
}

/*------------------------------------------------------------------------------
                         Styles and Color 
/*----------------------------------------------------------------------------*/

body {
  background: url(/images/prospector-help/background.png) 50% 100px no-repeat;
  
}

.community-page, .plain-page {
  background-color: white;
}

.community-page a,
.community-page a:link,
.community-page a:visited,
.community-page a:hover {
  color: #555533;
  text-decoration: underline;
}

.community-page a:hover {
  text-decoration: none;
}

.body-header, h2 {
  color: #476A47;
  font-size: 18px;
  font-weight: 900;
}

.body-header, h1 {
  color: #476A47;
  font-size: 20px;
  font-weight: 900;
}

.body-header, h3 {
  color: #476A47;
  font-size: 16px;
  font-weight: 900;
}

ul {
  margin-top: 5px;
}

ul li {
  margin-left: 20px;
}

.max-width a,
.max-width a:link,
.max-width a:visited,
.max-width a:hover {
   color: #6F2518;
   text-decoration: underline;
}

.max-width a:hover {
   text-decoration: none;
}