@import url("../../maps/classic.css");	/* map */

body, p, a, li, blockquote, h1, h2, h3{
	font-family: verdana, sans-serif, arial, helvetica;
	line-height: 140%;
}


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

h1{
	font-family: georgia, garamond, times, serif;
	font-size: 14pt;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 3pt;
	word-spacing: 3pt;
	color: #666;
}

h2{
	font-family: georgia, garamond, times, serif;
	font-size: 20pt;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 3pt;
	word-spacing: 3pt;
	color: #f80;
}

h2.group_heading {
	text-align: center;
	color: #84A0B9;
	margin: 30px 0 10px 0;}
	
a{
	color: #e57c00;
	text-decoration: none;
}
/*
a:visited{ not sure on "visited": sometimes it is helpful, does not look very good, though 
	color: #999
}
*/

a:hover, a:focus{
	color: #84a0b9;
}

ul{
	list-style-image: url(./pics/li.gif);
}

blockquote
{
	background: url(pics/quote.gif) 0px 0px no-repeat;
	font-style: italic;
	padding: 4px 0px 1px 20px;
	margin: 10px 30px;
}

blockquote p { margin: .7em 0; }




/* ----- layout ----- */

body {
	margin: 20px 0px;
	color: #000; /*a lighter black for text...*/
    background: url(pics/bg.gif) center top repeat;
}

#top{
    height: 26px;
    background: url(pics/maintop.gif) no-repeat;
}

#container{
		/*jpg runs with better performance than a gif!*/
	background: url(pics/mainmid.gif) center repeat-y;
	width:800px !important;
}

#bottom{
    height: 25px;
    background: url(pics/mainbot.gif) center bottom no-repeat;
}

#header {
    padding-bottom: 0px;}

#header img {
	margin-left: 25px;}
	
#title {
    padding: 0px 20px;
	text-align: right;
}
#title span a {
    font-size: 2em;
    font-family: helvetica;
	font-weight: 800;
}

#data, #data_admin, #data_gallery {
	padding-top: 0px !important;
	margin-left: 20px;
	margin-right: 20px;
}

#data_admin{
	border-top: 1px solid #ccc;
	width:750px!important;
}

#sidepane, #mainpane {
	margin-top: 30px;
	padding-top: 0px !important;
}

#sidepane{
	margin-right:35px;
	width: 200px;
}

#mainpane, .show, .show_entry, .show_entry_with_options{
	margin-left: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}


/* ----- menus ----- */

/*menu idea from http://css.maxdesign.com.au/listamatic/horizontal07.htm */
#main_menu
{
    margin-top: 3.5em;
    margin-right: 1em;
}

#main_menu ul
{
    margin: 0;
    white-space: nowrap;
    padding: 0;
}


#main_menu li
{
    display: inline;
    list-style-type: none;
    min-height: 25px;
}


#main_menu>li>a
{
    border: 1px solid #e57c00;
    background-color: #999;
    color: #fff;
    background-image: url(pics/menu_down.gif);
}

#main_menu li a
{
    padding: 1px 8px 1px 24px !important;
}
	
#main_menu>li>a:link, #main_menu>li>a:visited
{
    color: #EEE;
    text-decoration: none;
}

#main_menu a:hover
{
    border: 1px solid #e57c00;
    background-image: url(pics/menu_hov.gif);
    color: #333;
}

#main_menu>li.here>a:link, #main_menu>li.here>a:visited, #main_menu>li.here>a:hover
{
    border: 1px solid #84a0b9 !important;
    background-color: #FF6600 !important;
    background-image: url(pics/menu_on.gif) !important;
    color: #333 !important;
}


.sub_menu {
	position: absolute !important;
	top: 94px !important;
	padding-bottom: 5px !important;
	margin-right: 15px;
	border: 1px solid #fff;}
	
.sub_menu>li.here>a:link, .sub_menu>li.here>a:visited {
    border: 1px solid #e57c00 ;
}

.sub_menu  li a:hover {
	border: 1px solid #84a0b9;
	background: transparent !important;
	color: #e57c00 !important;
}
.sub_menu {
	margin: 12px 1em 0px 0px;
}

.sub_menu {
	margin: 0px;
}

.sub_menu li {
	margin-left: 5px;
}

#main_menu>li>ul>li>a{
	border: 1px solid #fff;
}

/* ----- sidepane ----- */

#searchbox, #intro, #feeds{
	border-top: 1px solid #ccc;
	margin-top: 14px;
}

#searchbox{
	border-top: 2px solid #ccc;
	margin-top:0px;
	padding-bottom: 0px;
	text-align: center;
}

#intro{
	padding: 0px 5px;
}

#intro, #intro a{
	font-size: 12px;
	text-align: justify;
	line-height: 155%;
	color: #666;
}

#intro a{
	color: #e57c00;
	text-decoration: none;
}

#intro a:hover, #intro a:focus{
	color: #84a0b9;
}	

#searchbox .description,  #intro .description, #feeds .description a{
	padding: 8px 0px 4px 0px;
	margin-top:0px !important;
	text-decoration:none;
	font-weight: bold;
	font-size: 9pt;
	letter-spacing: .5pt;
	word-spacing:2pt;
	font-family: georgia, garamond,times,serif;
	color: #84a0b9;
	text-align: center;
}


#feeds{
	padding: 0px 10px 15px 10px;
	border-bottom: 2px solid #ccc;
}

#feeds .entry {
	padding-left: 15px;
	background: url(./pics/feed-li.gif) top left no-repeat;
	line-height: 100%;
	margin-bottom: 2px;
}



#feeds .entry a {
	font-size: 9pt;
	color: #84a0b9
}

#feeds .entry a:hover, #feeds .entry a:focus, #feeds .description a:hover, #feeds .description a:focus {
	color: #e57c00;
}

/* ----- entries ----- */

#search{
	border-top: 2px solid #ccc;
	margin-left: 0px;
	margin-top: 0px;
	width: 510px;
}

.search_option{
	margin-right: 18px;
}

#toc{
	margin-bottom: 30px;
}

#toc, #toc a, #search, #search a{
	font-size: 10pt;
}

#search_content_link_nester {
	width: 180px;}
	
#search_content fieldset{
	width: 510px!important;}
	
#search_content{
	width: 510px!important;
	text-align: center;
	border: 1px dotted #aaa;
	border-top: none;
	padding-top: 20px;
	margin-top: -20px;}

#search_content input,
#search_content select {
	width: 150px;}
		
#toc_content .group_heading {	
	list-style-type: none;
	list-style-image: none;
	font-weight: bold;
	color: #aaa;}
	
#search a, #toc a, .admin_link a {
	color: #84a0b9;
	text-decoration: none;
}

.high {
	border: 1px dotted red;
	border-left: none;
	border-right: none;}

#search a:hover, #search a:focus, #toc a:hover, #toc a:focus, .admin_link a:hover, .admin_link a:focus{
	color: #e57c00;
}



.entry_title{
	padding: 25px 0px;
    margin-top: 0px;
    margin-bottom: 0.7em;
    border-top: 2px solid #ccc;
    border-bottom: 1px solid #ccc;
	text-align: center;
}

.entry_title_link{
	margin-top:0px !important;
	text-decoration:none;
    color: #999;
	font-weight: bold;
	font-size: 12.5pt;
	letter-spacing: .5pt;
	word-spacing:2pt;
	font-family: georgia, garamond,times,serif;
}

a.entry_title_link:hover{
	color: #84a0b9;
}

.show_entry, .show_entry_with_options{
	margin: 0px 0 100px 0 !important;
	padding-top: 0 !important;
	text-align:justify;
}


.show_entry,
.show_entry p,
.show_entry a,
.show_entry li,
.show_entry_with_options,
.show_entry_with_options p,
.show_entry_with_options a,
.show_entry_with_options li {	
	font-size: 14px;
	line-height: 160%;}

/* ----- system ----- */
#admin_options{
	margin-bottom:30px;
}

.sys_msg, .sys_msg_admin {
    color: #aaa;
    border: 1px solid #84a0b9;
    padding: 5px;
}


/* ----- admin ----- */

fieldset{
	width: 700px !important;
}

#edit_form table{
	margin-left: 10px !important;
	width: 600px !important;
}

td.data{
	width: 430px !important;
}

td.label{
	margin-left: 100px !important;
}

.list_entry{
	margin-top:20px;
}
.adop{
    margin-top:5px;
}

#data_admin .entry_title{
	text-align: left;
	padding: 5px 0px;
}

/* ---- comments ----- */
#comments .show_entry_with_options, #comments .show_entry{
    font-size: .7em;
    border: 1px solid gray;
    margin-top:20px;
    padding-left: 10px !important;
    background: url('pics/comments.gif') left top no-repeat;
}

.comment_prefix, ._sys_comments_comment .label {
    color: #84a0b9;
}

._sys_comments_comment .value {
    font-size: 1.2em;
    padding: 5px;
}





/* * * * * * * * * * 
 * * * B U G S * * * 
 * * * * * * * * * */

.bugs_priority .label,
.bugs_author .label,
.bugs_version .label,
.bugs_inputdate .label {
	font-weight: bold;
	font-size: 12px;
	color: #aaa;}

.bugs_priority .value,
.bugs_author .value,
.bugs_version .value,
.bugs_inputdate .value {
	font-weight: bold;
	font-size: 12px;
	color: #E57C00;}

.bugs_priority,
.bugs_author,
.bugs_version,
.bugs_inputdate {
	line-height: 100%;
	margin-bottom: 20px;}

.bugs_priority,
.bugs_author,
.bugs_version {
	float: left;
	margin-right: 92px;}
	
.bugs_description .label {
	display: none;}	

.bugs_description .value {	
	margin-bottom: 10px;}

.bugs_description .value,
.bugs_description .value p,
.bugs_description .value a,
.bugs_description .value blockquote,
.bugs_description .value code {	
	font-size: 14px;}

.options {
	text-align: right;
	margin-bottom: 50px;}
	
.options, .options a {
	font-size: 12px;}

.last_edited {
	color: #aaa;}	
	
.admin_link, .last_edited {
	display: block;}	
	
	
	
/* * * * * * * * * 
 * * * F A Q * * * 
 * * * * * * * * */	
 
.faq_answer .label {
	font-weight: bold;
	font-size: 12px;
	color: #aaa;
	float: left;
	margin-right: 15px;}