/* CSS Document */
/*===================  COLORS  =================================================
# c-seagreen.css
# 
# part of the Triad skin for Pmwiki
#=============================================================================*/

/*=============== liight blue theme =================*/
body { 
	background:#C6DBB2; 
} 
#outer-box { 
	border:1px solid #43562E;
} 
#left-box { 
	background-color:#fff ; 
	padding-top: 20px;
} /*left: right border img */

#right-box{
	padding-top: 20px;
} 
#outer-box { 
	background-color:#fff; 
	width:100%;
	margin:0 auto 0 auto;
}/*left: left border img + background */
#center-box, #right-box, #footnavbox { background-color:#fff; } /* main background color */
 
a:link   { color:#265e15;}
a:visited{ color:#265e15;}
a:active { color:#265e15;}
a:hover  { color:#265e15;}

#header { background-color:#fff; /* header background image */ }

#topnav {  
	background:#58713D;
	padding:5px; 
}
#topnav a, #topnav ul li { color:#fff; }		
#topnav li a:hover, #topnav li a:active  { 
		color: #fff; background: #EF301F; } /* hover colors */

#headertitle{
	position: relative;
	background:url(/pub/logo.png) top left no-repeat #fff;
	height:50px;
	padding-left: 150px;
}
#mainhl{
	font-family: 'Nunito', sans-serif;
	font-size: 38px;
	color:#58713D;
	float: left;
}
#subheadline{
	font-family: 'Nunito', sans-serif;
	padding-left: 20px;
	float: left;
	padding-top: 25px;
}

.responsive-nav {
	background-image: url(../images/responsive-nav-bg.png);
	background-position: center right;
	background-repeat: no-repeat;
	display: none;
	width: 360px;
}

select {
	-webkit-appearance: none; /* Fix for Mobile Safari */
	background-color: #f8f8f8;
	border: 1px solid #003C6A;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
	color: #003C6A;
	font: 12px/1.5 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	padding: 5px 10px;
	border-radius: 0;
}

select {
	height: 30px;
}


select:hover { border-color: #dedede; }
	
select:focus { border-color: #ccc; }

select, option {
	cursor: pointer;
	padding: 5px 7px;
}

#contentbox { 
	background:#fff;  
	border:1px solid #ededed; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-top: 20px;
}

#content-left {
	float: left;
	width: 69%;
}
#content-right {
	float: right;	
	width: 29%;
}

#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, #pagetitle a { color:#900; }
#titlebar a:hover { text-decoration:none; color:#009; }

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

.quickref { background:#eef }	 

#sidebar p, #sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4 { color:#ff9 }
#sidebar .sidehead, #sidebar p.sidehead a.wikilink { color:#ff9 } /*#5F5F30*/

#sidebar h1 a:link, #sidebar h1 a:visited { color:#FFC27F; }
#sidebar h1 a:hover, #sidebar h1 a:active,
#sidebar a:link, #sidebar a:visited { color:#265e15; }

#sidebar a:hover, #sidebar a:active { color:#265e15; text-decoration:underline; }
#sidebar p.sidehead a.wikilink:hover  { color:#265e15; text-decoration:underline; } /* hover colors */
#sidebar p.sidehead a.wikilink:active { color:#265e15; text-decoration:underline; }
#sidebar li a:hover, #sidebar li a:active  { color: #265e15; text-decoration:underline; } /* hover colors */

#sidebar ul ul li  { border-top:0px solid #999; border-bottom:0;}

#sidebar a.selflink { color:#265e15; text-decoration: underline; }

#sidebarfooter { border-top:0px solid #999; }

.inputbox, .inputtext { background: #EBF1E4;
			border-top:1px solid #999; 
			border-left:1px solid #999;
			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:#D5E1C7; 
			border-top:1px solid #eee; 
			border-left:1px solid #eee;
			border-right:1px solid #999;
			border-bottom:1px solid #999;}
.inputbutton:hover { color:#900; background:#ffe }

.navbuttons li a {  }
.navbuttons li a:hover, #footaction li a:active { color:#900; background:#fff }
.navbuttons li a, a.fontsizer{
			background:#D5E1C7;
			color:#006;
			border-top:1px solid #eee; 
			border-left:1px solid #eee;
			border-right:1px solid #999;
			border-bottom:1px solid #999;}
		
#footer-box { border-top:1px solid #43562E;
  	    background:#eee url(../images/seagreen-foot.jpg) repeat-x;}

#content ul { list-style-image: url(../images/bullet.png); }
#rightbar ul { list-style:none; }

#rightbar a.fontsizer, #header-box a.fontsizer  { 
		color:#eee;
		background:#58713D;  
		border-top:0;
		border-left:0;
		border-bottom:1px solid #1D5183;
		border-right:1px solid #1D5183;}
#content a.fontsizer { background:#D5E1C7; }
#sidebar a.fontsizer { background:#58713D; }
#rightbar a.fontsizer:hover { background:#900; }
#sidebar a.fontsizer:hover { background:#900; }
#content a.fontsizer:hover { background:#fff; color:#900; }

#sidebar  p { color:#eee; }		

.clip, .news { 
	border:1px solid #ededed;
	color:#000;
	background-color:#ededed;
	padding:0 8px 5px 8px;
	margin-bottom:5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
}

#sidebar .sideclip { border:1px solid #003B62;
		color:#000;
		background:#EBF1E4;
		padding:2px 0px;
		margin:5px 5px 0 5px;
		font-size:0.85em;}
#sidebar .sideclip p, #sidebar .sideclip h4 { 
		color:#000;
		line-height:1.2em;}
#sidebar .sideclip a { color:blue }

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

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

#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:#D5E1C7; }
.messageitem, .bquote { background:#EBF1E4; }

.clip2 { 
	width: 180px; 
	border:1px solid #ededed;
	padding:5px 8px 5px 8px;
	margin-bottom:10px; 
	clear:both;
	background-color: #ededed;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.hl_aw_box{
	background:#536638; 
	text-align:left; 
	color: #FFF;
	font-weight:bold;
	font-size:115%;
	margin: 0px 5px 0px 0px; 
	padding: 3px 3px 3px 10px;
}
.aw_box{
	margin: 0 5px 5px 0; 
	padding: 0 1em 1em 1em; 
	border: 1px solid #536638; 
	background-color:#fff;
}

#scroller{
	position: fixed;
	width: 46px;
	height:359px;	
	top:100px;
	right:0px;
}
#searchlayer{
	margin:6px 0 50px 0;
	height:46px;
	background-color: #EBF1E4;
	border: 1px solid #58713D;
	padding:0 0 0 5px;
}
#sociallayer {
	margin: 0;
	height:130px;
	background-color: #EBF1E4;
	border: 1px solid #58713D;
	padding: 5px 0 0 5px;
}

#googlelayer{
	display:none;
	position: relative;
	width:697px;
	height:74px;
	padding:10px;
	background-color: #EBF1E4;
	border: 1px solid #58713D;
	top: -221px;
	left: -719px;
}
img.socialbookmarks_grid{
	margin-bottom:3px;
}
.h3{
	clear:both;
	height:3px;
    display:block;
    width:100%;
}
img#close{
	margin-bottom: 3px;
}
.h0{
	height:1px;
	width:99%;	
}

.thumbtable{
	margin-bottom: .5em;
	width: auto;
	border: 1px solid #ccc;
	padding: 3px !important;
	background-color: #f9f9f9;
	font-size: 94%;
	text-align: center;
	overflow: hidden;
}
#sidebar ul li {
	margin: 0 0 5px 0;
}