/*  phpBB 3.0 Style Sheet
    --------------------------------------------------------------
	Style name:		proSilver
	Based on style:	proSilver (this is the default phpBB 3 style)
	Original author:	subBlue ( http://www.subBlue.com/ )
	Modified by:		
	
	Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
    --------------------------------------------------------------
*/

/* General proSilver Markup Styles
---------------------------------------- */

* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

/* Fix for styles applied to llamalan's main site */
#phpbb .maintext 
	{	
	height: auto; 
	}
#phpbb 
	{
	height: auto;
	}	
#phpbb .maintext ul
	{
	list-style-type:disc;
	list-style-image:none;
	}
#gallery img
	{
	width:auto;
	max-width:none;
	}
ul.profile-icons li
	{
	list-style-type:none;
	}	
html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 100%;
	margin-bottom: 1px;
}

#wrap  {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #FCD889;
	background-color: #50230F;
	/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 10px;
	margin: 0;
	padding: 12px 0;
	}

#wrap h1 {
	/* Forum name */
	font-family:"Palatino Linotype", "Times New Roman", roman, serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 2em;
	padding:0px;
	margin:10px 200px 0 0;
	background-color:transparent;
	border-style:none;	
}

#wrap h2 {
	/* Forum header titles */
	font-family:"Palatino Linotype", "Times New Roman", roman, serif;
	font-weight: normal;
	color: #3f3f3f;
	font-size: 1.8em;
	margin: 0.8em 0 0 0;
	padding:0px;
	background-color:transparent;
	border-style:none;
}

#wrap h2.solo {
	margin-bottom: 1em;
}

#page-body h3 {
	/* Sub-headers (also used as post headers, but defined later) */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	border-top-style:none;
	border-right-style:none;
	border-left-style:none;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color:transparent;
	margin-bottom: 3px;
	padding-bottom: 2px;
	font-size: 1.05em;
	color: #989898;
	margin-top: 20px;
}

#wrap h4 {
	/* Forum and topic list titles */
	font-family:"Palatino Linotype", "Times New Roman", roman, serif;
	font-size: 1.3em;
}

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

#wrap img {
	border-width: 0;
	max-width:none;
}

#wrap hr {
	/* Also see tweaks.css */
	border: 0 none #FFFFFF;
	border-top: 1px solid #CCCCCC;
	height: 1px;
	margin: 5px 0;
	display: block;
	clear: both;
}

#wrap hr.dashed {
	border-top: 1px dashed #CCCCCC;
	margin: 10px 0;
}

#wrap hr.divider {
	display: none;
}

#wrap p.right {
	text-align: right;
}



/* Main blocks
---------------------------------------- */
#wrap {
	padding: 0 0px;
	min-width: 600px;
}

#simple-wrap {
	padding: 6px 10px;
}

#page-body {
	margin: 4px 0;
	clear: both;
}

#page-footer {
	clear: both;
}

#page-footer h3 {
	margin-top: 20px;
}

#logo {
	float: left;
	width: auto;
	padding: 10px 13px 0 10px;
	display:none
}

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

/* Search box
--------------------------------------------- */
#search-box {
	color: #FFFFFF;
	position: relative;
	margin-top: 30px;
	margin-right: 5px;
	display: block;
	float: right;
	text-align: right;
	white-space: nowrap; /* For Opera */
}

#search-box #keywords {
	width: 95px;
	background-color: #FFF;
}

#search-box input {
	font-size:0.8em;
	border: 1px solid #b0b0b0;
}

/* .button1 style defined later, just a few tweaks for the search button version */
#search-box input.button1 {
	padding: 1px 5px;
}

#search-box li {
	text-align: right;
	margin-top: 4px;
}

#search-box img {
	vertical-align: middle;
	margin-right: 3px;
}

/* Site description and logo */
#site-description {
	float: left;
	width: 70%;
}

#site-description h1 {
	margin-right: 0;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
	background: #ebebeb none repeat-x 0 0;
	color: #FFFFFF;
	margin-bottom: 4px;
	padding: 0 5px;
}

.navbar {
	background-color: #ebebeb;
	padding: 0 10px;
}

.forabg {
	background: #b1b1b1 none repeat-x 0 0;
	margin-bottom: 4px;
	padding: 0 5px;
	clear: both;
}

.forumbg {
	background: #ebebeb none repeat-x 0 0;
	margin-bottom: 4px;
	padding: 0 5px;
	clear: both;
}

.panel {
	margin-bottom: 4px;
	padding: 0 10px;
	background-color: #f3f3f3;
	color: #3f3f3f;
}

.post {
	padding: 0 10px;
	margin-bottom: 4px;
	background-repeat: no-repeat;
	background-position: 100% 0;
}

.post:target .content {
	color: #000000;
}

.post:target h3 a {
	color: #000000;
}

.bg1	{ background-color: #f7f7f7;}
.bg2	{ background-color: #f2f2f2; }
.bg3	{ background-color: #ebebeb; }

.rowbg {
	margin: 5px 5px 2px 5px;
}

.ucprowbg {
	background-color: #e2e2e2;
}

.fieldsbg {
	/*border: 1px #DBDEE2 solid;*/
	background-color: #eaeaea;
}

span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

span.corners-top {
	background-image: none;
	background-position: 0 0;
	margin: 0 -5px;
}

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

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 lists
----------------------------------------*/
ul.linklist {
	display: block;
	margin: 0;
}

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

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

ul.navlinks {
	padding-bottom: 1px;
	margin-bottom: 1px;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
}

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;
}

/* Table styles
----------------------------------------*/
table.table1 {
	/* See tweaks.css */
}

#ucp-main table.table1 {
	padding: 2px;
}

table.table1 thead th {
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	line-height: 1.3em;
	font-size: 1em;
	padding: 0 0 4px 3px;
}

table.table1 thead th span {
	padding-left: 7px;
}

table.table1 tbody tr {
	border: 1px solid #cfcfcf;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
	background-color: #f6f6f6;
	color: #000;
}

table.table1 td {
	color: #6a6a6a;
	font-size: 1.1em;
}

table.table1 tbody td {
	padding: 5px;
	border-top: 1px solid #FAFAFA;
}

table.table1 tbody th {
	padding: 5px;
	border-bottom: 1px solid #000000;
	text-align: left;
	color: #333333;
	background-color: #FFFFFF;
}

/* Specific column styles */
table.table1 .name		{ text-align: left; }
table.table1 .posts		{ text-align: center !important; width: 7%; }
table.table1 .joined	{ text-align: left; width: 15%; }
table.table1 .active	{ text-align: left; width: 15%; }
table.table1 .mark		{ text-align: center; width: 7%; }
table.table1 .info		{ text-align: left; width: 30%; }
table.table1 .info div	{ width: 100%; white-space: nowrap; overflow: hidden; }
table.table1 .autocol	{ line-height: 2em; white-space: nowrap; }
table.table1 thead .autocol { padding-left: 1em; }

table.table1 span.rank-img {
	float: right;
	width: auto;
}

table.info td {
	padding: 3px;
}

table.info tbody th {
	padding: 3px;
	text-align: right;
	vertical-align: top;
	color: #000000;
	font-weight: normal;
}

.forumbg table.table1 {
	margin: 0 -2px -1px -1px;
}

/* Misc layout styles
---------------------------------------- */
/* column[1-2] styles are containers for two column layouts 
   Also see tweaks.css */
.column1 {
	float: left;
	clear: left;
	width: 49%;
}

.column2 {
	float: right;
	clear: right;
	width: 49%;
}

/* General classes for placing floating blocks */
.left-box {
	float: left;
	width: auto;
	text-align: left;
}

.right-box {
	float: right;
	width: auto;
	text-align: right;
}

dl.details {
	/*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
	font-size: 1.1em;
}

dl.details dt {
	float: left;
	clear: left;
	width: 30%;
	text-align: right;
	color: #000000;
	display: block;
}

dl.details dd {
	margin-left: 0;
	padding-left: 5px;
	margin-bottom: 5px;
	color: #828282;
	float: left;
	width: 65%;
}

/* Pagination
---------------------------------------- */
.pagination {
	height: 1%; /* IE tweak (holly hack) */
	width: auto;
	text-align: right;
	margin-top: 5px;
	float: right;
}

.pagination span.page-sep {
	display: none;
}

li.pagination {
	margin-top: 0;
}

.pagination strong, .pagination b {
	font-weight: normal;
}

.pagination span strong {
	padding: 0 2px;
	margin: 0 2px;
	font-weight: normal;
	border-width: 1px;
	border-style: solid;
	font-size: 0.9em;
}

#wrap .pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
	font-weight: normal;
	text-decoration: none;
	margin: 0 2px;
	padding: 0 2px;
	border-width: 1px;
	border-style: solid;
	font-size: 0.9em;
	line-height: 1.5em;
}

.pagination span a:hover {
	text-decoration: none;
}

.pagination img {
	vertical-align: middle;
}

/* Pagination in viewforum for multipage topics */
.row .pagination {
	display: block;
	float: right;
	width: auto;
	margin-top: 0;
	padding: 1px 0 1px 15px;
	font-size: 0.9em;
	background: none 0 50% no-repeat;
}

.row .pagination span a, li.pagination span a {
	background-color: #FFFFFF;
}

.row .pagination span a:hover, li.pagination span a:hover {
	/*background-color: #d2d2d2;*/
}

/* Miscellaneous styles
---------------------------------------- */
#forum-permissions {
	float: right;
	width: auto;
	padding-left: 5px;
	margin-left: 5px;
	margin-top: 10px;
	text-align: right;
}

.copyright {
	padding: 5px;
	text-align: center;
	color: #555555;
}

.small {
	font-size: 0.9em !important;
}

.titlespace {
	margin-bottom: 15px;
}

.headerspace {
	margin-top: 20px;
}

.error {
	color: #bcbcbc;
	font-weight: bold;
	font-size: 1em;
}

.reported {
	background-color: #f7f7f7;
}

li.reported:hover {
	background-color: #ececec;
}

div.rules {
	background-color: #ececec;
	color: #bcbcbc;
	padding: 0 10px;
	margin: 10px 0;
	font-size: 1.1em;
}

div.rules ul {
	margin-left: 20px;
}

p.rules {
	background-color: #ececec;
	background-image: none;
	padding: 5px;
}

p.rules img {
	vertical-align: middle;
}

p.rules a {
	vertical-align: middle;
	clear: both;
}

#top {
	position: absolute;
	top: -20px;
}

.clear {
	display: block;
	clear: both;
	font-size: 1px;
	line-height: 1px;
	background: transparent;
}
/* proSilver Link Styles
---------------------------------------- */

#wrap a:link	{ color: #898989; text-decoration: none; }
#wrapa:visited	{ color: #898989; text-decoration: none; }
#wrapa:hover	{ color: #d3d3d3; text-decoration: underline; }
#wrapa:active	{ color: #d2d2d2; text-decoration: none; }

/* Coloured usernames */
.username-coloured {
	font-weight: bold;
	display: inline !important;
}

/* Links on gradient backgrounds */
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
	color: #FFFFFF;
	text-decoration: none;
}

#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
	color: #ffffff;
	text-decoration: none;
}

/* Links for forum/topic lists */
a.forumtitle {
	font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #898989;
	text-decoration: none;
}

/* a.forumtitle:visited { color: #898989; } */

a.forumtitle:hover {
	color: #bcbcbc;
	text-decoration: underline;
}

a.forumtitle:active {
	color: #898989;
}

a.topictitle {
	font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #898989;
	text-decoration: none;
}

/* a.topictitle:visited { color: #d2d2d2; } */

a.topictitle:hover {
	color: #bcbcbc;
	text-decoration: underline;
}

a.topictitle:active {
	color: #898989;
}

/* Post body links */
.postlink {
	text-decoration: none;
	color: #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	padding-bottom: 0;
}

.postlink:visited {
	color: #bdbdbd;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}

.postlink:active {
	color: #d2d2d2;
}

.postlink:hover {
	background-color: #f6f6f6;
	text-decoration: none;
	color: #404040;
}

.signature a, .signature a:visited, .signature a:active, .signature a:hover {
	border: none;
	text-decoration: underline;
	background-color: transparent;
}

/* Profile links */
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
	font-weight: bold;
	color: #898989;
	text-decoration: none;
}

.postprofile a:hover, .postprofile dt.author a:hover {
	text-decoration: underline;
	color: #d3d3d3;
}


/* Profile searchresults */	
.search .postprofile a {
	color: #898989;
	text-decoration: none; 
	font-weight: normal;
}

.search .postprofile a:hover {
	color: #d3d3d3;
	text-decoration: underline; 
}

/* Back to top of page */
.back2top {
	clear: both;
	height: 11px;
	text-align: right;
}

a.top {
	background: none no-repeat top left;
	text-decoration: none;
	width: 11px;
	height: 11px;
	display: block;
	float: right;
	overflow: hidden;
	letter-spacing: 1000px;
	text-indent: 11px;
}

a.top2 {
	background: none no-repeat 0 50%;
	text-decoration: none;
	padding-left: 15px;
}

/* Arrow links  */
a.up		{ background: none no-repeat left center; }
a.down		{ background: none no-repeat right center; }
a.left		{ background: none no-repeat 3px 60%; }
a.right		{ background: none no-repeat 95% 60%; }

a.up, a.up:link, a.up:active, a.up:visited {
	padding-left: 10px;
	text-decoration: none;
	border-bottom-width: 0;
}

a.up:hover {
	background-position: left top;
	background-color: transparent;
}

a.down, a.down:link, a.down:active, a.down:visited {
	padding-right: 10px;
}

a.down:hover {
	background-position: right bottom;
	text-decoration: none;
}

a.left, a.left:active, a.left:visited {
	padding-left: 12px;
}

a.left:hover {
	color: #d2d2d2;
	text-decoration: none;
	background-position: 0 60%;
}

a.right, a.right:active, a.right:visited {
	padding-right: 12px;
}

a.right:hover {
	color: #d2d2d2;
	text-decoration: none;
	background-position: 100% 60%;
}
/* proSilver Content Styles
---------------------------------------- */

ul.topiclist {
	display: block;
	list-style-type: none;
	margin: 0;
}

ul.forums {
	background: #f9f9f9 none repeat-x 0 0;
}

ul.topiclist li {
	display: block;
	list-style-type: none;
	color: #777777;
	margin: 0;
}

ul.topiclist dl {
	position: relative;
}

ul.topiclist li.row dl {
	padding: 2px 0;
}

ul.topiclist dt {
	display: block;
	float: left;
	width: 50%;
	font-size: 1.1em;
	padding-left: 5px;
	padding-right: 5px;
}

ul.topiclist dd {
	display: block;
	float: left;
	border-left: 1px solid #FFFFFF;
	padding: 4px 0;
}

ul.topiclist dfn {
	/* Labels for post/view counts */
	display: none;
}

ul.topiclist li.row dt a.subforum {
	background-image: none;
	background-position: 0 50%;
	background-repeat: no-repeat;
	position: relative;
	white-space: nowrap;
	padding: 0 0 0 12px;
}

.forum-image {
	float: left;
	padding-top: 5px;
	margin-right: 5px;
}

li.row {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #8f8f8f;
}

li.row strong {
	font-weight: normal;
	color: #000000;
}

li.row:hover {
	background-color: #f6f6f6;
}

li.row:hover dd {
	border-left-color: #CCCCCC;
}

li.header dt, li.header dd {
	line-height: 1em;
	border-left-width: 0;
	margin: 2px 0 4px 0;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

li.header dt {
	font-weight: bold;
}

li.header dd {
	margin-left: 1px;
}

li.header dl.icon {
	min-height: 0;
}

li.header dl.icon dt {
	/* Tweak for headers alignment when folder icon used */
	padding-left: 0;
	padding-right: 44px;
}

/* Forum list column styles */
dl.icon {
	min-height: 35px;
	background-position: 10px 50%;		/* Position of folder icon */
	background-repeat: no-repeat;
}

dl.icon dt {
	padding-left: 45px;					/* Space for folder icon */
	background-repeat: no-repeat;
	background-position: 5px 95%;		/* Position of topic icon */
}

dd.posts, dd.topics, dd.views {
	width: 8%;
	text-align: center;
	line-height: 2.2em;
	font-size: 1.2em;
}

dd.lastpost {
	width: 25%;
	font-size: 1.1em;
}

dd.redirect {
	font-size: 1.1em;
	line-height: 2.5em;
}

dd.moderation {
	font-size: 1.1em;
}

dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span {
	display: block;
	padding-left: 5px;
}

dd.time {
	width: auto;
	line-height: 200%;
	font-size: 1.1em;
}

dd.extra {
	width: 12%;
	line-height: 200%;
	text-align: center;
	font-size: 1.1em;
}

dd.mark {
	float: right !important;
	width: 9%;
	text-align: center;
	line-height: 200%;
	font-size: 1.2em;
}

dd.info {
	width: 30%;
}

dd.option {
	width: 15%;
	line-height: 200%;
	text-align: center;
	font-size: 1.1em;
}

dd.searchby {
	width: 47%;
	font-size: 1.1em;
	line-height: 1em;
}

ul.topiclist dd.searchextra {
	margin-left: 5px;
	padding: 0.2em 0;
	font-size: 1.1em;
	color: #333333;
	border-left: none;
	clear: both;
	width: 98%;
	overflow: hidden;
}

/* Container for post/reply buttons and pagination */
.topic-actions {
	margin-bottom: 3px;
	font-size: 1.1em;
	height: 28px;
	min-height: 28px;
}
div[class].topic-actions {
	height: auto;
}

/* Post body styles
----------------------------------------*/
.postbody {
	padding: 0;
	line-height: 1.48em;
	color: #333333;
	width: 76%;
	float: left;
	clear: both;
}

.postbody .ignore {
	font-size: 1.1em;
}

.postbody h3.first {
	/* The first post on the page uses this */
	font-size: 1.7em;
}

.postbody h3 {
	/* Postbody requires a different h3 format - so change it here */
	font-size: 1.5em;
	padding: 2px 0 0 0;
	margin: 0 0 0.3em 0 !important;
	text-transform: none;
	border: none;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	line-height: 125%;
}

.postbody h3 img {
	/* Also see tweaks.css */
	vertical-align: bottom;
}

.postbody .content {
	font-size: 1.3em;
}

.search .postbody {
	width: 68%
}

/* Topic review panel
----------------------------------------*/
#review {
	margin-top: 2em;
}

#topicreview {
	padding-right: 5px;
	overflow: auto;
	height: 300px;
}

#topicreview .postbody {
	width: auto;
	float: none;
	margin: 0;
	height: auto;
}

#topicreview .post {
	height: auto;
}

#topicreview h2 {
	border-bottom-width: 0;
}

/* Content container styles
----------------------------------------*/
.content {
	min-height: 3em;
	overflow: hidden;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #333333;
}

.content h2, .panel h2 {
	font-weight: normal;
	color: #989898;
	border-bottom: 1px solid #CCCCCC;
	font-size: 1.6em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
}

.panel h3 {
	margin: 0.5em 0;
}

.panel p {
	font-size: 1.2em;
	margin-bottom: 1em;
	line-height: 1.4em;
}

.content p {
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	margin-bottom: 1em;
	line-height: 1.4em;
}

dl.faq {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	margin-top: 1em;
	margin-bottom: 2em;
	line-height: 1.4em;
}

dl.faq dt {
	font-weight: bold;
	color: #333333;
}

.content dl.faq {
	font-size: 1.2em;
	margin-bottom: 0.5em;
}

.content li {
	list-style-type: inherit;
}

.content ul, .content ol {
	margin-bottom: 1em;
	margin-left: 3em;
}

.posthilit {
	background-color: #f3f3f3;
	color: #BCBCBC;
	padding: 0 2px 1px 2px;
}

.announce, .unreadpost {
	/* Highlight the announcements & unread posts box */
	border-left-color: #BCBCBC;
	border-right-color: #BCBCBC;
}

/* Post author */
p.author {
	margin: 0 15em 0.6em 0;
	padding: 0 0 5px 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
}

/* Post signature */
.signature {
	margin-top: 1.5em;
	padding-top: 0.2em;
	font-size: 1.1em;
	border-top: 1px solid #CCCCCC;
	clear: left;
	line-height: 140%;
	overflow: hidden;
	width: 100%;
}

dd .signature {
	margin: 0;
	padding: 0;
	clear: none;
	border: none;
}

/* Post noticies */
.notice {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	width: auto;
	margin-top: 1.5em;
	padding-top: 0.2em;
	font-size: 1em;
	border-top: 1px dashed #CCCCCC;
	clear: left;
	line-height: 130%;
}

/* Jump to post link for now */
ul.searchresults {
	list-style: none;
	text-align: right;
	clear: both;
}

/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
	background: #ebebeb none 6px 8px no-repeat;
	border: 1px solid #dbdbdb;
	font-size: 0.95em;
	margin: 0.5em 1px 0 25px;
	overflow: hidden;
	padding: 5px;
}

blockquote blockquote {
	/* Nested quotes */
	background-color: #bababa;
	font-size: 1em;
	margin: 0.5em 1px 0 15px;	
}

blockquote blockquote blockquote {
	/* Nested quotes */
	background-color: #e4e4e4;
}

blockquote cite {
	/* Username/source of quoter */
	font-style: normal;
	font-weight: bold;
	margin-left: 20px;
	display: block;
	font-size: 0.9em;
}

blockquote cite cite {
	font-size: 1em;
}

blockquote.uncited {
	padding-top: 25px;
}

/* Code block */
dl.codebox {
	padding: 3px;
	background-color: #FFFFFF;
	border: 1px solid #d8d8d8;
	font-size: 1em;
}

dl.codebox dt {
	text-transform: uppercase;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 3px;
	font-size: 0.8em;
	font-weight: bold;
	display: block;
}

blockquote dl.codebox {
	margin-left: 0;
}

dl.codebox code {
	/* Also see tweaks.css */
	overflow: auto;
	display: block;
	height: auto;
	max-height: 200px;
	white-space: normal;
	padding-top: 5px;
	font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;
	line-height: 1.3em;
	color: #8b8b8b;
	margin: 2px 0;
}

.syntaxbg		{ color: #FFFFFF; }
.syntaxcomment	{ color: #000000; }
.syntaxdefault	{ color: #bcbcbc; }
.syntaxhtml		{ color: #000000; }
.syntaxkeyword	{ color: #585858; }
.syntaxstring	{ color: #a7a7a7; }

/* Attachments
----------------------------------------*/
.attachbox {
	float: left;
	width: auto; 
	margin: 5px 5px 5px 0;
	padding: 6px;
	background-color: #FFFFFF;
	border: 1px dashed #d8d8d8;
	clear: left;
}

.pm-message .attachbox {
	background-color: #f3f3f3;
}

.attachbox dt {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.attachbox dd {
	margin-top: 4px;
	padding-top: 4px;
	clear: left;
	border-top: 1px solid #d8d8d8;
}

.attachbox dd dd {
	border: none;
}

.attachbox p {
	line-height: 110%;
	color: #666666;
	font-weight: normal;
	clear: left;
}

.attachbox p.stats
{
	line-height: 110%;
	color: #666666;
	font-weight: normal;
	clear: left;
}

.attach-image {
	margin: 3px 0;
	width: 100%;
	max-height: 350px;
	overflow: auto;
}

.attach-image img {
	border: 1px solid #999999;
/*	cursor: move; */
	cursor: default;
}

/* Inline image thumbnails */
div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
	display: block;
	margin-bottom: 4px;
}

div.inline-attachment p {
	font-size: 100%;
}

dl.file {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
}

dl.file dt {
	text-transform: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

dl.file dd {
	color: #666666;
	margin: 0;
	padding: 0;	
}

dl.thumbnail img {
	padding: 3px;
	border: 1px solid #666666;
	background-color: #FFF;
}

dl.thumbnail dd {
	color: #666666;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.attachbox dl.thumbnail dd {
	font-size: 100%;
}

dl.thumbnail dt a:hover {
	background-color: #EEEEEE;
}

dl.thumbnail dt a:hover img {
	border: 1px solid #d2d2d2;
}

/* Post poll styles
----------------------------------------*/
fieldset.polls {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}

fieldset.polls dl {
	margin-top: 5px;
	border-top: 1px solid #e2e2e2;
	padding: 5px 0 0 0;
	line-height: 120%;
	color: #666666;
}

fieldset.polls dl.voted {
	font-weight: bold;
	color: #000000;
}

fieldset.polls dt {
	text-align: left;
	float: left;
	display: block;
	width: 30%;
	border-right: none;
	padding: 0;
	margin: 0;
	font-size: 1.1em;
}

fieldset.polls dd {
	float: left;
	width: 10%;
	border-left: none;
	padding: 0 5px;
	margin-left: 0;
	font-size: 1.1em;
}

fieldset.polls dd.resultbar {
	width: 50%;
}

fieldset.polls dd input {
	margin: 2px 0;
}

fieldset.polls dd div {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0 2px;
	overflow: visible;
	min-width: 2%;
}

.pollbar1 {
	background-color: #aaaaaa;
	border-bottom: 1px solid #747474;
	border-right: 1px solid #747474;
}

.pollbar2 {
	background-color: #bebebe;
	border-bottom: 1px solid #8c8c8c;
	border-right: 1px solid #8c8c8c;
}

.pollbar3 {
	background-color: #D1D1D1;
	border-bottom: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
}

.pollbar4 {
	background-color: #e4e4e4;
	border-bottom: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
}

.pollbar5 {
	background-color: #f8f8f8;
	border-bottom: 1px solid #D1D1D1;
	border-right: 1px solid #D1D1D1;
}

/* Poster profile block
----------------------------------------*/
.postprofile {
	/* Also see tweaks.css */
	margin: 5px 0 10px 0;
	min-height: 80px;
	color: #666666;
	border-left: 1px solid #FFFFFF;
	width: 22%;
	float: right;
	display: inline;
}
.pm .postprofile {
	border-left: 1px solid #DDDDDD;
}

.postprofile dd, .postprofile dt {
	line-height: 1.2em;
	margin-left: 8px;
}

.postprofile strong {
	font-weight: normal;
	color: #000000;
}

.avatar {
	border: none;
	margin-bottom: 3px;
}

.online {
	background-image: none;
	background-position: 100% 0;
	background-repeat: no-repeat;
}

/* Poster profile used by search*/
.search .postprofile {
	width: 30%;
}

/* pm list in compose message if mass pm is enabled */
dl.pmlist dt {
	width: 60% !important;
}

dl.pmlist dt textarea {
	width: 95%;
}

dl.pmlist dd {
	margin-left: 61% !important;
	margin-bottom: 2px;
}
/* proSilver Button Styles
---------------------------------------- */

/* Rollover buttons
   Based on: http://wellstyled.com/css-nopreload-rollovers.html
----------------------------------------*/
.buttons {
	float: left;
	width: auto;
	height: auto;
}

/* Rollover state */
.buttons div {
	float: left;
	margin: 0 5px 0 0;
	background-position: 0 100%;
}

/* Rolloff state */
.buttons div a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0;
}

/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
.buttons div span		{ display: none; }
.buttons div a:hover	{ background-image: none; }

/* Big button images */
.reply-icon, .reply-icon a			{ background: transparent none 0 0 no-repeat; }
.post-icon, .post-icon a				{ background: transparent none 0 0 no-repeat; }
.locked-icon, .locked-icon a			{ background: transparent none 0 0 no-repeat; }
.pmreply-icon, .pmreply-icon a		{ background: none 0 0 no-repeat; }
.newpm-icon, .newpm-icon a			{ background: none 0 0 no-repeat; }
.forwardpm-icon, .forwardpm-icon a 	{ background: none 0 0 no-repeat; }

/* Set big button dimensions */
.buttons div.reply-icon		{ width: 96px; height: 25px; }
.buttons div.post-icon		{ width: 96px; height: 25px; }
.buttons div.locked-icon	{ width: 88px; height: 25px; }
.buttons div.pmreply-icon	{ width: 96px; height: 25px; }
.buttons div.newpm-icon		{ width: 84px; height: 25px; }
.buttons div.forwardpm-icon	{ width: 96px; height: 25px; }

/* Sub-header (navigation bar)
--------------------------------------------- */
a.print, a.sendemail, a.fontsize {
	display: block;
	overflow: hidden;
	height: 18px;
	text-indent: -5000px;
	text-align: left;
	background-repeat: no-repeat;
}

a.print {
	background-image: none;
	width: 22px;
}

a.sendemail {
	background-image: none;
	width: 22px;
}

a.fontsize {
	background-image: none;
	background-position: 0 -1px;
	width: 29px;
}

a.fontsize:hover {
	background-position: 0 -20px;
	text-decoration: none;
}

/* Icon images
---------------------------------------- */
.sitehome, .icon-faq, .icon-members, .icon-home, .icon-ucp, .icon-register, .icon-logout,
.icon-bookmark, .icon-bump, .icon-subscribe, .icon-unsubscribe, .icon-pages, .icon-search {
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-image: none;
	padding: 1px 0 0 17px;
}

/* Poster profile icons
----------------------------------------*/
ul.profile-icons {
	padding-top: 10px;
	list-style: none;
}

/* Rollover state */
ul.profile-icons li {
	float: left;
	margin: 0 6px 3px 0;
	background-position: 0 100%;
}

/* Rolloff state */
ul.profile-icons li a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0;
}

/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
ul.profile-icons li span { display:none; }
ul.profile-icons li a:hover { background: none; }

/* Positioning of moderator icons */
.postbody ul.profile-icons {
	float: right;
	width: auto;
	padding: 0;
}

.postbody ul.profile-icons li {
	margin: 0 3px;
}

/* Profile & navigation icons */
.email-icon, .email-icon a		{ background: none top left no-repeat; }
.aim-icon, .aim-icon a			{ background: none top left no-repeat; }
.yahoo-icon, .yahoo-icon a		{ background: none top left no-repeat; }
.web-icon, .web-icon a			{ background: none top left no-repeat; }
.msnm-icon, .msnm-icon a			{ background: none top left no-repeat; }
.icq-icon, .icq-icon a			{ background: none top left no-repeat; }
.jabber-icon, .jabber-icon a		{ background: none top left no-repeat; }
.pm-icon, .pm-icon a				{ background: none top left no-repeat; }
.quote-icon, .quote-icon a		{ background: none top left no-repeat; }

/* Moderator icons */
.report-icon, .report-icon a		{ background: none top left no-repeat; }
.warn-icon, .warn-icon a			{ background: none top left no-repeat; }
.edit-icon, .edit-icon a			{ background: none top left no-repeat; }
.delete-icon, .delete-icon a		{ background: none top left no-repeat; }
.info-icon, .info-icon a			{ background: none top left no-repeat; }

/* Set profile icon dimensions */
ul.profile-icons li.email-icon		{ width: 20px; height: 20px; }
ul.profile-icons li.aim-icon	{ width: 20px; height: 20px; }
ul.profile-icons li.yahoo-icon	{ width: 20px; height: 20px; }
ul.profile-icons li.web-icon	{ width: 20px; height: 20px; }
ul.profile-icons li.msnm-icon	{ width: 20px; height: 20px; }
ul.profile-icons li.icq-icon	{ width: 20px; height: 20px; }
ul.profile-icons li.jabber-icon	{ width: 20px; height: 20px; }
ul.profile-icons li.pm-icon		{ width: 28px; height: 20px; }
ul.profile-icons li.quote-icon	{ width: 54px; height: 20px; }
ul.profile-icons li.report-icon	{ width: 20px; height: 20px; }
ul.profile-icons li.edit-icon	{ width: 42px; height: 20px; }
ul.profile-icons li.delete-icon	{ width: 20px; height: 20px; }
ul.profile-icons li.info-icon	{ width: 20px; height: 20px; }
ul.profile-icons li.warn-icon	{ width: 20px; height: 20px; }

/* Fix profile icon default margins */
ul.profile-icons li.edit-icon	{ margin: 0 0 0 3px; }
ul.profile-icons li.quote-icon	{ margin: 0 0 0 10px; }
ul.profile-icons li.info-icon, ul.profile-icons li.report-icon	{ margin: 0 3px 0 0; }
/* proSilver Control Panel Styles
---------------------------------------- */


/* Main CP box
----------------------------------------*/
#cp-menu {
	float:left;
	width: 19%;
	margin-top: 1em;
	margin-bottom: 5px;
}

#cp-main {
	float: left;
	width: 81%;
}

#cp-main .content {
	padding: 0;
}

#cp-main h3, #cp-main hr, #cp-menu hr {
	border-color: #bfbfbf;
}

#cp-main .panel p {
	font-size: 1.1em;
}

#cp-main .panel ol {
	margin-left: 2em;
	font-size: 1.1em;
}

#cp-main .panel li.row {
	border-bottom: 1px solid #cbcbcb;
	border-top: 1px solid #F9F9F9;
}

ul.cplist {
	margin-bottom: 5px;
	border-top: 1px solid #cbcbcb;
}

#cp-main .panel li.header dd, #cp-main .panel li.header dt {
	color: #000000;
	margin-bottom: 2px;
}

#cp-main table.table1 {
	margin-bottom: 1em;
}

#cp-main table.table1 thead th {
	color: #333333;
	font-weight: bold;
	border-bottom: 1px solid #333333;
	padding: 5px;
}

#cp-main table.table1 tbody th {
	font-style: italic;
	background-color: transparent !important;
	border-bottom: none;
}

#cp-main .pagination {
	float: right;
	width: auto;
	padding-top: 1px;
}

#cp-main .postbody p {
	font-size: 1.1em;
}

#cp-main .pm-message {
	border: 1px solid #e2e2e2;
	margin: 10px 0;
	background-color: #FFFFFF;
	width: auto;
	float: none;
}

.pm-message h2 {
	padding-bottom: 5px;
}

#cp-main .postbody h3, #cp-main .box2 h3 {
	margin-top: 0;
}

#cp-main .buttons {
	margin-left: 0;
}

#cp-main ul.linklist {
	margin: 0;
}

/* MCP Specific tweaks */
.mcp-main .postbody {
	width: 100%;
}

/* CP tabbed menu
----------------------------------------*/
#tabs {
	line-height: normal;
	margin: 20px 0 -1px 7px;
	min-width: 570px;
}

#tabs ul {
	margin:0;
	padding: 0;
	list-style: none;
}

#tabs li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
}

#tabs a {
	float: left;
	background: none no-repeat 0% -35px;
	margin: 0 1px 0 0;
	padding: 0 0 0 5px;
	text-decoration: none;
	position: relative;
	cursor: pointer;
}

#tabs a span {
	float: left;
	display: block;
	background: none no-repeat 100% -35px;
	padding: 6px 10px 6px 5px;
	color: #828282;
	white-space: nowrap;
}

#tabs a:hover span {
	color: #bcbcbc;
}

#tabs .activetab a {
	background-position: 0 0;
	border-bottom: 1px solid #ebebeb;
}

#tabs .activetab a span {
	background-position: 100% 0;
	padding-bottom: 7px;
	color: #333333;
}

#tabs a:hover {
	background-position: 0 -70px;
}

#tabs a:hover span {
	background-position:100% -70px;
}

#tabs .activetab a:hover {
	background-position: 0 0;
}

#tabs .activetab a:hover span {
	color: #000000;
	background-position: 100% 0;
}

/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs {
	line-height: normal;
	margin: -20px 7px 0 0;
}

#minitabs ul {
	margin:0;
	padding: 0;
	list-style: none;
}

#minitabs li {
	display: block;
	float: right;
	padding: 0 10px 4px 10px;
	font-size: 1em;
	font-weight: bold;
	background-color: #f2f2f2;
	margin-left: 2px;
}

#minitabs a {
}

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

#minitabs li.activetab {
	background-color: #F9F9F9;
}

#minitabs li.activetab a, #minitabs li.activetab a:hover {
	color: #333333;
}

/* UCP navigation menu
----------------------------------------*/
/* Container for sub-navigation list */
#navigation {
	width: 100%;
	padding-top: 36px;
}

#navigation ul {
	list-style:none;
}

/* Default list state */
#navigation li {
	margin: 1px 0;
	padding: 0;
	font-weight: bold;
	display: inline;
}

/* Link styles for the sub-section links */
#navigation a {
	display: block;
	padding: 5px;
	margin: 1px 0;
	text-decoration: none;
	font-weight: bold;
	color: #333;
	background: #cfcfcf none repeat-y 100% 0;
}

#navigation a:hover {
	text-decoration: none;
	background-color: #c6c6c6;
	color: #bcbcbc;
	background-image: none;
}

#navigation #active-subsection a {
	display: block;
	color: #d3d3d3;
	background-color: #F9F9F9;
	background-image: none;
}

#navigation #active-subsection a:hover {
	color: #d3d3d3;
}

/* Preferences pane layout
----------------------------------------*/
#cp-main h2 {
	border-bottom: none;
	padding: 0;
	margin-left: 10px;
	color: #333333;
}

#cp-main .panel {
	background-color: #F9F9F9;
}

#cp-main .pm {
	background-color: #FFFFFF;
}

#cp-main span.corners-top, #cp-menu span.corners-top {
	background-image: none;
}

#cp-main span.corners-top span, #cp-menu span.corners-top span {
	background-image: none;
}

#cp-main span.corners-bottom, #cp-menu span.corners-bottom {
	background-image: none;
}

#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
	background-image: none;
}

/* Topicreview */
#cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
	background-image: none;
}

#cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
	background-image: none;
}

#cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
	background-image: none;
}

#cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
	background-image: none;
}

/* Friends list */
.cp-mini {
	background-color: #f9f9f9;
	padding: 0 5px;
	margin: 10px 15px 10px 5px;
}

.cp-mini span.corners-top, .cp-mini span.corners-bottom {
	margin: 0 -5px;
}

dl.mini dt {
	font-weight: bold;
	color: #676767;
}

dl.mini dd {
	padding-top: 4px;
}

.friend-online {
	font-weight: bold;
}

.friend-offline {
	font-style: italic;
}

/* PM Styles
----------------------------------------*/
#pm-menu {
	line-height: 2.5em;
}

/* PM Message history */
.current {
	color: #999999;
}

/* Defined rules list for PM options */
ol.def-rules {
	padding-left: 0;
}

ol.def-rules li {
	line-height: 180%;
	padding: 1px;
}

/* PM marking colours */
.pmlist li.bg1 {
	border: solid 3px transparent;
	border-width: 0 3px;
}

.pmlist li.bg2 {
	border: solid 3px transparent;
	border-width: 0 3px;
}

.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
	border-left-color: #bcbcbc;
	border-right-color: #bcbcbc;
}

.pmlist li.pm_marked_colour, .pm_marked_colour {
	border: solid 3px #ffffff;
	border-width: 0 3px;
}

.pmlist li.pm_replied_colour, .pm_replied_colour {
	border: solid 3px #c2c2c2;
	border-width: 0 3px;	
}

.pmlist li.pm_friend_colour, .pm_friend_colour {
	border: solid 3px #bdbdbd;
	border-width: 0 3px;
}

.pmlist li.pm_foe_colour, .pm_foe_colour {
	border: solid 3px #000000;
	border-width: 0 3px;
}

.pm-legend {
	border-left-width: 10px;
	border-left-style: solid;
	border-right-width: 0;
	margin-bottom: 3px;
	padding-left: 3px;
}

/* Avatar gallery */
#gallery label {
	position: relative;
	float: left;
	margin: 10px;
	padding: 5px;
	width: auto;
	background: #FFFFFF;
	border: 1px solid #CCC;
	text-align: center;
}

#gallery label:hover {
	background-color: #EEE;
}
/* proSilver Form Styles
---------------------------------------- */

/* General form styles
----------------------------------------*/
fieldset {
	border-width: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.1em;
}

input {
	font-weight: normal;
	cursor: pointer;
	vertical-align: middle;
	padding: 0 3px;
	font-size: 1em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

select {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	cursor: pointer;
	vertical-align: middle;
	border: 1px solid #666666;
	padding: 1px;
	background-color: #FAFAFA;
}

option {
	padding-right: 1em;
}

option.disabled-option {
	color: graytext;
}

textarea {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	width: 60%;
	padding: 2px;
	font-size: 1em;
	line-height: 1.4em;
}

label {
	cursor: default;
	padding-right: 5px;
	color: #676767;
}

label input {
	vertical-align: middle;
}

label img {
	vertical-align: middle;
}

/* Definition list layout for forms
---------------------------------------- */
fieldset dl {
	padding: 4px 0;
}

fieldset dt {
	float: left;	
	width: 40%;
	text-align: left;
	display: block;
}

fieldset dd {
	margin-left: 41%;
	vertical-align: top;
	margin-bottom: 3px;
}

/* Specific layout 1 */
fieldset.fields1 dt {
	width: 15em;
	border-right-width: 0;
}

fieldset.fields1 dd {
	margin-left: 15em;
	border-left-width: 0;
}

fieldset.fields1 {
	background-color: transparent;
}

fieldset.fields1 div {
	margin-bottom: 3px;
}

/* Specific layout 2 */
fieldset.fields2 dt {
	width: 15em;
	border-right-width: 0;
}

fieldset.fields2 dd {
	margin-left: 16em;
	border-left-width: 0;
}

/* Form elements */
dt label {
	font-weight: bold;
	text-align: left;
}

dd label {
	white-space: nowrap;
	color: #333;
}

dd input, dd textarea {
	margin-right: 3px;
}

dd select {
	width: auto;
}

dd textarea {
	width: 85%;
}

/* Hover effects */
fieldset dl:hover dt label {
	color: #000000;
}

fieldset.fields2 dl:hover dt label {
	color: inherit;
}

#timezone {
	width: 95%;
}

* html #timezone {
	width: 50%;
}

/* Quick-login on index page */
fieldset.quick-login {
	margin-top: 5px;
}

fieldset.quick-login input {
	width: auto;
}

fieldset.quick-login input.inputbox {
	width: 15%;
	vertical-align: middle;
	margin-right: 5px;
	background-color: #f3f3f3;
}

fieldset.quick-login label {
	white-space: nowrap;
	padding-right: 2px;
}

/* Display options on viewtopic/viewforum pages  */
fieldset.display-options {
	text-align: center;
	margin: 3px 0 5px 0;
}

fieldset.display-options label {
	white-space: nowrap;
	padding-right: 2px;
}

fieldset.display-options a {
	margin-top: 3px;
}

/* Display actions for ucp and mcp pages */
fieldset.display-actions {
	text-align: right;
	line-height: 2em;
	white-space: nowrap;
	padding-right: 1em;
}

fieldset.display-actions label {
	white-space: nowrap;
	padding-right: 2px;
}

fieldset.sort-options {
	line-height: 2em;
}

/* MCP forum selection*/
fieldset.forum-selection {
	margin: 5px 0 3px 0;
	float: right;
}

fieldset.forum-selection2 {
	margin: 13px 0 3px 0;
	float: right;
}

/* Jumpbox */
fieldset.jumpbox {
	text-align: right;
	margin-top: 15px;
	height: 2.5em;
}

fieldset.quickmod {
	width: 50%;
	float: right;
	text-align: right;
	height: 2.5em;
}

/* Submit button fieldset */
fieldset.submit-buttons {
	text-align: center;
	vertical-align: middle;
	margin: 5px 0;
}

fieldset.submit-buttons input {
	vertical-align: middle;
	padding-top: 3px;
	padding-bottom: 3px;
}

/* Posting page styles
----------------------------------------*/

/* Buttons used in the editor */
#format-buttons {
	margin: 15px 0 2px 0;
}

#format-buttons input, #format-buttons select {
	vertical-align: middle;
}

/* Main message box */
#message-box {
	width: 80%;
}

#message-box textarea {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	width: 100%;
	font-size: 1.2em;
	color: #333333;
}

/* Emoticons panel */
#smiley-box {
	width: 18%;
	float: right;
}

#smiley-box img {
	margin: 3px;
}

/* Input field styles
---------------------------------------- */
.inputbox {
	background-color: #FFFFFF;
	border: 1px solid #c0c0c0;
	color: #333333;
	padding: 2px;
	cursor: text;
}

.inputbox:hover {
	border: 1px solid #eaeaea;
}

.inputbox:focus {
	border: 1px solid #eaeaea;
	color: #4b4b4b;
}

input.inputbox	{ width: 85%; }
input.medium	{ width: 50%; }
input.narrow	{ width: 25%; }
input.tiny		{ width: 125px; }

textarea.inputbox {
	width: 85%;
}

.autowidth {
	width: auto !important;
}

/* Form button styles
---------------------------------------- */
input.button1, input.button2 {
	font-size: 1em;
}

a.button1, input.button1, input.button3, a.button2, input.button2 {
	width: auto !important;
	padding-top: 1px;
	padding-bottom: 1px;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #000;
	background: #FAFAFA none repeat-x top;
}

a.button1, input.button1 {
	font-weight: bold;
	border: 1px solid #666666;
}

input.button3 {
	padding: 0;
	margin: 0;
	line-height: 5px;
	height: 12px;
	background-image: none;
	font-variant: small-caps;
}

/* Alternative button */
a.button2, input.button2, input.button3 {
	border: 1px solid #666666;
}

/* <a> button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
	text-decoration: none;
	color: #000000;
	padding: 2px 8px;
	line-height: 250%;
	vertical-align: text-bottom;
	background-position: 0 1px;
}

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	border: 1px solid #BCBCBC;
	background-position: 0 100%;
	color: #BCBCBC;
}

input.disabled {
	font-weight: normal;
	color: #666666;
}

/* Topic and forum Search */
.search-box {
	margin-top: 3px;
	margin-left: 5px;
	float: left;
}

.search-box input {
}

input.search {
	background-image: none;
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-left: 17px;
}

.full { width: 95%; }
.medium { width: 50%;}
.narrow { width: 25%;}
.tiny { width: 10%;}
/* proSilver Style Sheet Tweaks

These style definitions are mainly IE specific 
tweaks required due to its poor CSS support.
-------------------------------------------------*/

* html table, * html select, * html input { font-size: 100%; }
* html hr { margin: 0; }
* html span.corners-top, * html span.corners-bottom { background-image: url("./styles/post-llama/theme/images/corners_left.gif"); }
* html span.corners-top span, * html span.corners-bottom span { background-image: url("./styles/post-llama/theme/images/corners_right.gif"); }

table.table1 {
	width: 99%;		/* IE < 6 browsers */
	/* Tantek hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 100%;
}
html>body table.table1 { width: 100%; }	/* Reset 100% for opera */

* html ul.topiclist li 
	{ 
	position: relative; 
	list-style-type: none;
	list-style-image: none;
	}
* html .postbody h3 img { vertical-align: middle; }

/* Form styles */
html>body dd label input { vertical-align: text-bottom; }	/* Align checkboxes/radio buttons nicely */

* html input.button1, * html input.button2 {
	padding-bottom: 0;
	margin-bottom: 1px;
}

/* Misc layout styles */
* html .column1, * html .column2 { width: 45%; }

/* Nice method for clearing floated blocks without having to insert any extra markup (like spacer above)
   From http://www.positioniseverything.net/easyclearing.html 
#tabs:after, #minitabs:after, .post:after, .navbar:after, fieldset dl:after, ul.topiclist dl:after, ul.linklist:after, dl.polls:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}*/

.clearfix, #tabs, #minitabs, fieldset dl, ul.topiclist dl, dl.polls {
	height: 1%;
	overflow: hidden;
}

/* viewtopic fix */
* html .post {
	height: 25%;
	overflow: hidden;
}

/* navbar fix */
* html .clearfix, * html .navbar, ul.linklist {
	height: 4%;
	overflow: hidden;
}

/* Simple fix so forum and topic lists always have a min-height set, even in IE6
	From http://www.dustindiaz.com/min-height-fast-hack */
dl.icon {
	min-height: 35px;
	height: auto !important;
	height: 35px;
}

* html #search-box {
	width: 25%;
}

/* Correctly clear floating for details on profile view */
*:first-child+html dl.details dd {
	margin-left: 30%;
	float: none;
}

* html dl.details dd {
	margin-left: 30%;
	float: none;
}

/*Ninyarr links have a border underneath, but should be removed from the buttons */

.maintext #wrap div.buttons a, .maintext #wrap div.buttons a:hover, .maintext #wrap div.buttons a:active, .maintext #wrap div.buttons a:visited,
.maintext #wrap ul.profile-icons a, .maintext #wrap ul.profile-icons a:hover, .maintext #wrap ul.profile-icons a:active, .maintext #wrap ul.profile-icons a:visited
{
border-bottom-style:none;
outline:none;
}

/* Ninyarr uses a border underneath links, do not use underlining on hover or active */
#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover
{
	text-decoration:none;
}
/*  	
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */

html, body {
	/* taken from the main theme css.css */
	
	color: #8f8282;
	background-color: #0f0200;
}

/* wrap contains the forum boards up until the
footer (after the statistics) */
/* the colour here colours the text under the forum list, 
current date time above the list, etc. */
#wrap
	{
	border-style:none;
	padding:5px;
	/*background-color:#151a21;*/
	background-color:transparent;
	color:#766b6b;
	}

/* H1 is the title */
#wrap h1 {

	color: #7c7675;
	background-image:none;
}

/* When looking at a board, its title is H2 
note that it is coloured by link styles */
/* But on the MCP, it is just text ("Moderator Control Panel" title). */
/* this is also the titles for 'Successfully Logged In' and so on. */
#wrap h2 {
	color: #7c7675;
	background-image:none;
}

/* Looking at a thread, H3 is the title on each post */
/* note that this is also coloured by link style */
/* It is not styled by any link colouring when replying, where it is used */
/* on the 'Post a reply' heading, and at the bottom above the preview */
/* where it is the title of the thread */
#wrap h3 {
	border-bottom-color: #403838;
	color: #595151;
}

/* An HR can be found above 'POST REPLY' */
hr {
	border-color: #4c4c4c;
	border-top-color: #4c4c4c;
	background-color:#4c4c4c;
	background-image:none;
}

/* There's also one which doesn't seem to change readily above NEW TOPIC under*/
/* A forum view */
#wrap #page-body hr
	{
	border-color:#4c4c4c;
	background-color:#4c4c4c;
	}

hr.dashed {
	border-top-color: #705e5e;
}

/* Search box
--------------------------------------------- */
/* This colours the search box at the top.  However, there is some styling 
of the input field that needs to be applied to the second search box next to
the POST REPLY button.  It seems by referencing both a container div class
and the field's ID we can override a later style on all input fields, including
hover and active settings... bonza! */
#search-box {
	color: #a21700;
}

#search-box #keywords, .search-box #search_keywords{
	background-color: #140000;
	color:#a21700;
}

#search-box input, .search-box #search_keywords {
	border-color:black #581b00 #581b00 #2d0e00;
}



/* Round cornered boxes and backgrounds
---------------------------------------- */
/* Right at the top, containing the title */
.headerbar {
	background-color: #640500;
	background-image: url("./styles/post-llama/theme/images/bg_header.gif");
	color: #554a4a;
}

/* the navbar is below the title, containing the first set of links */
.navbar {
	background-color: black;
	/*color:#a07d5a;*/   /* Added for ninyarr as the navbars are different colour to the default */
}

/* forabg = the frame around the forums list. */
.forabg {
	background-color: black;
	background-image: url("./styles/post-llama/theme/images/bg_list.gif");
}

/* ForumBG backs the list of topics in a forum */
.forumbg {
	background-color: black;
	background-image: url("./styles/post-llama/theme/images/bg_header.gif");
}

/* For user control and moderator panels.  
This background can be seen on the Members list, where 'Find a Member' is 
This is also the bg of the panel in which we edit posts. */
/* The text color is the default for messages like 'you have been succesfully
logged out' and descriptions of panel pages */
.panel {
	background-color: #272424;
	color: #887777;
}

/* I believe this is used when you've searched or just posted and
the site is highlighting a specific post for you */
.post:target .content {
	color: white;
}

.post:target h3 a {
	color: #420101;
}

/* BG1 and BG2 are alternating row colours on mod/user control panels
and rows of thread titles.
For example, see the user inbox
or a forum board */
.bg1	{ background-color: #1f1b1b; }
.bg2	{ background-color: #2e2725;  }

/* BG3 Backs the user control panel pages */
/* Added 'color' style for ninyarr.  If BG3 is a significantly different colour
to bg1 or bg2, placing 'color' in here will fix badly combined font colours with 
this bg colour */
.bg3	{ background-color: #362e2b; 
	  /*color:#e7bb6e;*/}

/* Cannot locate where this is used */
.ucprowbg {
	background-color: red;
}

/* Cannot locate where this is used */
.fieldsbg {
	background-color: red;
}


span.corners-top {
	background-image: url("./styles/post-llama/theme/images/corners_left.png");
}

span.corners-top span {
	background-image: url("./styles/post-llama/theme/images/corners_right.png");
}

span.corners-bottom {
	background-image: url("./styles/post-llama/theme/images/corners_left.png");
}

span.corners-bottom span {
	background-image: url("./styles/post-llama/theme/images/corners_right.png");
}

/* Horizontal lists
----------------------------------------*/

/* Separates 'Board Index' from 'UCP, View your posts, FAQ' etc. */
ul.navlinks {
	border-bottom-color: #2b2b2b;
}

/* Table styles
----------------------------------------*/
/* This font color is in use at the top of tables
such as the 'recent searches' table on the Advanced Search page */
table.table1 thead th {
	color: #847877;
}

table.table1 tbody tr {
	border-color:red;
}

/* Much like the hover-over colour from forums/threads. */
/* Can see this in action on the members list */
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
	background-color: #443b39;
	color: #7e7070;	/* I tend to use the color from adminPages */
}

/* See the members list for the effect of this text colouring */
table.table1 td {
	color: #7e7070;
}

table.table1 tbody td {
	border-top-color: #4f4643;	/* achieves a 3d effect */
}

/* Cannot figure out where this is */
table.table1 tbody th {
	border-bottom-color: #000000;
	color: #333333;
	background-color: red;
}

/* Cannot figure out where this is */
table.info tbody th {
	color: red;
}

/* Misc layout styles
---------------------------------------- */
/* Used on user profiles */
/* details dt is the detail title */
dl.details dt {
	color: #767676;
}

/* dd is the detail itself, e.g. occupation, joined, last visited... */
dl.details dd {
	color: #a1918d;
}

/* odd name this, but this one seems to colour SOME of the unselected text
inside such dropdowns as the options in the PM section ('move to folder').
Perhaps just the 'move' options are coloured by the sep class */
.sep {
	color: #c07e00;
}

/* Pagination
---------------------------------------- */

/* Pagination styles the little blocks of page numbers
which act as links to the corresponding page of the thread. */

/* Strong = the page currently on */
.pagination span strong {
	color: #ef1100;
	background-color: #671a00;
	border-color: #891d00;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
	color: #891d00; /* Colour is actually taken from the A colour of the theme */
	background-color: #100100;
	border-color: #891d00;	
}

.pagination span a:hover {
	border-color: #9f2a0b;
	background-color: #541200;
	color: #bb2800;
}

/* Pagination in viewforum for multipage topics */
.row .pagination {
	background-image: url("./styles/post-llama/theme/images/icon_pages.gif");
}

.row .pagination span a, li.pagination span a {
	background-color: #3d3737;
}

.row .pagination span a:hover, li.pagination span a:hover {
	background-color: #5d5454;
}

/* Miscellaneous styles
---------------------------------------- */

.copyright {
	color: #544e4e;
}

.error {
	color:#ed0000;
}

.reported {
	background-color: #5d1313;
}

li.reported:hover {
	background-color: #7d1b1b !important;
}
.sticky, .announce {
	/* you can add a background for stickies and announcements*/
	background-image:url("./styles/post-llama/theme/images/announce_bg.png");
	background-position:top left;
	background-repeat:no-repeat;
}

/* This displays with such messages as 'This board is currently disabled' */
/* Will also see this in use if a forum haws 'rules' entered into it's rules text field */
div.rules {
	background-color: #4c0000;
	color: #d80000;
}

/* This is the message that appears inline in posts that have been reported. */
/* It contains a link 'Click to view report'.  So the background must complement link colours */
p.rules {
	background-color:#330000;
	border:1px solid #4c0000;
	background-image: none;
}


/*  	
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */

/*#wrap a:link	{ color: #8ed2ff; }
#wrap a:visited	{ color: #b6e2ff; }*/

#wrap a:link	{ color: #a3776a; }
#wrap a:visited	{ color: #a3776a; }

#wrap a:hover	{ color: #e66700; }
#wrap a:active	{ color: #eb8918; background-color:transparent;}

#wrap .navbar a:link {color: #9d0606;}
#wrap .navbar a:visited {color: #9d0606;}
#wrap .navbar a:hover {color: #b40b0b;}
#wrap .navbar a:active {color: #c81111;}

/* Links on gradient backgrounds */
/* search-box contains the 'advanced search' link as well as the search input field */
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
	color:#e66700;
}

#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
	color:#e66700;
}

#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
	color:#e66700;
}

#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
	color:#eb8918;
	background-color:transparent;
}

/* Links for forum/topic lists */
a.forumtitle {
	color: #60727d;
}

/* a.forumtitle:visited { color: #105289; } */

a.forumtitle:hover {
	color: #80929d;
}

a.forumtitle:active {
	color: #acb9c1;
}

/* These topictitle styles don't seem to get applied */
a.topictitle {
	color: #8ed2ff;
}

a.topictitle:visited { color: #8ed2ff; } 

a.topictitle:hover {
	color: #FFEE9C;
}

a.topictitle:active {
	color: #ffffff;
}

/* Post body links */
.postlink {
	color: #368AD2;
	border-bottom-color: #630000;
}

.postlink:visited {
	color: #5D8FBD;
	border-bottom-color: #500d0d;
}

.postlink:active {
	color: #b3c4db;
}

.postlink:hover {
	background-color: transparent;
	color: #FFFDD6;
}

.signature a, .signature a:visited, .signature a:active, .signature a:hover {
	background-color: transparent;
}

/* Profile links */
/* don't seem to be effected */
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
	color: #FFC02B;
}

.postprofile a:hover, .postprofile dt.author a:hover {
	color: #D19813;
}

/* Profile searchresults */
/* Cannot locate this style */
.search .postprofile a {
	color: red;
}

.search .postprofile a:hover {
	color: red;
}

/* Back to top of page */
a.top {
	background-image: url("./styles/post-llama/imageset/icon_back_top.gif");
}

a.top2 {
	background-image: url("./styles/post-llama/imageset/icon_back_top.gif");
}

/* Arrow links  */
a.up		{ background-image: url("./styles/post-llama/theme/images/arrow_up.gif") }
a.down		{ background-image: url("./styles/post-llama/theme/images/arrow_down.gif") }
a.left		{ background-image: url("./styles/post-llama/theme/images/arrow_left.gif") }
a.right		{ background-image: url("./styles/post-llama/theme/images/arrow_right.gif") }

a.up:hover {
	background-color: transparent;
}

/* Don't seem to be effected */
a.left:hover {
	color: #368AD2;
}

a.right:hover {
	color: #368AD2;
}


/* Added for ninyarr: linklist anchor tags */
/*   In Ninyarr, the navbar just below the H1 title is a colour significantly */
/*   different to the rest of the page, but very similar to the :link colours. */
/*   So this extra section 'linklist' was added to fix this issue. */
   
/*   linklist is used for the list starting 'board index' and the one below starting 'ucp' */
/*   This even covers links down below starting 'board index'.   */

/*
#page-header  .linklist li a:link, #page-footer .linklist li a:link
	{
	color:#bd8748;
	border-style:none;
	}
#page-header .linklist li a:visited, #page-footer .linklist li a:visited
	{
	color:#bd8748;
	border-style:none;	
	}
#page-header .linklist li a:hover, #page-footer .linklist li a:hover
	{
	color:#dfab6d;
	border-style:none;	
	}
#page-header .linklist li a:active, #page-footer .linklist li a:active
	{
	border-style:none;
	color:#efd07c;	
	}*/

/* Ninyarr's ForumBG clashed with standard link colours, and Forum Categories are links, as are Team Member column heads */
/*
#wrap .forumbg th a:link, #wrap .forumbg th a:visited, #wrap .forabg .header a:link, #wrap .forabg .header a:visited
	{
	color:#bd8748;
	border-style:none;
	}
#wrap .forumbg th a:hover, #wrap .forabg .header a:hover
	{
	color:#dfab6d;
	border-style:none;		
	}
#wrap .forumbg th a:active, #wrap .forabg .header a:hover
	{
	border-style:none;
	color:#efd07c;		
	}	
*/
/*  	
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */

/* Behind the list of forums (not topics) */
ul.forums {
	/*background-color: #390c06;*/
	background-color: #1c1a19;
	background-image: url("./styles/post-llama/theme/images/gradient.gif");
}

ul.topiclist li {
	color: #93716e;
}

/* separators of columns in topic list */
ul.topiclist dd {
	border-left-color: #190502;
}

.rtl ul.topiclist dd {
	border-right-color: #fff;
	border-left-color: transparent;
}

ul.topiclist li.row dt a.subforum.read {
	background-image: url("./styles/post-llama/imageset/subforum_read.gif");
}

ul.topiclist li.row dt a.subforum.unread {
	background-image: url("./styles/post-llama/imageset/subforum_unread.gif");
}

/* Nice embossed effect on rows of topics/forums */
li.row {
	border-top-color:  #4a3f3b;
	border-bottom-color: #0b0a0a;
	
	/* Added the left border color for spinal-llama */
	/* border-left-color: #323c4a;
	border-left-width:1px;
	border-left-style:solid;*/
}

/* For such labels on forumlists as 'subforums:' */
li.row strong {
	color: #756965;
}

/* Rows light up when hovered on.  Applies to topiclists and forumlists */
li.row:hover {
	background-color:#453332;
	/* border colouring added for apocolyptic llama as highlight was red on grey */
	border-top-color:  #713833;
	border-bottom-color: #421b17;
}

/* The column separators colour on litup (hovered on) topics/forums */
li.row:hover dd {
	border-left-color: #401511;
}

/* Cannot locate where this is used */
.rtl li.row:hover dd {
	border-right-color: red;
	border-left-color: red;
}

/* Colour of text (which is not a link) above each column, eg 'replies', 'views' */
li.header dt, li.header dd {
	color: #79695f;
}

/* Forum list column styles */
ul.topiclist dd.searchextra {
	color: red;
}

/* Post body styles
----------------------------------------*/
/* Not the actual post.  This colours the text above the content
e.g. 'by Author on date/time' */
.postbody {
	color: #ab2400;
}

/* Content container styles
----------------------------------------*/
/* The words of the author */
.content {
	color: #b5a5a0;
}

/* This appears to be the title of the post itself when looking at the post
and where the title of the UCP page
but doesn't seem to apply this style.
Cannot locate where this styl is used */
.content h2, .panel h2 {
	color: red;
	border-bottom-color:  red;
}

/* Title of each section of FAQs */
dl.faq dt {
	color: #635957;
}

/* Having performed a search, matching words are highlighted in the post
using the posthilit class */
.posthilit {
	background-color: #bc2300;
	color: #ffffff;
}

/* Post signature */
.signature {
	color:#6d6565;
	border-top-color: black;
}

/* Post noticies */
/* CAnnot find where this is used */
.notice {
	border-top-color:  #CCCCCC;
}

/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
	background-color: #413836;
	background-image: url("./styles/post-llama/theme/images/quote.gif");
	border-color:#0f0b0a;
	color:#908380;
}

blockquote blockquote {
	/* Nested quotes */
	background-color:#524946;
}

blockquote blockquote blockquote {
	/* Nested quotes */
	background-color: #635a57;
}

/* Code block */
dl.codebox {
	background-color: #420300;
	border-color: #680500;
}

dl.codebox dt {
	border-bottom-color:  #806d52;
}

dl.codebox code {
	color: #f40b00;
}

.syntaxbg		{ color: #FFE196; }
.syntaxcomment	{ color: #FF8000; }
.syntaxdefault	{ color: #0000BB; }
.syntaxhtml		{ color: #000000; }
.syntaxkeyword	{ color: #007700; }
.syntaxstring	{ color: #DD0000; }

/* Attachments
----------------------------------------*/
.attachbox {
	background-color: #240404;
	border-color:  #510505;
}

.pm-message .attachbox {
	background-color: #240404;
}

/* this colours the line directly under the title 'attachments'
in forum posts with attachments not inline */
.attachbox dd {
	border-top-color: #590303;
}

.attachbox p {
	color: #d20000;
}

.attachbox p.stats {
	color: #d20000;
}

.attach-image img {
	border-color: #6c0000;
}

/* Inline image thumbnails */

/* This is the description beneath an attached file (typically an image ) */
dl.file dd {
	color: #d20000;
}

/* Cannot figure out where these thumbnails are used */
dl.thumbnail img {
	border-color: #851900;
	background-color: #600b00;
}

dl.thumbnail dd {
	color: #dccb87;
}

dl.thumbnail dt a:hover {
	background-color: #e4c687;
}

dl.thumbnail dt a:hover img {
	border-color: #b92c00;
}

/* Post poll styles
----------------------------------------*/

fieldset.polls dl {
	border-top-color: #4f4646;	/* separating lines between each option */
	color: #6f6666;			/* 'Total Votes' and 'No Votes' */
}

fieldset.polls dl.voted {
	color: #a68a88;			/* all those which have votes and how many, e.g. "50%" */
}

/* the number of votes sitting inside the long bar */
fieldset.polls dd div {
	color: black;
}

.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
	border-right-color: transparent;
}

/* This seems to be the lowest scoring bar and others that equal it */
.pollbar1 {
	background-color: #332827;
	border-bottom-color: #010000;
	border-right-color: #1b1010;
}


.rtl .pollbar1 {
	border-left-color: #3c3231;
}

/* ranging one closer to the colour of the winning bar */
.pollbar2 {
	background-color: #4c2420;
	border-bottom-color: #1c0000;
	border-right-color: #340b08;
}

.rtl .pollbar2 {
	border-left-color: #5d2c27;
}

/* ranging one closer to the colour of the winning bar */
.pollbar3 {
	background-color: #711d17;
	border-bottom-color: #430000;
	border-right-color: #5f0300;
}

.rtl .pollbar3 {
	border-left-color: #8d241b;
}

/* ranging one closer to the colour of the winning bar */
.pollbar4 {
	background-color: #95170d;
	border-bottom-color: #730000;
	border-right-color: #8d0000;
}

.rtl .pollbar4 {
	border-left-color: #bc1b0f;
}

/* Seems to be the bar belonging to the winning option */
.pollbar5 {
	background-color: #bf0f02;
	border-bottom-color: #a50000;
	border-right-color: #b70000;
}

.rtl .pollbar5 {
	border-left-color: #e91202;
}

/* Poster profile block
----------------------------------------*/
.postprofile {
	color: #6f6363;
	border-left-color: #403838;
}

.rtl .postprofile {
	border-right-color: #685b5b;
	border-left-color: transparent;
}

.pm .postprofile {
	border-left-color: #403838;
}

.rtl .pm .postprofile {
	border-right-color: #DDDDDD;
	border-left-color: transparent;
}

/* label for each data item, 'Joined:' and 'Location:' */

.postprofile strong {
	color: #8b8080;
}

.online {
	background-image: url("./styles/post-llama/imageset/en/icon_user_online.gif");
}

/*  	
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */

.buttons div a:active, .buttons a:focus
	{
	background-color:transparent;
	}
	
/* Big button images */
.reply-icon, .reply-icon a			{ background-image: url("./styles/post-llama/imageset/en/button_topic_reply.gif"); }
.post-icon, .post-icon a				{ background-image: url("./styles/post-llama/imageset/en/button_topic_new.gif") ;}
.locked-icon, .locked-icon a			{ background-image: url("./styles/post-llama/imageset/en/button_topic_locked.gif"); }
.pmreply-icon, .pmreply-icon a		{ background-image: url("./styles/post-llama/imageset/en/button_pm_reply.gif") ;}
.newpm-icon, .newpm-icon a			{ background-image: url("./styles/post-llama/imageset/en/button_pm_new.gif") ;}
.forwardpm-icon, .forwardpm-icon a 	{ background-image: url("./styles/post-llama/imageset/en/button_pm_forward.gif") ;}

a.print {
	background-image: url("./styles/post-llama/theme/images/icon_print.gif");
}

a.sendemail {
	background-image: url("./styles/post-llama/theme/images/icon_sendemail.gif");
}

a.fontsize {
	background-image: url("./styles/post-llama/theme/images/icon_fontsize.gif");
}

/* Icon images
---------------------------------------- */
.sitehome						{ background-image: url("./styles/post-llama/theme/images/icon_home.gif"); }
.icon-faq						{ background-image: url("./styles/post-llama/theme/images/icon_faq.gif"); }
.icon-members					{ background-image: url("./styles/post-llama/theme/images/icon_members.gif"); }
.icon-home						{ background-image: url("./styles/post-llama/theme/images/icon_home.gif"); }
.icon-ucp						{ background-image: url("./styles/post-llama/theme/images/icon_ucp.gif"); }
.icon-register					{ background-image: url("./styles/post-llama/theme/images/icon_register.gif"); }
.icon-logout					{ background-image: url("./styles/post-llama/theme/images/icon_logout.gif"); }
.icon-bookmark					{ background-image: url("./styles/post-llama/theme/images/icon_bookmark.gif"); }
.icon-bump						{ background-image: url("./styles/post-llama/theme/images/icon_bump.gif"); }
.icon-subscribe					{ background-image: url("./styles/post-llama/theme/images/icon_subscribe.gif"); }
.icon-unsubscribe				{ background-image: url("./styles/post-llama/theme/images/icon_unsubscribe.gif"); }
.icon-pages						{ background-image: url("./styles/post-llama/theme/images/icon_pages.gif"); }
.icon-search					{ background-image: url("./styles/post-llama/theme/images/icon_search.gif"); }

/* Profile & navigation icons */
.email-icon, .email-icon a		{ background-image: url("./styles/post-llama/imageset/icon_contact_email.gif"); }
.aim-icon, .aim-icon a			{ background-image: url("./styles/post-llama/imageset/icon_contact_aim.gif"); }
.yahoo-icon, .yahoo-icon a		{ background-image: url("./styles/post-llama/imageset/icon_contact_yahoo.gif"); }
.web-icon, .web-icon a			{ background-image: url("./styles/post-llama/imageset/icon_contact_www.gif"); }
.msnm-icon, .msnm-icon a			{ background-image: url("./styles/post-llama/imageset/icon_contact_msnm.gif"); }
.icq-icon, .icq-icon a			{ background-image: url("./styles/post-llama/imageset/icon_contact_icq.gif"); }
.jabber-icon, .jabber-icon a		{ background-image: url("./styles/post-llama/imageset/icon_contact_jabber.gif"); }
.pm-icon, .pm-icon a				{ background-image: url("./styles/post-llama/imageset/en/icon_contact_pm.gif"); }
.quote-icon, .quote-icon a		{ background-image: url("./styles/post-llama/imageset/en/icon_post_quote.gif"); }

/* Moderator icons */
.report-icon, .report-icon a		{ background-image: url("./styles/post-llama/imageset/icon_post_report.gif"); }
.edit-icon, .edit-icon a			{ background-image: url("./styles/post-llama/imageset/en/icon_post_edit.gif"); }
.delete-icon, .delete-icon a		{ background-image: url("./styles/post-llama/imageset/icon_post_delete.gif"); }
.info-icon, .info-icon a			{ background-image: url("./styles/post-llama/imageset/icon_post_info.gif"); }
.warn-icon, .warn-icon a			{ background-image: url("./styles/post-llama/imageset/icon_user_warn.gif"); } /* Need updated warn icon */

/*  	
--------------------------------------------------------------
Colours and backgrounds for cp.css
-------------------------------------------------------------- */

/* Main CP box
----------------------------------------*/

/* An example of this style is the line under 'Important Announcements' on Front Page of CP */
#cp-main h3, #cp-main hr, #cp-menu hr {
	border-color: #68502f;
}

/* emboss effect on such things as the individual rows of important announcements 
Attachments is another page to check this out on */
#cp-main .panel li.row {
	border-top-color:  #4b423f;
	border-bottom-color: #1b1615;
}

/* Runs under column headers just on top of whole list of things like attachments */
ul.cplist {
	border-top-color: black;
}

/* An example - on attachments page, see the column label 'Mark', on MCP, see 'latest 5 reports' column headers */
#cp-main .panel li.header dd, #cp-main .panel li.header dt {
	color: #452f0f;
}

/* An example of this style is on the MCP 'latest 5 logged actions' table */
#cp-main table.table1 thead th {
	color: #473418;
	border-bottom-color: #473418;
}

/* Cannot locate where this is used */
#cp-main .pm-message {
	border-color: red;
	background-color: red;
}

/* CP tabbed menu
----------------------------------------*/
#tabs a {
	background-image: url("./styles/post-llama/theme/images/bg_tabs1.gif");
}

#tabs a span {
	background-image: url("./styles/post-llama/theme/images/bg_tabs2.gif");
	color: #944747;
}

#tabs a:hover span {
	color: #c2a668;
	text-decoration:underline;
}

#tabs .activetab a {
	border-bottom-color: #460000;
}

#tabs .activetab a span {
	color: #e8cf58;
}

#tabs .activetab a:hover span {
	color: #f6df73;
}

/* Mini tabbed menu used in MCP
----------------------------------------*/

/* Cannot seem to find where the minitabs are used! */
#minitabs li {
	background-color: #333e4d;
}

#minitabs li.activetab {
	background-color: #565d67;
}

#minitabs li.activetab a, #minitabs li.activetab a:hover {
	color: #b2bac5;
}

/* UCP navigation menu
----------------------------------------*/

/* Link styles for the sub-section links */
#navigation a:link, #navigation a:visited {
	border-style:none;
	color: #4d4a49;
	background-color: #040404;
	background-image: url("./styles/post-llama/theme/images/bg_menu.gif");
}

#navigation a:hover {
	background-color: #1b1917;
	color: #6a635f;
	text-decoration:underline;
	background-image: none;
}

#navigation #active-subsection a {
	color: #ba1f00;
	background-color: #1d1a18;
	background-image: none;
}

#navigation #active-subsection a:hover {
	color: #ba1f00;
}

/* Preferences pane layout
----------------------------------------*/
/* I think these styles apply to the active 'pane' in a CP */

/* This is the title of the active pane */
#cp-main h2 {
	color: #5b4f4a;
}

/* Background of UCP */
#cp-main .panel {
	background-color: #1d1a18;
}

/* BG of PM messages */
#cp-main .pm {
	background-color: #1d1a18;
}

#cp-main span.corners-top, #cp-menu span.corners-top {
	background-image: url("./styles/post-llama/theme/images/corners_left2.gif");
}

#cp-main span.corners-top span, #cp-menu span.corners-top span {
	background-image: url("./styles/post-llama/theme/images/corners_right2.gif");
}

#cp-main span.corners-bottom, #cp-menu span.corners-bottom {
	background-image: url("./styles/post-llama/theme/images/corners_left2.gif");
}

#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
	background-image: url("./styles/post-llama/theme/images/corners_right2.gif");
}

/* Topicreview */
#cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
	background-image: url("./styles/post-llama/theme/images/corners_left.gif");
}

#cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
	background-image: url("./styles/post-llama/theme/images/corners_right.gif");
}

#cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
	background-image: url("./styles/post-llama/theme/images/corners_left.gif");
}

#cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
	background-image: url("./styles/post-llama/theme/images/corners_right.gif");
}

/* Friends list */
.cp-mini {
	background-color: #463c39;
}

dl.mini dt {
	color: #d3c059;
}

/* PM Styles
----------------------------------------*/
/* PM Message history */
.current {
	color: #999999 !important;
}

/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
	border-left-color: #ff005a;
	border-right-color: #ff005a;
}

.pmlist li.pm_marked_colour, .pm_marked_colour {
	border-color: #ffffff;
}

.pmlist li.pm_replied_colour, .pm_replied_colour {
	border-color: #cacaca;
}

.pmlist li.pm_friend_colour, .pm_friend_colour {
	border-color: #00fff0;
}

pmlist li.pm_foe_colour, .pm_foe_colour {
	border-color: #ff3000;
}

/* Avatar gallery */
#gallery label {
	background-color: #B05B00;
	border-color: #9C410C;
}

#gallery label:hover {
	background-color: #C2691B;
}

/*  	
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */
/* An example of Forms can be seen under the large textarea when making or
editting a post - 'Disable BBCode', 'Disable Smilies' etc. */
/* Beware that fieldset also applies to such things as 'Display posts from previous' under threads */

/* General form styles
----------------------------------------*/
select {
	border-color:black #581b00 #581b00 #2d0e00;
	background-color:black;
	background-image:url(".styles/post-llama/theme/.styles/post-llama/theme/images/lsbg2.gif");
}

/* Labels each field, e.g. on the 'edit profile' screen??? */
label, #cp-main label {
	color: #756e6a;
}
/* Labels each field, e.g. on the 'edit profile' screen */
.bg3 label
	{
	color:#756e6a;
	}



option.disabled-option {
	color: #715c3e;
}

/* Definition list layout for forms
---------------------------------------- */
/* an example of this is the birthday 'Day/Month/Year' labels on edit profile */
dd label {
	color: #756e6a;
}

/* Hover effects */
fieldset dl:hover dt label {
	color: #b89792;
}

/* Added for ninyarr as the above label colour settings seems to override hover colours */
#cp-main fieldset dl:hover dt label {
	color: #b89792;
}

fieldset.fields2 dl:hover dt label {
	color: inherit;
}

/* Quick-login on index page */
/* This is at the bottom.  I've used the same BG as the search box up top */
fieldset.quick-login input.inputbox {
	background-color: #140000;
}


/* Posting page styles
----------------------------------------*/

#message-box textarea {
		/*background-image:url(".styles/post-llama/theme/.styles/post-llama/theme/images/lsbg2.gif");
		background-color:black;
		border-color:black #581b00 #581b00 #2d0e00;*/
		color:#da3800;
		}	

/* Input field styles
---------------------------------------- */
#wrap input, #wrap textarea, #wrap select
{
/*background-image:none;*/
}
/* Thankfully these override the css.css of llamalan's core.
This is good because the BG colours on the forums may differ slightly
to those on the rest of the site */
.inputbox {
	/*background-image:url(".styles/post-llama/theme/.styles/post-llama/theme/images/lsbg2.gif");*/
	background-image:none;
	background-color:black;
	border-color:black #581b00 #581b00 #2d0e00;
	color:#a21700;
}

.inputbox:hover {
	border-color:#1a0800 #6c2100 #692000 #3e1300;
	background-color:#170400;
	color:#c53300;
}

.inputbox:focus, .inputbox:active {
	border-color:#1a0800 #6c2100 #692000 #3e1300;
	background-color:#170400;
	color: #da3800;
}

/* Form button styles
---------------------------------------- */

a.button1, input.button1, input.button3, a.button2, input.button2 {
	color: #f4b86b;
	background-color: #800700;
	background-image: url("./styles/post-llama/theme/images/bg_button.gif");
}

a.button1, input.button1 {
	border-color: #a01400;
}

input.button3 {
	background-image: none;
}

/* Alternative button */
/* Input button2 is used on the little search button in the search section up top */
a.button2, input.button2, input.button3 {
	border-color: #a01400;
}

/* <a> button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
	color: #f4b86b;
}

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	border-color: #cfa84c;
	color: #ffcc51;
}

/* This will put the magnifying glass and set the proper colour to match the bg of this image
for both the top search field and the one alongside POST REPLY */
input.search {
	background-image: url("./styles/post-llama/theme/images/icon_textbox_search.gif");
}

/* Because of the site style setting animated background-images in some styles
the magnifying glass may disappear without this hover style setting */
input.search:active {
	background-image: url("./styles/post-llama/theme/images/icon_textbox_search.gif");
}

input.disabled {
	color: #745528;
}
/* Copyright 2007 (c) Tim Hull & Matthew Ainge */
	
	/* The sections in this css: */

	/* Special for THIS THEME */
	/* GENERIC CLASSES used throughout */
	/* STANDARD COLOURS */	
	/* STANDARD HTML markup */	
	/* BANNER CONFIGURATION */
	/* BANNER ADVERT */
	/* NAVIGATION BARS */
	/* SIDE FLOATY MENUS */
	/* IMAGE LINK STYLES FOR LEFTMENU AND MAIN ARTICLE SECTIONS */
	/* MAIN ARTICLE SECTION */
	/* ARTICLE DIVS */
	/* NEWS HEADINGS */
	/* GALLERY */
	/* COMMENTS */
	/* SIBLING NAVIGATION */
	/* EVENTS DATA */
	/* FOOTERS */
	/* FORUM SPECIFIC */
	/* GOLEM NO NOT WOT DIS LOT DOES*/	
	/* EXPERIMENTAL */
	/* ADMIN PAGES STUFF */	
	/* ADMIN TABS */
	/* TOURNAMENT TREE LAYOUT */
	/* AT LAN PAGE */
	/* TEAMS */

/* ------------------------------------------------------- */	
/* Special for THIS THEME */
	#pageCorner
		{
		/*position:absolute;
		z-index:999;
		bottom:-1px;
		right:-1px;
		width:99px;
		height:47px;
		background-image:url("./styles/post-llama/theme/images/main-corner-br3.png");
		background-repeat:no-repeat;
		background-position:top left;*/
		display:none;
		}


/* ------------------------------------------------------- */	
/* GENERIC CLASSES used throughout */
	.nb
		{
		white-space: nowrap;
		}
	h3.admin
		{
		float:left;
		}
	hr
		{
		border-style:none;
		background-color:transparent;
		height:35px;
		width:auto;
		margin:0px;
		/*background-image:url("./styles/post-llama/theme/images/hr.png");
		background-position:center center;
		background-repeat:no-repeat;*/
		}

/* STANDARD COLOURS */
	/* TEXT COLOUR */
	body, .bannerad, .maintext, .adminTabs table, a.adminPages, #bigTeamSummary h1, #bigTeamSummary h2, .tournamentPlayer,
	.BlogText, .roundLabel
		{
		color:#d1c6c1;
		}
	
	/*Brighter text*/
	.tournamentPlayerContainerNew .tournamentPlayer
		{
		color:#f3ece0;
		}
	
	/* NAV BAR COLOURS */
	div#topLinkContent, div#breadcrumbs, .tournamentPlayer, .scrollArrowLeft, .scrollArrowRight
		{
		background-color:#281f13;
		/*background-image:url("./styles/post-llama/theme/images/linkbar-bg.gif");*/
		border-color:#af9640 #18120b #0a0805 #4a3d1e;
		}
		
	/* BLOCK COLOUR 1 */
	.bannerad, .maintext h1, .maintext h2, .maintext h3, .maintext h4, .maintext h5, .maintext h6, 
	.maintext h7, div.newsHeader, div.navigation, div.upComingEvent, div.previousEvent, div.UserNameList,
	div#countdown table, .ExtraData table td, .Overview-Team, .Paid, .Unpaid, .unpaid, .Spectators
		{
		background-color:#38342e;
	/*	background-image:url("./styles/post-llama/theme/images/maintext-bg2.jpg");
		background-repeat:repeat; */
		border-color:#000;
		color:#fffde5;
		}
		
	/* BLOCK COLOUR 2 */
	div.newsHeader h3, div.article_info_left, #bigTeamSummary
		{
		background-color:#020202;
		color:#fff;
		}
	div.newsHeader img, .tournamentPlayerContainerNew .tournamentPlayer
		{
		border-color:#020202;
		background-color:#020202;
		}
	
	/* BLOCK COLOUR 3 */
	/* Borrowed from forabg */
	/* This is only slightly darker than BLOCK COLOUR 1 */
	.CommentUser, .CommentBody, .CommentList hr
		{		
		background-color:#2a2722;
		}
	.CommentUser
		{
		color:red;		
		}
	
		
	/* BLOCK COLOUR 4 (darker */
	.unloved, div.article_info_left a, .adminPages, div.siblingnavigation, div.gallery_image, div.detailsTable div.label, 
	.detailsTable table, div.adminTabPages, #UserDetails, #UserClans, #UserGames, .tournamentRound td,
	.upload_thumb
	
		{
		/*background-color:#45433d;*/
		background-color:#110f0c;
		border-color:black;
		}

		
/* STANDARD HTML markup */
	* html body
		{
		height:100%;
		}
	body
		{
		margin:0px;
		border-width:0px;
		padding:5px;
		background-color:#101010;
		font-family:"Lucida Sans Unicode", helvetica, arial, sans-serif;
		font-size:.8em;
		background-image:url("./styles/post-llama/theme/images/body-bg.jpg");
		/* height:95%;  this is to extend the vein bg all the way regardless of content length */
		}
	h1, h2, h3, h4, h5, h6, h7
		{
		margin-top:0px;
		margin-bottom:15px;
		}
		
	input, select, textarea
		{
		font-family:"Lucida Console", "Lucida Sans Unicode","Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
		font-weight:normal;
		background-image:url("./styles/post-llama/theme/images/lsbg2.gif");
		background-color:black;
		border-color:black #581b00 #581b00 #2d0e00;
		border-style:solid;
		border-width:1px;
		color: #ff8a08;
		padding:2px;
		}

	input:hover , select:hover , textarea:hover 
		{
		border-color:#1a0800 #6c2100 #692000 #3e1300;
		background-color:#170400;
		/*color:#c53300;*/
		}

	input:focus , select:focus , textarea:focus 
		{
		border-color:#1a0800 #6c2100 #692000 #3e1300;
		background-color:#170400;
		/*color: #da3800;*/
		/*background-image:none;*/
		}
	input, select
		{	
		font-size:1em;	
		}
	textarea
		{
		font-size:1em;
		}		
	ul
		{
		list-style-type:square;
		list-style-image:url("./styles/post-llama/theme/images/bullet.gif");
		}
	#UserDetails input
		{
		width:200px;
		}		
		
/* ------------------------------------------------------------------------------------*/
/* BANNER CONFIGURATION */
	/* THE SWITCH  */
	/* The overheating switch; i.e., the lan record, with (log)on/off button */
		/* 'switch' is an image, providing backdrop to the 'switchdisplay' div */
		#switch
			{
			position:absolute;
			z-index:8;
			top:21px;
			right:70px;
			}
		/* This is the actual div containing the on/off button and LAN LED array */
		div#switchdisplay
			{
			font-size:3px;
			color:#ffffff;
			height:24px;
			width:122px;
			background-color:transparent;
			position:absolute;
			z-index:11;
			top:36px;
			right:102px;
			}
		/* Designed to show a red button on the switch when the user is not authenticated with the site */
		#unregistered
			{
			margin-top:4px;
			margin-left:7px;
			float:left;
			background-color:#ff0000;
			border:2px solid #BB0000;
			height:5px;
			width:5px;
			color:#ff0000;
			}
		/* Designed to show a green button on the switch when the user is logged in */
		#registered
			{
			margin-top:4px;
			margin-left:7px;
			float:left;
			background-color:#00ff00;
			border:2px solid #00BB00;
			height:5px;
			width:5px;
			color:#00ff00;
			}
		/* So that a good number of LEDs can be injected onto the switch display, */
		/* lanledarray is a specificly sized box for these LEDs to float about on. */
		div#lanledarray
			{
			float:right;
			height:24px;
			width:80px;
			}
		/* Each of the LEDs is an image of varying styles, depending on the events attended. */			
		div#lanledarray img
			{
			height:5px;
			width:5px;
			padding:0px;
			margin:1px;
			border-style:none;
			float:left;
			}	
	/* Switch Complete */			
	
	/* The 'title' div contains the lettering of LLAMALAN */		
	div#title
		{
		height:116px;
		padding:0px 0px 0px 0px;
		overflow:hidden;
		position:absolute;
		top:66px;
		left:200px;
		z-index:3;
		/*background-image:url("./styles/post-llama/theme/images/banner-bg.gif");
		background-position:top left;
		background-repeat:repeat-x;*/
		}
	/* img.title class removes any spacing - important for the letters of LLAMALAN */	
	img.title
		{
		padding:0px;
		border:0px;
		margin:0px;
		}
	/* Banner div does not hold the other elements of the banner, it provides the backdrop */
	/* The Banner div also positions the rest of the screen elements properly as it is not absolutely positioned*/
	div#banner
		{
		position:relative;
		z-index:1;
		height:183px;
		margin:0px 48px 0px 75px;
		top:0px;
		left:0px;
		background-image:url("./styles/post-llama/theme/images/banner-bg.png");
		background-position:135px 0px;
		background-repeat:repeat-x;
		vertical-align:middle;
		}		
	/* Llama Shadow Head */
	img#bannerleft
		{
		position:absolute;
		top:5px;
		left:0px;
		z-index:4;
		padding:0px;
		margin:0px;
		border:0px;
		}
	/* Llama Shadow Butt */	
	img#bannerright
		{
		position:absolute;
		top:4px;
		right:0px;
		z-index:4;
		padding:0px;
		margin:0px;
		border:0px;
		}
	/* Big llamalan logo: above the mouth */	
	img#bannerllama
		{
		position:absolute;
		top:5px;
		left:81px;
		z-index:10;
		padding:0px;
		margin:0px;
		border:0px;
		}
	/* Big llamalan logo: the mouth.  It is split so the user can click Home, */
	/* otherwise image would overlay most of the 'home' link */
	img#bannerllama2
		{
		position:absolute;
		top:203px;
		left:81px;
		z-index:10;
		padding:0px;
		margin:0px;
		border:0px;
		}
	/* The currenlanpic image is a foregleam of the event to come */
	/* It sits on the far right of the banner backdrop */
	/* And may be slightly transparent */
	img#currentlanpic
		{
		position:absolute;
		z-index:2;
		top:66px;
		right:50px;
		height:117px;
		/*filter: alpha(opacity=75);
		opacity:0.75;
		-moz-opacity: 0.75;*/
		}
	/* Countdown ticks away overlaid on the currentlanpic image */
	
	div#countdown
		{
		position:absolute;
		z-index:3;
		top:160px;
		right:60px;
		filter: alpha(opacity=75);
		opacity:0.75;
		-moz-opacity: 0.75;		
		}
	div#countdown table
		{
		/*border-color:#999999;*/
		border-width:1px;
		border-style:solid;
		font-size:0.8em;
		font-weight:bold;
	/*	color:#8ea8bf;*/
		}
/* ------------------------------------------------------------------------------------*/
/* BANNER ADVERT */
	/* When an event is coming up, the event's banner appears at the top of key pages */
	.bannerad
		{
		text-align:center;
		overflow:hidden;
		font-family:arial, helvetica, "sans-serif";
		font-size:1.8em;
		font-weight:900;
		/*margin:0px 182px 0px 250px;*/
		margin:0px 139px 15px 190px;
		border-width:1px;
		border-style:solid;
		position:relative;
		background-image:url("./styles/post-llama/theme/images/bannerad-bg.gif");
		background-position:center -70px;
		z-index:1;
		white-space:nowrap;
		}
	.bannerad img
		{
		vertical-align:middle;
		/*border:3px solid #8aa2bb;*/
		}
	.bannerad a:link img, .bannerad a:visited img
		{
		filter: alpha(opacity=80);
		opacity:0.8;
		-moz-opacity: 0.8;
		}
	 .bannerad a:hover img
		{
		filter: alpha(opacity=90);
		opacity:.9;
		-moz-opacity: .9;
		}
	.bannerad a:active img
		{
		filter: alpha(opacity=100);
		opacity:1.0;
		-moz-opacity: 1.0;
		}		


/* ------------------------------------------------------------------------------------*/
/* NAVIGATION BARS */
	/* The toplinks division contains the main section link division, not the links themselves */
	div#toplinks, div.toplinks
		{
		padding:0px;
		border-width:0px;
		position:relative;
		top:0px;
		overflow:hidden;
		z-index:8;
		}
	div.navbarleft
		{
		z-index:9;
		width:67px;
		height:40px;
		border:0px;
		padding:0px;
		position:absolute;
		bottom:2px;
		background-image:url("./styles/post-llama/theme/images/navbar-left.gif");
		background-repeat:no-repeat;
		background-position:bottom right;
		}
	div.navbarright
		{
		z-index:9;
		width:49px;
		height:40px;
		border:0px;
		padding:0px;
		position:absolute;
		bottom:2px;
		right:0px;
		background-image:url("./styles/post-llama/theme/images/navbar-right.gif");
		background-repeat:no-repeat;
		background-position:bottom left;
		}		
	/* The div inside the toplinks division holds links to each main section */		
	/* The div inside the toplinks division holds links to each main section */		
	#topLinkContent
		{
		z-index:5;
		position:relative;
		
		letter-spacing:0px;
		text-transform:uppercase;
		font-weight:900;
		font-family:"Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
		/*"Palatino Linotype", "Times New Roman", roman, serif;*/
		font-variant:small-caps;
		font-size:13px;
		
		vertical-align:baseline;
		padding:8px 2px 10px 123px;
				
		border-width:1px 0px 0px 0px;
		border-style:solid;
		margin:0px 49px 2px 67px;		
		}
	#topLinkContent a
		{
		margin-right:10px;
		text-decoration:none;
		border-style:none;
		color:#c59643;
		text-shadow: #594927 0px 0px 5px;
		}
	#topLinkContent a:hover
		{
		text-decoration:none;
		border-style:none;
		color:#ffe57d;
		text-shadow: #ffc53b 0px 0px 8px;
		}
	#topLinkContent a:active
		{
		text-decoration:none;
		border-style:none;
		color:#fff8dc;
		outline:none;
		text-shadow: #ffe167 0px 0px 8px;
		}
		
	/* The breadcrumbs division holds the breadcrumbscontent division*/
	div#breadcrumbs
		{
		border-style:solid;
		border-width:0px 1px 1px 1px;
		background-image:url("./styles/post-llama/theme/images/linkbarshadow-bg.gif");
		background-position:top left;
		background-repeat:repeat-x;
		margin:0px 5px 2px 5px;
		padding:1px 0px 0px 0px;
		color:#6c645a;
		position:relative;
		overflow:hidden;
		font-variant:small-caps;
		font-family:verdana,sans-serif;
		}
	#breadcrumbs a
		{
		color:#922700;
		text-decoration:none;
		border-style:none;
		}
	#breadcrumbs a:hover
		{
		color:#ae2f00;
		border-style:none;
		}
	#breadcrumbs a:active
		{
		color:#e88300;
		background-color:#4c1d00;
		outline:none;
		border-style:none;
		}
	
	/* breadcrumbsContent holds the text and links, spacing them properly from the edge of the backdrop */
	div#breadcrumbsContent
		{
		padding:0px 2px 0px 185px;
		}		

/* ------------------------------------------------------------------------------------*/
/* SIDE FLOATY MENUS */
	/* The leftmenu class floats all the menu windows off to the left of the main articles */
	div.leftmenu
		{
		margin:1px 3px 3px 0px;
		position:absolute;
		top:0px;
		left:5px;
		}
		
	/* Nasty IE ignore overflow:auto if the same element hasn't got a fixed width, regardless */
	/* of its parent's attributes.  So, fix the width of both menu containers and window1s here */
	/* window1 is 2px less than the containing left/rightmenu */
	
	div.leftmenu
		{
		width:180px;
		}
	div.leftmenu .window1
		{
		width:178px;
		}
	div.rightmenu
		{
		width:130px;
		}
	div.rightmenu .window1
		{
		width:128px;
		background-position:-14px 0px;
		}		
	div.rightmenu
		{
		margin:1px 0px 3px 3px;
		position:absolute;
		top:0px;
		right:5px;
		}
	h6.data img, h6.data a img, .window1text img, .window1text a img
		{
		border:1px solid green;
		max-width:90%;
		width:expression(this.width<95 ? "auto" : "95px");
		/* IE ONLY.  This reduces images to a set width if it is longer.  */
		/* NOTE: if the condition is <=, IE will take up 100% CPU and crash. */
		/*       this is cos it loops.  It would set the width to the max and that would meet the */
		/* 	   requirements to set its width to 'auto'. */
		}
		
	/* DAMN FREAKIN BLEEDIN INTERNET EXCRUCIATING EGG-SPLAT-WORTHY PIECE OF..!!!!! */
	* html div.rightmenu
		{
		right:9px;
		}

	/* Windowcontent holds each window and each window's neon tube */
	div.windowcontent
		{
		position: relative;
		z-index: 0;
		margin:0px 0px 5px 0px;
		background-image:none;
		}
	/* The window1light class sorts out the neon tube positioning inside each windowcontent division */
	.window1light
		{
		position: absolute;
		top: 0px;
		left: -20px;
		z-index: 15;
		}
	/* The Window1 class styles each box in the leftmenu */
	div.window1
		{
		background-image: url("./styles/post-llama/theme/images/lsbg2.gif");
		background-position:top left;
		background-color:#1a0d00;
		border-style:solid;
		border-width:1px;
		border-color:black;
		overflow:auto;
		}
	/* Hovering over each box changes the background and lightens the border slightly */
	div.window1:hover
		{
		border-color:black;
		background-color:#1a0d00;
		}
	/* Moved background change to overlaying window div so there is no visible flash */
	/* Plus there are improved possibilities with this method */
	div.window1text:hover
		{
		background-image: url("./styles/post-llama/theme/images/lsbg2a.gif");
		background-position:top left;
		background-repeat:repeat;		
		}
		
	div.leftmenu div.window1:hover
		{
		background-position:top left;
		}		
	div.rightmenu div.window1:hover
		{
		background-position:0px 0px;
		}
	/* Window1text contains all content for each window. */		
	/* H5 is used as each box title */
	.window1text h5
		{
		font-family:"Lucida Sans Unicode","Palatino Linotype", "times new roman", roman, serif;
		font-size:1em;
		font-variant:small-caps;
		text-transform:uppercase;		
		letter-spacing:0em;
		color:#a79284;
		text-align:center;
		text-shadow:black 1px 1px 1px;
		
		background-color:#3c2c29;
		background-image:url("./styles/post-llama/theme/images/window1-h5-bg.gif");
		background-position:top left;
		background-repeat:no-repeat;
		
		border-width:0px 1px 1px 0px;
		border-style:solid;
		border-color:#333232 #4d433d;
		
		margin:4px;
		}
	/* H6 is used as links etc inside each window on the leftmenu */
	.window1text h6, .window1text div
		{
		font-family:arial, "sans-serif";
		color:#ff8a08;
		text-shadow:#7b5326 0px 0px 5px;
		}
	/* leftmenu window anchors formatting */
	.windowcontent a
		{
		font-weight:normal;
		border-style:none;
		}
	.windowcontent a:link, .windowcontent a:visited
		{
		color:#ffa200;
		border-style:none none dotted none;
		border-width:1px;
		border-color:#864a00;
		}		
	.windowcontent a:hover
		{
		color:#ffc619;
		border-style:none none solid none;
		border-color:#864a00;
		}
	.windowcontent a:active
		{
		color:#ffd659;
		background-color:#631300;
		border-style:none none solid none;
		border-color:#864a00;
		}
	

/* ------------------------------------------------------------------------------------*/
/* IMAGE LINK STYLES FOR LEFTMENU AND MAIN ARTICLE SECTIONS */
	/* Image links inside the articles and the windows on the left side will use transparency effects */
	/* The transparency effects will only be applied to images inside anchor tags */
	.maintext a:link img, .window1 a:link img
		{
		filter: alpha(opacity=80);
		opacity:0.8;
		-moz-opacity: 0.8;
		border:0px;
		}
	.maintext a:visited img, .window1 a:visited img
		{
		filter: alpha(opacity=65);
		opacity:0.75;
		-moz-opacity: 0.75;
		border:0px;
		}	
	.maintext a:hover img, .window1 a:hover img
		{
		filter: alpha(opacity=90);
		opacity:.9;
		-moz-opacity: .9;
		border:0px;
		}
	.maintext a:active img, .window1 a:active img
		{
		filter: alpha(opacity=100);
		opacity:1.0;
		-moz-opacity: 1.0;
		border:0px;
		}


/* ------------------------------------------------------------------------------------*/
/* MAIN ARTICLE SECTION */
	
	/* The main division sits immediately beneath the breadcrumbs division */
	div#main
		{
		position:relative;
		min-width:960px;
		}

	/* Hides from IE-mac \*/
	* html .maintext 
		{
		/* Stops the admin user boxes flying off the right-hand side */
		/* http://www.positioniseverything.net/explorer/escape-floats.html */		
		height: 1%; 
		}
	/* End hide from IE-mac */
	
	/* The maintext class of division is for the articles, galleries, homepage content, etc. */
	/* Headings configuration h1 - h7 */
	.maintext h1, .maintext h2, .maintext h3, .maintext h4, .maintext h5, .maintext h6, .maintext h7
		{
		letter-spacing:0em;
/*		text-transform:capitalize;*/
		
		font-weight:normal;
		font-variant:small-caps;
		font-family:Verdana, Helvetica, Arial, sans-serif;

		border-width:3px;
		border-style:double;
		
		/*background-image:url("./styles/post-llama/theme/images/headings.png");
		background-position:bottom right;
		background-repeat:no-repeat;*/
		
		padding:1px 3px;
		}
	.maintext h1, .maintext h2
		{
		text-shadow: #fffde5 0px 0px 8px;
		}
	.maintext #wrap h2, .maintext #wrap h3, .maintext #wrap h4, .maintext #wrap h5
		{
		text-shadow: none;
		}
	.eventList h1, .eventList h2, .eventList h3, .eventList h4, .eventList h5, .eventList h6, .eventList h7,
	.detailsTable h1, .detailsTable h2, .detailsTable h3, .detailsTable h4, .detailsTable h5, .detailsTable h6, .detailsTable h7
		{
		border-width:0px;
		background-color:transparent;
		}
	.maintext h1
		{
		font-size:2em;
		}
	.maintext h2
		{
		font-size:1.8em;
		}
	.maintext h3
		{
		font-size:1.6em;
		}
	.maintext h4
		{
		font-size:1.4em;
		}
	.maintext h5
		{
		font-size:1.2em;
		}
	.maintext h6
		{
		font-size:1em;
		}
	/* maintext contains the 'article' division, providing the backdrop and spacing */
	div.maintext
		{
		font-family:"Trebuchet MS", helvetica, arial, sans-serif;
		background-color:#272420;
		margin:0px 139px 15px 190px;
		padding:7px;
		border-width:1px;
		border-style:solid;
		border-color:#000;
		position:relative;		
		background-image:url("./styles/post-llama/theme/images/main-corner-br3.png");
	/*	background-image:url("./styles/post-llama/theme/images/maintext-bg1.jpg"); */
		background-position:bottom right;
		background-repeat:no-repeat;		
		z-index:1;
		}
	/*div.maintext img
		{
		max-width:100%;
		width:expression(this.width<525 ? "auto" : "525px");
		/* IE ONLY.  This reduces images to a set width if it is longer.  */
		/* NOTE: if the condition is <=, IE will take up 100% CPU and crash. */
		/*       this is cos it loops.  It would set the width to the max and that would meet the */
		/* 	   requirements to set its width to 'auto'. */
    	/*	}*/
	/* this breaks google maps, replaced with the following: */
	div.gallery_image img
		{
		max-width:100%;
		width:expression(this.width<525 ? "auto" : "525px");
		/* IE ONLY.  This reduces images to a set width if it is longer.  */
		/* NOTE: if the condition is <=, IE will take up 100% CPU and crash. */
		/*       this is cos it loops.  It would set the width to the max and that would meet the */
		/* 	   requirements to set its width to 'auto'. */
    		}
td.bodyline img
	{
	max-width:none;
	}    	
	div.maintext p
		{
		font-size:0.9em;
		/*font-family:"trebuchet ms", arial, helvetica, "sans-serif";*/
		}		
	/* Mostly, the styling of forms inside .maintext is to workaround a prob in IE where */
	/* floating elements disappear behind container divisions ('relative' position helps this)*/
	div.maintext form
		{
		position:relative;
		z-index:5;
		margin:0px;
		}	
	/* Maintext class anchor formatting */
	.maintext a:link, a:link
		{
		font-weight:900;
		color:#e66700;
		text-decoration:none;
		border-bottom-style:dotted;
		border-bottom-width:1px;
		border-color:transparent;
		}
	.maintext a:visited, a:visited
		{
		font-weight:900;
		color:#d1662e;
		text-decoration:none;
		border-bottom-style:dotted;
		border-bottom-width:1px;
		border-color:transparent;
		}
	.maintext a:hover, a:hover
		{
		color:#e66700;
		text-decoration:none;
		border-bottom-style:dotted;
		border-bottom-width:1px;
		border-color:#85120e;
		outline:none;
		}
	.maintext a:active, a:active
		{
		color:#eb8918;
		border-bottom-width:1px;
		border-bottom-style:dotted;		
		background-color:transparent;
		border-color:#85120e;
		outline:none;
		}	
	.maintext div h3
		{
		margin:0px 0px;
		}
	.upload_thumb
		{
		border-style:solid;
		border-width:1px;
		margin:1.1em;
		}
	
/* ------------------------------------------------------------------------------------*/
/* ARTICLE DIVS */
	/* ArticleText class contains each entire article.  */
	/* This could be the whole of the homepage contents or each entire news item */
	div.article
		{
		position:relative;
		/*... same as before.  IE does funny things to positioned or floated divs unless the */
		/* container has a position of relative. */
		}
	div.ArticleText
		{
		position:relative;
		/*... same as before.  IE does funny things to positioned or floated divs unless the */
		/* container has a position of relative. */
		
		text-align:justify;
		}
	div.ArticleText p
		{
		margin-top:0px;
		margin-bottom:0px;
		}
	/* HTML headings carry their own intrinsic formatting.  This is overridden.  */
	div.ArticleText h1,h2,h3
		{
		margin-bottom:2px;
		}
	

/* ------------------------------------------------------------------------------------*/
/* NEWS HEADINGS */
	/* Each news item is headed up with an icon and name of the speaker, the subject, and the date*/
	/* newsHeader class contains all of the above for each news item. */
	div.newsHeader 
		{
		padding:3px;
		border:1px solid black;
		margin:0px 0px 10px 0px;
		}
	/* H3 is applied to the news subject */
	div.newsHeader h3
		{
		border:none;
		padding:0px;
		margin:0px;
		letter-spacing:0em;
		background-image:none;
		}
	/* The lil' text under the news headline, author, post date etc. */
	div.newsHeader p
		{
		font-variant:small-caps;
		font-style:italic;
		font-family:"comic sans ms", arial, "sans-serif";
		}
	/* The icon is floated to the left of the rest of the news item heading data */
	/* with a cool border thing going on */
	div.newsHeader img
		{
		float:left;
		position:relative;
		z-index:500;
		margin:0px 10px 0px 0px;
		border-width:5px;
		border-style:solid;
		/* Images should be uniform size - force it! */
		width:50px;
		height:50px;
		}

/* ------------------------------------------------------------------------------------*/
/* GALLERY */

	/* Hides from IE-mac \*/
	* html .gallery 
		{
		/* Stops the thumbs flying off the right-hand side */
		/* http://www.positioniseverything.net/explorer/escape-floats.html */		
		height: 1%; 
		}
	/* End hide from IE-mac */

	/* Contains the gallery thumbnails beneath the main heading and page navigation */
	.gallery
		{
		position:relative; 
		/* position:relative is used because I noticed that IE	*/
		/* had a habit of overlaying the gallery div up against	*/
		/* the left side of the window, popping it into the right*/
		/* place when the mouse moved over its contents.			*/
		/* The gallery would flick in and out of existance if the*/
		/* window height was adjusted also.  */
		/* Weird thing. -Matt */
		margin-top:10px;	
		}
	/* gallery_item classes hold the thumbnails and image title on gallery lists */
	div.gallery_item
		{
		float:left;
		/* position:relative;*/
		z-index:100;
		height:130px;
		margin-bottom:5px;
		margin-right:5px;	
		}
	/* Paragraphs are used in gallery_item classes for each thumbnail's title */
	/* They are also slightly transparent */
	div.gallery_item p
		{	
		z-index:105;
		position:relative;
		padding:4px;
		border-width:1px;
		border-style:solid;
		border-color:#322d2a #121211 #121211 #24211f;
		margin-top:-20px;
		margin-left:28px;
		font-family:arial, "sans-serif";
		font-size:.8em;
		text-align:center;
		width:100px;
		overflow:hidden;
		background-color:#121211;
		filter: alpha(opacity=100);
		opacity:1;
		-moz-opacity:1;
		}
	div.gallery_item a
		{
		text-decoration:none;
		}
	div.gallery_item a:active
		{
		background-color:transparent;
		}	
	/* gallery_image classes hold the enlarged gallery images, generating scrollbars for wide images */
	div.gallery_image
		{
		margin:2px; 
		padding:6px;
		text-align:center;
		border-width:1px;
		border-style:solid;
		overflow:auto;
		width:97%;
		/* That last one is a hack for... you guessed it, IE.  */
		/* Otherwise it won't render the overflow proper because */
		/* we don't set an exact width on the gallery image */		
		}
	/* gallery_thumb classes hold the thumbnails (which act as anchors) in gallery listings */
	div.gallery_thumb
		{
		margin:2px; 
		padding:6px;
		width:120px; 
		height:86px;
		background-image:url("./styles/post-llama/theme/images/lsbg2.gif");
		background-color:#200603;
		text-align:center;
		border-width:1px;
		border-style:solid;
		border-color:black #292926 #292926 black;
		overflow:hidden;
		position:relative;
		}
	div.gallery_thumb:hover
		{
		background-image:url("./styles/post-llama/theme/images/lsbg2a.gif");
		}
	div.gallery_thumb img
		{
		max-width:108px;
		width:auto;	
		width:expression(this.width<108 ? "auto" : "108px");
		/* IE ONLY.  This reduces images to a set width if it is longer.  */
		/* NOTE: if the condition is <=, IE will take up 100% CPU and crash. */
		/*       this is cos it loops.  It would set the width to the max and that would meet the */
		/* 	   requirements to set its width to 'auto'. */
		}

	/* Standard styles on llamalan place red behind a tags when clicked. */
	/* This is disabled in the gallery. */
	div.gallery_thumb img:active
		{
		background-color:transparent;
		}
	div.gallery_thumb a, div.gallery_thumb a:link, div.gallery_thumb a:visited, 
	div.gallery_thumb a:active, div.gallery_thumb a:hover
		{
		border-style:none;
		}
		
	div.subarticles
		{
		padding:2px;
		margin-top:4px;
		border-style:none;
		}
	div.subarticles:before
		{
		content:"::";
		}
	div.ll_video
		{
		margin:2px; 
		padding:6px;
		background-color:#451200;
		text-align:center;
		border:1px solid #000000;
		overflow:auto;	
		}


/* ------------------------------------------------------------------------------------*/
/* COMMENTS */
/* Used for comments against gallery images and against blog entries */
	.CommentList
		{
		font-family:"Trebuchet MS", Verdana,Helvetica,Arial,sans-serif;
		margin-left:0.5em;
		}

	.CommentList hr
		{
		width:100%;
		/*height:5px;*/
		margin-top:0em;
		border-color:#000;
		}

	.CommentList .CommentHead
		{
		display:none;
		}
		
	.CommentList .CommentUser
		{
		font-size:0.8em;
		padding:0.1em 0.5em 0em 0.5em;
		}

	.CommentList .CommentBody
		{
		font-size:0.9em;
		padding:0.2em 0.5em 1.5em 0.5em;
		}

	.CommentList textarea
		{
		height:5em;
		}


/* ------------------------------------------------------------------------------------*/
/* SIBLING NAVIGATION */
/* e.g. gallery images, staff entries - essentially to easily move from a subarticle to */
/* others with the same parent */
	/* At the top of some articles, like galleries and gallery images, we have some navigation */
	/* article_info_left may have links to each page in the gallery */
	div.article_info_left
		{
		display:block;
		position:relative;
		margin:8px 5px 0px 5px;
		padding:3px;
		}
	div.article_info_left a
		{
		text-decoration:none;
		padding:2px;
		border-width:1px;
		border-style:solid;
		}
	/* article_info_right may display the current page of the gallery */
	div.article_info_right
		{
		position:relative;
		float:right;
		margin:30px 30px 0px 15px;
		}
	/* The navigation class holds all these links */
	div.navigation
		{
		display:block;
		margin:8px 15px 0px 15px;
		padding:3px;
		position:relative;
		clear:both;
		font-size:0.9em;
		font-family:arial, sans-serif;
		border-width:1px;
		border-color:#330000;
		border-style:solid solid none solid;
		}
	/* There now follows a way to make the backdrop to the navigation display properly */
	.navigation:after 
		{
   	content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}				
	/* Hides from IE-mac \*/
	/* IE hack to do the same as above - cos it doesn't recognise :after pseudo-class */
	* html .navigation {height: 1%;}
	/* End hide from IE-mac */		

	/* For the link to the first sub-article - position:relative so IE doesn't turn link invisible */
	div.navigation a.navigation_first
		{
		position:relative;
		z-index:999;
		float:left;
		margin-top:8px;
		margin-left:5px;
		margin-right:5px;
		}
	/* For the link to the previous sub-article - position:relative so IE doesn't turn link invisible */
	div.navigation a.navigation_previous
		{
		position:relative;
		z-index:999;
		float:left;
		margin-top:8px;
		margin-left:5px;
		margin-right:5px;
		}
	/* For the link to the next sub-article - position:relative so IE doesn't turn link invisible */
	div.navigation a.navigation_next
		{
		position:relative;
		z-index:999;
		float:right;
		margin-left:5px;
		margin-right:5px;
		margin-top:8px;
		}
	/* For the link to the last sub-article (spotted a pattern yet?) */
	div.navigation a.navigation_last
		{
		position:relative;
		z-index:999;
		float:right;
		margin-left:5px;
		margin-right:5px;
		margin-top:8px;
		}
	/* A handy feature, lists subarticles on the same 'page' of the parent */
	div.siblingnavigation
		{
		text-align:justify;
		line-height:1.5em;
		clear:both;
		font-size:0.8em;
		font-family:arial, "sans-serif";
		padding:5px;
		border-width:1px;
		border-style:solid;
		margin:0px 0px 5px 0px;
		}
	/* Each subarticle in the siblingnavigation div is a link, except for the current one */
	/* This has been removed */
	/*
	div.siblingnavigation a, div.siblingnavigation span
		{
		margin-right:8px;
		white-space:nowrap;
		}
	div.siblingnavigation a
		{
		padding:0px 5px;
		}
	div.siblingnavigation a:link
		{
		color:#EBA400;
		}
	div.siblingnavigation a:visited
		{
		color:#DE7A00;
		}
	div.siblingnavigation a:hover
		{
		color:#FFBF36;
		}*/
	/* The current subarticle in the siblingnavigation div is highlighted in white, and unclickable */
	/* This has been removed */
	/*
	.navigationLinks span
		{
		color:#FFD000;
		border-width:1px;
		border-style:solid;
		padding:0px 5px;
		}
	*/	
	
	
/* ------------------------------------------------------------------------------------*/
/* EVENTS DATA */
	/* Spectators are just yellow llamas, they are */
	li.spectator
		{
		list-style-image:url("./styles/post-llama/theme/images/bullet_spec.gif");
		}
	/* The eventList class holds both the upcoming events div and the past events div */
	div.eventList
		{
		position:relative;
		/* Again, position:relative has been used because backgrounds and stuff go mental in IE */
		/* if used on divs that are positioned or have floats */

		/* Sheesh */		
		text-align:center;
		}
	div.eventList p
		{
		margin-top:3px;
		margin-bottom:25px;
		}
	/* Contains the banner for the upcoming event along with some key data and link to details */
	div.upComingEvent
		{
		text-align:center;
		border-width:1px;
		border-style:solid;
		padding:3px;
		margin:3px;
		overflow:hidden;
		}
	/* Contains the banners for the previous events */
	div.previousEvent
		{
		border-width:1px;
		border-style:solid;
		padding:3px;
		margin:3px;
		overflow:hidden;
		}
	/* The detailstable class holds all data when an event is selected, including */
	/* the banner, the summary of the user's participation (or lack of), and all */
	/* details */
	div.detailsTable h2, div.detailsTable h4
		{
		text-align:center;
		background-image:none;
		}
	/*div.detailsTable span
		{
		display:table-cell;
		width:200px;
		padding-left:5px;
		}*/
	/* The label hangs on the left all nicely lined up */
	div.detailsTable div.label
		{
		letter-spacing:-0.09em;
		text-transform:uppercase;
		font-weight:bold;
		/*border-width:1px;
		border-style:solid;	*/
		border-style:none;
		float:left;
		width:200px;
		text-align:right;
		margin-right:10px;
		}
	div.detailsTable p
		{
		clear:both;
		margin:0px 0px 5px 0px;
		vertical-align:middle;
		text-align:right;
		}
	div.detailsTable a
		{
		margin-right:25px;
		}
	div.detailsTable div#eventLinks
		{
		text-align:center;
		margin-bottom:10px;
		}
	/* float the 'playing in big games' and 'leader' icons to the right' */
	div.detailsTable li
		{
		clear:right;
		}
	div.PaidTeams li img
		{
		float:right;
		margin-left:2px;
		}

	div#eventLinks p
		{
		text-align:center;
		margin-top:0px;
		}
		
 	div#eventLinks ul li
 		{
 		text-align:justify;
 		}

	div.siblingListItem
		{
		background-color:#6B0C00;
		color:#FFCDBA;
		border:1px solid #8F1100;
		float:left;
		padding:2px;
		width:20%;
		overflow:hidden;
		white-space: nowrap;
		height:20px;
		}
	/* The Events Super-Button */
	
	#eventLinks h4
		{
	/*	height:61px;
		border:0px;
		background-color:transparent;*/
		text-align:center;
		font-family:arial, helvetica, "sans-serif";
		letter-spacing:0px;
		}
	div#eventLinks .superButton
		{
		text-align:center;
		background-image: url("./styles/post-llama/theme/images/event-actionbutton-m.gif");
		font-family:arial, helvetica, "sans-serif";
		font-size:1.5em;
		line-height:1.7em;
		height:61px;
		background-position:top center;
		background-repeat:repeat-x; 
		margin:2px 5px;
		padding:0px;
		width:450px;
		text-shadow:#fb830e 1px 1px 6px;
		}		
	#eventLinks .superButtonL
		{
		float:left;
		position:relative;
		width:61px;
		height:61px;
		background-image: url("./styles/post-llama/theme/images/event-actionbutton-l.gif");
		background-position:top center;
		background-repeat:repeat-x; 
		}
	#eventLinks .superButtonR
		{
		float:right;
		position:relative;
		width:61px;
		height:61px;
		background-image: url("./styles/post-llama/theme/images/event-actionbutton-r.gif");
		background-position:top center;
		background-repeat:repeat-x; 		
		}
	#eventLinks #payUpIncentive
		{		
		font-size:1.5em;
		}
	#eventLinks form, .window1text form
		{		
		padding:0px;
		margin:0px;
		}		
	.window1text .superButtonR, .window1text .superButtonL, .window1text #payUpIncentive
		{
		/*display:none;*/
		}
	div#eventLinks .superButton a
		{	
		color:#000;
		font-family:"Trebuchet MS", arial, "sans-serif";
		text-decoration:none;
		font-weight:bolder;
		display:block;
		overflow:hidden;
		margin:0px;
		padding:0px;		
		position:relative;
		top:10px;
		}
	div#eventLinks .superButton a:hover
		{	
		color:#a51b00; 
		text-decoration:none;
		display:block;
		}	
	div#eventLinks .superButton a:active
		{	
		background-color:transparent;
		}			
/* ------------------------------------------------------------------------------------*/
/* FOOTERS */

	
	/* Placed right at the end of the page's contents; disclaimers and a llamalan icon silhouette */
	div.site_footer
		{
		margin-top:30px;
		margin-bottom:5px;
		color:#8f1800;
		clear:both;
		background-color:transparent;
		margin-left:252px;
		margin-right:202px;
		text-align:center;
		}
	div.site_footer a
		{
		text-decoration:none;
		color:#8f1800;
		}
		
	/* Placed after articles, helpful to expand the gallery backdrop */
	/* Contains author name and other links for admins */
	div.articlefoot
		{
		color:#79411c;
		font-variant:small-caps;
		clear:both;
		padding-top:30px;
		padding-bottom:15px;
		font-size:1.1em;	
		font-style:italic;
		font-weight:normal;
		font-family:"comic sans ms", arial, sans-serif;
		position:relative;
		z-index:5;	
		}
		
/* ------------------------------------------------------------------------------------*/
/* FORUM SPECIFIC */
	/* .liteoption and .mainoption Added for forum button effects */
/*	input.button, .liteoption, .mainoption
		{
		background-color:#5F7568;
		background-image:none;
		text-transform:uppercase;
		border-width:1px;
		border-style:outset;
		color:#212121;
		cursor:pointer;
		}
	input.button:active, .liteoption:active, .mainoption:active
		{
		background-color:#4E6155;
		border-style:inset;
		color:#6FD198;
		}
*/

	#wrap h1, #wrap h2, #wrap h3, #wrap h4, #wrap h5, #wrap h6
		{
		text-shadow:none;
		}

/* ------------------------------------------------------------------------------------*/
/* ADMIN PAGES STUFF */
		
	/* The adminPages table class is used to organise links on screen throughout the admin panels */
	.adminPages
		{
		font-size:0.9em;
		font-family:"Trebuchet MS", helvetica, arial, "sans-serif";
		color:#a1837e;
		}

	div.UserFilter
		{
		margin-bottom:5px;
		padding:1px 1px 1px 1px;
		font-size:12px;
		}
	/* UserNameList class holds the floating divs containing user names, links to their details */
	div.UserNameList
		{
		text-align:center;
		position:relative;
		float:left;
		font-size:80%;
		border-style:none;
		margin:2px;
		}
	div.UserNameList a
		{		
		display:block;
		height:2.5em;
		width:10em;
		padding:5px;
		}
	div.articleAdminContainer
		{
		border-color:#000000;
		border-width:1px;
		border-style:solid;
		padding:1px;
		margin:5px;
		clear:both;
		}
	div.articleadmintitle
		{
		float:left;
		width:30%;
		padding:1px 1px 1px 1px;
		}	
	div.articleadmindata
		{
		float:left;
		width:60%;
		padding:1px 1px 1px 1px;
		}
	div.articleadmin
		{
		overflow:auto;
		padding:1px 1px 1px 1px;
		border-width:1px 1px 1px 1px;
		border-style:solid;
		border-color:#ffffff;
		}		

	/* Appears when users make mistakes and need a warning! */
	div.message
		{
		text-align:center;
		/*background-color:#c8b791;
		border-style:double;
		border-width:3px;
		border-color:#2a0000;*/
		
		background-color:transparent;
		border-style:none;
		
		font-size:1.2em;
		font-style:italic;
		font-weight:bolder;
		
		padding:0.3em 0.5em 35px 0.5em;
		margin-bottom:0.8em;
		
		background-image:url("./styles/post-llama/theme/images/hr.png");
		background-position:bottom  center;
		background-repeat:no-repeat;		
		}
	div.Errormessage
		{
		text-align:center;
		background-color:#d71b1b;
		border-style:double;
		border-width:3px;
		border-color:#2a0000;

		font-size:1.2em;
		font-style:italic;
		font-weight:bolder;
		
		padding:0.5em 0.5em 35px 0.5em;
		margin-bottom:0.5em;
		
		background-image:url("./styles/post-llama/theme/images/hr.png");
		background-position:bottom  center;
		background-repeat:no-repeat;
		}
	div.message ul
		{
		text-align:left;
		}

	/* ADMIN TABS */
	.adminTabs
		{
		padding:0px 15px;
		}
	.adminTabs table
		{
		background-color:#121211;
		border-spacing:0px;
		border-collapse:collapse;
		border:0px;
		padding:0px;
		margin:0px;
		}

	/*.adminTabs table tr
		{
		background-image:url("./styles/post-llama/theme/images/admintab-b.gif");
		background-repeat:repeat-x;
		background-position:bottom left;
		background-color:#BD0D00;
		}*/

	.adminTabs .tabSeparateL, .currenttabSeparateL
		{
		width:4px;
		background-image:url("./styles/post-llama/theme/images/admintab-l.gif");
		background-repeat:no-repeat;
		background-position:top right;
		padding:0px;
		border:0px;
		margin:0px;
		}

	.adminTabs .tabSeparateR, .currenttabSeparateR
		{
		width:4px;
		background-image:url("./styles/post-llama/theme/images/admintab-r.gif");
		background-repeat:no-repeat;
		background-position:top left;
		padding:0px;
		border:0px;
		margin:0px;		
		}

	.adminTabs .adminPages th
		{
		padding:0px 5px 0px 5px;
		border:0px;
		margin:0px;		
		border-width:0px;
		border-style:none;
		height:1px;
		background-image:url("./styles/post-llama/theme/images/admintab-bg.gif");
		background-repeat:repeat-x;
		background-color:#0e0a09;
		background-position:top left;	
		font-size:1.8em;
		}

	.adminPages td.title
		{
		padding:2px 4px;
		}

	.adminTabs a
		{
		display:block;
		/*background-image:url("./styles/post-llama/theme/images/admintab-b.gif");
		background-repeat:repeat-x;
		background-position:bottom left;*/
		height:25px;
		overflow:hidden;
		border-style:none;
		padding:0;
		vertical-align:top;
		}	
	.adminTabs .adminPages th a:visited, .adminTabs .adminPages th a:link
		{
		color:#6f3f3f;
		background-color:transparent;
		border-style:none;
		}	
	.adminTabs .adminPages th a:hover
		{
		color:#6f3f3f;
		border-style:none;
		}
	.adminTabs .adminPages th a:active
		{
		color:#7c5857;
		/* outline:none drops the dotted outline that FF displays */
		outline:none;
		background-color:transparent;
		border-style:none;
		}
	.currenttabSeparateL, .currenttabSeparateR
		{
		background-position:0px -27px;
		}
	.adminTabs .adminPages th.currenttab
		{
		background-position:0px -27px;
		}
	.adminTabs .adminPages th.currenttab a
		{
		color:#927771;
		/* outline:none drops the dotted outline that FF displays */
		outline:none;
		}
	.adminPages td.row1, .adminPages td.row2 
		{
		text-align:left;
		padding-left:5px;
		}
	
	/* Snazz up the links on admin pages and make them stand out */
	.adminPages .row1 a, .adminPages .row2 a
		{
		font-size:1em;
		font-style:italic;
		}		
	
	div.adminTabPages, #UserDetails, #UserClans, #UserGames, #ClanDetails, #GameDetails, #UserMatches,
	#MemberDetails, #InviteDetails, #MatchDetails, #TournamentDetails, #Tree
		{
		/*border-width:3px;
		border-style:none double double double;
		width:99%;*/
		}

	/* Formatting cells in the tournament details when looking at the list under Clan Details */		
	span.TournamentName
		{
		font-weight:900;
		font-size:1.2em;
		display:block;
		padding:0.3em;
		}

	span.TournamentDesc
		{
		font-size:0.9em;
		font-style:oblique;
		/*color:black;*/
		}
		
	/* Uploads List stuff */
	.uploadlist a.uploadDelete
		{
		background-image:url("./styles/post-llama/theme/images/list-delete.png");
		background-position:left middle;
		background-repeat:no-repeat;
		padding-left:18px;
		height:18px;
		padding-top:3px;
		font-variant:small-caps;
		width:50%;
		}

/* ------------------------------------------------------------------------------------*/
/* TOURNAMENT TREE LAYOUT */


	.tournamentGroup
		{
		/*background-color:#09ffd9;*/
		}
	.tournamentBracket
		{
		/*background-color:#ffff50;*/
		}
	.tournamentRound
		{
		/*background-color:red;*/
		}
	.tournamentRound td
		{
		/*background-color:#35453C;*/
		/*border-color:#ffc5c5;*/
		}
	.tournamentPlayer
		{
		/*background-color:#637370;
		border-color:#73A9DE;*/
		}
	.tournamentPlayerUnknown .tournamentPlayer
		{
		/*background-color:#616161;
		color:#919191;*/
		}		
	.tournamentPlayerContainerNew, .tournamentPlayerContainerRemaining, .tournamentPlayerContainerWinner
		{
/*		background-image:url("./styles/post-llama/theme/images/tournamentLine1.gif");*/
		/*color:#F0F0F0;*/
		}
	.tournamentPlayerContainerNew .tournamentPlayer
		{
	/*	background-color:#6F8783;
		border-color:#73A9DE;*/
		}
	.tournamentPlayerContainerWinner .tournamentPlayer
		{
		border-color:#73A9DE;
		background-color:#ffff00;
		background-image:none;
		color:#000000;
		font-weight:bolder;
		}
	td.tournamentFiltering
		{
		background-color:#73A9DE;
		}
	td.tournamentFilteringTop, td.tournamentFilteringBottom
		{
		/*background-color:#587565;*/
		}
	td.tournamentFilteringTop
		{
/*		background-image:url("./styles/post-llama/theme/images/tournamentLineTop.gif");*/
		}
	td.tournamentFilteringBottom
		{
/*		background-image:url("./styles/post-llama/theme/images/tournamentLineBottom.gif");*/
		}
	
	/* For this theme, the default black font colour is too dark on this BG */
	.tournamentPlayer
		{
		color:#ffbf82;
		}

	div.successbox
		{
		text-align:center;
		height:100px;
		}
	div.successbox p
		{
		background-color:#267a1b;
		border:3px solid #4fc140;
		}
	div.errorbox
		{
		text-align:center;
		height:100px;
		}
	div.errorbox p
		{
		background-color:#7a1b1b;
		border:3px solid #c14040;		
		}


/* ------------------------------------------------------------------------------------*/
/* GOLEM NO NOT WOT DIS LOT DOES*/	

	

	div.GroupListContainer
		{
		float:left;
		width:30%;
		height:146px;	
		border:1px;
		border-style:solid;
		border-color:#A81600;
		padding:3px;
		}
	div.userListContainer
		{
		float:left;
		width:30%;
		height:196px;	
		border:1px;
		border-style:solid;
		border-color:#A81600;
		padding:3px;
		}
	div.userList
		{
		float:left;
		width:100%;
		overflow:auto;
		height:180;
		}
	div.groupList
		{
		float:left;
		width:100%;
		overflow:auto;
		height:120;
		}

	div.mailDetails
		{
		float:left;
		overflow:auto;
		width:65%;
		height:350px;
		border:1px;
		border-style:solid;
		border-color:#A81600;
		padding:3px;

		}
	div.mailList
		{
		border:1px;
		border-style:solid;
		border-color:#A81600;
		margin:2px 0px 2px 0px;
		}
	div.filelistitem
		{
		float:left;
		border:1px;
		border-style:solid;
		border-color:#A81600;
		margin:2px;
		padding:1px;
		}
	div.filelistitem p
		{
		font-weight:bold;
		font-size:1em;
		}
	div.filelistitem a
		{
		text-align:center;
		}

	div.EventImage
		{
		padding:5px;
		float:left;
		}
	div.EventDetails
		{
		padding:5px;
		float:left;
		}
		
/* ------------------------------------------------------------------------------------*/
/* AT LAN PAGE */	
	.WeekendSchedule
		{
		background-color:transparent;
		border:1px solid black;
		}
	.matchInfo h1
		{
		/* Used to head up 'Past Matches' and 'Upcoming Matches' tables */
		margin-bottom:0px;
		}

	#shoutBox-Content
		{
		background-color:#302220;
		border-width:1px 1px 0px 0px;
		border-style:dotted;
		border-color:#785c5c;
		}
		
	.shoutBox p
		{
		background-color:transparent;
		border-top:1px solid #434355;
		border-bottom:1px solid #111111;
		color:#eeeeee;
		margin:0;
		}

	.shoutBox
		{
		background-image:url("./styles/post-llama/theme/images/shoutbox-headbg.png");
		background-repeat:no-repeat;
		background-color:transparent;
		background-position:top left;
		}	
		
/* ------------------------------------------------------------------------------------*/		
/* TEAMS */	

/* Specific to certain themes, which can only be accessed via altering the templates and 
physically altering the classes */
		
	.YellowTeam-themed
		{
		background-image:url("./styles/post-llama/theme/images/teamIcon-yellow.gif");
		}			
	.RedTeam-themed
		{
		background-image:url("./styles/post-llama/theme/images/teamIcon-red.gif");
		}
	.BlueTeam-themed
		{
		background-image:url("./styles/post-llama/theme/images/teamIcon-blue.gif");
		}
	.GreenTeam-themed
		{
		background-image:url("./styles/post-llama/theme/images/teamIcon-green.gif");
		}