@charset "utf-8";
/**************************************************



--- Naming Convention & writing style ---



- IDs & class names = all_lower_case_with_underscores

- ID and class names should relate to what they contain - not element type, position or appearance

- Cascade ID related class names by tabbing. eg:

#element_id{}

#element_id .class_name{}

- Use single line declarations for all but the very long

- Preferred order: position ; dimensions ; float ; margin ; padding ; everything else





--- File structure ---



- Import

- Global styles

- Global classes

- Global IDs (IDs common to all/most pages)

- #id .classes

- Local IDs

- #id .classes



--- Colours ---



#F3F3F3

#8AAC7A

#D7E495

#5A8E3C Header green

#23331A Dark green

#C5D5BD

List colours here for easy find & replace





***************************************************/


.tips_block .problem { overflow:visible; }
/* *** IMPORT *** */





/*



Note: reset.css sets body text size @ 62.5%

For text sizes use:

1em instead of 10px

1.6em instead of 16px, etc



*/



/* *** GLOBAL STYLES *** */







/* *** GLOBAL CLASSES *** */



.fl { float:left; }
.fr { float:right; }
.oa { overflow:hidden; height:1%; }
.serif { font-family:"Palatino Linotype", "Book Antiqua", Linotype, serif; }
.sans { font-family:"Century Gothic", Helvetica, Arial, sans-serif; }
.basic { font-family:Arial, Helvetica, sans-serif }
.w50 { width:294px; padding:10px; float:left; }
.pad-s { padding:5px; }
hr.clear { padding-bottom:5px; clear:both; visibility:hidden; }
a.back { padding-left:15px; background:url(../images/link-back.gif) 2px center no-repeat; font-size:.9em; }
a:hover.back { padding-left:15px; background:url(../images/link-back.gif) left center no-repeat; }
#site_tools .nav_main .ai_cb_na,
 #site_tools .nav_main .ai_cb { display:inline; }
div.snippet a { text-decoration:none; line-height:14px; width:300px; }
div.admin_controls { float:right; padding:2px; background-color:#EEE; margin-left:5px; }
div.admin_controls div { border-right:1px dotted #CCCCCC; float:left; font-size:9px; text-align:center; text-transform:uppercase; width:42px; }
div.admin_controls div label { display:block }
div.left_col { overflow:auto; }
/* *** LOCAL CLASSES *** */

div.list_options a { padding:5px }
ul.news_list { margin:10px 20px; }
ul.news_list li { line-height:1.4em; font-size:1.2em; list-style:inside square; padding:5px 0px; color:#CCC; overflow:auto; zoom:1; }
ul.news_list li img { float:left; margin:0px 5px 5px 0px }
ul.news_list li a { font-weight:bold; }

div.news_item { padding:10px; }
div.news_item p { padding:3px 0px; }
div.news_item h2 { font-size:1.1em; }
div.news_item div.body { font-size:1.2em; padding:0px 15px 5px; zoom:1; overflow:auto; }
ul.tag_list li { overflow:auto; zoom:1; }
ul.tag_list li:hover { background-color:#f5f5f5; }
ul.tag_list.noadmin li { width:33%; float:left; clear:none; }
/* *** GLOBAL IDs *** */


#site_tools .account { line-height:18px; }
#site_tools .account input.btn { border:0px; padding:0px; width:auto; vertical-align:-4px; }
#site_tools .tools { font-size:1em }
#site_tools .tools input.text { width:14.5em; height:22px; font-size:16px; vertical-align:top; }
#site_tools .tools label { line-height:26px; vertical-align:baseline; font-size:26px; letter-spacing:-1px; }
#site_tools .tools input.btn { border:0px; padding:0px; width:auto; vertical-align:baseline; line-height:26px; }

/* *** LOCAL IDs *** */
















/* CUSTOMISATION */



.bg0 { background:#EEE none; }
.bg0 #container { background-color:#FFF; }
.bg1 { background-color:#2a4441; }
.bg1.pattern1 { background:#2a4441 url(../images/backgrounds/blanche1.gif) center top repeat; }
.bg1.pattern2 { background:#2a4441 url(../images/backgrounds/celline1.gif) center top repeat; }
.bg1.pattern3 { background:#2a4441 url(../images/backgrounds/chinaberry1.gif) center top repeat; }
.bg1.pattern4 { background:#2a4441 url(../images/backgrounds/mayor1.gif) center top repeat; }
.bg1.pattern5 { background:#2a4441 url(../images/backgrounds/orient1.gif) center top repeat; }
.bg1.pattern6 { background:#2a4441 url(../images/backgrounds/snowdrop1.gif) center top repeat; }
.bg1.pattern7 { background:#2a4441 url(../images/backgrounds/song1.gif) center top repeat; }
.bg1.pattern8 { background:#2a4441 url(../images/backgrounds/storm1.gif) center top repeat; }
.bg1.pattern9 { background:#2a4441 url(../images/backgrounds/stripes1.gif) center top repeat; }
.bg2 { background-color:#4f5963; }
.bg2.pattern1 { background:#4f5963 url(../images/backgrounds/blanche2.gif) center top repeat; }
.bg2.pattern2 { background:#4f5963 url(../images/backgrounds/celline2.gif) center top repeat; }
.bg2.pattern3 { background:#4f5963 url(../images/backgrounds/chinaberry2.gif) center top repeat; }
.bg2.pattern4 { background:#4f5963 url(../images/backgrounds/mayor2.gif) center top repeat; }
.bg2.pattern5 { background:#4f5963 url(../images/backgrounds/orient2.gif) center top repeat; }
.bg2.pattern6 { background:#4f5963 url(../images/backgrounds/snowdrop2.gif) center top repeat; }
.bg2.pattern7 { background:#4f5963 url(../images/backgrounds/song2.gif) center top repeat; }
.bg2.pattern8 { background:#4f5963 url(../images/backgrounds/storm2.gif) center top repeat; }
.bg2.pattern9 { background:#4f5963 url(../images/backgrounds/stripes2.gif) center top repeat; }
.bg3 { background-color:#006f7a; }
.bg3.pattern1 { background:#006f7a url(../images/backgrounds/blanche3.gif) center top repeat; }
.bg3.pattern2 { background:#006f7a url(../images/backgrounds/celline3.gif) center top repeat; }
.bg3.pattern3 { background:#006f7a url(../images/backgrounds/chinaberry3.gif) center top repeat; }
.bg3.pattern4 { background:#006f7a url(../images/backgrounds/mayor3.gif) center top repeat; }
.bg3.pattern5 { background:#006f7a url(../images/backgrounds/orient3.gif) center top repeat; }
.bg3.pattern6 { background:#006f7a url(../images/backgrounds/snowdrop3.gif) center top repeat; }
.bg3.pattern7 { background:#006f7a url(../images/backgrounds/song3.gif) center top repeat; }
.bg3.pattern8 { background:#006f7a url(../images/backgrounds/storm3.gif) center top repeat; }
.bg3.pattern9 { background:#006f7a url(../images/backgrounds/stripes3.gif) center top repeat; }
.bg4 { background-color:#bcadb4; }
.bg4.pattern1 { background:#bcadb4 url(../images/backgrounds/blanche4.gif) center top repeat; }
.bg4.pattern2 { background:#bcadb4 url(../images/backgrounds/celline4.gif) center top repeat; }
.bg4.pattern3 { background:#bcadb4 url(../images/backgrounds/chinaberry4.gif) center top repeat; }
.bg4.pattern4 { background:#bcadb4 url(../images/backgrounds/mayor4.gif) center top repeat; }
.bg4.pattern5 { background:#bcadb4 url(../images/backgrounds/orient4.gif) center top repeat; }
.bg4.pattern6 { background:#bcadb4 url(../images/backgrounds/snowdrop4.gif) center top repeat; }
.bg4.pattern7 { background:#bcadb4 url(../images/backgrounds/song4.gif) center top repeat; }
.bg4.pattern8 { background:#bcadb4 url(../images/backgrounds/storm4.gif) center top repeat; }
.bg4.pattern9 { background:#bcadb4 url(../images/backgrounds/stripes4.gif) center top repeat; }
.bg5 { background-color:#b3b17e; }
.bg5.pattern1 { background:#b3b17e url(../images/backgrounds/blanche5.gif) center top repeat; }
.bg5.pattern2 { background:#b3b17e url(../images/backgrounds/celline5.gif) center top repeat; }
.bg5.pattern3 { background:#b3b17e url(../images/backgrounds/chinaberry5.gif) center top repeat; }
.bg5.pattern4 { background:#b3b17e url(../images/backgrounds/mayor5.gif) center top repeat; }
.bg5.pattern5 { background:#b3b17e url(../images/backgrounds/orient5.gif) center top repeat; }
.bg5.pattern6 { background:#b3b17e url(../images/backgrounds/snowdrop5.gif) center top repeat; }
.bg5.pattern7 { background:#b3b17e url(../images/backgrounds/song5.gif) center top repeat; }
.bg5.pattern8 { background:#b3b17e url(../images/backgrounds/storm5.gif) center top repeat; }
.bg5.pattern9 { background:#b3b17e url(../images/backgrounds/stripes5.gif) center top repeat; }
/* AUTOCOMPLETE */

div.autocomplete { background-color:white; border:1px solid #CCCCCC; margin:0; max-height:300px; overflow:auto; padding:0; position:absolute; text-align:left; width:400px; z-index:100; }
div.autocomplete ul { list-style-type:none; margin:0; padding:0; }
div.autocomplete ul li.selected { background-color:#EAF2FB; }
div.autocomplete ul li { cursor:pointer; display:block; list-style-type:none; margin:0; padding:2px; }
.html_content { margin:10px; }
.rss { float:right; margin-left:5px; }
.tag_list .rss { float:left; margin-right:5px }
ul.friends li { float:left; height:5em; padding:1.5%; width:30%; }
/* *** Sortable Lists *** */

ul.sortableList { list-style-type: none; padding: 0px; margin: 0px; width: 200px; font-family: Arial, sans-serif; }
ul.sortableList li { cursor: move; padding: 2px 2px; margin: 2px 0px; border: 1px solid #000000; background-color: #daeda3; }