body 
{
	background-color: #4e609f;
	font-family: sans-serif;
	font-size: 12px;
	margin: 0px;
}

/* ------------- main */

#main
{
	padding: 0px;
	width: 90%;
	margin: 16px 5% 30px 5%;
}

/* ------------ head */

#head
{
	height: 87px;
	background-image: url('eclec.png');
	background-repeat: no-repeat;
}

/* -------------- nav */

#nav
{
	background: #3a4775;
	background-image: url('navback.png');
	background-repeat: repeat-x;
	padding: 10px;
	margin: 8px 0px 0px 0px;
}

#nav ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#nav ul li
{
	margin: 0px 6px;
	display: inline;
	color: #fff;
   font-weight: bold;
   letter-spacing: 0.05em;
}

#nav a
{
	text-decoration: none;
}

#nav a:link { color: #fff; }
#nav a:visited { color: #fff; }
#nav a:hover { color: #ddd; }
#nav a:active { color: #fff; }

/* ------------------------------------------- content */

#body
{
	background: #fff;
	font-size: 12px;
	padding: 30px 20px 20px 20px;
   padding: 0px;
   width: 100%;
   overflow: hidden;
}

#body h1, #body h2, #body h3
{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-family: Geneva, Tahoma, Arial, sans-serif;
}

#body h1 
{ 
	font-size: 1.8em; 
	font-weight: normal;
	color: #465468;
}
#body h2 
{ 
	font-size: 1.6em; 
	font-weight: normal;
	color: #465468;
}
#body h3 
{
	font-size: 1.4em; 
	font-weight: normal;
	color: #465468;
}

#body p
{
	font-size: 1em;
	letter-spacing: -0.01em;
	padding: 0px;
	color: #443
}

#body ul, #body ol
{
	list-style-image: url('bullet.png');
	margin: 2px 10px 10px 20px;
	padding: 0px;
	color: #443;
}

#body ul li, #body ol li
{
	margin: 2px 0px;
}

#body code
{
	color: #665;
}

#body pre
{
	background: #fffffb;
	border: 1px dashed #e0e0d9;
	padding: 8px;
	color: #443;
}

#body hr
{
   margin-top: 13px;
   margin-bottom: 13px;
   width: 60%;
	border: 0px;
	border-top: 1px dotted #ddd;
}

#body textarea
{
	width: 500px;
	border: 1px solid #bbb;
	padding: 3px;
}

#body blockquote
{
   padding-left: 10px;
   border-left: 25px solid #eee;
   margin-left: 0px;
   font-family: serif;
   font-size: 1.1em;
   line-height: 1.3em;
}

#body img.alignright
{
	float: right;
	margin: 5px 0px 5px 8px;
}

#body a
{
	text-decoration: none;
	padding: 0px 12px 0px 0px;
	background-image: url('link.png');
	background-repeat: no-repeat;
	background-position: right center;
}

#body a:link { color: #6B90D3; }
#body a:visited { color: #6B90D3; }
#body a:hover { color: #8BB0F3; }
#body a:active { color: #6B90D3; }

#body h1 a:link, #body h2 a:link, #body h3 a:link, #body h4 a:link { color: #3B60A3; }
#body h1 a:visited, #body h2 a:visited, #body h3 a:visited, #body h4 a:visited { color: #3B60A3; }
#body h1 a:hover, #body h2 a:hover, #body h3 a:hover, #body h4 a:hover { color: #6B90D3; }
#body h1 a:active, #body h2 a:active, #body h3 a:active, #body h4 a:active { color: #3B60A3; }

#body form
{
   margin: 2px 15px;
}

#body form label
{
   display: block;
   font-style: italic;
   font-size: .9em;
   margin: 8px 0px 2px 0px;
   color: #666;
}

#body form .text
{
   padding: 4px;
   border: 1px solid #bbb;
   font-size: 12px;
   display: block;
   margin: 2px 0px 8px 0px;
}

#body form .button
{
   padding: 4px;
   border: 0px;
   background: #888;
   color: #fff;
   font-weight: bold;
}

/* ------------------------------------------ right nav */

#body .left
{
   padding-right: 190px;
   margin: 30px 190px 20px 20px;
   margin: 30px 230px 20px 20px;
   padding-right: 15px;
}

#body .right
{
	clear: right;
	float: right;
	width: 160px;
	width: 200px;
	padding: 5px 0px 5px 10px;
	margin: 35px 20px 30px 10px;
	font-size: 12px;
	border-left: 1px dotted #e0e0e0;
   background: #fff;
}

#body .right h3
{
	font-weight: bold;
   font-size: 1em;
	color: #555;
}

#body .right p
{
	margin: 4px 0px 23px 0px;
}

/* ---------------- other in content ----- */

.info
{
	margin: 10px 10px;
	padding: 10px;
	background: url('infoback.gif');
	border: 1px solid #cccc55;
}

.info p
{
	background: #FFF4B5;
	padding: 10px;
	margin: 0px;
	border: 1px solid #fff4b5;
	font-style: italic;
	font-weight: bold;
}

#body .important h1 { color: #ff6000; }
#body .important h2 { color: #ff6000; }
#body .important a:link { color: #ff6000; }
#body .important a:visited { color: #ff6000; }
#body .important a:hover { color: #FF9453; }
#body .important a:active { color: #ff6000; }


.clear
{
	clear: both;
}

/* ---------------- footer --------- */

#footer
{
	margin-top: 20px;
	font-size: 11px;
	width: 100%;
	overflow: hidden;
}

#footer .footer-menu
{
	float: right;
	padding: 8px 14px;
}

#footer .footer-menu h1
{
	font-size: 12px;
	font-family: sans-serif;
	font-weight: normal;
	color: #c4cceb;
	margin: 0px;
}

#footer .footer-menu ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#footer .footer-menu ul li
{
	padding: 1px;
	color: #97a5d6;
	font-size: 11px;
}

#footer a
{
	text-decoration: none;
	margin: 2px;
}

#footer a:link { color: #97a5d6; }
#footer a:visited { color: #97a5d6; }
#footer a:hover { color: #c4cceb; }
#footer a:active { color: #97a5d6; }



/* ---------- Custom fields --------------- */
/* Shrinking list */

#body .shrink-list ul
{
   list-style: none;
   padding: 0px;
}

#body .shrink-list li
{
}

#body .shrink-list li ul li
{
   font-size: .8em;
}

#body .shrink-list li ul li ul li
{
   font-size: .8em;
}

/* For static font sizes */
#body #faq-front-cats { font-size: 1.8em; }
#body #faq-front-qs { font-size: 1.3em; }

/* meta for faq pages */
#body .question .meta
{
   background: #f0f0f0;
   font-size: 11px;
   padding: 3px;
   margin-bottom: 30px;
   color: #555;
}

#body .home-post
{
   padding: 10px;
   border-top: 1px solid #efefef;
   border-bottom: 1px solid #efefef;
   margin-bottom: -1px;
}