@charset "utf-8";
body {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-color: #2E2E2E;
	background-repeat: repeat-x;
	background-position: center center;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 100%;
	width: 100%;
}

#content {
	background-image: url(images/bg-center.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 100%;
	width: 100%;
	overflow: hidden;
	float: none;
}
#logo {
	background-image: url(images/piratemedia.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
}

#home_button {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}

.heading {
        font-size: 18pt;
}

/* button.custom */
button.custom {
	background:transparent url(images/button/next.png) no-repeat;	
	height:44px;	
	width:46px;	
	border:0;
	outline:0;
}

button.custom:hover {
	background:transparent url(images/button/next-over.png) no-repeat;	
}

button.custom:active {
	background:transparent url(images/button/next-active.png) no-repeat;	
}

button.custom span {
	position:relative;
	top:-1px;		
}
button.custom.disabled {
	visibility: hidden !important;
}
/* button.custom */
button.custom2 {
	background:transparent url(images/button/back.png) no-repeat;	
	height:44px;	
	width:46px;	
	border:0;
	outline:0;
}

button.custom2:hover {
	background:transparent url(images/button/back-over.png) no-repeat;	
}

button.custom2:active {
	background:transparent url(images/button/back-active.png) no-repeat;	
}

button.custom2.disabled {
	visibility: hidden !important;
}

button.custom2 span {
	position:relative;
	top:-1px;		
}

.fpimage {
  max-width: 300px;
  max-height: 300px;
  width: expression(this.width > 300 ? "300px" : true);
  height: expression(this.height > 300 ? "300px" : true);
}

/* page styles */

#tl {
	background-image: url(images/page/tl.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	left: 0px;
	top: 0px;
	position: absolute;
	height: 46px;
	width: 206px;
}
#tr {
	background-image: url(images/page/tr.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	right: 0px;
	top: 0px;
	position: absolute;
	height: 46px;
	width: 206px;
}
#tc {
	background-image: url(images/page/tc.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	right: 206px;
	top: 0px;
	position: absolute;
	height: 46px;
	left: 206px;
}
#gcl {
	background-image: url(images/page/gcl.png);
	background-repeat: repeat-y;
	background-position: right top;
	left: 0px;
	top: 46px;
	position: absolute;
	height: 45px;
	width: 206px;
}
#gcr {
	background-image: url(images/page/gcr.png);
	background-repeat: repeat-y;
	background-position: left top;
	right: 0px;
	top: 46px;
	position: absolute;
	height: 45px;
	width: 206px;
}
#posttitle {
	right: 206px;
	top: 46px;
	position: absolute;
	height: 45px;
	left: 206px;
	background-color: #ffae00;
	text-align: left;
	vertical-align: middle;
}
#posttiltebox {
	right: 350px;
	top: 30px;
	position: absolute;
	left: 195px;
	text-align: left;
	vertical-align: middle;
}
#mainpost {
	background-color: #ffffff;
	top: 137px;
	left: 177px;
	right: 177px;
	bottom: 82px;
	overflow: auto;
	position: absolute;
	padding-right: 20px;
	padding-left: 20px;
	text-align: left;
}
#socialicons {
	bottom: 0;
	left: 177px;
	position: absolute;
	z-index: 4;
}
#postinfo {
	bottom: 22px;
	right: 190px;
	position: absolute;
	z-index: 5;
	text-align: right;
	font-size: 14px;
}
#bl {
	background-image: url(images/page/bl.png);
	background-repeat: no-repeat;
	background-position: right top;
	left: 0px;
	bottom: 0px;
	position: absolute;
	height: 46px;
	width: 206px;
}
#br {
	background-image: url(images/page/br.png);
	background-repeat: no-repeat;
	background-position: left top;
	right: 0px;
	bottom: 0px;
	position: absolute;
	height: 46px;
	width: 206px;
}
#bc {
	background-image: url(images/page/bc.png);
	background-repeat: repeat-x;
	background-position: left top;
	right: 206px;
	bottom: 0px;
	position: absolute;
	height: 46px;
	left: 206px;
}
#jsl {
	background-image: url(images/page/jsl.png);
	background-repeat: repeat-y;
	background-position: right top;
	left: 0px;
	top: 91px;
	bottom: 46px;
	position: absolute;
	width: 177px;
}
#jsr {
	background-image: url(images/page/jsr.png);
	background-repeat: repeat-y;
	background-position: left top;
	right: 0px;
	top: 91px;
	bottom: 46px;
	position: absolute;
	width: 177px;
}
#teartop {
	background-image: url(images/page/teartop.png);
	background-repeat: repeat-x;
	background-position: left top;
	right: 177px;
	top: 91px;
	position: absolute;
	height: 46px;
	left: 177px;
}
#tearbot {
	background-image: url(images/page/tearbot.png);
	background-repeat: repeat-x;
	background-position: left top;
	right: 177px;
	bottom: 46px;
	position: absolute;
	height: 36px;
	left: 177px;
}
.posttiltebox {
	font-size:26px;
}
#comments_btn {
	top: 60px;
	right: 224px;
	position: absolute;
	height: 30px;
	z-index: 4;
}
#comments_quotes {
	top: 10px;
	right: 165px;
	position: absolute;
	height: 88px;
	z-index: 3;
}
#comment_inline {
	background-color: #ffffff;
	color: #000000;
        height: 330px;
	padding: 5px;
}
#commentsbox {
	background-color: #ffffff;
	color: #000000;
	overflow: auto;
        height: 330px;
	padding: 5px;
}
#close_btn {
	top: 5px;
	right: 165px;
	position: absolute;
	z-index: 5;
}
/* end page styles */
/* nav */
#archive-tag {
	top: 11px;
	right: 105px;
	position: absolute;
        font-size: 15pt;
        color: white;
        z-index: 99;
}
#archive-tag a {
        font-size: 15pt;
        color: white;
        z-index: 99;
}
#archive-tag-pic {
	top: 11px;
	right: 160px;
	position: absolute;
        font-size: 15pt;
        color: white;
}
#avatar {
	top: 5px;
	right: 105px;
	position: absolute;
}
#Author-Filter {
	background-color: #ffffff;
	color: #000000;
        height: 330px;
	padding: 5px;
}
#author-box {
	background-color: #ffffff;
	color: #000000;
	overflow: auto;
        height: 330px;
	padding: 5px;
}
#Category-Filter {
	background-color: #ffffff;
	color: #000000;
        height: 330px;
	padding: 5px;
}
#category-box {
	background-color: #ffffff;
	color: #000000;
	overflow: auto;
        height: 330px;
	padding: 5px;
}