/********************************************
   AUTHOR:  			Erwin Aligam 
   WEBSITE:   			http://www.styleshout.com/
	TEMPLATE NAME: 	Citrus Island
   TEMPLATE CODE: 	S-0004
   VERSION:          1.1          	
 *******************************************/
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { margin:0; 	padding: 0; }

body {
	margin: 0; padding: 0;
	/*font: 70%/1.5em  Verdana, Tahoma, Arial, Helvetica, sans-serif;*/
	font-family: 'Trebuchet MS',Arial,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 19px;
	font-size-adjust: none;
	font-stretch: normal;
	color: #333; 
	text-align: center; 
}
/* links */
a {
	color: #003366;
	background-color: inherit;
	text-decoration: none;
}
a:hover {
	color: #CC0001; 
	background-color: inherit;
}

/* headers */
h1, h2, h3 {
	font-family: Arial, 'Trebuchet MS', Sans-Serif;
	font-weight: bold;
	color: #333;
}
h1 {
	font-size: 120%;
	letter-spacing: .5px;
}
h2 {
	font-size: 115%;	
	text-transform: uppercase; 		
}
h3 {
	font-size: 115%;
	color: #003366;		
}
h1, h2, h3, p {
	padding: 0;		
	margin: 10px;
}

/* images */
/*
img {
	border: 1px solid #DADADA;
	padding: 5px;	
}
img.no-border {
	border: none;
}
*/
img.float-right {
  margin: 5px 0px 5px 10px;  
}
img.float-left {
  margin: 5px 10px 5px 0px;
}

#sidebar h1, 
#sidebar p {
	padding-left: 0;
}

ul, ol {
	margin: 10px 20px;
	padding: 0 20px;
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 4px solid #FF9966;
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 10px;
 	padding: 0 0 0 32px;  	
  	background: #FAFAFA url(images/quote.gif) no-repeat 5px 10px !important; 
	background-position: 8px 10px;
	border: 1px solid #f2f2f2; 
	border-left: 4px solid #FF9966;   
}

/* form elements */
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 3px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	/*width:350px;*/
	padding:3px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 5px 0px 0px 0px; 
	font: bolder 10px Verdana, Sans-serif; 
	border: 1px solid #CCC; 
	padding: 2px 3px; 
	background: #FFF;
/*	color: #75A54B;*/
	color: #003366;
}
input.button:hover {
	/*background: #003366;*/
	background: #cc0000;
	color: #FFF;
}
/* search form */
form.search {
	position: absolute;
	top: 15px; right: 5px;
	padding: 0; margin: 0;
	border: none;
	background-color: transparent; 
}
form.search input.textbox { 
	margin: 0; 
	width: 120px;
	border: 1px solid #CCC; 
	background: #FFF;
	color: #333; 	
	vertical-align: top;
}
form.search input.button {
	width: 60px;
	vertical-align: top;
}

/**************************************
   LAYOUT 
***************************************/	
#logo {
	background-image: url(images/logo_pal.gif);
	border: 1px solid #000000;
	padding: 0px;
	margin: 5px 0px 5px 0px ;
	width: 898px;
	height: 80px;
}
#wrap {
	margin-top: 0pt;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto;
	padding: 0; 
	/*width: 80%;*/
	width: 900px;
	text-align: left;
}

/* header */
#header { 
	position: relative;
	height: 60px; 
	margin: 0; padding: 0;
	color: #808080; 		
}
#header h1#logo {
	position: absolute;	
	font: bold 3.9em "trebuchet MS", Arial, Tahoma, Sans-Serif;
	margin: 0; padding:0;
	color: #75A54B;
	letter-spacing: -2px;	
	border: none;	
	top: 0; left: 2px;		
}
#header h1#logo span { color: #F18359; }

#header h2#slogan { 
	position: absolute;
	margin: 0; padding: 0;	
	font: bold 12px Arial, Tahoma, Sans-Serif;	
	text-transform: none;
	top: 43px; left: 45px;
}

/* menu */	

#menu {
	clear: both;
	background: #000000 ;
	height: 25px;
	margin : 0 0 10px 0;
	font: bolder 0.9em/25px Tahoma, Verdana, Arial, Sans-Serif;		
}
#menu ul{
	margin: 0; 
	padding: 0 0 0 0;
}
#menu ul li {
	float: left;
	list-style: none;		
	border-right: 1px solid #FFFFFF;
}
#menu ul li a {
	display: block;
	text-decoration: none;	
	padding: 0 15px;
	color: #FFF;	
}
#menu ul li a:hover {
  	color: #CC0000;	
	background: #f2f2f2;
}
#menu ul li#current a {
	color: #333;
}

/* sidebar */

#sidebar {
	float: left;
	width: 180px;
	margin: 0; padding: 0; 
	background-color: #FFFFFF; 	
}
#sidebar h1 {
	margin: 0 0 0 0; 
	padding: 4px 0 4px 8px; 
	font: bold 105% Arial, Sans-Serif;
	color: #FFF;
	/*text-transform: uppercase; */
	background: #333; 
	letter-spacing: 1px;	
}
#sidebar .left-box {
/*
	border: 1px solid #EBEBEB;
	margin: 0 0 5px 0;	
	background: #FFF;
*/
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ebebeb;
	border-right-color: #ebebeb;
	border-bottom-color: #ebebeb;
	border-left-color: #ebebeb;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 5px;
	margin-left: 0pt;
	padding: 5px;
	background-color: #fafafa;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
}
#sidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 3px 0px 8px 0; padding: 0;
	text-decoration: none;		
}
#sidebar ul.sidemenu li {
	border-bottom: 1px solid #f2f2f2; 
	background: url(bullet.gif) no-repeat 3px 2px;	
	padding: 3px 5px 3px 25px;
	margin: 0;	
}
#sidebar ul.sidemenu a {
	font-weight: bolder;
	padding: 3px 0px;	
	background: none;
}

#rightbar {
	float: right;
	width: 180px;
	margin: 0; padding: 0; 
	background-color: #FFFFFF; 	
}
#rightbar h1 {
	margin: 0 0 0 0; 
	padding: 4px 0 4px 8px; 
	font: bold 105% Arial, Sans-Serif;
	color: #FFF;
	/*text-transform: uppercase; */
	background: #333; 
	letter-spacing: 1px;	
}
#rightbar .left-box {
/*
	border: 1px solid #EBEBEB;
	margin: 0 0 5px 0;	
	background: #FFF;
*/
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ebebeb;
	border-right-color: #ebebeb;
	border-bottom-color: #ebebeb;
	border-left-color: #ebebeb;
	padding: 5px;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 5px;
	margin-left: 0pt;
	background-color: #fafafa;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
}
#rightbar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 3px 0px 8px 0; padding: 0;
	text-decoration: none;		
}
#rightbar ul.sidemenu li {
	border-bottom: 1px solid #f2f2f2; 
	background: url(bullet.gif) no-repeat 3px 2px;	
	padding: 3px 5px 3px 25px;
	margin: 0;	
}
#rightbar ul.sidemenu a {
	font-weight: bolder;
	padding: 3px 0px;	
	background: none;
}
/* main column */
#custommain {
	float: right;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right:0;
    padding: 5px;
	width: 890px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ebebeb;
	border-right-color: #ebebeb;
	border-bottom-color: #ebebeb;
	border-left-color: #ebebeb;
}

#custommain h1 {
	margin: 10px 0;
	padding: 4px 0 4px 40px; 
	font-size: 105%;
	color: #FFF;
	/*text-transform: uppercase; */
	/*background-color: #CC0000;	*/
  	background: #CC0000 url(images/pal_flag.gif) no-repeat 0px 0px !important;
	letter-spacing: .5px;
}

#main {
	float: left;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right:5px;
    padding: 10px;
	width: 508px/*56%*/;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ebebeb;
	border-right-color: #ebebeb;
	border-bottom-color: #ebebeb;
	border-left-color: #ebebeb;
}
/*
	margin: 10px;
 	padding: 0 0 0 32px;  	
  	background: #FAFAFA url(images/quote.gif) no-repeat 5px 10px !important; 
	background-position: 8px 10px;
	border: 1px solid #f2f2f2; 
	border-left: 4px solid #FF9966; 
*/
#main h1 {
	margin: 0px 0;
	padding: 4px 0 4px 40px; 
	font-size: 105%;
	color: #FFF;
	/*text-transform: uppercase; */
/*	background-color: #CC0000;	*/
  	background: #CC0000 url(images/pal_flag.gif) no-repeat 0px 0px !important; 
	letter-spacing: .5px;
}

.post-footer {
	background-color: #FAFAFA;
	padding: 5px; margin: 15px 0px 10px 0px;
	border: 1px solid #f2f2f2; 
	font-size: 95%;
}
.post-footer .date {
	background: url(images/clock.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
	background: url(images/comment.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
	background: url(images/page.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

/* footer */
/*
#footer { 
	clear: both; 	
	color: #666666; 	
	padding: 0;	 
	background: #FFF url(images/footerbg.gif) repeat-x;
	height: 60px
}
#footer a { 
	text-decoration: none; 
	font-weight: bold;
}
#footer-content {
	margin: 0 auto;
	width: 800px
}
#footer-content #footer-left {
	padding: 10px;
	width: 60%;
	float: left;
	text-align: left;
}
#footer-content #footer-right {
	padding: 10px;
	width: 33%;
	float: right;
	text-align: right;
}
*/

#footer { 
	clear: both; 	
	border-top: 1px solid #f2f2f2;
	background: #FFF url(images/footerbg.gif) repeat-x;
	padding: 2px 0 10px 0; 
	text-align: center;  
	line-height: 1.5em;	
	font-size: 95%;
}
#footer a { 
	text-decoration: none; 
	font-weight: bold;		
}
/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* additional classes */
.clear  { clear: both; }
.green  { color: #75A54B; }

/* core styles */

.indent{ 
	margin: 10px;
 	padding: 0 0 0 32px;  	
  	background: #FAFAFA url(images/quote.gif) no-repeat 5px 10px !important; 
	background-position: 8px 10px;
	border: 1px solid #f2f2f2; 
	border-left: 4px solid #FF9966;   
}

.smalltext {
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
	color:#000;
}

body > .smalltext {
	font: 9px verdana, tahoma, arial, helvetica, sans-serif;
	color:#fff;
}

.smallblacktext {
	font: normal 7pt verdana, tahoma, arial, helvetica, sans-serif;
	color:#000;
}

.defaulttext {
	font: 11px verdana, tahoma, arial, helvetica, sans-serif;
	color:#000;
}

.mediumtext {
	font: 11px verdana, tahoma, arial, helvetica, sans-serif;
	color:#000;
}

.captiontext {
	font: 14px verdana, tahoma, arial, helvetica, sans-serif;
	color:#000;
}

.button{
	font-size: 11px;
	margin: 1px 0 0 0;
	color: #494949;
	background: white;
	border-top: 1px solid #D4D2CF;
	border-left: 1px solid #D4D2CF;
	border-bottom: 1px solid #868686;
	border-right: 1px solid #868686;
}

.tbox{
	font-size: 11px;
	margin: 0px auto 0px auto;
	color: #494949;
	background: white;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;
}

.tbox .chatbox{
	font-size: 11px;
	margin: 1px 0 0 0;
	color: #494949;
	background: white;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;
	width: 60%;
}

.chatbox{
	width:92%;
}

.helpbox {
	border: 0px;
	background-color: transparent;
	color:#000;
	font: 9px tahoma, verdana, arial, helvetica, sans-serif;
}

.nextprev{

	color: #000;
	font: normal 9px verdana, tahoma, arial, helvetica, sans-serif;
	text-align:center;
	padding : 2px;

}

.np{

	color: #000;
	font: 9px verdana, tahoma, arial, helvetica, sans-serif;
	text-align:center;
	padding : 2px;
}

.spacer{
	padding: 2px 0px 2px 0px;
}

.border {
	border: #000 1px solid;
}

.bodytable {
	padding: 8px;
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
	color: #000;
}
table {
	margin-left: auto;
	margin-right: auto;
}

/* custom login */

.customlogin {
	margin-left: auto;
	margin-right: auto;
}

/* FORUM */

a.forumlink{
	color: #fff;
	text-decoration: none;
}

a.forumlink:hover {
	color: #fff;
	text-decoration: underline;
}

.fborder, .border{
	border-collapse: collapse;
	border-spacing: 0px;
}

.forumheader, .forumheader4, .fcaption, .finfobar {
	padding: 4px;
	background-color: #F7F7F7;
	border: 1px solid #E5E5E5;
	font-size: 10px;

}

.forumheader2 {
	padding: 4px;
	background-color: #F7F7F7;
	border: 1px solid #E5E5E5;
	text-align: left;
}

.forumheader3 {
	padding: 4px;
	background-color: #F7F7F7;
	border: 1px solid #E5E5E5;
	text-align: left;
}


.forumheader, .forumheader4, .finfobar {
	background-color: #E7E7E7;
	text-align: left;
}

.forumheader5 {
	cursor: pointer;
}

.fcaption, .forumheader5 {
	color:#fff;
	background: #CC0000;
	/*background: #f7865b;*/
}

.fcaption .smalltext, .fcaption .smalltext a{
	color:#fff;
}

/* newsimage */ 

.extranews {background: transparent; float:left; padding-top:0px; padding-buttom:0px; padding-left:0px; padding-right:5px;}