/* Main CSS document for ADnD Downloads */

body {
  background-color: #b6b6b6;
  text-align: center;
  margin: 0px;
}

/*** TABLES *******************************************************************/

#stayInside {
  text-align: center;
  width: 998px;
  border-collapse: collapse;
  background-color: transparent;
  margin: 0px;
}

#headerTable {
  text-align: center;
  width: 998px;
  border-collapse: collapse;
  background-color: transparent;
  margin: 0px;
}

#langbarTable {
  text-align: center;
  width: 998px;
  height: 41px;
  border-collapse: collapse;
  background-color: transparent;
  margin: 0px;
}

#mainContentTable {
  text-align: center;
  width: 998px;
  border-collapse: collapse;
  background-color: transparent;
  margin: 0px;
}

table.leftMenuTable {
  text-align: left;
  width: 204px;
  border-collapse: collapse;
  background-color: transparent;
  margin: 10px 0px 0px 4px;
}

table.rightMenuTable {
  text-align: left;
  width: 172px;
  border-collapse: collapse;
  background-color: transparent;
  margin: 10px 2px 0px 0px;
}

table.formTable {
  border-width: 1px;
  border-style: solid;
  border-color: #2a3338;
  background-color: transparent;
  margin: 6px 0px 5px 5px;
}

table.formTable td {   
  background-color: #38454c;
}

#headerTd {
  width: 998px;
  height: 271px;
  vertical-align: top;
  background-color: transparent;
  padding: 0px;
}

#linesTopTd {
  width: 998px;
  height: 33px;
  vertical-align: top;
  background-image: url(../images/lines_top.jpg);
  padding: 0px;
}

#linesLeftTd {
  width: 17px;
  height: 101px;
  vertical-align: top;
  background-image: url(../images/lines_left.jpg);
  padding: 0px;
}

#linesBannerTd {
  width: 733px;
  height: 101px;
  vertical-align: top;
  background-color: transparent;
  padding: 0px;
}

#linesCenterTd {
  width: 13px;
  height: 101px;
  vertical-align: top;
  background-image: url(../images/lines_center.jpg);
  padding: 0px;
}

#linesButtonTd {
  width: 215px;
  height: 101px;
  vertical-align: top;
  background-color: transparent;
  padding: 0px;
}

#linesRightTd {
  width: 20px;
  height: 101px;
  vertical-align: top;
  background-image: url(../images/lines_right.jpg);
  padding: 0px;
}

#linesBottomTd {
  width: 998px;
  height: 21px;
  vertical-align: top;
  background-image: url(../images/lines_bottom.jpg);
  padding: 0px;
}

#langbarLeftTd {
  width: 16px;
  height: 41px;
  vertical-align: top;
  background-image: url(../images/langbar_left.jpg);
  padding: 0px;
}

#langbarFlagsTd {
  width: 141px;
  height: 41px;
  vertical-align: top;
  background-color: transparent;
  padding: 0px;
}

#langbarTopMenuTd {
  width: 821px;
  height: 41px;
  vertical-align: middle;
  background-image: url(../images/langbar_files.jpg);
  padding: 0px;
}

#langbarRightTd {
  width: 20px;
  height: 41px;
  vertical-align: top;
  background-image: url(../images/langbar_right.jpg);
  padding: 0px;
}

#leftMenuTd {
  width: 211px;
  vertical-align: top;
  background-color: transparent;
  padding: 0px;
}

#mainContentTd {
  width: 613px;
  vertical-align: top;
  background-color: transparent;
  padding: 0px;
}

#rightMenuTd {
  width: 174px;
  vertical-align: top;
  background-color: transparent;
  padding: 0px;
}

td.menuTopHeaderTd {
  width: 204px;
  height: 39px;
  vertical-align: top;
  background-image: url(../images/menu_top_header.jpg);
  padding: 0px;
}

td.menuEmptyTd {
  width: 7px;
  vertical-align: top;
  background-color: transparent;
  padding: 0px;
}

td.mainMenuTd {
  width: 183px;
  vertical-align: top;
  background-image: url(../images/menu_background.jpg);
  padding: 0px;
}

td.menuShadowTd {
  width: 14px;
  vertical-align: top;
  background-image: url(../images/menu_right_shadow.jpg);
  padding: 0px;
}

td.menuHeaderTd {
  width: 204px;
  height: 39px;
  vertical-align: top;
  background-image: url(../images/menu_header.jpg);
  padding: 0px;
}

td.menuBottomTd {
  width: 204px;
  height: 39px;
  vertical-align: top;
  background-image: url(../images/menu_bottom.jpg);
  padding: 0px;
}

td.storeTopHeaderTd {
  width: 172px;
  height: 39px;
  vertical-align: top;
  background-image: url(../images/store_top_header.jpg);
  padding: 0px;
}

td.mainStoreTd {
  width: 151px;
  vertical-align: top;
  background-image: url(../images/store_background.jpg);
  padding: 0px;
}

td.storeShadowTd {
  width: 14px;
  vertical-align: top;
  background-image: url(../images/menu_right_shadow.jpg);
  padding: 0px;
}

td.storeHeaderTd {
  width: 172px;
  height: 39px;
  vertical-align: top;
  background-image: url(../images/store_header.jpg);
  padding: 0px;
}

td.storeBottomTd {
  width: 172px;
  height: 39px;
  vertical-align: top;
  background-image: url(../images/store_bottom.jpg);
  padding: 0px;
}

#newsTd {
  width: 330px;
  vertical-align: top;
  background-color: transparent;
  padding: 0px;
}

#advertOnMainTd {
  width: 283px;
  vertical-align: top;
  background-color: transparent;
  padding: 0px;
}

#fullCenterTd {
  width: 613px;
  vertical-align: top;
  background-color: transparent;
  padding: 0px;
}

/*** DIVS**********************************************************************/

#bigDiv {
  position: relative;
  border-style: solid;
  border-width: 1px;
  border-color: #0d1622;
  width: 998px;
  background-color: #46555e;
  margin-left: auto;
  margin-right: auto;
}

div.singleNewsDiv {
  position: relative;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  width: 325px;
  background-color: #272f34;
  margin: 10px 0px 0px 5px;
}

div.advertOnMainDiv {
  position: relative;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  width: 265px;
  background-color: #272f34;
  margin: 10px 10px 0px 8px;
}

div.store {
  position: relative;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  width: 585px;
  min-height: 176px;
  background-color: #272f34;
  margin: 10px 0px 0px 5px;
}

div.chitika {
  position: relative;
  float: right;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  width: 250px;
  min-height: 176px;
  background-color: #272f34;
  margin: 10px 0px 0px 5px;
}

/* Prevents the Amazon pop-up to out of range */
div.n2Pop {
  margin-right: 200px;
}

/*** IMAGES *******************************************************************/

img {
  border: none;
}

#headerImage {
  width: 998px;
  height: 271px;
}

#dragsBreathImage {
  width: 212px;
  height: 90px;
  margin: 5px 0px 0px 0px;
}

img.flag {
  width: 70px;
  height: 41px;
  margin: 0px;
}

img.generalIcon {
  width: 64px;
  height: 64px;
  float: right;
  margin: 8px 5px 0px 5px;
}

img.langIcon {
  width: 16px;
  height: 11px;
  float: left;
  margin: 0px 3px 0px 0px;
}

img.filetypeIcon {
  width: 16px;
  height: 16px;
  float: left;
  margin: 0px 12px 0px 3px;
}

img.storeItem {
  float: left;
  margin: 7px 10px 5px 5px;
}

img.captcha {
  width: 250px;
  height: 60px;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  margin: 0px 0px 0px 0px;
}

/*** PARAGRAPHS ***************************************************************/

p {
  font-family: arial, DejaVu Sans, verdana, helvetica;
  font-size: small;
  color: white;
}

h1 {
  font-family: arial, DejaVu Sans, verdana, helvetica;
}

h2 {
  font-family: arial, DejaVu Sans, verdana, helvetica;
}

#googleBannerP {
  text-align: left;
  margin: 5px 0px 0px 2px;
}

#linesTopP {
  text-align: left;
  margin: 0px 0px 0px 20px;
}

h1.menuHeader {
  text-align: left;
  font-size: 0.8em;
  font-variant: small-caps;
  color: white;
  margin: 6px 0px 0px 20px;
}

h1.newsTitle {
  text-align: left;
  font-size: 0.8em;
  color: #bacbd9;
  margin: 5px 0px 2px 5px;
}

h1.advertOnMainTitle {
  text-align: left;
  font-size: 0.8em;
  color: #bacbd9;
  margin: 5px 0px 5px 5px;
}

h1.pageTitle {
  text-align: left;
  font-size: 1.0em;
  color: #e9e9e9;
  margin: 15px 0px 7px 5px;
}

h2.pageSubTitle {
  text-align: left;
  font-size: 0.9em;
  color: #e9e9e9;
  margin: 20px 0px 7px 5px;
}

h1.storeObject {
  text-align: left;
  font-size: 0.8em;
  color: #bacbd9;
  margin: 5px 0px 8px 5px;
}

p.menuItems {
  text-align: left;
  margin: 0px 0px 8px 12px;
}

p.exchangeImages {
  display: inline-block;
  float: left;
  margin: 0px 12px 4px 9px;
}

p.topMenu {
  display: inline-block;
  float: right;
  margin: 0px 12px 4px 0px;
}

p.storeItems {
  text-align: center;
  margin: 0px 0px 8px 4px;
}

p.newsDate {
  text-align: justify;
  font-style: italic;
  margin: 0px 0px 5px 5px;
}

p.newsText {
  text-align: justify;
  margin: 0px 5px 5px 5px;
}

p.newsText a {
  color: #efd37c;
}

p.newsText a:hover {
  color: #ba985e;
}

p.pageText {
  text-align: justify;
  color: #d4d4d5;
  margin: 0px 12px 5px 5px;
}

p.pageText a {
  color: #efd37c;
}

p.pageText a:hover {
  color: #ba985e;
}

p.downloadable {
  text-align: left;
  color: #d4d4d5;
  margin: 0px 12px 4px 15px;
}

p.downloadable a {
  color: #efd37c;
}

p.downloadable a:hover {
  color: #ba985e;
}

p.singleSpell {
  text-align: left;
  margin: 2px 0px 4px 5px;
}

p.miniGoogle {
  text-align: left;
  margin: 15px 0px 2px 15px;
}

table.formTable p {
  text-align: left;
  padding: 2px 2px 2px 2px;
  margin: 0px;
}

#copyrightP {
  text-align: center;
  color: #0d1622;
  margin: 10px 0px 10px 0px;
}

/*** LINKS ********************************************************************/

a {
  text-decoration: none;
}

a:hover {
  outline: none;
}

a:active {
  outline: none;
}

a.orangeBlue {
  color: #933f03;
}

a.orangeBlue:hover {
  color: #0d1622;
}

a.brownGray {
  color: #d7ac63;
}

a.brownGray:hover {
  color: #e1ddd6;
}

a.creamBrown {
  color: #efd37c;
}

a.creamBrown:hover {
  color: #ba985e;
}

