/* ---COLOUR SCHEMES--- */

body, a, h1, h3, h4, h5, h6, #content, #logonStrip input.submitButton, div.navigation, 
div.imageContainer a:hover, input, select, .searchLink:link, .searchLink:visited, .searchLink:hover, .searchLink:active 
	{ color: #4D4D7D } /* Dark Blue */

.timeDate, .permalink { color: #9E9DB5 } /* Pale Blue */
#messageBox, .error, .negative, .blacklisted { color: #996666 } /* Dark Red */
.positive, .summaryComment, .summaryComment a { color: #449944 } /* Dark Green */
.zero a { color: #999 } /* Grey */
p.randomQuote { color: #ccc } /* Grey */

.chatLink, table th, #topBar h1, tr.important td, tr.important td a, p.randomQuote a 
	{ color: white }
	
.admin { color: #c66 }

.advertisingText, .advertisingText a { color: #6D6D9D }
	
ol { color: #4D3D1E } /* Dark Orange */
h2, select.h2, h2 a, ul, .actionLink { color: #5F6307 } /* Dark Yellow */

.vDownE, .vDownE:link, .vDownE:visited, .vDownE:hover,
                        .vDownW, .vDownW:link, .vDownW:visited, .vDownW:hover,
                        .vDownA, .vDownA:link, .vDownA:visited, .vDownA:hover,
                        .vDownD, .vDownD:link, .vDownD:visited, .vDownD:hover
        { color: #933 }

.vUpE,   .vUpE:link,   .vUpE:visited,       .vUpE:hover,
                        .vUpW,   .vUpW:link,   .vUpW:visited,   .vUpW:hover,
                        .vUpA,   .vUpA:link,   .vUpA:visited,   .vUpA:hover,
                        .vUpD,   .vUpD:link,   .vUpD:visited,   .vUpD:hover
        { color: #393 }



/* Pages displaying various entry types */
#pageContainer { background-attachment: fixed; background-repeat: no-repeat }
body#Shout, 		body#Shout #pageContainer 				{ background-color: #E9F9cF }
body#Link, 			body#Link #pageContainer 				{ background-color: #F9FDF9 }
body#Photo, 		body#Photo #pageContainer 				{ background-color: #EEFDDD }
body#Website, 		body#Website #pageContainer 			{ background-color: #F9F9D9 }
body#Website #pageContainer	{ background-image: URL( "/core/images/linksBackground.gif" ) }
body#Photos, 		body#Photos #pageContainer 				{ background-color: #EEFDDD }
body#Photos #pageContainer { background-image: URL( "/core/images/photosBackground.gif" ) }
body#ProfilePhoto, 	body#ProfilePhoto #pageContainer,
body#Advertising,	body#Advertising #pageContainer,
body#User, 			body#User #pageContainer	 			{ background-color: #eef }
body#signUp, 		body#signUp #pageContainer, a.bigButton { background-color: #eee }
body#UserList, 		body#UserList #pageContainer 			{ background-color: #E8F2DA }
body#UserGalleries,	body#UserGalleries #pageContainer 		{ background-color: #ECE6E6 }
body#Comment,		body#Comment #pageContainer 			{ background-color: #EFFFDF }
body#Update,		body#Update #pageContainer 				{ background-color: #FAF6D8 }
body#Update #pageContainer { background-image: URL( "/core/images/updatesBackground.gif" ) }

a.inactive, div.navigation a, input.submitButton { background-color: #EEEEEE }
div.diaryEntryContainer, .borderedContainer .borderedContainer, .navigationTab, .navigationTabActive, .navigationTabPage 
	{ background-color: #fff }
.borderedContainer, #debugInfo { background-color: #F6F6F6 }
tr.important td { background-color: #dd9999 } /* On Red */
a.noHover:hover { background-color: transparent }
div.underlineBar { background-color: #7B7B98 } /* Light Blue */
div.underlineBarSpacer { background-color: transparent }
#topBar { background-color: #666 }

div.progressBar, table th, .tableHeading, div.navigation 
	{ background-color: #4D4D7D; color: white } /* White on Dark Blue */ 

.searchResults, #messageBox, .error, input, div.navigation a.inactive,
img.Photo, textarea, select, div.galleryContainer, div.diaryEntryContainer, div.mp3Container, 
div.messageContainer, div.progressContainer, pre, .borderedContainer, div.pageSection, #debugInfo, 
div.semiTransparent, #logonStrip, .navigationTab
	{ border-color: #C3BEB6 }
	

/* ---VOTING--- */

.vDownE, .vUpE, .vDownW, .vUpW, .vDownD, .vUpD, .vDownA, .vUpA, .vError {
        float: left; display: block; width: 20px; height: 18px; margin: 0 0 0 8px;
        background-image: URL( "/core/images/thumbs.png" ); background-repeat: no-repeat;
        font-size: 7pt; padding-left: 24px; padding-top: 2px
}

.vDownE, .vUpE { cursor: pointer }
.vDownW, .vUpW { cursor: wait }

.vDownE { background-position: -60px 0 }
.vDownW { background-position: -60px -60px }
.vDownE:link { background-position: -60px 0 }
.vDownE:hover { background-position: -60px -20px }
.vDownE:active, .vDownA { background-position: -60px -40px }
.vDownD { background-position: -60px -80px }

.vUpE { background-position: 0 0 }
.vUpW { background-position: 0 -60px }
.vUpE:link { background-position: 0 0 }
.vUpE:hover { background-position: 0 -20px }
.vUpE:active, .vUpA { background-position: 0 -40px }
.vUpD { background-position: 0 -80px }

.vError { background-position: 0 -100px }

table .even, .messageContainer {
	background-color:#FCFDE3;
}

table .odd {
	background-color: #F4EEE3;
}

table.presenceUsers { border-color: #7B7B98 }
table.presenceUsers tr th { background-color: #7B7B98 }
	
.odd, .even a:hover, div.mp3Container, #messageBox, table, div.mp3Container, 
div.messageContainer, pre, a.active:link, a.active:visited, div.navigation a.active,
p.randomQuote a:hover 
	{ color: #5F6307 } /* Dark Yellow on Pale Yellow */

.even, a:hover, .odd a:hover, div.navigation a.inactive:hover, div.galleryContainer 
	{ color: #4D3D1E } /* Dark Orange on Pale Orange */

table.announcements { background-color: transparent }
table.announcements .even { background-color: transparent; color: #2F2B61 }
table.announcements .odd { background-color: transparent; color: #423D87 }
table.shouts .even, table.comments .even { background-color: #E0F0E6; color: #245035 }
tr.action { background-color: #F4EEE3; color: #4D3D1E }
table.shouts .odd, table.comments .odd { background-color: #EDF7F1; color: #397D53 }
.replies a { color: #79BD93 }
.personIcons { white-space: nowrap }
table, div.imageContainer a:hover img, div.navigation a.inactive:hover, div.navigation, .navigationTabPage
	{ border-color: #4D4D7D /* Dark Blue */ }

#topBar, #pageContainer { border-color: #999 /* Grey */ }
#topBar a, #topBar a:link, #topBar a:visited, #topBar a:hover { color: white; background-color: transparent }
#topBar .searchResults a, #topBar .searchResults a:link, #topBar .searchResults a:visited, #topBar .searchResults a:hover 
	{ color: #4D4D7D; background-color: transparent }
#topBar h1 a:link, #topBar h1 a:visited { color: #888; background-color: transparent } 
#topBar h1 a:hover { color: white; background-color: transparent }

div.navigation a.active { border-color: #CCF #CCF #669 #669 }

p.emphasise { border-color: #F4EEE3 /* Pale Orange */ }
.sortOptions {
	float: right; margin-top: 0; font-size: 7pt
}
	


/* ---PAGE DIVISIONS--- */

#pageContainer 	{ width: 850px; margin: 0 auto 0 auto; border-width: 1px; border-style: solid }
#topBar 			{ width: 837px; margin: 30px auto 0 auto; padding: 20px 0 10px 13px; border-width: 1px; border-style: solid }
#content 		{ width: 602px; margin: 0; padding: 20px 0 20px 0; float: left }
#footer			{ width: 850px; margin: 0 auto 0 auto; text-align: center }
#leftBar 		{ width: 180px; margin: 0; padding: 20px; float: left }

#leftBar, #leftBar p, #logonStrip { text-align: right }
div.navigation { margin: 0 0 20px 0 }
div.navigation a.inactive, div.navigation a.active { display: block; padding: 7px 50px 0 0; height: 23px; margin-top: 1px }
#logonStrip { font-size: 11px }
#logonStrip input 
	{ display: inline; vertical-align: middle; font-size: 9px; margin: 0; padding: 2px 1px 1px 3px }
#logonStrip input.submitButton { right: 0px; margin: 10px 0 10px 5px; padding: 0 }
blockquote 
{
	margin: 0; padding: 20px 20px 20px 40px; background-image: URL( "/images/quotes.jpg" );
	background-repeat: no-repeat; background-position: top left
}
cite { display: block }
#badges { margin-top: 80px; margin-bottom: 40px }


/* ---FORMATTING--- */

body 
{ 
	margin: 0; padding: 0 0 40px 0;
	font-family: verdana, arial, helvetica, sans-serif; font-size: 9pt;
	background-image: URL( "/core/images/tiles/diagonalWhiteStripes.gif" )
}

img, .spacer, img.icon, #logonStrip form, #logonStrip { margin: 0; padding: 0 }
p, blockquote, li { text-align: justify }
p, blockquote { margin: 5px 0 7px 0 }
p, blockquote, li { line-height: 20px }
p.summaryComment { line-height: normal; font-size: 8pt }
p.randomQuote { font-size: 7pt; line-height: normal; margin-right: 50px }

pre { line-height: normal; overflow: scroll; width: 450px; margin-right: 0 }

h1 { font-size: 12pt }
#topBar h1 { font-size: 24pt; font-weight: bold; letter-spacing: -3px; margin: 0 0 0 0 }

a .Caption, h2 a, h1 a, a.active, a.inactive, #topBar a, .actionLink:link, .actionLink:visited, .actionLink:active, .rankLink, .chatLink  { text-decoration: none }

h2, select.h2 { font-size: 10pt }
h3 { font-size: 10pt }

h1,h2,select.h2,h3,h4,h5,h6, tr.highlighted td, tr.important td, a.active, p.errorTitle, 
.blacklisted, .error, blockquote { font-weight: bold }

.messageContainer h1, .messageContainer h2, .messageContainer h3 { margin-top: 5px; margin-bottom: 5px }

.actionLink { font-size: 8pt }
.actionLink:hover { text-decoration: underline }
a.bigButton { border-width: 2px; border-style: outset; padding: 5px 10px 5px 10px; text-decoration: none; font-size: 14pt }
a.bigButton:active { border-style: inset }

img { border: none }
img.icon { float: left; height: 40px; width: 30px; margin: 0 3px 0 0 }
img.mp3Icon { float: left; width: 30px; margin: 2px 10px 4px 2px }
.spacer { clear: both; height: 1px; font-size: 1px; background: transparent }
.selectionBox { font-size: 0px }
.small { font-size: 8pt }
.admin { font-weight: normal; font-size: 7pt; margin-top: 2px }


/* ---LISTS--- */

ul { list-style-type: square; margin: 20px 40px 20px 10px }
li { margin-top: 10px; margin-bottom: 10px }

li.leaf { list-style-image: url( "/core/images/bullets/leaf.gif" ) }
li.lastLeaf { list-style-image: url( "/core/images/bullets/lastLeaf.gif" ) }
li.nodeParentCollapsed { list-style-image: url( "/core/images/bullets/collapsed.gif" ) }
li.nodeParentExpanded { list-style-image: url( "/core/images/bullets/expanded.gif" ) }


/* ---ANNOTATION OF IMAGES--- */

.arrowIcon, .arrowRight { vertical-align: top; background-repeat: no-repeat; height: 71px }
.arrowIcon { white-space: nowrap; padding: 5px; width: 30px; font-size: 8pt } 
.arrowIcon img { vertical-align: top; margin-right: 3px }
.arrowRight { white-space: nowrap; width: 8px }
.arrowContainer	
{ 
	border: none; background-color: transparent; border-collapse: collapse; 
	width: auto; position: absolute; height: 71px
}

/* ---GENERAL CONTAINERS--- */

input, textarea, select, img.Photo, div.galleryContainer, div.diaryEntryContainer, div.mp3Container, div.messageContainer, div.progressContainer, pre, .borderedContainer, #debugInfo, div.semiTransparent, #logonStrip, div.navigation a, #messageBox, div.navigation, div.pageSection, table.presenceUsers, .searchResults
	{ border-width: 1px 1px 2px 1px; border-style: solid }

form.inline, form.inline input { display: inline; padding: 0; margin: 0 }

div.imageContainer a, td, div.mp3Container p, div.messageContainer p 
	{ text-align: left; font-size: 8pt; line-height: normal; margin: 0; text-decoration: none }

div.messageContainer p { margin: 3px 0 3px 0 }

.chatLink:link, .chatLink:visited, .chatLink:hover, .chatLink:active
{ 
	background-image: URL( "/core/images/icons/comment.gif" ); background-repeat: no-repeat;
	background-position: center right; padding-right: 15px 
}
.error 
{ 
	background-image: URL( "/core/images/icons/alert.gif" ); background-repeat: no-repeat;
	background-position: 0px 3px; padding-left: 15px 
}
.search
{ 
	background-image: URL( "/core/images/icons/search.gif" ); background-repeat: no-repeat;
	background-position: 4px 4px; padding-left: 18px
}
.googleSearch
{ 
	background-image: URL( "/core/images/searchgoogle.gif" ); background-repeat: no-repeat;
	background-position: 4px 4px; padding-left: 18px
}
.searchActive
{ 
	background-image: URL( "/core/images/spinner.gif" ); background-repeat: no-repeat;
	background-position: 0px 0px; padding-left: 18px
}
.searchLink:link, .searchLink:visited, .searchLink:hover, .searchLink:active
{ 
	background-image: URL( "/core/images/icons/search.gif" ); background-repeat: no-repeat;
	background-position: 2px 2px; padding-left: 15px
}
div.alphaBG { padding: 5px 0 5px 0; background-image: URL( "/core/images/alphaBG.gif" ) }
#leftBar .searchResults * { text-align: left }
.searchResults, div.semiTransparent, #logonStrip { background-image: URL( "/core/images/whiteAlphaBG.gif" ) }
.borderedContainer, div.pageSection, div.semiTransparent, #debugInfo { padding: 15px; margin-bottom: 10px }
#logonStrip { padding: 10px }
div.diaryEntryContainer, div.messageContainer, pre { padding: 10px 25px 20px 25px; margin-bottom: 10px }
div.galleryContainer { padding: 4px 17px 10px 17px }
div.imageContainer { width: 120px }
div.messageContainer { padding: 5px; margin-bottom: 40px }
#messageBox { width: 300px;	margin: 20px; padding: 10px }	/* System Error Messages */
div.mp3Container { display: block;	width: 260px; float: left; padding: 7px; margin: 7px 10px 3px 0 }
#debugInfo h1, #debugInfo h2 { display: inline }
.infoBullet { vertical-align: middle; margin: 0 3px 0 0 }
.photoBullet { vertical-align: middle; margin: 0 2px 0 0 }
.searchResults { padding: 10px; position: absolute; width: 600px } 

/* ---NAVIGATION TABS--- */

.navigationTabContainer { clear: both; margin-top: 20px }
.navigationTab, .navigationTabActive
{ 
	display: inline; width: 100px; padding: 2px 8px 3px 8px; z-index: -1;
	border-width: 1px 1px 0 1px; border-style: solid; text-decoration: none;
	-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px;
	-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px
}
.navigationTabActive
{ margin-top: -6px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; z-index: 10 }

.navigationTabPage 
{ 
	border-width: 1px 1px 2px 1px; border-style: solid; padding: 15px; margin-top: 3px;
	-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px;
	-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px
}

/* ---TABLES--- */

table 
	{ border-collapse: collapse; border-spacing: 0; margin: 0 0 15px 0; padding: 0 }
table.presenceUsers, table.dataTable, table.comments, table.announcements { width: 100% }
table.presenceUsers tr th { text-align: right }
table.announcements { border: none }
table, th, td, label, div, pre { vertical-align: top; font-size: 9pt }
table td, th { padding: 2px 3px 2px 3px; margin: 0px; text-align: left }
table td.timeDate { white-space: nowrap; width: 50px; font-size: 7pt }
tr.action td { font-weight: bold }
table tr.important td { border-bottom: 1px solid #996666 }
.rank, .rank, td.actionOptions, th.actionOptions 
	{ padding: 0; text-align: right; white-space: nowrap; width: 110px }
.replies { width: 50px }
.replies a 
{ 
	font-size: 10px; display: block; background-image: URL( "/core/images/commentBubble.gif" );
	background-repeat: no-repeat; background-position: 3px 5px;
	padding: 6px 0 0 8px; text-decoration: none; width: 50px; height: 20px 
}
.replies a:hover 
{ 
	background-color: transparent; background-image: URL( "/core/images/commentBubbleMouseOver.gif" );
	background-repeat: no-repeat; background-position: 3px 5px 
}


/* ---FORMS--- */

input, textarea, select { margin: 4px 0 5px 0; padding: 1px 0 0 3px; font-size: 9pt }
textarea.detail { width: 100%; height: 20ex }
input.hidden { display: none }
label { display: block; font-weight: bold }
input.submitButton 
{ 
	display: inline; margin-top: 6px; padding: 4px 10px 4px 10px; 
	font-size: 16pt; border-style: outset; border-width: 2px 
}
input.bigButton { margin: 20px 0 auto; padding: 5px 15px 5px 15px; font-weight: bold; border-style: outset; border-width: 2px }
div.logEntryForm { display: block }
input.aliasName { width: 217px }
input.aliasWebsiteURL { width: 200px }
div.logEntryForm, input.title { width: 100% }
input.time { width: 4em }
input.date { width: 6em }
input[type="radio"] { border: none }
input#emailAddress, input#password { width: 80px }
input.botbuster { display: none }