/**********
 * COLOURS
 **********/

/* baby blue (ad colour) #C5DBE5 */

/* logo ORANGE is #f9a728 */

/* dark brown */
div.header, div.reportBoxTitle {background-color: #ae6332;}
div.innerBrownBox, div.postedComment, div.postedComments,
div.postedNewPageOuterBox, div.postedNewPage, div.postedReportText {border-color: #ae6332;}

/* darker brown */
div.twitterText, div.postedNewPageText {border-color: #774422;}
a.dBrown, span.dBrown {color: #561f11;}

/* light brown */
div.innerBrownBox, div.commentsBox, div.reportBox {background-color: #e19a56;}
div.outerBrownBox {background-color: #e19a56;}
div.footer {border-color: #e19a56;}

/* shiny gold (link hover colour) */
span.lightGoldHover:HOVER {color: #d1ab34;}
span.mediumGoldHover:HOVER {color: #85632d;}
span.darkGoldHover:HOVER {color: #664c22;}

/* creamy white (columns bg colour) */
html, body, div.wrapper2 {
	background-color: #f9f8e9;
	/*background-color: #1a2022;*/
}

/* text link colour (default is brown) */
a {color: #802f19;}
a:HOVER {color: #664c22;}
a.black {color: black;}

div.twitterText {background-color: white;}


/*****************
 * CURVEY CORNERS
 *****************/
 
/* Dark Brown */
div.BLcurveDbrown {background: url(../images/BL.png) bottom left no-repeat #ae6332;}
div.BRcurveDbrown {background: url(../images/BR.png) bottom right no-repeat; padding-bottom: 6px;}

div.TLcurveDbrown {background: url(../images/TL.png) top left no-repeat #ae6332;}
div.TRcurveDbrown {background: url(../images/TR.png) top right no-repeat; padding-top: 6px;}
 
/* Light Brown */
div.TLcurveLbrown {background: url(../images/TL.png) top left no-repeat #e19a56;}
div.TRcurveLbrown {background: url(../images/TR.png) top right no-repeat; padding-top: 6px;}

div.BRcurveLbrown {background: url(../images/BR.png) bottom right no-repeat #e19a56;}
div.BLcurveLbrown {background: url(../images/BL.png) bottom left no-repeat; padding-left: 6px;}

/* Menu's curvy corner div (the outer one) needs some padding-left */
/* Unselected menu items are the same except they only show the BGcolour and curvy corners on hover */
/* added BLmenuStick etc for when link is clicked, javascript changes the divs to these,
so we keep the colour and curvy corners while the next page loads */
div.BLcurveLbrownMENU, div.BLcurveLbrownMENUUnselected:HOVER, div.BLmenuStick {
	background: url(../images/BL.png) bottom left no-repeat;
	padding: 3px 0 2px 25px;
}
div.BLcurveLbrownMENUUnselected {padding: 3px 0 2px 25px;}
/* the lighter brown of the unselected menu item's curvy corner div (the inner one) */
div.TLcurveLbrownUnselected:HOVER, div.TLmenuStick {background: url(../images/TL.png) top left no-repeat #e1b48c;}