/*
This code is written by Cliff Stanford
Theme Name: MMORPG V.2
Theme URI: http://mmorpg-info.org
Description: Fluid 3 column design with fixed outer columns.
Version: 0.9
Author: Cliff Stanford
Author URI: http://www.may.be/
*/

/***************************************************
 * General, global definitions
 ***************************************************/

* {
    margin : 0px;
    padding : 0px;
}

/* Not IE/Mac (Does anyone still use it? \*/
html, body {
    height : 100%;
}
/* End hack */

body {
    position : relative;
    font-family : "lucida sans unicode", "lucida sans", "lucida grande", sans-serif;
    font-size : 11px;
    color : #c3bebd;
    background-color : rgb(102,151,122);
}

h1, h2, h3 {
    font-family : "trebuchet ms", Arial, Helvetica, sans-serif;
    font-weight : normal;
}    

.post h2 {
    font-size : 24px;
    color : #c3bebd;
    padding-top : 10px;
    position : relative;
}

.post h2 .icon {
    width : 32px;
    height : 32px;
    position : relative;
    bottom : -5px;
}

h4 {
    color : #c3bebd;
    margin-bottom : 0.5em;
    font-size : 11px;
}

a {
    text-decoration : none;
    color : #a18a64;
}

a:hover {
    color : #bea988;
}

img {
    border : 0;
}

cite {
    font-style : normal;
}

/***************************************************
 * Three-column stuff with thanks to Paul O'Brian
 * at www.pmob.co.uk.
 ***************************************************/
#framework {
    position : relative;
    width : 98%;
    margin : 0px auto;
    background-color : #232323;   /* For the right Column */
}

#mcontainer {
    min-height : 100%;
    border-left : 200px solid rgb(102,151,122);	/* Left Column */
    margin-right : 300px;		/* Right Column */
    background-color : #232323;		/* Middle Column */
    min-width : 300px;
}

* html #outer{
    height : 1%; /*IE treats height as min-height anyway*/
}

.wrapper {
    float : left;
    width : 100%;
    padding-top : 160px;    /* Space for the header */
    margin-right : -3px;    /* Prevent overlapping right column */
}

#container {
    float : right;
    width : 100%;
    position : relative;
    margin-left : -1px;
}

#header {
    position : absolute;
    top : 0px;
    left : 0px;
    width : 100%;
    height : 160px;
    background-color : rgb(102,151,122);
}

.mainheader {	    /* keeps the text over the image */
    background-image : url(images/EQ2_Boat.jpg);
    background-position : center top;
    background-repeat : no-repeat;
    overflow : hidden;
    color : white;
    padding-top : 40px;
    padding-left : 3ex;
    height : 120px;
    max-width : 975px;
    margin : 0 auto;
}

.mainheader h1 {
    font-size : 30px;
}

.mainheader h3 {
    font-size : 12px;
}

.mainheader a  {
    color : white;
}

#footer {
    width : 100%;
    clear : both;
    height : 50px;
    background-color : rgb(102,151,122);
    position : relative;
    /* Taken out as (a) IE doesn't like it and
     * (b) no page is short enough to need it.
    margin-top : -50px;	    /* Bring it above the fold */
}

#right {
    position : relative;
    width : 300px;
    float : right;
    margin-right : -299px;  /* One less than width */
    padding : 160px 0px 50px 0px;
    left : 1px;
}

#left {
    position : relative;
    width : 200px;
    float : left;
    margin-left : -199px;   /* One less than width */
    left : -1px;
    padding-bottom : 50px;
}

/***************************************************
 * Main styling for inner divs etc.
 ***************************************************/
.title {
    float : left;
}

.description {
    text-align : center;
}

.subscribe {
    float: right;
    margin-right : 30px;
    padding : 6px 6px 15px 6px;
    border : 4px ridge #c3bebd;
}

.submit {
    color : black;
    background-color : white;
    font-size : 100%;
}

.feed {
/*
    float : left;
*/
    margin : 10px 0px;
}

.post {
    padding : 0px 10px 10px 10px;
    clear : left;
}

.postdata {
    padding-top : 10px;
}

.pagetitle {
    margin-bottom : 10px;
    text-align : center;
    color : #a18a64;
}
    

.links {
    clear : left;
    float : left;
    color : #6f6f6f;
    margin-right : 10px;
}

.links ul {
    list-style-type : none;
}

.links li {
    width : 145px;
    padding : 3px 0px 3px 0px;
    overflow : hidden
}

.links li.rss {
    background : url(images/ico-rss.gif) no-repeat;
    background-position : 130px 6px;
}

.links li.categ {
    background : url(images/ico-categ.gif) no-repeat;
    background-position : 130px 6px;
}

.links li.user {
    background : url(images/ico-user.gif)  no-repeat;
    background-position : 130px 6px;
}

.links li.date {
    background : url(images/ico-date2.gif) no-repeat;
    background-position : 130px 6px;
}

.links li.permalink {
    background : url(images/ico-permalink.gif) no-repeat;
    background-position : 130px 6px;
    display : none;
}

.links li.comment {
    background : url(images/ico-coment.gif) no-repeat;
    background-position : 130px 6px;
}

.editpost {
    clear : left;
}

.nav {
    text-align : center;
    padding : 19px 0px;
}

.nav a {
    padding : 0px 3px;
}

.notfound {
    text-align : center;
}

.searchform {
    text-align : center;
    padding : 15px 0px;
}

.footer {
    color : white;
    padding : 10px 2em 0px 2em;
}

.footer a {
    color : white;
}

.footer a:hover {
    color : #5df33c;
}

.footleft {
    float : left;
}

.footer ul {
    list-style : none;
}

.footright {
    float : right;
}

.footcentre {
    margin : 0px auto;
    width : 30ex;
}

.rss {
    list-style-image : url("http://www.feedburner.com/fb/images/pub/feed-icon16x16.png")
}

/***************************************************
 * Comment Styles
 ***************************************************/

.comments {
    width : 420px;
    margin-left : 50px;
    padding : 0px 25px 10px 25px;
}

.commentlist {
    list-style-type : none;
    margin-bottom : 20px;
}

.comments h3 {
    font-size : 18px;
    margin-bottom : 5px;
}

.comment {
    background-color : #1d1d1d;
    margin-top : 15px;
}

.comment li {
}

.comment ol {
    list-style-position : outside;
    margin-left : 4ex;
}

.comment a {
}

.comment a:hover {
}

.related a, .related a:visited {
    color : #5d9e3c;
    text-decoration : underline;
}

.related a:hover {
    color : #5df33c;
    text-decoration : underline;
}

#commentform p {
    margin : 0 0 5px 0;
}

#commentform input {
    width : 200px;
    height : 21px;
}

#commentform textarea {
    width : 75%;
    height : 150px;
}

#commentform .input-comment {
    font-size : 12px;
    background-color : #ebe9ed;
    vertical-align : middle;
    padding-top : 3px;
    padding-left : 3px 
}

#commentform .input-comment-on {
    font-size : 12px;
    background-color : white;
    vertical-align : middle;
    padding-top : 3px;
    padding-left : 3px 
}

#commentform .textarea-comment {
    font-size : 12px;
    background-color : #ebe9ed;
    vertical-align : middle;
    padding-top : 3px;
    padding-left : 3px 
}

#commentform .textarea-comment-on {
    font-size : 12px;
    background-color : white;
    vertical-align : middle;
    padding-top : 3px;
    padding-left : 3px 
}

#commentform input.button-comment {
    background-color : rgb(102,151,122);
    color : white;
    border : none;
    height : 30px;
    width : 202px;
    cursor : pointer;
}

/***************************************************
 * Styles for navigation
 ***************************************************/

.navigation {
}

.navblock {
    margin-top : 1em;
}

.navigation h3 {
    color : black;
    font-size : 18px;
    display : list-item;
    list-style : disc inside;
    vertical-align : middle;
}

.guide li li {
    list-style : square;
    list-style-position : inside;
    color : #efefef;
}

.navlist {
    padding : 5px 0px 0px 0px;
}

.navlist .input-search {
    border : none;
    width : 121px;
    height : 21px;
    font-size : 12px;
    background-color : #ebe9ed;
    vertical-align : middle;
    padding-top : 3px;
    padding-left : 3px 
}

.navlist .input-search-on {	/* Legacy but may reinstate */
    border : none;
    width : 121px;
    height : 21px;
    font-size : 12px;
    background-color : white;
    vertical-align : middle;
    padding-top : 3px;
    padding-left : 3px 
}

.searchbutton {
    border : none;
    vertical-align : middle;
}

.logged {
}

.logout {
    margin-left : 2em;
}

.navlist select {
    background-color : #ebe9ed;
    border : none;
    width : 18ex;
    display : none;
}

.navlist .cat-heading > a {
    color : black;
    font-weight : bold;
}

.navlist a, .feed a {
    color : white;
}

.navlist a:hover, .feed a:hover {
    color : #5df33c;
}

.feed {
    clear : both;
    padding-top : .5ex;
}

.navlist ul {
    list-style-type : none;
}

.children {
    padding-left : 2ex;
}

.guide .children {
    padding-left : 0px;
}

/***************************************************
 * Advert specific styles
 ***************************************************/

.advert {
}

.google center {
    padding-top : 1px;
}

.google center a {
    font-size : 9px !important;
}

.google {
    float : right;
    margin-bottom : 3px;
}

.google2 {
    margin-right : 2px;
    float : right;
}

.featured-ads {
    overflow : hidden; /* for braindead IE7 */
    right : 2px;
    width : 298px;
    text-align : right;
    clear : right;
    position : relative;
    border-left : 1px solid #818181;
    border-right : 1px solid #818181;
    border-bottom : 1px solid #818181;
    padding-bottom : 2em; /* For the caption */
    margin : 0px 2px 20px 0px;;
}

.feature {
    padding : 2px 5px;
}

.caption {
    position : absolute;
    bottom : 0px;
    right : 0px;
    background-color : #818181;
    color : #232323;
    font-size : larger;
    font-variant : small-caps;
    font-style : italic;
    font-weight : bold;
    text-align : center;
    padding-left : 0.5ex;
    padding-right : 0.5ex;
}

.caption a {
    color : #232323;
}

.caption a:hover {
    color : #c1c1c1;
}

.textad {
    margin : 0px 0px 10px 0px;
    text-align : left;
    text-align : justify;
}

.textad p {
    padding : 10px 1ex;
    border-top : 1px solid #818181;
}

/***************************************************
 * Styles for specific pages
 ***************************************************/

.archives {
    margin : 0px  auto 5em auto;
    width : 300px;
}

.archives h2 {
    font-size : 18px;
}

.archives li {
    list-style : none;
}

.archives a {
    color : #c3bebd;
    text-decoration : none;
}

.archives a:hover {
    color : #a18a64;
    text-decoration : none;
}

.archives > a, .archives > strong > a {
    color : #a18a64;
    text-decoration : none;
}

.archives > a:hover, .archives > strong > a:hover {
    color : #bea988;
    text-decoration : none;
}

.archives > a + a:before {
    content : " | ";
}


.archives .emptymonth {
    display : none;
}


/***************************************************
 * Various odds and sods
 ***************************************************/

ol {
    list-style-position : inside;
}

/***************************************************
 * Attribution plugin
 ***************************************************/

.att {
}

/***************************************************
 * Class to pull divs down to bottom of content
 ***************************************************/

.clearfix:after {
    content : ".";
    display : block;
    height : 0px;
    clear : both;
    visibility : hidden;
}

.clearfix {
    display : inline;
}

/* Hides from IE-mac \*/
* html .clearfix{
    height : 1%;
}

.clearfix{
    display : block;
}
/* End hide from IE-mac */

/***************************************************
 * Category Listing
 ***************************************************/

.listing h2 {
    font-size : 16px;
    font-weight : bold;
    padding-top : 8px;
}

.listing .icon {
    height : 16px;
    width : 16px;
}

.listing li {
    background-position : 0px 6px;
    padding-left : 20px;
    list-style : none;
    margin-left : 10px;
}

.listing li.categ {
    background : url(images/ico-categ.gif) no-repeat;
}

.listing li.user {
    background : url(images/ico-user.gif)  no-repeat;
}

.listing li.date {
    background : url(images/ico-date2.gif) no-repeat;
}

#twitter {
    border : 1px solid #818181;
    right : 2px;
    width : 298px;
    position : relative;
    padding-bottom : 2em; /* For the caption */
    margin : 4px 2px 20px 0px;;
}

#twitter h2 {
    font-size : 14px;
    margin-top : 0px;
    padding-top : 0px;
}

#twitter ul {
    padding : 0px 5px;
}

#twitter li {
    list-style : none;
    padding : 2px;
}

#twitter span a {
    color : #5d9e3c;
}

#twitter span a:hover {
    color : #5df33c;
}

#twitter li ~ li {
    border-top : 1px dashed #818181;
}

#twitter li > a {
}

/***************************************************
 * Centre advert stuff
***************************************************/

.feedback {
    margin : 0px 20px 10px 20px;
    padding : 1ex 4ex;
    border-color : #a18a64;
}

.feedback legend {
    padding-left : 1ex;
    padding-right : 1ex;
    margin-left : 1em;
}

.feedback q {
    font-style : italic;
}

/***************************************************
 * Standard WP stuff
***************************************************/

.wp-caption {
    text-align : center;
    font-variant : small-caps;
}

.wp-caption-text {
    margin-top : 0.5ex;
}