
*{
 margin:0;
 padding:0;
 font-family:sans-serif;
}
html{
 height:100%;
}

body{background-image:url(images/bg3.jpg); }

body{
 color:#fff;
 height:100%;
 cursor:default;
 font-size:11px;
 line-height:14px;
 background-color:#000;
 background-position:0 0;
 background-repeat:no-repeat;
}

strong{
 font-weight:bold;
}
em{
 font-style:italic;
}
.underline{
 text-decoration:underline;
}
.clear{
 clear:both;
}
a:link,a:visited{}
a:hover,a:focus{
 text-decoration:none;
}
object,embed{
 outline:none;
}

div#container{
 width:1000px;
}

 div#container div#header{}
  div#container div#header p.welcome{
   top:0;
   left:246px;
   font-size:11px;
   line-height:17px;
   padding:0 16px 0 0;
   position:absolute;
   text-transform:uppercase;
   background:url(images/welcome.png) 115px 0 no-repeat;
  }
  div#container div#header div#wlcm_exp{
   top:0;
   width:1000px;
   overflow:hidden;
   background:#000;
   position:absolute;
   border-right:2px solid #222;
   border-bottom:2px solid #222;
  }
  div#container div#header div#wlcm_scroll{
   top:3px;
   width:6px;
   overflow:hidden;
   position:absolute;
  }
   div#container div#header div#wlcm_scroll div{
    top:0;
    width:4px;
    display:none;
    cursor:pointer;
    overflow:hidden;
    background:#fff;
    position:absolute;
   }
   div#container div#header p.welcome span.ji{
    margin:0 8px 0 6px;
   }
a#wlcm_open{
 top:0;
 width:8px;
 z-index:10;
 height:17px;
 line-height:17px;
 position:absolute;
 text-indent:-9999px;
 background:url(images/arr.png) 0 0 no-repeat;
}
a#wlcm_open.up{
 background-position:0 -17px;
}
a#wlcm_open:hover{
 background-position:-12px 0;
}
a#wlcm_open.up:hover{
 background-position:-12px -17px;
}
  div#container div#header h1{
   top:150px;
   left:180px;
   display:block;
   position:absolute;
  }
   div#container div#header h1 a{
    float:left;
    width:400px;
    height:50px;
    text-indent:-9999px;
   }
  div#container div#header a#game{
   top:25px;
   left:719px;
   width:55px;
   height:45px;
   display:block;
   position:absolute;
   text-indent:-9999px;
  }

 div#container div#nav{
  float:right;
 }
  div#container div#nav ul{
   list-style-type:none;
  }
   div#container div#nav ul li{
    float:left;
    margin:0 0 0 5px;
   }
    div#container div#nav ul li a{
     color:#fff;
     width:91px;
     height:32px;
     display:block;
     font-size:10pt;
     font-weight:bold;
     line-height:28px;
     text-align:center;
     text-decoration:none;
    }
    div#container div#nav ul li a.on{
     background-position:0 -32px;
    }
    div#container div#nav ul li a:hover{
     text-decoration:underline;
    }
 div#container div.hr{
  clear:both;
  height:30px;
  margin:0 10px;
  background:url(images/hr.gif) 0 14px repeat-x;
 }
 
 div#container div#column-left{
  float:left;
  width:675px;
  display:inline;
  margin:310px 0 0 85px;
 }
 div#container div#content{
  clear:both;
  padding:15px 15px 0;
 }

 div#container div.page,
 div#container div.blog{
  margin:10px 0 0 0;
 }
  div#container div.blog p.date{
   float:left;
   width:62px;
   height:52px;
   font-size:14px;
   text-align:center;
   padding:10px 0 0 0;
  }
   div#container div.blog p.date span{
    font-size:20px;
    line-height:28px;
    font-weight:bold;
   }
  div#container div.blog div.blog_small,
  div#container div.blog div.blog_large{
   margin:0 0 0 80px;
  }
   div#container div.page div h2,
   div#container div.blog div h2{
    font-size:26px;
    margin:0 0 15px 0;
    font-weight:normal;
    font-family:"Trebuchet MS",sans-serif;
   }
    div#container div.page div h2 a,
    div#container div.blog div h2 a{
     color:#fff;
     text-decoration:none;
    }
   div#container div.page div div.entry p,
   div#container div.blog div div.entry p{
    margin:10px 0 5px;
   }
    div#container div.page div div.entry a,
    div#container div.blog div div.entry a{
     text-decoration:none;
    }
    div#container div.page div div.entry a:hover,
    div#container div.blog div div.entry a:hover{
     text-decoration:underline;
    }
    div#container div.page div div.entry p img,
    div#container div.blog div div.entry p img{
     border:2px solid;
    }
    div#container div.page div div.entry ul,
    div#container div.blog div div.entry ul,
    div#container div.page div div.entry ol,
    div#container div.blog div div.entry ol{
     margin:10px 20px 25px;
    }
   div#container div.blog div p.tags{
    padding:0 0 10px;
    background:url(images/hr.gif) 2px 100% repeat-x;
   }
   div#container div.page div.hr,
   div#container div.blog div.hr{
    height:20px;
    margin:0 0 0 2px;
   }
   div#container div.blog div p.perma{
    float:left;
    display:inline;
    line-height:20px;
    margin:10px 0 0 0;
    padding:0 0 0 30px;
   }
   div#container div.blog div p.comments{
    float:left;
    display:inline;
    line-height:20px;
    margin:10px 0 0 30px;
   }
    div#container div.blog div p.comments span{
     float:left;
     width:20px;
     font-size:12px;
     font-weight:bold;
     margin:0 10px 0 0;
     text-align:center;
    }
  div#container div.blog h3{
   margin:10px 0;
   font-size:20px;
   font-weight:normal;
   font-family:"Arial Narrow",Arial,sans-serif;
  }
  div#container div.blog div.left{
   float:left;
   width:240px;
  }
  div#container div.blog div.right{
   float:right;
   width:300px;
  }
   div#container div.blog form label{
    clear:both;
    float:left;
    line-height:24px;
    font-weight:bold;
    margin:0 0 15px 0;
   }
    div#container div.blog form label span{
     color:#fff;
    }
    div#container div.blog form .text{
     color:#fff;
     float:right;
     width:170px;
     height:20px;
     font-size:11px;
     line-height:14px;
     margin:0 0 15px 0;
     padding:4px 0 0 4px;
     border:1px solid #444;
     font-family:Tahoma,Arial,sans-serif;
     background:#292929 url(images/text.png) 0 0 repeat-x;
    }
    div#container div.blog form .textfocus{
     border:1px solid #6b6a6a;
     background:#404040 url(images/textfocus.png) 0 0 repeat-x;
    }
    div#container div.blog form textarea.text{
     width:210px;
     height:100px;
     overflow:auto;
     background-image:url(images/textarea.png);
    }
    div#container div.blog form textarea.textfocus{
     border:1px solid #6b6a6a;
     background:#404040 url(images/textareafocus.png) 0 0 repeat-x;
    }
    div#container div.blog form .button{
     float:right;
     cursor:pointer;
    }
    div#container div.blog form p.left{
     clear:both;
     float:left;
     line-height:30px;
    }
     div#container div.blog form p.left label{
      float:none;
      color:#ddd;
     }
     div#container div.blog form p.left input{
      line-height:30px;
      margin:-2px 10px 0 0;
      vertical-align:middle;
     }
    div#container div.blog form div.captcha{
     margin:0 0 10px;
     line-height:50px;
    }
     div#container div.blog form div.captcha img{
      margin:0 12px;
      border:1px solid #444;
      vertical-align:middle;
     }
     div#container div.blog form div.captcha input.text{
      float:none;
      width:92px;
      margin:5px 0;
      vertical-align:middle;
     }
    div#container div.blog form .button{
     border:0;
     color:#fff;
     width:79px;
     float:right;
     height:24px;
     line-height:20px;
     font-weight:bold;
     margin:0 0 15px 0;
     text-align:center;
    }
 div#container div.page_dotrobot{
  padding:0 0 5px 0;
  margin:10px 0 25px 0;
  background:url(images/hr.gif) 4px 99% repeat-x;
 }
  div#container div.page_dotrobot h2{
   font-size:22px; 
  }

    div#container div.blog div.comment p.name{
     font-size:12px;
     font-weight:bold;
     margin:15px 0 0 30px;
    }
     div#container div.blog div.comment p.name a{
      text-decoration:none;
     }
     div#container div.blog div.comment p.name a span{
      background:#000;
      visibility:hidden;
     }
     div#container div.blog div.comment p.name a:hover span{
      visibility:visible;
     }
    div#container div.blog div.comment p.time{
     color:#797979;
     margin:5px 0 10px 30px;
    }
    div#container div.blog div.comment p.text{
     font-size:11px;
     margin:0 0 10px 0;
    }
   div#container div.blog div.comment_jason{
    background:url(images/comment_jason.png) 4px 0 no-repeat !important;
   }

 div#content div.pagination{
  margin:20px 10px 0 80px;
  font-size:12px;
 }
  div#content div.pagination a{
   text-decoration:none;
  }
  div#content div.pagination a:hover{
   text-decoration:underline;
  }
  div#content div.pagination div.left{
   float:left;
  }
  div#content div.pagination div.right{
   float:right;
  }

 div#container div#column-right{
  float:right;
  width:230px;
  display:inline;
  margin:300px -2px 0 0;
 }
  div#container div#column-right h3{
   font-size:20px;
   margin:0 0 0 20px;
   font-weight:normal;
   text-transform:uppercase;
   font-family:"Arial Narrow",Arial,sans-serif;
  }
  div#container div#column-right form{
   line-height:22px;
   margin:10px 0 0 15px;
  }
   div#container div#column-right form .text{
    border:0;
    color:#fff;
    width:166px;
    height:22px;
    font-size:11px;
    padding:3px 0 0 10px;
    vertical-align:middle;
    background:url(images/search-text.gif) 0 0 no-repeat;
   }
   div#container div#column-right>form .text{
    background:url(images/search-text.png) 0 0 no-repeat;
   }
   div#container div#column-right form .button{
    border:0;
    padding:0;
    width:21px;
    height:21px;
    cursor:pointer;
    line-height:20px;
    margin:-4px 0 0 0;
    text-indent:-9999px;
    vertical-align:middle;
   }
  div#container div#column-right ul{
   margin:5px 0 0 0;
   list-style-type:none;
  }
   div#container div#column-right ul li{
   }
    div#container div#column-right ul li a{overflow:hidden;
     color:#fff;
     height:26px;
     display:block;
     line-height:26px;
     text-decoration:none;
     padding:0 20px 0 40px;
    }
    div#container div#column-right ul li a:hover{
     text-decoration:none;
     background-position:0 -26px;
    }
    div#container div#column-right ul li a:hover span{
     color:#000;
    }
  div#container div#column-right a.rssnews{
   width:196px;
   height:48px;
   display:block;
   margin:0 0 0 15px;
   text-indent:-9999px;
  }
  div#container p.contact{
   margin:10px 0 10px 22px;
  }
  div#container div#column-right div#tag_cloud{
   line-height:20px;
   margin:0 5px 0 15px;
  }
   div#container div#column-right div#tag_cloud a{
    text-decoration:none;
   }
   div#container div#column-right div#tag_cloud a:hover{
    text-decoration:underline;
   }

 div#container div#colours{
  height:38px;
  font-size:10px;
  line-height:38px;
  margin:0 0 30px 0;
 }
  div#container div#colours p{
   float:left;
   display:inline;
   margin:0 5px 0 20px;
  }
  div#container div#colours a{
   float:left;
   width:16px;
   height:16px;
   display:inline;
   line-height:16px;
   margin:11px 0 0 6px;
   text-indent:-9999px;
   background:url(images/colours.png) 0 0 no-repeat;
  }
  div#container div#colours a#red{background-position:0 0;}
  div#container div#colours a#yellow{background-position:-24px 0;}
  div#container div#colours a#green{background-position:-48px 0;}
  div#container div#colours a#blue{background-position:-72px 0;}
  div#container div#colours a#pink{background-position:-95px 0;}
  div#container div#colours a#red.on{background-position:0 -16px;}
  div#container div#colours a#yellow.on{background-position:-24px -16px;}
  div#container div#colours a#green.on{background-position:-48px -16px;}
  div#container div#colours a#blue.on{background-position:-72px -16px;}
  div#container div#colours a#pink.on{background-position:-95px -16px;}

div#footer{
 clear:both;
 height:71px;
 font-size:11px;
 line-height:71px;
 margin:20px 0 0 0;
 background:url(images/footer-bg.png) 774px 0 repeat-x;
}
 div#footer a{
  color:#fff;
  text-decoration:none;
 }
 div#footer p#fcpy{
  float:left;
  height:71px;
  width:689px;
  display:inline;
  line-height:71px;
  padding:0 0 0 85px;
  background:url(images/footer-start.png) 0 0 repeat-x;
 }
 div#footer p#netd{
  float:left;
  display:inline;
  margin:0 0 0 90px;
 }
  div#footer p#netd a{
   padding:2px 25px 4px 0;
  }

div#game-c{
 top:0;
 left:0;
 z-index:50;
 position:fixed;
}
 div#game-c div{
  background:#000;
  position:absolute;
 }
div#game-flash{
 top:0;
 left:0;
 z-index:150;
 display:none;
 padding:10px;
 position:absolute;
}
 div#game-flash a{
  top:-8px;
  right:-8px;
  width:21px;
  height:21px;
  display:block;
  line-height:21px;
  position:absolute;
  text-indent:-9999px;
 }
 
#faces-flash{
 top:44px;
 left:365px;
 position:absolute;
}
#book-flash{
 top:70px;
 left:695px;
 position:absolute;
}

div#enlarge-c{
 top:0;
 left:0;
 padding:10px;
 display:none;
 background:#fff;
 position:absolute;
}
 div#enlarge-c a{
  top:-8px;
  right:-8px;
  width:21px;
  height:21px;
  display:block;
  line-height:21px;
  position:absolute;
  text-indent:-9999px;
 }
div#enlarge-black{
 top:0;
 left:0;
 position:fixed;
 background:#000;
}

a#nowhere{
 top:230px;
 width:52px;
 left:1100px;
 height:55px;
 display:block;
 position:absolute;
 text-indent:-9999px;
 background:url(images/nowhere.png) 0 0 no-repeat;
}

div#scrolltop{
 top:301px;
 width:22px;
 height:88px;
 display:none;
 position:absolute;
}
 div#scrolltop a{
  border:0;
  width:22px;
  height:88px;
  display:block;
  text-indent:-9999px;
 }
 
 
a,
div#container div.blog form label,
div#container div#column-right ul li span{
 color:#d00000;
}
div#enlarge-c,
div#game-flash{
 background-color:#d00000;
}
div.entry p a img{
 border-color:#d00000;
}

div#container div#nav ul li a{
 background:url(images/nav.png) 0 0 no-repeat;
}
div#container div#column-right form .button{
 background:url(images/search-submit.png) 0 0 no-repeat;
}
div#container div.blog form .button{
 background:url(images/comment-submit.png) 0 0 no-repeat;
}
div#container div.blog div.comment{
 background:url(images/comment.png) 4px 0 no-repeat;
}
div#container div#column-right ul li a{
 background:url(images/right-ul-bg.png) 0 0 no-repeat;
}
div#container div#column-right a.rssnews{
 background:url(images/rss-news-feed.png) 0 0 no-repeat;
}
div#container div.blog p.date{
 background:url(images/date-bg.png) 0 0 no-repeat;
}
div#container div.blog div p.perma{
 background:url(images/perma-bg.gif) 0 0 no-repeat;
}
div#container div.blog div p.comments{
 background:url(images/comments-bg.gif) 0 0 no-repeat;
}
div#scrolltop a{
 background:url(images/goingup.png) 0 0 no-repeat;
}
div#footer p#netd a{
 background:url(images/id-logo.gif) 100% 0 no-repeat;
}
div#enlarge-c a,
div#game-flash a{
 background:url(images/close.png) 0 0 no-repeat;
}

#newnews {margin-bottom:18px;}
