/* CSS Document */

/* HACKS *//* HACKS *//* HACKS *//* HACKS *//* HACKS *//* HACKS *//* HACKS *//* HACKS *//* HACKS *//* HACKS */

/* _ something - picked up by IE 6 only - ex: _width:10px */

/* ????? */
/* # something - picked up by IE 7 only - ex: #width:10px */

/* . something - picked up by IE 6 AND IE 7 - ex: .width:10px */
/* something expression - picked up by IE 6 AND IE 7 - ex: width:expression(10) */
/* * something - picked up by IIE 7 and lower - ex: .*width:10px */

/* something \9 - picked up by IE 8 and lower - ex: width:10px\9 */

/* something : vlaue \0/ - picked up by IE 8 only - ex: width:10px\0/ */
/* picked up by IE 8 only - \9 { width: 10px\9 } hack followed by IE6+7 hacks above to correct if needed */

/* 
.color {color: #777;} ** for all browsers ** 
* html .color {color: #C39;} ** for IE6 ** 
*+html .color {color: #66F;} ** for IE7 **
.color {color: #0FC\0/;}  ** for IE8, going last **
*/

/*@font-face {
	font-family: Blackout;
	src: url("AvantGarITCbyBTExtLig") format("PostScript");
}*/

/* ============================================ */
/* Main Components */ /* DEFAULTS */
/* ============================================ */
html {
	min-height: 100%;
}
body {
	position: absolute;
	min-height: 100%;
	padding: 0;
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	/*font-family: 'Signika Negative', Helvetica, Arial, Verdana, sans-serif;*/
	font-size: 18px;
	line-height: 1em;
	color: #000;
    /*font-weight: bold;
    text-shadow: 1px 1px 2px #000000, -1px 1px 2px #000000, 1px -1px 2px #000000, -1px -1px 2px #000000;*/
	background-color: #000;
	background-image: url(/images/Background08.jpg);
	background-repeat: no-repeat;
	background-position: center -20px;
	/*background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, from(#747679), color-stop(0.5, #E2E1DD), to(#E2E1DD));
	background: -moz-radial-gradient(50% 50%, farthest-side, #747679, #E2E1DD, #E2E1DD);*/
}
.home {
	letter-spacing: 1px;
	line-height: 1em;
	color: #FFF;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000, -1px 1px 2px #000000, 1px -1px 2px #000000, -1px -1px 2px #000000;
	font-size: 22px;
}
h1, h2, h3, h4, h5 {
	font-family: 'Gentium Book Basic', times, serif;	
	line-height: 1em;
	-webkit-transform: rotate(-1deg); 
	-moz-transform: rotate(-1deg);	
	clear: both;
}
h1 img, h2 img, h3 img, h4 img, h5 img {
    	vertical-align: middle;
}
h1 {
	color: #FFF;
    	text-shadow: 2px 2px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000;
	font-size: 36px;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: .75em;
}
.home h1 {
	font-family: 'Gentium Book Basic', times, serif;	
	text-align: left;
}
.home h1 .a {
	font-size: 175%;
}
.home h1 .b {
	font-size: 140%;
}
.home #Choose h1 .a {
	font-size: 125%;
}
.home #Choose  h1 .b {
	font-size: 108%;
}
h2 {
	color: #000;
	text-shadow: 1px 1px 1px #FFF;
	font-size: 26px;
	text-align: center;
	-webkit-transform: rotate(1deg); 
	-moz-transform: rotate(1deg);	
}
.home h2 {
	font-family: 'Signika Negative', Helvetica, Arial, Verdana, sans-serif;
    	text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000;
	color: #FFF;
	/*font-size: 18px;*/
	text-align: left;
}
h3 {
	color: #000;
    	text-shadow: 1px 1px 2px #FFF;
	font-size: 21px;
	/*margin-top: 1.5em;*/
	/*margin-bottom: -.25em;*/
}
.home h3 {
	font-family: 'Signika Negative', Helvetica, Arial, Verdana, sans-serif;
    	text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000;
	color: #FFF;
}
h4 {
	-webkit-transform: rotate(1deg); 
	-moz-transform: rotate(1deg);	
	font-size: 18px;
}
div {
	border-collapse:collapse;
}
table {
	border-collapse:collapse;
}
a {
	text-decoration: none;
	color:#FFF;
	outline: none; /* turns off FireFox outline when links are clicked */
}
.home #Choose a {
	color: #CC0000;
	text-shadow: 1px 1px 5px #FFFFFF, -1px 1px 5px #FFFFFF, 1px -1px 5px #FFFFFF, -1px -1px 5px #FFFFFF;
}
.home #Choose a img {
	-moz-box-shadow: 0px 0px 5px #000000;
	-webkit-box-shadow: 0px 0px 5px #000000;
	box-shadow: 0px 0px 5px #000000;
}
a:hover {
	text-decoration: none;
	color: #FFF;
}
.home #content a:hover, .home #content a img:hover {
	color: #000;
	-moz-box-shadow: 0px 0px 5px #000000;
	-webkit-box-shadow: 0px 0px 5px #000000;
	box-shadow: 0px 0px 5px #000000;
}
input, textarea, select {
	font-size: 110%
}
div {
	xborder: solid 1px #999;
}
hr {
	border:none;
	border-bottom: solid #CDCDCD 1px;
	height: 1px;
	background-color: transparent;
	width: 100%;
	margin:0;
	padding:10px 0;
	margin-bottom:15px;
	clear:both;
}
ul, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.alignleft {
	float: left;
	margin-right: 10px;
}
.alignright {
	float: right;
	margin-left: 10px;
}
img {
	border: none;
	outline: none;
}
div.clear {
	display: block
	clear: both;
}
span.clear, .clear {
	clear: both;
}

.noBorder {
	border: none;
}
.ui-dialog-titlebar { 
	display: none; 
}
.input {
	margin: 0px 5px;
}
/* ============================================ */

#canvas {
	position: absolute;
	min-height: 100%;
	width: 100%;
	display: block;
	min-height: 100%;
	margin: 0 auto;
}
#innercanvas {
	position: relative;
	min-height: 100%;
	margin: 0 auto;
	width: 600px;
	padding: 0px;
	/*border-left: 1px dotted #666;
	border-right: 1px dotted #666;*/
}
.map #innercanvas {
	padding: 20px 0px;
}

#header {
	text-align: center;
}
#Logo {
	margin-top: 10px;
}
#content {
	min-height: 650px;
	/*overflow-x: hidden;*/
}
.Start {
	position: absolute;
	top: 295px;
	left: 20px;
	width: 370px;;
}
.Start .Title {
	margin-bottom: 10px;
}
#Start a.button {
	margin: 1em 0px;
}

#Choose .Title {
	margin-bottom: 0px;
}


#Start {
}
#Start p { 
	text-transform: none; 

}

#FBlogin {
	/*text-transform: uppercase;*/
}

#Choose {
	/*width: 275px;
	margin-left: -5px;
	margin-top: -60px;*/
}
#Choose h1 {
	/*margin-bottom: .25em;*/
	text-transform: uppercase;
}
#Choose h2 {
	text-transform: uppercase;
}
.IconCombineHolder {
	position: relative;
	display: block;
	float: left;
	margin-bottom: 20px;
	margin-left: 40px;
}
.IconCombine {
	position: relative;
	display: block;
	/*float: left;*/
	height: 50px;
	width: 50px;
	float: left;
	/*margin-bottom: 5px;*/
	margin-right: 10px;
}
#Choose .IconCombine {
}
.IconCombine img.Icon {
	position: absolute;
	opacity:0.75;
	filter:Alpha(opacity=75);
	/*margin-left: -25px;
	margin-top: -25px;*/
	height: 50px;
	width: 50px;
	left: 0px;
}
#Choose h3 {
	margin-top: .5em;
	margin-bottom: 1.5em;
	text-transform: uppercase;
}
#Choose p {
	margin-top: 0px;
	margin-bottom: .25em;
	margin-left: 0px;
	/*padding-top: 50px;*/
	text-transform: none; 
	/*font-weight: bold;
	font-size: 19px;*/
}
#Choose p a {
	display: inline-block;
	width: 100px;
	margin: 8px;
	text-align: center;
	color: #FFF;
}
#Choose p a img {
	position: absolute;
}
#Choose strong {
	float: left;
	margin-right: .25em;
	letter-spacing: 1px;
	text-transform: uppercase;
}


#Parrot {
	position: absolute;
	bottom: 0px;
	right: -255px;
	overflow: hidden;
	/*background-image: url(/images/Graphic-Parrot2.png);
	background-repeat: no-repeat;
	background-position: center -20px;
	width: 633px;
	height: 572px;*/
}
a#play_button {
	display: block;
	text-align: center;
	width: 90%;
	margin: -25px 0 0 0px;
}
a#play_button:hover, .home a#play_button:hover {
	opacity:0.70;
	filter:Alpha(opacity=70);
	-moz-box-shadow: 0px 0px 0px;
	-webkit-box-shadow: 0px 0px 0px;
	box-shadow: 0px 0px 0px;
}
a#play_button:hover img, .home a#play_button:hover img {
	-moz-box-shadow: 0px 0px 0px;
	-webkit-box-shadow: 0px 0px 0px;
	box-shadow: 0px 0px 0px;
}


#footer {
	text-align: center;
}

.caps {
	text-transform: uppercase;
}


body.map {
	/*background-image: url(/images/Background.jpg);
	background-image: url(/images/Background-map.jpg);*/
	background-image: url(/images/Background-map-logo.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.map #Logo {
	margin-top: 0px;
	margin-bottom: 15px;
}
a.button {
	display: inline-block;
	/*font-size: 12px;*/
	color: #FFFFFF;
    	font-weight: bold;
    	/*text-shadow: 1px 1px 2px #333;*/
	padding: 6px 30px;
	margin: 1em;
	background-color: #000;
	border: solid 1px #630;
	text-transform: uppercase;
	vertical-align: middle;
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
	/*background-image: linear-gradient(bottom, #000000 11%, #555555 85%);
	background-image: -o-linear-gradient(bottom, #000000 11%, #555555 85%);
	background-image: -moz-linear-gradient(bottom, #000000 11%, #555555 85%);
	background-image: -webkit-linear-gradient(bottom, #000000 11%, #555555 85%);
	background-image: -ms-linear-gradient(bottom, #000000 11%, #555555 85%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.11, #000000),
		color-stop(0.85, #555555)
	);*/
	-moz-box-shadow: 0px 0px 5px #604010;
	-webkit-box-shadow: 0px 0px 5px #604010;
	box-shadow: 0px 0px 5px #604010;
}
/*a:hover.button {
    	font-weight: bold;
	background-color: #000;
	border: solid 1px #900;
	background-image: linear-gradient(bottom, #000000 11%, #CC0000 85%);
	background-image: -o-linear-gradient(bottom, #000000 11%, #CC0000 85%);
	background-image: -moz-linear-gradient(bottom, #000000 11%, #CC0000 85%);
	background-image: -webkit-linear-gradient(bottom, #000000 11%, #CC0000 85%);
	background-image: -ms-linear-gradient(bottom, #000000 11%, #CC0000 85%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.11, #000000),
		color-stop(0.85, #CC0000)
	);
}*/
a.button img, a.button_graphic img, p a.action_link img {
	vertical-align: middle;
	float:none;
	margin-right: 5px;
}
a.button_graphic img {
	margin-right: 5px;
	float:none;
}
p .action_link img {
	vertical-align: top;
	float:left;
	margin-right: 5px;
	/*-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding: 5px;
	border: solid 1px #000;*/
}
.HeaderButtons .action_link {
	display: inline-block;
	margin: 0px 5px;
}
.action_link {
	display: block;
	border: solid 1px #630;
	padding: 10px 8px;
	padding-left: 60px;
	color: #000;
	-moz-box-shadow: 0px 0px 5px #604010;
	-webkit-box-shadow: 0px 0px 5px #604010;
	box-shadow: 0px 0px 5px #604010;
	/*background-color: #FFF;*/
}
.action_link img {
	margin-left: -40px;
	vertical-align: top;
}
a.action_link {
	border: solid 1px #630;
	padding: 10px 8px;
	padding-left: 50px;
	text-transform: uppercase;	
	color: #000;
	clear: both;
	vertical-align: midddle;
}
a:hover.action_link {
	color: #FFFFFF;
}
a.yesno {
	display: inline-block;
	margin: 1em;
	padding: 6px 30px;
	font-weight: bold;
}

.map #content {
	padding-top: 20px;
	/*min-height: 200px;*/
}
.page {
	display: none;
	padding: 0px;
	text-align: center;
	line-height: 1.25em;
	/*background-image: url(/images/Background-modal-30a.jpg);
	background-repeat: repeat;
	background-position: center center;
	padding: 15px 10px;
	border: 2px #000 solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0px 0px 6px #000,  inset 0 0 10px #000;
	-webkit-box-shadow: 0px 0px 6px #000,  inset 0 0 10px #000;
	box-shadow: 0px 0px 6px #000,  inset 0 0 10px #000;*/
	/*-moz-box-shadow: inset 0 0 5px #000;
	-webkit-box-shadow: inset 0 0 5px#000;
	box-shadow: inner 0 0 5px #000;*/
}
.page p {
	padding: 0px 50px;
	text-align: left;
}
.page h1, .page h2, .page h3, .page h4 {
	padding: 0px 20px;
}
#island_choose_page {
	/*background-image: none;
	border: 0px;	
	-moz-box-shadow: 0px 0px 0px #000;
	-webkit-box-shadow: 0px 0px 0px #000;
	box-shadow: 0px 0px 0px #000;
	padding: 0px;*/
}
.MapTop {
	/*display: block;
	width: 600px;
	height: 125px;
	background-image: url(/images/Bacground-Scroll-top.png);
	background-repeat: no-repeat;
	background-position: center top;*/
}
.MapMid {
	background-image: url(/images/Bacground-Scroll-mid2.png);
	background-repeat: repeat-y;
	background-position: center center;
	margin-top: -60px;
	padding: 30px 45px 30px 40px;
}
.MapBottom {
	/*display: block;
	width: 600px;
	height: 125px;
	background-image: url(/images//images/Bacground-Scroll-bot.png);
	background-repeat: no-repeat;
	background-position: center bottom;*/
	margin-top: -40px;
}

#map_page {
	padding: 0px;
}
/* MAP / GAME PLAY / PAGE*/
#map_canvas-Holder {
	position: relative;
	height: 400px;
	width: 100%;
	border: 1px #630 solid;
	-moz-box-shadow: 0px 0px 5px #604010, inset 0 0 5px #604010;
	-webkit-box-shadow: 0px 0px 5px #604010, inset 0 0 5px #604010;
	box-shadow: 0px 0px 5px #604010, inset 0 0 5px #604010;
}
#map_page div {
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
	text-shadow: none;
}

#info_page p .action_link img {
	margin-top: .5em;
	margin-bottom: 2em;
}
#info_page h2, .buy h2 {
	/*font-size: 18px;*/
	-webkit-transform: rotate(1deg); 
	-moz-transform: rotate(1deg);	
}
#info_page h3 {
	/*font-size: 14px;*/
}
.NearbyIslands a.button {
	height: 50px;
	width: 65%;
	font-size: 12px;
	overflow: hidden;
	line-height: 1.25em;
	text-align: left;
	background-image: url(/images/Icon-Island-50.png);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 60px;
	background-image: url(/images/Icon-Island-50.png), linear-gradient(bottom, #000000 11%, #555555 85%);
	background-image: url(/images/Icon-Island-50.png), -o-linear-gradient(bottom, #000000 11%, #555555 85%);
	background-image: url(/images/Icon-Island-50.png), -moz-linear-gradient(bottom, #000000 11%, #555555 85%);
	background-image: url(/images/Icon-Island-50.png), -webkit-linear-gradient(bottom, #000000 11%, #555555 85%);
	background-image: url(/images/Icon-Island-50.png), -ms-linear-gradient(bottom, #000000 11%, #555555 85%);
	
	background-image: url(/images/Icon-Island-50.png), -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.11, #000000),
		color-stop(0.85, #555555)
	);
}
.NearbyIslands a:hover.button {
    font-weight: bold;
	background-color: #000;
	border: solid 1px #900;
	background-image: url(/images/Icon-Island-50.png), linear-gradient(bottom, #000000 11%, #CC0000 85%);
	background-image: url(/images/Icon-Island-50.png), -o-linear-gradient(bottom, #000000 11%, #CC0000 85%);
	background-image: url(/images/Icon-Island-50.png), -moz-linear-gradient(bottom, #000000 11%, #CC0000 85%);
	background-image: url(/images/Icon-Island-50.png), -webkit-linear-gradient(bottom, #000000 11%, #CC0000 85%);
	background-image: url(/images/Icon-Island-50.png), -ms-linear-gradient(bottom, #000000 11%, #CC0000 85%);
	
	background-image: url(/images/Icon-Island-50.png), -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.11, #000000),
		color-stop(0.85, #CC0000)
	);
}
.NearbyIslands a.action_link {
	line-height: 1.25em;
	/*background-image: url(/images/Graphic-Island.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;*/
	padding-left: 60px;
	min-height: 50px;
}
.NearbyIslands a img {
	float: left;
}
.NearbyIslands .is_held_by {
	margin-left: -10px;
	display: inline;
	float: left;
	margin-right: -40px;
}
.NearbyIslands .IconCombineHolder {
	margin: -0px;
}
.NearbyIslands .island_name {
	display: block;
}

.ui-widget-overlay {
	background-color: #000;
	background-image: none;
	opacity:0.85;
	filter:Alpha(opacity=85);
}
.ui-widget {
	/*background-image: url(/images/Logo-Pir8s-50.png);
	background-repeat: no-repeat;
	background-position: center top;*/
	text-align: center;
	color: #FFF;
	padding: none;

	border: 2px #000 solid;

	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
	
	-moz-box-shadow: 0px 0px 6px #000,  inset 0 0 10px #000;
	-webkit-box-shadow: 0px 0px 6px #000,  inset 0 0 10px #000;
	box-shadow: 0px 0px 6px #000,  inset 0 0 10px #000;
	
	background: #FFF; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 35%, #7db9e8 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(35%,#ffffff), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 35%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #ffffff 35%,#7db9e8 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #ffffff 35%,#7db9e8 100%); /* IE10+ */
	background: radial-gradient(center, ellipse cover,  #ffffff 35%,#7db9e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	padding: none;
}
#loadingDiv {
	/*background-image: url(/images/Graphic-Flag-100.png);*/
	/*background-image: url(/images/Logo-Pir8s-50.png);
	background-repeat: no-repeat;
	background-position: center top;*/
	text-align: center;
	color: #FFF;

	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
	overflow: hidden;
	
}
#LoadingLogo {
	margin-top:-5px;
}
#LoadingAnime {
	margin-top:5px;
}


body.map, body.history {
	background-image: url(/images/Background-map2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
}
.history #content {
    min-height: 350px;
}
.history .page {
	display: block;
}
.history #header {
	margin-bottom: 10px;
}
/*.history .MapMid { 
	padding: 25px 40px 30px 35px; 
}
.history .MapMid img { 
	display: block;
	text-align: center;
	margin: 0 auto;
}
.history .MapMid h1 {
	xmargin-top: -35px;
	text-align: center;
}*/

.FBavatarHolder {
	position: relative;
	display: block;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 75px;
	height: 75px;
	overflow: hidden;
	float: left;
	border: 1px solid #663300;
}
.FBavatar {
	width: 75px;
}
.FBavatarHolder .IconCombine img.Icon {
	width: 75px;
	height: 75px;
}

#tmpl_pirate_info {
}


.buy .page .pad {
	padding: 0px 5px;
	text-align: left;
}
.buy h2 {
	font-size: 24px;
	-webkit-transform: rotate(1deg); 
	-moz-transform: rotate(1deg);	
}
.buy .action_link {
	padding: 10px 8px;
}
.buy input[type=radio] {
    height: 1.5em;
    width: 1.5em;
}
#no_thanks a.action_link {
	padding: 0px;
	-moz-box-shadow: 0px 0px 0px 0px;
	-webkit-box-shadow: 0px 0px 0px 0px;
	box-shadow: 0px 0px 0px 0px;
	border: 0px;
	text-transform: capitalize;
	font-size: 90%;
}
.buy .page table th,  .buy .page table td {
	white-space: nowrap; 
}
.buy .page table th {
	padding-right: 5px; 
}
table#choose th { 
}
table#choose td {
	width: 50%;
}
table#card_or_paypal img {
	vertical-align: middle;
	margin: 0 5px;
}
table#card_or_paypal th {
	vertical-align: middle;
}
table#card_or_paypal td {
	vertical-align: middle;
	width: 100%;
}
table#card_info td.center {
	text-align: center;
}

table td.center {
	text-align: center;
	width: 100%;
}
table td.center img, table#card_or_paypal td.center  img {
	margin: 5px 0px;
	margin-bottom: 15px;
	text-align: center;
}
table#card_info input[type=text] {
}


.page .socialIcons, .socialIcons {
	vertical-align: middle;
	text-align: center;
	clear: both;
}
.socialIconsTop  {
	margin: 20px auto;
}
.socialIconsHeader  {
	position: absolute;
	top: 0px;
	right: 0px;
	float: right;
	text-align: right;
	clear: none;
}

.home #content .socialIcons a:hover, .home #content .socialIcons a img:hover  {
	-moz-box-shadow: 0px 0px 0px;
	-webkit-box-shadow: 0px 0px 0px;
	box-shadow: 0px 0px 0px;
}
#content .socialIcons a img:hover  {
	opacity:0.70;
	filter:Alpha(opacity=70);
}
.page .socialIcons img {
	vertical-align: middle;
	text-align: center;
}
#fb-comments-holder {
	width: 600px;
	margin: 0 auto;
}
#fb-comments-holder h1{
	text-align: center;
}
.fb-comments {
	background-color: #FFF;
}