/* CSS for RUSE76.com
all content copyright of Mike Fraser 2009
*/

html,body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  width: 800px;
  height: 100%;
  margin: auto;
}
p, label {
  font-size: 13px;
  line-height: 14px;
  color: #000;
  font-weight: bold;
}
h1 {
  font-family: Futura, "Century Gothic", "Arial Black", Arial, sans-serif;
  text-transform: uppercase;
  color: #000;
  font-size: 23px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
h2 {
  font-family: Futura, "Century Gothic", "Arial Black", Arial, sans-serif;
  text-transform: uppercase;
  color: #000;
  font-size: 16px;
  margin: 0;
  padding: 0;
  font-weight: bold;
}
h3 {
  font-family: "Arial Black", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #000;
  font-size: 14px;
  margin: 0;
  padding: 0;
  font-weight: bold;
}
a {
  outline: none;
  color: #000;
  text-decoration: none;
}
a:hover {
  color: #666;
}


/* Repeated styles*/
 
a.imgflip {
  display: block;
}
a.imgflip img {
  border: none;
  outline: none;
}
a.imgflip:hover img {
  display: none;
}
.over {
  color: #666;
}
.Current {
  text-decoration: underline;
}

/* Page styles*/

.wrapper {
  position: absolute;
  top: 50%;
  width: 800px;
  height: 600px;
  margin: -325px 0px 0px 0px;
  background-image: url(images/background.gif);
  background-position: top left;
  background-repeat: no-repeat;
}


.menu {
  position: absolute;
  width: 500px;
  height: 25px;
  top: 150px;
  left: 245px;
  line-height: 25px;
}

.menu ul {
  padding: 0;
  list-style-type: none;
}
.menu li {
  position: relative;
  display: inline;
  float: left;
  padding: 0 6px 0 0;
}
.menu li.mega div {
  display: none;
  position: absolute;
  width: 220px;
  top: 41px;
  left: -65px;
  background-color: #fff;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  z-index: 50;
  padding: 0 10px 10px 10px;
}
.menu li.mega div li {
  display: block;
  float: none;
  padding: 3px 0 0 0;
}
.menu li.mega div li a {
  display: block;
  float: none;
  padding: 3px;
  width: 214px;
  background-color: #ebebeb;
}
.menu li.mega div li a:hover {
  color: #000;
  background-color: #bababa;
}


.content {
  position: absolute;
  width: 580px;
  height: 345px;
  top: 205px;
  left: 165px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.content ul.thumblist {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.content .post {
  display: block;
  width: 135px;
  height: 101px;
  float: left;
  background-color: #666;
  margin: 10px 5px 0 5px;
}
.content .post div {
  position: relative;
  width: 135px;
  height: 101px;
}
.post div a {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 135px;
  height: 101px;
}
.post div a.img {
  z-index: 5;
}
.post div a.img img {
  border: none;
  outline: none;
}
.post div a.img:hover {
  z-index: -1;
}
.post div a.text {
  z-index: 4;
  color: #fff;
  background-color: #000;
}
.post div a.text:hover {
  z-index: 10;
  width: 115px;
  height: 81px;
  padding: 10px;
}
.post .postdate {
  font-size: 11px;
  line-height: 13px;
  color: #ddd;
  font-weight: normal;
}

li.navigation {
position: absolute;
bottom: -40px;
width: 580px;
height: 30px;
}
li.navigation div {
  position: absolute;
  width: 100px;
  top: 0px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  background-repeat: no-repeat;
}
li.navigation .next {
  right: 0px;
  text-align: right;
  padding-right: 35px;
  background-image: url(images/arrowRight.gif);
  background-position: center right;
}
li.navigation .prev {
  left: 0px;
  text-align: left;
  padding-left: 35px;
  background-image: url(images/arrowLeft.gif);
  background-position: center left;
}

.pagePost {}
.pagePost .postDate {
  text-align: right;
  padding: 10px;
}

/* Contact Form */

.contactform {
padding: 10px 30px 0 30px;
}
.contactform .formLeft {
float: left;
width: 250px;
}
.contactform .formRight {
overflow: hidden;
width: 250px;
}
#contactsubmit {
margin: 10px 0 0 140px;
}