body { background-color : #57646c ; text-align:center ; font-family : Tahoma, Verdana, Arial, sans-serif ; font-size : 8pt; }
img { border : 0 ; }
a { text-decoration : none ; color : #3f9ad5 ; }
a.navitem { color : black ; }
a.homelink, a.send { font-family : Tahoma, Verdana, Arial, sans-serif ; font-weight : bold ; font-size : 10pt ; }
a.contactlink { font-family : Tahoma, Verdana, Arial, sans-serif ; font-weight : normal ; font-size : 10pt ; font-style : italic ; }
a:link { color:  #fff  ; border:none ; border-width:0px; }
a:visited { color: #fff ; border:none ; border-width:0px; }
a:hover { color: #fff  ; border:none ; border-width:0px; }
a:active {color : #fff ; border:none ; border-width:0px; }
a.domicasa:link { color:  #b0b0b0  ; }  
a.domicasa:visited { color: #b0b0b0 ; } 
a.domicasa:hover { color: #b0b0b0  ; }   
a.domicasa:active { color: #b0b0b0  ; }
a.games { font-weight : bold ; }
a.ol_links, a.hs_links, a.me_links, a.index, a.interviews, a.books { text-decoration : underline ; }
td { border-collapse : collapse ; }
#outerframe { background-color : #57646c ; position : relative ; width: 100% ; height : 95% ; margin-top : 10px ; padding : 0 ; border : 0 ; } 
#frame { border : 0 ; background-color : #000 ;  position : relative ; width: 900px ; margin-right:auto ; margin-left:auto; margin-top:5px; padding:0px ; padding : 0 ; }
#rpdotcom { position : absolute ; top : 70px ; left : 20px ; } 
#archer { position : absolute ; top: 30px ; right : 60px ; z-index : 100 ; width : 350px ; height : 376px ; }
#lorem { font-family : Georgia; color : #d7d7d7 ; text-align : left ; position  : absolute ; top: 140px ; left : 20px ; width : 400px ; height : 200px ;  }
#contact { font-family : Tahoma, Verdana, Arial, sans-serif ; font-size : 10pt ; position : absolute ; bottom : 60px ; left : 20px ; color : #fff ; }
#home { position : absolute ; bottom : 60px ; left : 20px ; }
.mailto { font-family : Tahoma, Verdana, Arial, sans-serif ;  color : #fff ; font-style : italic ; font-size : 10pt ; text-decoration : underline ; }
#contactcontainer { font-family : Georgia ; font-size : 10pt ; position : absolute ; left : 0px ; top : 140px ;  height : 160px ; width : 880px ; color : #d7d7d7 ; }
#contactheader {position : absolute ; top : 0 ; left : 20px ; text-align : left ; margin-bottom : 20px ; }
#name, #email, #phone { width : 100px ; float : left ;  }
#nameinput,  #emailinput, #phoneinput { float : right ; }
#message { position  : absolute ; top : 57px ; left : 350px ; }
#messagetextarea { position : absolute ; top  : 55px ; left : 420px ; background-color : #d7d7d7 !important ; }
#send { position : absolute ; top  : 140px ; left : 820px ;  font-weight : bold ; font-size : 12pt ; color : #d7d7d7 ; }

.emailinput { background-color : #d7d7d7 !important ; font-family : Tahoma, Verdana, Arial, sans-serif ; font-size : 8pt; color : #000000 ; width : 300px ; height : 20px ; border : 0 ;  padding : 4px 10px  ;  font-weight : bold ;  }
.messagetextarea { background-color : #d7d7d7 !important ; font-family :   Tahoma, Verdana, Arial, sans-serif ; font-size : 8pt; color : #000 ; width : 300px ; height : 101px ; border : 0 ;  padding : 4px 10px ; font-weight : bold ; overflow : auto ; }

.more { position : absolute ; right : 0px ; top : 145px ; font-size : 6pt ; font-weight : bold ; display : none ; }
.dot { position : absolute ; background-image: url( '../statics/dot.gif' ) ; background-repeat: repeat; width : 3px ; height : 150px ; }
.slant { position : absolute ; background-image: url( '../statics/slant.gif') ; background-repeat: repeat; width : 5px ; height : 150px ; } 

#domicasa { right : 2px ; font-size : 8pt ; bottom : -15px ; }
.nav { height : 20px ; font-size : 8pt ; font-weight : bold ;}
.innernav { padding-left : 20px ; height : 20px ; font-size : 8pt ; font-weight : normal ;  }

#ol_logo { background-image : url('../statics/games/ol_logo.jpg') ; width : 300px ; height : 90px ; float : left ; clear : left ; margin-right : 20px ; } 
#ol_pkhead { background-image : url('../statics/games/pumpkinhead.jpg') ; width : 300px ; height : 169px ; float : right ; clear : right ; margin-top : 150px ; }

#ol_clearpad { clear : both ; padding-top : 15px; }
#ol_text1 {  float : left ; width : 70% ;  }
#ol_2 {  float : right ; width : 30% ;}
#ol_text2 { float : right ; width : 85% ; }
#rose {  float : left ; width : 15% ; }
.ol_links { float : left ;  padding : 0 10px 0 0 ; }
#ol_text3 { float : left ; width : 80% ; padding : 0 5px 10px 0 ; }
#velvet { float : right ; width : 15% ; }
#minions { float : left ; width : 20% ;}
#ol_text4 { float : right ; width : 80% ; padding : 0 0 5px 0 ; }
#ol_text5 {  }
.game_reviewer { font-family : Arial ; font-style : italic ; }

#copyright { position : absolute ; bottom : 5px ; left : 230px ; width : 500px; font-size : 8pt ; }

#hs_logo { padding : 0 0 10px 0 ; }
#hs_clearpad { clear : both ; padding-top : 15px; }
#hs_text1 {  float : left ; width : 100% ; }
#hs_2 {  float : right ; width : 20% ;}
#hs_text2 { float : left ; width : 80% ; padding : 0 0 10px 0 ; }
.hs_links { float : left ;  clear : left ; padding : 0 10px 0 0 ; }
#roach {  float : left ; width : 25% ; padding-top  : 5px ;  }
#hs_text3 { float : right ; width : 75% ; padding : 0 0 10px 0 ; }
#desert { float : right ; width : 30% ;  }
#kai { float : right ; width : 30% ; padding : 10px 0 0 0 ;}
#hs_text4 { float : left ; width : 65% ; padding : 0 0 5px 0 ; }
#hs_text5 {  }
.game_reviewer { font-weight : bold ; }

#bannerimgleft { position : absolute ; left : 30px ; top : 20px; }
#bannerimgmiddle{  position : absolute; left : 225px ; top : 60px ; }
#bannertext { position : absolute ; left : 225px ; top : 100px ; font-size : 8pt ; font-style: italic; font-family : Georgia ; }
#bannerrecom { padding : 20px ; position : absolute ; right : 10px ; top : 10px ; width : 250px ; height : 100px; font-size : 8pt ; font-style: italic; font-family : Georgia ; }
#bannerrecomtext { font-family : Verdana, Tahoma, Arial, sans-serif ; text-decoration : none; color : white ; }

#newswithpicleft { width : 400px ; float : left ; border : 1px solid green ;  }
#newswithpicpic { width : 150px ; float : right ; border : 1px solid white ; }
#newswithpiclink { width : 400px ; float : left ; clear : both ; border : 1px solid red ;  }

.quote { font-family : Arial ; font-style : italic ; font-size : 10pt; }
.issue { color : white ; font-family : Arial ; font-size : 8pt ; }

#domicasa { color : black ; font-weight : bold ; font-size : 8pt; }

#indextopfirst { float : left ; width : 100px ; height : 150px ; margin : 10px 10px 10px 0; }
#indextopsecond { float : left ; width : 124px ; height : 150px ; margin : 10px ; }
#indexnavone { margin-top : 40px ; }
#indexnavthree { margin : 50px 0 0 10px ; }

/* #indexnavtwo { position : absolute ; top : 600px ; left : 10px ; border : 1px solid green ; width : 220px ; height : 289px ; } */