/* CSS Document */
/*===================  COLORS  =================================================
# c-sand.css
#
# part of the Triad skin for Pmwiki
# A port of sand from Gemini... -- [Feral:051/07@04:58] 
#=============================================================================*/

/*=============== gold theme =================*/
body { background:#ddb url(../images/sand-bg.jpg); }
/*body { background:#ddb; }*/

#left-box {
/*	background: url(../images/brown-brd-left.jpg) left repeat-y*/
/*	background: url(../images/brown-brd-right.jpg) right repeat-y;*/
	padding: .2em .2em .3em 0em; /* T R B L*/
/*	margin: 0.3em 1em 0em;*/
} /*left: right border img */ 

/*left: left border img + background */
#outer-box {
/*	border:1px solid #003466;*/
/*	background: url(../images/sand-bg.jpg);*/
/*	border:1px url(../images/brown-brd-left.jpg) repeat-y;*/
}
#outer-box { url(../images/brown-brd-left.jpg) repeat-y; }

/* main background color */
/*#center-box, #right-box, #footnavbox {background:url(../images/gold-grad.gif) bottom left fixed repeat-x #ffe199; }*/
/* [Feral:051/07@05:39] Which in this case is just the body background. */
 
a:link { color:#305F5D; }
a:visited { color:#305F5D; }
a:hover { color:#f60; }
a:active { color:#f60; }

#header { xxbackground:#a80000 url(../images/red-top.jpg) repeat-x;
		  xxbackground:#a80000 url(../images/gold-grad-hor.jpg) top right repeat-y; 
/*		  background:#fc0 url(../images/gold-top.jpg) repeat-x; / * header background image * / */
/*		  background:#fc0 url(../images/sand-bg.jpg) repeat-x; /* header background image */*/
          xborder-bottom:1px solid #376EA4; }
#header a { color:#900; }
#header .inputbutton a {color:#006;}
#header {color:#009;}

/* toplink bar background color */
#topnav, #toggleright input, #toggleleft input
{
/*	background:#a80000;*/
	background:#fc0 url(../images/sand-bg.jpg) repeat-x; /* header background image */
	color:#009;
}

#topnav {
/*	border-bottom:1px solid #ff9; */
/*	border:1px solid #ff9;*/
	border-width:1px;
	border-color:yellow;
/*	border-style:inset;*/
	border-style:outset;
}
#topnav a, #topnav ul li {
	color:#5F5F30;
}
/* hover colors */
#topnav li a:hover, #topnav li a:active  { 
	color: #f60;
	background: #ffe;
}


#toggleright input, #toggleleft input { 
	color:#fff;
	border:none;
}
#toggleleft input { border-right:1px solid #fff }
#toggleright input { border-left:1px solid #fff }

#toggleright input:hover, #toggleleft input:hover { background:#000080; }

#contentbox {
	background:#fff;
	background-image:url(../images/sand-li.jpg); 
/*	border:1px solid #003466;*/
	border-top:1px solid #ACA899;
	border-left:1px solid #ACA899;
	border-right:2px solid #ACA899;
	border-bottom:2px solid #ACA899;
}

#pagetitle { margin: 0.3em 1em 0em;
    padding: .2em .3em .3em; color: #000; 
    font: lighter  "Lucida Grande", "Lucida Sans Unicode", verdana, sans-serif;  
    border-top: 3px double #ccc; border-bottom: 3px double #ccc; background: transparent;
    }
/*#pagegroup a { color:#900; }*/
/*#pagetitle a { color:#900; }*/
#pagegroup a { color:#5F5F30; }
#pagetitle a { color:#5F5F30; }
#titlebar a:hover { text-decoration:none; color:#009; }
/*#titlebar { background-image:url(../images/sand-li.jpg); } /* pagegroup and pagetitle container. */*/

#content h1, #content h2, #content h3, 
#content h4, #content h5, #content h6 { color:#5F5F30; }


.quickref { background:#eef }    

/*#sidebar { width:250px; }*/
#sidebar p, #sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4 { color:#5F5F30 }
#sidebar .sidehead, #sidebar p.sidehead a.wikilink { color:#5F5F30; } /*#5F5F30 ff9*/
#sidebar h1 a:link, #sidebar h1 a:visited { color:#5F5F30; }
#sidebar h1 a:hover, #sidebar h1 a:active,
#sidebar a:link, #sidebar a:visited { color:#5F5F30; }
#sidebar a:hover, #sidebar a:active { color:#f60; }
#sidebar p.sidehead a.wikilink:hover  { color:#f60; background: #ffe; } /* hover colors */
#sidebar p.sidehead a.wikilink:active { color:#f60; background: #ffe000; }
#sidebar li a:hover, #sidebar li a:active  { color:#f60; background:#ffe; } /* hover colors */
#sidebar li, #sidebar h1, p.sidehead { border-bottom: 1px solid #ACA899; } /* menu lines */
/*#sidebar li, #sidebar h1 { border-bottom: 1px solid #ACA899; }*/
/* menu lines */
/* border-top:1px adds horizontal lines for second level list elements: */
#sidebar ul ul li  { border-top:0px solid #ACA899; border-bottom:0;} 

#sidebar a.selflink { color:#000 }
#sidebar a:hover.selflink { background:none; color:#000 }
#sidebarfooter { border-top:0px solid #999; }

.inputbox, .inputtext { background: #FFF3D6;
            border-top:1px solid #99c; 
            border-left:1px solid #99c;
            border-right:1px solid #eee;
            border-bottom:1px solid #eee; }
.inputbox:hover, .inputbox:focus { color:#000; background:#fff; }
/* comment next six lines to get a standard button */
.inputbutton {color:#000066; background:#FFD980; 
            border-top:1px solid #eef; 
            border-left:1px solid #eef;
            border-right:1px solid #99c;
            border-bottom:1px solid #99c;}
.inputbutton:hover { color:#000080; background:#fff }

.navbuttons li a {  }
.navbuttons li a:hover, #footaction li a:active { color:#000080; background:#fff }
.navbuttons li a, a.fontsizer{
            background:#FFD980;
            color:#006;
            border-top:1px solid #eee; 
            border-left:1px solid #eee;
            border-right:1px solid #99c;
            border-bottom:1px solid #99c;}
        
#footer-box {
/*	border-top:1px solid #003466;*/
/*	background:#eee url(../images/gold-foot.jpg) repeat-x;*/

	border-width:1px;
/*	border-color:#003466;*/
	border-color:#fc0;
	border-style:inset;
/*	border-style:ridge;*/
/*	TODO: sand-bg needs to be a darker shade. for it to look correct. */
	background:#fc0 url(../images/sand-bg.jpg) repeat-x; /* header background image */
}

























#content ul { list-style-image: url(../images/bullet7.gif); }
#rightbar ul { list-style:none; }
/*#edithelp { background:#F5E9BD; border:1px solid #999} */

#rightbar a.fontsizer, #header-box a.fontsizer  { 
        background:#FFD980; color:#009;
        border-top:0;
        border-left:0;
        border-bottom:1px solid #1D5183;
        border-right:1px solid #1D5183;}
#content a.fontsizer { background:#FFD980; }
#sidebar a.fontsizer { background:#90510E; }
#header-box a.fontsizer:hover, 
#rightbar a.fontsizer:hover, 
#sidebar a.fontsizer:hover, 
#content a.fontsizer:hover { background:#000080; color:#fff; }

#sidebar  p { color:#eee; }     

.clip, .news { border:1px solid #003B62;
        color:#000;
        background:#F5E9BD url(../images/gold-clip-left.jpg) repeat-y;
        padding:0 8px 5px 8px;
        margin-bottom:5px; }

#sidebar .sideclip,
#rightbar .sideclip {
	background:#FFF3D6;
	border:1px solid #003B62;
	color:#000;
	padding:2px 0px;
	margin:5px 5px 0 5px;
}
#sidebar .sideclip p, #sidebar .sideclip h4,
#rightbar .sideclip p, #rightbar .sideclip h4 {
	color:#000;
	line-height:1.2em;
}
#sidebar .sideclip a,
#rightbar .sideclip a {
	color:#009; text-decoration:underline;
}

#sidebar .trailmenu ul li a { color:#efe; }
#sidebar .trailmenu ul ul li a { color:#afa; }
#sidebar .trailmenu ul ul ul li a { color:#faa; }

/* commentbox styled */
.messagehead { background:#FFD980; }
.messageitem, .bquote { background:#FFF3D6; }