/*
 * Author      : Zeeshan Muhammad
 * Contact     : Web: www.nfwebsolutions.com - Email: enquiries@nfwebsolutions.com - Voicemail/fax: +44 (0)709 2300 838
 * Version     : 1.02
 * Created     : 27/02/2007
 * Last updated: 05/04/2007
 *
 * CONTENTS
 * -------------------
 * ==IMPORTS
 * ==GENERAL
 * ==CONTAINER
 * ==BRANDING
 * ==CONTENT
 * ==over
 *    ==item INTRODUCTION
 * ==back
 * ==NAVIGATION
 * ==MEMBER LOGIN
 * ==FEATURED PROMOTION
 * ==GAME STATISTICS
 * ==FOOTER
 * ==over
 *    ==item ACCREDITATIONS
 * ==back
 * ==N
 *
 * BROWSERS TESTED
 * -------------------
 * Win32 (Windows 98SE, Windows 2000 SP4 & Windows XP SP2):
 * --
 * Microsoft Internet Explorer v3.0 Build 1152 - Note: CSS filtered off
 * Microsoft Internet Explorer v4.01 - Note: CSS filtered off
 * Microsoft Internet Explorer v5.0 - Note: CSS filtered off
 * Microsoft Internet Explorer v5.01 SP2 - Note: CSS filtered off
 * Microsoft Internet Explorer v5.5 SP2 - Note: Minor rendering issues
 * Microsoft Internet Explorer v6.0
 * Microsoft Internet Explorer v7.0 RC1
 * Mozilla Firefox v1.0.6
 * Mozilla Firefox v1.5.0.8
 * Mozilla Firefox v2.0.0.2
 * Mozilla v1.5
 * Mozilla v1.7.11
 * Netscape Communicator v4.77 - Note: CSS filtered off
 * Netscape v7.2
 * Netscape v6.2 - Note: Minor rendering issues
 * Netscape v8.0.3.3
 * Opera v6.06 Build 1145 - Note: Minor rendering issues
 * Opera v7.23 Build 3227 - Note: Minor rendering issues
 * Opera v8.50 Build 7700
 * Opera v9.10 Build 8679
 * T-Online Browser v5.0
 *
 * Mac OS X (10.3 Panther)
 * --
 * Camino v1.0
 * Microsoft Internet Explorer v5.23 - Note: CSS filtered off
 * Mozilla Firefox v1.5.0.1
 * Safari v1.3.2 Build 312.6
 * Shiira v1.2.2
 * iCab v3.0.2 Beta 382
 * 
 * Linux (Debian 3.0 Woody)
 * --
 * Dillo v0.8.3 - Note: CSS filtered off
 * Konqueror v3.3.2
 * Mozilla Firefox v1.0.4
 * Opera v8.5 Build 1358
 *
 * Other (Text-only browsers)
 * --
 * ELinks v0.10.4
 * Lynx v2.8.3
 *

/* ==IMPORTS
--------------------------------------------------------------------- */
@import "defaults.css";


/* ==GENERAL
--------------------------------------------------------------------- */
#container,
#branding {
   width : 766px;
   margin: 0 auto;
}

#branding p.welcome a {
   text-decoration: none;
}

#branding p,
#nav ul,
#member-login form,
#member-login dl,
#member-login ul,
#game-statistics dl,
#footer ul,
#footer p,
#network-branding form,
#network-branding dl,
#network-branding ul {
   margin: 0;
}

#container,
#content {
   position: relative;
}

#nav li,
#member-login li,
#footer li {
   list-style: none;
}

#featured-promo h2,
#game-statistics dt {
   /* An IE6 'feature' results in 'Example-text' being transformed to
   'Example-Text' - this doesn't occur in Opera9 and Mozilla FF 1.5+ as
   it is an i18n violation */
   text-transform: capitalize;
}

#member-login,
#featured-promo {
   background: #533014;
   border    : 1px solid #1c1711;
}

#member-login h2,
#featured-promo h2 {
   background  : #48423a url(/img/subheader_bg-tile.gif) repeat-x 0 0;
   height      : 26px;
   font-size   : 1.3em;
   line-height : 26px;
   padding-left: 1em;
}

/* ==CONTAINER
--------------------------------------------------------------------- */
#container {
   background: transparent url(/img/innerpage_main_top.png) no-repeat 0 0;
   width     : 766px;
   margin    : 0 auto;
   min-height: 581px;
}

body.home #container {
   background: transparent url(/img/main_top.png) no-repeat 0 0;
}

/* ==BRANDING
--------------------------------------------------------------------- */
#branding {
   position: relative;
}

#branding p.welcome {
   position: absolute;
   top     : .5em;
   left    : 42em;
   color   : #cfaca8;
}

#branding p.welcome a:link,
#branding p.welcome a:visited {
   color: #fff;
}


/* ==CONTENT
--------------------------------------------------------------------- */
#content {
   background: transparent url(/img/innerpage_vtile.gif) repeat-x 0 0;
   min-height: 581px;
   width: 760px;
}

body.home #content {
   background: transparent url(/img/main_bottom.jpg) no-repeat 0 79px;
}

/* ==CONTENT: WRAPPER
--------------------------------------------------------------------- */
#wrapper {
   background: transparent url(/img/innerpage_main_left.gif) no-repeat 0 231px;

   /* Actual width is 510, 20px removed for left and right guttering  */
   width: 490px;
   padding: 220px 10px .5em 260px;
   font-family: "Trebuchet MS", Geneva, Lucida, Helvetica, Arial, sans-serif;
   font-size: 1.3em;
   line-height: 1.3em;
   color: #231d16;
   min-height: 360px;
}

#wrapper h2,
#wrapper h3,
#wrapper h4,
#wrapper h5,
#wrapper h6 {
   font-size: 1.2em;
}


/* ==CONTENT: INTRODUCTION
--------------------------------------------------------------------- */
body.home #introduction {
   position   : absolute;
   top        : 24.5em;
   right      : 1.5em;
   color      : #231d16;
   font-family: "Trebuchet MS", Geneva, Lucida, Helvetica, Arial, sans-serif;
   font-size  : 1.1em;
}

#introduction h2 {
   font-size: 1.6em;
}

#introduction h2 em {
   font-style: normal;
   color     : #682921;
}

#introduction p {
   margin   : 0.3em 0 0 0;
   width    : 26.5em;
   font-size: 1.2em;
   clear    : both;
}

#introduction p em {
   font-style : normal;
   font-weight: bold;
   color      : #312a22;
}


/* Can't float right the '#introduction p a' as Firefox 1.5 breaks */
#introduction p {
   position: relative;
}

#introduction p a {
   position  : absolute;
   right     : 0;
   background: transparent url(/img/start_playing-btn.gif) no-repeat 0 0;
   width     : 148px;
   height    : 39px;
}


/* ==NAVIGATION
--------------------------------------------------------------------- */
#nav ul {
   position: absolute;
   top     : 21.2em;
   left    : 4.4em;
}

#nav li {
   margin-bottom: 8px;
}

#nav li a {
   display: block;
   width  : 205px;
   height : 35px;
}

/* ==MEMBER LOGIN
--------------------------------------------------------------------- */
#member-login {
   width   : 23em;
   height  : 14.9em;
   position: absolute;
   top     : 41em;
   right   : 25em;
}

#member-login form {
   position: relative;

   /* Opera v9 fix, form container doesn't inherit full height from parent */
   width   : 100%;
   height  : 100%;
}

#member-login input {
   width: 9em;
   float: right;
}

#member-login dt {
   /* Can't use margins, Firefox 1.5 has issues with it */
   padding-top: 1em;
}

#member-login label {
   background: #765031;
   border    : 1px solid #43250d;
   width     : 8em;
   height    : 2em;
   text-align: center;
   display   : block;
   margin    : 0 0 0 .5em;
}

#member-login dt.checkbox label {
   display    : block;
   float      : left;
   background : transparent;
   border     : 0;
   width      : auto;
   height     : auto;
   margin-left: 1.5em;
}

#login-username {
   position: absolute;
   top     : .75em;
   right   : .5em;
}

#login-password {
   position: absolute;
   top     : 3.2em;
   right   : .5em;
}

#member-login dd.checkbox input {
   float      : left;
   width      : auto;
   height     : auto;
   margin-left: .5em;
}

#member-login fieldset.submit-fieldset li.submit {
   float: left;
}

#member-login fieldset.submit-fieldset li.submit input {
   background : #30271b;
   color      : #e3d5c3;
   font-weight: bold;
   width      : 6em;
   height     : 2em;
   border     : 1px solid #554d42;
   position   : absolute;
   top        : 5.5em;
   right      : .5em;
}

#member-login fieldset.submit-fieldset a {
   float      : left;
   margin-left: 1.5em;
}


/* ==FEATURED PROMOTION
--------------------------------------------------------------------- */
#featured-promo {
   width   : 23em;
   position: absolute;
   top     : 41em;
   right   : 1.5em;
}

#featured-promo img {
   padding: .7em .7em .2em .7em;
}


/* ==GAME STATISTICS
--------------------------------------------------------------------- */
#game-statistics {
   font-size: 1.2em;
   color    : #f1ece6;

   /* Width of bottom graphic */
   width    : 760px;
   height   : 2em;
}

#game-statistics dl {
   background : transparent url(/img/game_statistics-tile.gif) repeat-x 0 0;
   border     : 2px solid #5b381a;
   border-top : 0;
   clear      : both;
   height     : 100%;
   line-height: 26px;
   min-height : 26px;
}

#game-statistics dt {
   float       : left;
   background  : transparent url(/img/vertical_seperator-brown.gif) no-repeat 0 50%;
   padding-left: 1.2em;
}

#game-statistics dt.first {
   background  : none;
   padding-left: 1.2em;
}

#game-statistics dd {
   float : left;
   color : #fae6cc;
   margin: 0 1em 0 .8em;
}


/* ==FOOTER
--------------------------------------------------------------------- */
#footer {
   color    : #938677;
   font-size: 1.1em;
   position : relative;
   height   : 10em;
   width    : 766px;
   margin   : .5em auto 0 auto;
}

#footer p {
   font-size: 1em;
}

#footer li {
   float     : left;
   background: transparent url(/img/vertical_seperator-dark.gif) no-repeat 0 50%;
   padding   : 0 .8em;
}

#footer li.first {
   background  : none;
   padding-left: 1em;
}

#accreditations {
   position: absolute;
   left    : 0;
   bottom  : 2em;
}

#accreditations li {
   background: transparent;
}


/* ==FOOTER: ACCREDITATIONS
--------------------------------------------------------------------- */
/* ScanAlert */
#accreditations li.first a {
   background: transparent url(http://images.scanalert.com/meter/www.piratequest.net/13.gif) no-repeat 0 0;
   width     : 94px;
   height    : 54px;
}

/* PayPal */
#accreditations li.last a {
   background: transparent url(/img/accreditations_sprites.gif) no-repeat 0 -107px;
   width     : 87px;
   height    : 34px;
}


/* ==FOOTER: NETWORK BRANDING #1d1e1f
--------------------------------------------------------------------- */
#network-branding {
   position: absolute;
   top: 0;
   left: 0;
   background: #1d1e1f url(/img/network_branding_tile.gif) repeat-x 0 0;
   width: 100%;
   height: 30px;
}

#network-branding h2 {
   position: absolute;
   top: 6px;
   left: .5em;
}

#network-branding a {
 background: transparent url(/img/network_branding_logo.gif) no-repeat 0 0;
 width: 290px;
 height: 18px;
}

#network-branding form {
   background: lime;
   position: absolute;
   right: 1.5em;
   top: .25em;
}

#network-branding select {
   background: #ccc;
}


/* ==FLASH DECORATIONS
--------------------------------------------------------------------- */
body.home #flaming-torch {
   position: absolute;
   top     : 0;
   right   : 6px;
}

body.home #pirateship-waters {
   position: absolute;
   top: 109px;
   right: 96px;
}


/* ==N
--------------------------------------------------------------------- */
/* ==N
--------------------------------------------------------------------- */