/* PLUME CMS Style Sheets for 1.2 version */

html
{
	margin: 0px;
	padding: 0px;
}

body
{
	margin: 0px;
	padding: 0px;
	color: #fff;
	background-color: #000;
	font: 120% Optima, "Trebuchet MS", Lucida, Arial, Geneva, "Lucida Grande", Tahoma, Helvetica, sans-serif;
}

div
{
	margin: 0px;
	padding: 0px;
}

p, blockquote, li, h2, h3, dd, dt
{
	font-weight: normal;
}

h2, h3
{
	font-size: 1em;
}

form, fieldset
{
	margin: 0;
	padding: 0;
	border: 0;
}

a
{
	text-decoration: underline;
	color: #ff0;
}

h1
{
	margin: 0px;
}

hr
{
	display: none;
}

pre
{
	border-width: 1px;
	border-color: #ccc;
	border-style: solid;
	background-color: #eee;
	padding: 5px;
	margin: 10px;
	overflow: auto;
}

abbr, acronym
{ 
	font-style: normal;
	border-bottom: dotted 1px #ccc;
	cursor: help;
}

blockquote, cite
{
	color: #666;
	padding: 0 20px 0 20px;
	font-style: italic;
	border-left: 1px dotted #ccc;
}

code
{
	margin: 10px;
	padding: 2px;
	border: 1px solid #ccc;
}

q
{
	font-style: italic;
	color: #666;
}

address
{
	padding: 20px 0 30px 30px;
	font-size: 110%;
	color: #fff;
	border-bottom: 1px solid #D9E1E8;
}

table {
	border: thin solid #333;
	border-collapse: collapse;
	width: 98%;
	margin-bottom:8px;
}

th
{
	border: thin solid #666;
	padding: 5px;
	background-color: #000;
	color:#fff;
	font-weight: 200;
	font-size:130%;
}

td
{
	border: thin solid #666;
	padding: 5px;
	text-align: center;
	background-color: #EBEBEB;
}

caption
{
	font-family: sans-serif;
}
.cache {display: none;}

/* ====================================================================
COLUMNS LAYOUT
-------------------------------------------------------------------- */

#page
{
	width: 98%;
	margin-left: 0;
}

#banner
{
	margin: 0px;
	border: none;
}

#content
{
	width: 50%;
	float: left;
	margin-left: 30px;
	margin-top: 20px;
	font: Optima, "Trebuchet MS", Lucida, Arial, Geneva, "Lucida Grande", Tahoma, Helvetica, sans-serif;
}

* html #content {
	margin-left: -10px;
	width: 50%;
}

#menuleft
{
	text-align: left;
	float: left;
	width: 272px;
	margin: -90px 0 0 -16px;
}

#menuright
{
	margin-left: 80%;
}

#menuleft, #menuright
{
	padding: 6px;
	border: none;
}

/* VERTICAL PADDING ABOVE COLUMNS */

#banner
{ 
	margin-bottom: 20px;
	height: 50px;
	vertical-align: middle;
}
/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */
/*/*/
#page, #mainfloat, #content, #menuleft, #menuright, h2
{ 
	p\osition: relative; 
}

div#footer
{
	text-align: center;
	border-top: 1px dotted #ccc;
	margin: 0 auto 0 20%;
	width: 54%;
}

#footer
{
	padding: 0.5em;
	clear: both;
	border: none
}

/* ====================================================================
BANNER
-------------------------------------------------------------------- */

#easy-access
{
	position: absolute;
	margin-top: 8px;
	right: -20px;
	text-align: right;
}

#easy-access, #easy-access a
{
	color: #98B3C7;
}

#easy-access a:hover
{
	color: #fff;
}

#easy-access form
{
	margin-top: -10px;
}

#easy-access #q
{
	margin-top: -14px;
}

#easy-access input#q 
{
	width: 100px;
	vertical-align: bottom;
}

body.category #content h2, .comment-preview
{
	padding-bottom: 0;
	background-position: 0% 40%;
	font-size: 1.4em;
	font-weight: 100; 
}

body.category #content h2.restitle, body.news #content h2.restitle
{
	color: #f06;
	font-size: 1.4em;
	padding-bottom: 4px;	
}

body.category #content h2 a
{
	color: #ff0;
}

body.category #content h2 a:hover
{
	color: #fff;
}

h2
{
	font-weight: bold;
	color: #fff;
}

#menuright h2
{
	color: #fff;
	font-size: 120%;
}

#menuright ul a
{
	text-decoration: none;
	content: '\00bb  ';
}

#menuright ul a:hover
{
	text-decoration: underline;
	color: #ff0;
}

#menuright ul
{
	margin:0;
}

#content h2 a 
{
	color: #000;
}

#content h1 a, #content h2, #content h3, 
{
	color: #fff;
	font-weight: bold;
	font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, "Lucida Grande", Tahoma, Helvetica, sans-serif;
}

#footer a
{
	text-decoration: none;
	border: none;
	color: #000;
}

ol.tree
{
	margin: 30px 0 0 0;
	padding: 0;
	color: #6887A4;
}

ol.tree li
{
	display: inline;
	list-style-type: none;
	padding-right: 0.7em;
	padding-left: 0;
}

ol.tree li:before
{
	content: ' \00bb  ';
}

#content img
{
	border-width: 1px;
	border-color: #ccc;
	border-style: solid;
	padding: 5px;
	margin: 6px 10px 0 0;
	float: left;
	display: block;
}

p.modified
{
	color: #fff;
	font-size: .8em;
	padding: 4px 0 0 0;
	margin: -2em 1em -0.5em 0;
}

#content .modified a
{
	text-decoration: none;
}

p.modified a:hover
{
	color: #1771A0;
	text-decoration: underline;
}

.resources-number, .comment-closed
{
	color: #999;
	font-style: italic;
}

.resource, #art-description
{

}

#footer img, div.col-content img
{
	border: none;
	vertical-align: bottom;
}

#footer p
{
	color: #ccc;
	font-size: .8em;
}

ul.sponsors
{
	padding: 20px 0 0 20px;
	margin-left: 10px;
	width: 280px;
	text-align: center;
}

ul.sponsors li
{
	display: inline;
	padding: 4px;
}

#banner h1 a
{
	margin: 0;
	font: 120% Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: 100;
}

#art-title
{
	margin: 10px 0 -10px 0;
	font-size: 2.2em;
	color: #000;
	font-variant: small-caps;
	font-weight: 100;
}

#art-pages-list h3
{
	font-weight: bold;
}

#mainfloat .description, #websitename
{
	margin: -2px 0 20px 2px;
	color: #036;
	font: 120% Verdana, Arial, Helvetica, sans-serif;
}

#mainfloat p.description
{
	font-size: 1em;
	color: #666;
}

#mainfloat h1, #mainfloat h1 a
{
	color: #fff;
	text-decoration: none;
}

#mainfloat #top
{
	margin: 16px 0 0 0;
	color: #036;
	font-weight: 100;
	font: 2.6em Helvetica, Sans-serif;
}

div.col-content
{
	padding: 1em 10px;
}

div.col-content h2
{
	padding-bottom: 0;
	margin-bottom: 0.2em;
}

div.col-content li
{
	list-style: none;
}

div.col-content ol li
{
	list-style-type: decimal;
	margin-left: 1.2em;
}

div.col-content a
{
	text-decoration: underline;
}

div.col-content ul, div.col-content ol
{
	margin-top: 0;
	margin-left: 7px;
	padding-left: 0;
	margin-right: 10px;
	padding-right: 0;
}

ol li.current a
{
	text-decoration: none;
	color: #ff0;
}

.feeds, .sitemap
{
	font-size: .9em;
	padding-left: 18px;
	color: #fff;
}

.score
{
	font-size: 90%;
	color: #090;
	margin-top: -10px;
	text-align: right;
	border-top: 1px dotted #BEE5BE;
	padding: 2px 4px;
	background-color: #ECF7EC;
}

.err404
{
	padding: 20px 0 0 60px;
	background: transparent url("img/err404.gif") 0% 80% no-repeat;
	font-weight: 100;
	font-size: 2.5em;
}

img.px-left 
{ 
	margin:3px 12px 10px 0;
	float: left;
	display:block;
}

img.px-center
{ 
	margin:8px auto 8px auto;
	display: block;
}

img.px-right
{ 
	margin:3px 0 10px 12px;
	float: right;
	display:block;
}

#menuright .feeds, #menuright .sitemap
{
	text-decoration: none;
	margin: 0;
}

#menuright a.feeds:hover
{
	color: #F7A802;
}

#menuright a.sitemap:hover
{
	color: #8CAD36;
}

.recent-news
{
	background-color: #333;
	border: 1px solid #ccc;
	padding: 0 10px 10px 10px;
	color: #fff;
	font-size: 90%;
	margin-top:4px;
	font-style: italic;
	text-decoration: none;
}

.recent-news h3
{
	font-size: 120%;
}

.recent-news h2
{
	margin: 0;
	font-size: 120%;
}

.recent-news .recent-news-date
{
	color: #91A8C0;
	text-align: right;
}

.recent-news p
{
	margin-top: 0;
}

input, textarea 
{
	border-width: 1px;
	border-color: #ccc;
}

input[type], textarea[name]
{
	background: #fff;
}

input[type=submit], input[type=reset] 
{
	background: #bbb;
	color: #000;
}

input[type=submit]:hover 
{
	background: #999;
	color: #ccc;
}

/* ====================================================================
COMMENTS
-------------------------------------------------------------------- */

div.px-comment
{ 
	background-color: #FFFFF1;
	padding: 0 14px 0 16px;
	border: 1px solid #FFF2CB;
	margin-bottom: 6px;
	color: #666;
	font-style: italic;
}

div.px-comment a
{ 
	color: #666;
}

div.px-comment a:hover
{ 
	color: #000;
}

.px-comment-info
{ 
	font-weight: bold;
	padding-left:20px;
	background: url("img/comment-icon.png") 0% 70% no-repeat;
}

.px-comment .px-comment-info-website
{
	color: #ccc;
}

form.px-comment
{
	padding: 10px 16px 10px 16px;
	margin-bottom: 20px;
	background-color: #FFF3F8;
	border: 1px solid #FFE3EE;
	font: .8em Verdana, "Lucida Grande", Tahoma, Helvetica, San-Serif;
}

form.px-comment p
{
	margin: 0;
}

form.px-comment textarea
{
	width:100%;
}

form.px-comment textarea, form.px-comment input
{
	background-color: #fff;
}

.input-submit
{
	text-align: right;
	padding-top: 8px;
}

form.px-comment label
{
	float: left;
	display: block;
	width: 100px; 
	padding-top: 4px;
}

.px-comment-add
{
	padding-bottom: 4px;
	border-bottom: 1px solid #E6E6E6;
	font-variant: small-caps;
	font-size: 120%;
}

form.px-comment submit
{
	margin:0;
	text-align: right;
}

.px-comment-error
{
	border: 1px dotted #FF8080;
	padding-bottom: 10px;
	width: 80%;
}

.px-comment-error ul
{
	padding-top: 6px;
}

.px-comment-error li
{
	color: red;
	list-style-type: none;
	background: url("img/errmsg.gif") 0% 50% no-repeat;
	padding-left: 20px;
}

.px-comment-preview
{
	padding: 0 20px 10px 40px;
	font-style: italic;
	color: #999;
	background: url("img/comment-preview.png") 0% 0% no-repeat;
}

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

div.gallery {}

div.gallery-img p
{
	margin: 0;
	padding: 0;
}

div.gallery-top {}

div.gallery-bottom 
{ 
	clear: left;
}

div.gallery-thumb a 
{	
	float: left;
	display: block;
}

div.gallery-img 
{ 
	float: left;
	width: 200px;
	padding: 0 0 0 10px; 
	margin: 0 10px 10px 0;
}

div.gallery-img
{ 
	border:0;
}

p.gallery-legend
{ 
	text-align: center;
	padding-top: 16px;
	line-height: 100%;
	font-style: italic;
	color: #A5A569;
	display: block;
}

/* ====================================================================
SITEMAP
-------------------------------------------------------------------- */

#sitemap
{
	padding: 0 20px;
	margin-bottom: 20px; 
}

#sitemap h3
{
	font-size: 120%;
	border-bottom: 1px solid #EDEDED;
	background-color: #F9F9F9;
	padding: 0px 4px;
}

#sitemap h3 a
{
	color: #f06;
}

#sitemap li
{
	font-size: .9em;
}

#sitemap p
{
	color: #666;
	font-size: 90%;
	font-style: italic;
	margin-top: -10px;
}