/*** GENERAL STYLES ***/

* {
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
	height: 100%;
	margin-bottom: 1px;
	color: #FFFFFF;
}

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	background: #242424 url("body.gif") repeat scroll 0% 50%;
	/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 10px;
	margin: 0;
	padding: 4px 0px;		
}

table {
	width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

p {
	padding: 4px 0;
}

blockquote {
	padding: 40px 40px;
}

td {
    vertical-align: top;
}

form {
	margin: 0;
	padding: 0;
}

ul {
	line-height: 1.5em;
	list-style-type: square;
	margin-left: 1.5em;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

ol {
	line-height: 1.5em;
	margin-left: 1.5em;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

li {
	margin-bottom: .1em;
}

img {
	border: none;
	vertical-align: middle;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding-top: 4px;
	padding-bottom: 4px;
}

input, select {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size:1em;
}

textarea {
	width: 100%;
}

a, a:link, a:visited, a:active {
	color: #C264FA;
	text-decoration: none;
}

a:hover {
	color: #F0E80A;
	text-decoration: underline;
}

/*** PAGE LAYOUT ***/

#wrap {	
	width: 98%;
	margin: 0px auto;
	padding: 0px;
	background-color: #191919;
	border: 1px solid #000000;	
	text-align:left;
	overflow: hidden;	
}

#page-header {
	background-color: #191919;
	margin:0px auto;
	text-align:left;
	width: 100%;
}

#page-main {	
	padding: 6px 5px 10px 5px;
	position: relative;
	background-color: #191919;
}

#page-sidebar {
	position: relative;
	float: left;
	width: 190px;
}

#page-content {
	margin-left: 200px;
}

#page-footer-personage {
	clear: both;
	height: 37px;
	margin-top: 12px;
	margin-right: 18px;	
	background-position: top right;
	background-repeat: no-repeat;
}
	
#page-footer {
	clear: both;
	width: 100%;
	background-color: #191919;	
	border-top: none;
	margin: 0px auto;
	text-align: left;
}

/*** PORTAL-LEVEL LINKS ***/
	
#portal-links {
	float:left;
	padding-top:6px;	
	margin: 0;
	list-style-type: none;
}

#portal-links li {	
	display: inline;
}

#portal-links a, #portal-links a:hover, #portal-links a:hover {
	color: #d3d3d3;
}

/*** PORTLETS ***/

div.portlet {
	padding-bottom: 9px;
}

div.portlet div.header {
	background-color:#313131;
	background-repeat:repeat-x;
	font-weight:bold;
	height:26px;
	overflow:hidden;
	color: #9532D0;
}


div.portlet div.header-left, div.portlet div.corners { 
	background-image: url(panel-header-left.gif);
	background-position: top left;
	background-repeat: no-repeat;
}


div.portlet div.header-right, div.portlet div.corners div {
	height: 26px;	
	vertical-align: middle;
	padding: 6px 24px 0 24px;	
	background-image: url(panel-header-right.gif);
	background-position: top right;
	background-repeat: no-repeat;	
}

*div.portlet div.header-right {
	padding: 8px 24px 0 24px;	
}

div.portlet div.content {
	overflow: hidden;
	padding: 0 12px;
	margin: 0;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color: #313131;
}

div.portlet div.footer {
	font-size: 0; /* IE6 fix */
	background-color: #313131; 
	border: 1px solid #000000;
	border-top: none;
}

div.portlet div.footer-left {
	background-color: #313131;
	/*
	height: 6px;
	background-image: url(corners-bottom-left.gif);
	background-position: top left;
	background-repeat: no-repeat;
	*/
}

div.portlet div.footer-right {
	height: 3px;
	/*
	background-image: url(corners-bottom-right.gif);
	background-position: top right;
	background-repeat: no-repeat;
	*/
}

div.portlet ul {
	margin: 0;
	list-style-type: none;
}

div.portlet li {
	padding: 0;
	margin: 0;
	height: 100%;
}

/*** CONTENT TABS ***/

#tabset {
	overflow: hidden;
	padding-left: 5px;
	width: auto;
	height: 25px;
}

#tabset div.tab {
	float: left;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;

	margin-right: 2px;
	background-image: url(tab-gradient.gif); 
	background-repeat: repeat-x;
}

#tabset div.tab-a {
	float: left;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	margin-right: 2px;
	margin-right: 2px;
	background-image: url(tab-a-gradient.gif); 
	background-repeat: repeat-x;
}

#tabset a, #tabset a:hover {
	margin: 0 6px;
	text-decoration: none;
	color: #d3d3d3;
}

#tabset div.tab a {
	color: #EEEEEE;
	font-weight: bold;
}

#tabset div.tab-a a {
	color: #ffffff;
	font-weight: bold;
}

div.tab-left {
	background-image: url(tab-left.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

div.tab-right {
	background-image: url(tab-right.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

div.tab-a-left {
	background-image: url(tab-a-left.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

div.tab-a-right {
	background-image: url(tab-a-right.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

/*** CONTENT ***/

#content-caption {
	background-color:#313131;
	background-repeat:repeat-x;
	color:#9532D0;
	font-weight:bold;
	height:26px;
	overflow:hidden;
}

#content-caption div.corners {
	background-image:url(panel-header-left.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

#content-caption div.corners div {
	height:26px;
	padding:6px 24px 0pt;
	vertical-align:middle;
	background-image:url(panel-header-right.gif);
	background-position:right top;
	background-repeat:no-repeat;
}

#content-header {
	background-color: #7936A2;
	background-image: url(content-header-left.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#content-header div.left {
	background-image: url(content-header-left.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#content-header div.right {
	height: 10px;
	background-image: url(content-header-right.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

#content {
	position: relative;
	background-color: #313131;
	padding-left: 22px;
	padding-right: 22px;
	padding-bottom: 22px; 
}

#content-title {
	font-size: 200%;
}

#content-body {
}

#content-footer {
	height: 0px;
	font-size: 0; /* IE6 fix */
	padding:0;
	margin:0;
	background-color: #313131; 
}	

#content-footer div.left,  #content-footer div.corners {
}

#content-footer div.left div, #content-footer div.corners div {
	height: 3px;
	width: 100%;
}

/*******************************************/

.headerbar {
	background-x-position: 0pt;
	background-y-position: 0pt;	
	padding: 0;	
	background-color: #191919;	
	background-image: url("logo_bg.gif");
	background-repeat: repeat-x;
	color: #ffffff;
}

.navbar {
	border-top: 1px solid #000000;
	padding: 0 10px;	
	background-color: #9532D0;
	background-image: url("bg_header.gif");
	border-bottom: medium none;	
	height: 27px;
	line-height: 27px;
	vertical-align: middle;	
}

/*
.navbar .corners-top {
	display: block;
	background-image: url(corners-top-left.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.navbar .corners-top span {
	background-image: url(corners-top-right.gif);
	background-position: 100% 0;
	background-repeat: no-repeat;
}

.navbar .corners-bottom {
	background-image: url(corners-bottom-left.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.navbar .corners-bottom span {
	background-image: url(corners-bottom-right.gif);
	background-position: 100% 0;
	background-repeat: no-repeat;
}
*/	

/*** SITE DESCRIPTION ***/

#site-description {
	float: left;
	width: 34%;
	height: 88px;
	background-image: url("logo_left.jpg");	
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 5px;
	
}

#site-description h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 2em;
	text-align: left;
	padding: 0;
	margin-top: 15px;
}

#site-description p {
	line-height: 1.3em;
	font-size: 1.1em;
	margin-bottom:1.5em;		
}

#site-logo {
	width: 30%;	
	clear: none;
	float: left;
	text-align: center;
	position: relative;
	height: 88px;
	overflow: hidden;
}

/*** LOGO ***/

#logo {
	width: auto;
}

a#logo:hover {
	text-decoration: none;
}

/*** ROUNDED CORNERS ***/
span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 0px;
	background-repeat: no-repeat;
}

span.corners-top span {
	background-image: none;
	background-x-position: 100%;
	background-y-position: 0pt;
	background-image: url("corners_right.png");
}

/**/


span.corners-bottom {
	background-image: none;
	background-position: 0 100%;
	margin: 0 -5px;
	clear: both;
}

span.corners-bottom span {
	background-image: none;
	background-position: 100% 100%;
}

.headbg span.corners-bottom {
	margin-bottom: -1px;
}

.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
	margin: 0 -10px;
}

.rules span.corners-top {
	margin: 0 -10px 5px -10px;
}

.rules span.corners-bottom {
	margin: 5px -10px 0 -10px;
}

/*** HORIZONTAL LINKS ***/

ul.linklist {
	margin: 0;
	overflow: hidden;
	width: auto;	
	height: 100%;	
}

ul.linklist a, ul.linklist a:visited, ul.linklist a:active {
	color: #FFFFFF;
	font-weight: normal;
}

ul.linklist a:hover {
	text-decoration: underline;
}

ul.linklist li {
	float: left;
	margin-right: 5px;
	display: block;
	list-style-type: none;
	font-size: 1.1em;
	width: auto;
	height: 2.2em;
	line-height: 2.2em;
}

ul.linklist li.rightside, p.rightside {
	float: right;
	margin-right: 0;
	margin-left: 5px;
	text-align: right;
}

ul.navlinks {
	/*margin-bottom: 1px;
	padding-bottom: 1px;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;*/
	
	
	float: left;
	font-weight: bold;
	height: 21px;
	margin-bottom: 1px;
	padding-bottom: 1px;
	width:auto;
}

ul.leftside {
	float: left;
	margin-left: 0;
	margin-right: 5px;
	text-align: left;
}

ul.rightside {
	/*float: right;
	margin-left: 5px;
	margin-right: -5px;
	text-align: right;*/
	
	float:right;
	height: 21px;
	margin-left: 5px;
	margin-right: -5px;
	text-align: right;
}

/*** ICONS ***/

.sitehome, .icon-tags, .icon-faq, .icon-members, .icon-home, .icon-ucp, .icon-register, .icon-logout,
.icon-bookmark, .icon-bump, .icon-subscribe, .icon-unsubscribe, .icon-pages, .icon-search,
.icon-portal, .icon-forum, .icon-blog, .icon-wiki, .icon-admin, .icon-setup, .icon-chat, .icon-gallery,
.icon-lens, .icon-cross {
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-image: none;
	padding: 1px 0 0 17px;
}

.icon-portal		{ background-image: url("icon_portal.gif"); }
.icon-forum			{ background-image: url("icon_forum.gif"); }
.icon-blog			{ background-image: url("icon_blog.gif"); }
.icon-wiki			{ background-image: url("icon_wiki.gif"); }
.icon-gallery		{ background-image: url("icon_gallery.gif"); }
.icon-admin			{ background-image: url("icon_admin.gif"); }
.icon-setup			{ background-image: url("icon_setup.gif"); }
.icon-chat			{ background-image: url("icon_chat.gif"); }

.sitehome			{ background-image: url("icon_home.gif"); }
.icon-faq			{ background-image: url("icon_faq.gif"); }
.icon-tags			{ background-image: url("icon_tags.gif"); }
.icon-members		{ background-image: url("icon_members.gif"); }
.icon-home			{ background-image: url("icon_home.gif"); }
.icon-ucp			{ background-image: url("icon_ucp.gif"); }
.icon-register		{ background-image: url("icon_register.gif"); }
.icon-logout		{ background-image: url("icon_logout.gif"); }
.icon-bookmark		{ background-image: url("icon_bookmark.gif"); }
.icon-bump			{ background-image: url("icon_bump.gif"); }
.icon-subscribe		{ background-image: url("icon_subscribe.gif"); }
.icon-unsubscribe	{ background-image: url("icon_unsubscribe.gif"); }
.icon-pages			{ background-image: url("icon_pages.gif"); }
.icon-search		{ background-image: url("icon_search.gif"); }
.icon-lens		{ background-image: url("icon-lens.gif"); }
.icon-cross		{ background-image: url("icon-cross.gif"); }

.copyright {
	text-align: center;
	color: #999999;
	padding-top: 10px;	
}

/*** Search form ***/

#search-box {
	float: right;
	position: relative;
	padding: 30px 6px 0 0;
	color: #FFFFFF;
	display: block;
	text-align: right;
	white-space: nowrap; /* For Opera */
	background-image: url("logo_right.jpg");	
	background-position: 100% 0%;
	background-repeat: no-repeat;
	width: 34%;
	height: 58px;
}

#search-box input {
	border: 1px solid #b0b0b0;
	border-color: #9532D0;	
}

input.search-input {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size:1em;

	width: 110px;
	height: 12px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 20px !important;
	padding-right: 4px;
	
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url("icon_textbox_search.gif");
}

input.search-button {
	width:auto !important;	
	border-color: #666666;
	padding: 1px 3px;	
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size:1em;	
	color: #000;
	background-color: #222222;	
}

input.search-button:hover {
	border-color: #CCCCCC !important;	
	cursor: pointer;
}

/*** IE6 TWEAKS ***/


/*** TAGS ***/

/** style=\"border-top:1px solid #bbc; border-bottom:1px solid #bbc; background:#efefff; padding:3px;\" */
.itt_tagBox {
	background-color: #ECF1F3;
}

#page-tags {
	position: relative;
	float: right;
	width: 190px;	
}

a.tag-link {
	
}

a.wp-tags {
	margin-left: 10px;	
}

a.wp-tag-delete {

}

/* Input field styles
---------------------------------------- */

.inputbox, textarea, input[type=text], input[type=password] {
	background-color: #222222;
	border: 1px solid #9532D0;
	color: #CCCCCC;
	padding: 2px;
	cursor: text;
}

.inputbox:hover, textarea:hover, input[type=text]:hover {
	border: 1px solid #CCCCCC;
}

.inputbox:focus, textarea:focus, input[type=text]:focus {
	border: 1px solid #9532D0;
	color: #CCCCCC;
}

input.button1, input[type=submit] {
	border: 1px solid #9532D0;
	background: #222222;
	color: #CCCCCC;
	font-family: "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
	padding-bottom: 1px;
	padding-top: 1px;
	width: auto !important;
	font-weight: bold;	
}

input.button1:hover, input[type=submit]:hover {
	border-color: #CCCCCC;
}


/*TOKEN FROM FORUM/STYLES/ANNA/COLOURS.CSS*/
.top-left, .top-right, .bottom-left, .bottom-right {
   background-image: url("rounded.gif"); /* CHANGE: path and name of your image */
   height: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
   font-size: 2px;    /* DNC: correction IE for height of the <div>'s */   
   }
.top-left, .bottom-left {
   margin-right: 20px; /* CHANGE: replace by the width of one of your corners */
   }
.top-right, .bottom-right {
   margin-left: 20px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */
   }
.top-right {
   background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
   }
.bottom-left  {
   background-position: 0 -20px;    /* CHANGE: replace second number by negative height of one of your corners */
   }
.bottom-right {
   background-position: 100% -20px; /* CHANGE: replace second number by negative height of one of your corners */
   }
.inside {
   border-left: 1px solid #A9A9A9; /* YCC: color & properties of the left-borderline */
   border-right: 1px solid #A9A9A9;/* YCC: color & properties of the right-borderline */
   background: #FFFFFF;            /* YCC: background-color of the inside */
   color: #394B5F;                 /* YCC: default text-color of the inside */
   padding-left: 0px;             /* YCC: all texts at some distance of the left border */
   padding-right: 0px;
   padding-top: 10px;             /* YCC: all texts at some distance of the right border */
   padding-top: 0pt;   
   }
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */

.outside {
   margin: 0 auto;
   width : 950px;
   padding: 10px;
}