/* Clickteam Extension List CSS template (default style) v1.00 */
/* Feel free to modify and reuse the template. If you need to use pictures,
	make sure you send them to me (chris.branch@starfishgames.co.uk).
	If you want the logo gradient recoloured I'll do that as well. */
/* Inspired by CSS Zen Garden (www.csszengarden.com) :) */
/* I may have added some more identifiers that aren't here - if you
	find some, feel free to exploit them. Likewise, feel free to nag
	if there's something you want to be able to change. */

/* These are plain old HTML tags. They'll affect all pages. */

body { margin: 0px; color: #000000; background-color: #FFF9E5; font: 8pt Verdana; text-align: justify }
table { text-align: justify; background-color: #FFEFB9; border-color: #FFE691; font-size: 8pt }
th { text-align: center; font-weight: bold; background-color: #FFEBA5 }
a:link, a:visited { color: #001C78; text-decoration: none }
a:hover, a:active { text-decoration: underline }
input, select, textarea { color: #000000; background-color: #FFE691; border-color: #FFE691; font: 8pt Verdana }
h1 { font-size: 20pt; text-align: center }
h2 { font-size: 18pt; text-align: center }
h3 { font-size: 14pt }

/* These IDs are also found in every page. */
/* The header area, i.e. the top of the page. */

#headarea { height: 120px; background-color: #FFF6D7 }
/* The logo. Here we hid the text (using #headlogo span identifier) but you can keep it if you want... */
#headlogo { background: transparent url(logorice.png) no-repeat top left; width: 400px; height: 120px; float: left; cursor: hand }
#headlogo span { display: none }
/* Forum link. If you want to hide it, do the same as for headlogo. */
#headforum { background: transparent; position: absolute; top: 28px; right: 8px; cursor: hand }
/* Quick search box. */
#headsearch { background: transparent; position: absolute; top: 72px; right: 8px; width: 320px; text-align: right }
/* Login text. This changes depending on if we're logged in or not, so keep it as text. */
#headlogin { background: transparent; position: absolute; top: 8px; right: 8px }

/* This is the links bar - containing the general links, categories, search and stylesheet boxes.
	We usually position it at the left, but you can put it absolutely anywhere. */
#links { margin-right: 460px; position: absolute; left: 0px; top: 120px; width: 170px; text-align: center; background-color: #FFF6D7 }
#links h4 { font-size: 10pt; color: #000000; margin-top: 4px }
#linklinks { border-bottom: 2px solid #FFE691; border-top: 2px solid #FFE691 }
#linkcategory { border-bottom: 2px solid #FFE691 }
#linksearch { border-bottom: 2px solid #FFE691 }
#linkstyle { border-bottom: 2px solid #FFE691 }

/* This refers to the page area below the header. */
#pagearea { padding-left: 174px; padding-right: 4px }
/* This second identifier should be left alone - we need it
	so that IE can size tables correctly */
#pagearea2 { width: 100% }

/* The following identifiers refer to the home page only. */

/* The 'welcome to extension list' text. */
#welcometext { margin-top: -12px; margin-bottom: -12px }
#homewelcome { }
#homewelcome h4 { font-size: 14pt; margin-bottom: -8px; margin-top: 0px }
#homenews { }
#homenews h4 { font-size: 14pt; margin-bottom: -8px; margin-top: 20px }
#homefeatured h4 { font-size: 14pt; margin-bottom: 0px; margin-top: 20px }
#homelatest h4 { font-size: 14pt; margin-bottom: 0px; margin-top: 20px }

/* A small vertical separator used in some places (extension listing, etc.).
	Set it to a lighter colour than the tableheader. */
.tablesep
{
	background-color: #FFD541
}

/* Don't change this one. */
.blanktable
{
	background-color: transparent;
	border-style: none
}

/* Dark/light versions of tables. They'll inherit the previous table style so you
	should only need to change the background/border colour. */

.darktable
{
	background-color: #FFE691;
	margin-bottom: 4px;
}
.darkrowheader
{
	background-color: #FFDD69
}
.darkrowpost, .darkrow
{
	background-color: #FFE27D
}
.lighttable
{
	background-color: #FFEFB9;
	margin-bottom: 4px;
}
.lightrowheader
{
	background-color: #FFE691
}
.lightrowpost, .lightrow
{
	background-color: #FFEBA5
}