/*
   This CSS is based on the style.css file that came with the "silver" template from
   plogworld.org.

*/

a { color: #336699; }
a img { border: none; }
a:hover { color: #001133; }

acronym, abbr { border: none; color: #666666; }
acronym, abbr, span.caps { cursor: help; font-size: 90%; letter-spacing: .07em; }

blockquote { 
	border-left: 3px solid #E8E8E8; 
	font: italic 11px Verdana, Arial, sans-serif; 
	line-height: 19px; 
	margin: 15px 1.5em; 
	padding: 0 5px; 
	}





#menu, #content {
	background-color: #fff; 
	}	


body { 
 	background-color: #336699; 
	}

#rap, #menu { background-color: #336699 }


body, .meta ul, #content, #menu { 
	margin: 0; 
	padding: 0; 
	}

cite { 
	font-size: 90%; 
	font-style: normal; 
	}

h2 { 	background: #eee;
	border-bottom: 1px solid #C0C0C0; 
	font: bold 80% Verdana, "Times New Roman", Times, serif; 
	color: #336699;
	margin: 15px 0 -2px 0; padding: 5px; 
	width: 98%; 
	-moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;
	}

h3 { 
	font: Verdana, "Times New Roman", Times, serif; 
	margin-top: 0; 
	}

h3, .meta { 
	padding: 0 15px; 
	}

input { 
	font: normal normal 12px "Courier New", Arial, monospace !important; 
	}


ol#comments li p { 
	font: 100%; 
	}

p, .post p { 
	line-height: 19px; 
	margin: 15px 15px 2px 15px; 
	}

p, li, .feedback { 
	font: 11px "Lucida Sans Unicode", "Trebuchet MS", Verdana, monospace; 
	}
/* These are the hidden functions */
#calendar, #search { 
	display: 	none; 
	}


/* These are the hidden functions */
li.wordpress { 
	display: 	none; 
	}




.credit a    {
        color: #eee;

}
.credit a:hover   {
        color: #333;

}

h3#comments {
	color: #444;
	font: 12px "Trebuchet MS", "Times New Roman", serif !important; letter-spacing: 1px; 

}

#CommentForm {
	color: #444;
	margin: 25px 25px 25px 25px; 

	font: 10px "Trebuchet MS", "Times New Roman", serif !important; letter-spacing: 1px; 
}
h3#comments {
	color: #444;
	font: 12px "Trebuchet MS", "Times New Roman", serif !important; letter-spacing: 1px; 

}

#CommentForm {
	color: #444;
	margin: 25px 25px 25px 25px; 

	font: 10px "Trebuchet MS", "Times New Roman", serif !important; letter-spacing: 1px; 
}

.feedback { 
	border-bottom: 1px solid #C0C0C0;
	 color: #CCC;
	 margin: 13px 0;
	 padding-bottom: 13px;
	 text-align: right;
	 }

.meta li, .meta ul { 
	display: inline;
	 }

.meta ul { 
	list-style: none;
	 }

.meta, .meta a { 
	color: #808080;
	 font: normal 10px "Verdana", "Courier New", sans-serif;
	 letter-spacing: 0;
	 }

.post { 
	margin: 20px 5px 10px 0px;
	 }

.storycontent { 
	font-size: 90%;
	padding: 0 10px;
	 }

.storycontent h1 { 	
	background: #eee;
	font: bold 80% Verdana, "Times New Roman", Times, serif; 
	color: #336699;
	margin: 15px 0 -2px 0; padding: 5px; 
	width: 98%; 
	-moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;
	}


.storycontent li { 
	margin-top: 7px;
	 margin-bottom: 7px;
	 }

.storycontent ol li ol { 
	list-style: lower-alpha;
	 }

.storytitle { 
	font: bold 22px "Trebuchet MS", Verdana, "Courier New", sans-serif;
	 }

.storytitle a, #header a, #menu ul ul li a { 
	text-decoration: none;
	 }

.storytitle, #header, #menu form, #menu ul { 
	margin: 0;
	 }

#commentform textarea { 
	width: 400px; 

	}


#content {
	font-family: "Helvetica","sans-serif";	
	margin: 0 220px 0 14px;
	 }

#content, #header, #menu ul, #menu ul ul { 
	text-align: left;
	 }

#header a { display: block; 
	    color: #FFF; 
	    background-color: #B0B0B0; 
            border-bottom: 1px solid #000000; 
            font-family: 'Trebuchet MS', Times, serif; 
            padding: 30px 10px 12px 50px; }

#header a:hover { 
	color: #808080;
	 background-color: Silver;
	 }


#header a:hover:after { 
	content: "...";
	}

#header a:active:after { 
	content: "!";
	 }




#menu { 
	padding-left: 7px; 
/*	border-bottom: 3px solid #FFF;  */
	margin-bottom: 0px; 
	position: absolute; 
	right: 15px; 
	top: 95px; 
	width: 200px; 
}
#menu form { 
	padding: 0 0 0 10px; 
}

#menu input { 
	width: 80%;
	}

#menu ul { 
	color: #CCC; 
	font-weight: bold; 
	margin-left: 5px; 
	padding: 5px 0;
	}

#menu ul li {
	background-color: #D3D3D3; 
	border-bottom: 3px solid #B0B0B0; 
	border-left: 3px solid #B0B0B0; 
	border-right: 3px solid #B0B0B0; 
	border-top: 3px solid #B0B0B0; 
	-moz-border-radius: 10px;
	color: #000; 
	font: 12px "Trebuchet MS", "Times New Roman", serif !important; letter-spacing: 1px; 
	margin-top: 10px; 
	padding: 4px 0 0 5px; 
	text-transform: uppercase; 

}


#menu ul ul { 
	background-color: #3366aa; 
	border-top: 1px solid #B0B0B0; 
	font-size: 14px; 
	line-height:  100%; 
	margin-left: -2px; 
	padding: 6px 0; 
	-moz-border-radius-bottomleft: 10px; 
	-moz-border-radius-bottomright: 10px;
	}

#menu ul ul li { 
	background-color: #E0E0E0; 
	border: 0; 
	font: normal normal 70%/115% 'Lucida Sans Unicode', Verdana, sans-serif !important; 
	letter-spacing: 0; 
	text-transform: capitalize !important; 
	color: #999; 
	margin: 0; 
	padding: 0;
	}

#menu ul ul li acronym, #menu ul ul li abbr { 
	color: #828282;
	}

#menu ul ul li a, #menu ul ul li span { 
	color: #505050; 
	width: 169px; 
	display: block; 
	margin-top: 3px; 
	margin-bottom: 3px; 
	padding: 2.5px 
	10px;}

#menu ul ul li a:hover { 
	background-color: White; 
	}

#menu ul ul li a:active {
	background-color: #646464; color: White;
	}

#menu ul, #menu ul ul { 
	list-style-type: none; 
	}
#menu ul ul li b { 
 	margin-left: 6px;
	font-style:bold;
	color: #069;
 }


#rap { width: 95%; 
       	margin-top: 2pt;	
       	margin-left: 2.5%;
	border: none; 
	color: #333; 
}





#headerlinks {	
	color: #aaccff;
	border: 2px none #B0B0B0; 	
}



#headerlinks a    {
        font-family: "Helvetica","sans-serif";
        font-size: 10pt;
        font-variant: normal;
        color: #ffffff;
}

#headerbar    {
        background-color: #336699;
}

#headerlinks a:hover    {
        color: #003366;
}


#headerlogo    {
        background-image: url("/images/top_left_logo.gif");
        background-repeat: no-repeat;
        background-position: center;
        width: 230px;
        height: 50px;

}




/* This is used for the manual pages... */


#writings {
	font-family: "Helvetica","sans-serif";
	background-color: #fff; 
	margin: 20px 200px 30px 5px;
	border: 2px solid #fff; 	
	}		

#writings p, #writings ul, #writings ul, #writing table, #writings tr, #writings tl {
	font-family: "Helvetica","sans-serif";	
	color Black;
        font-size: 10pt;
        font-variant: normal;

	}		

#writings h1 {
	font-size:97%;
	color: #999;
}



#camellogo {
	position: absolute; 
	right: 60px;
	top:120px;
}

#googlesearch {
	position: absolute; 
	right: 15px;
	top:10px;
	width: 190px; 
}
#googlesearch tr {
	background-color: #cccccc;
}





#downloadwarning {
	border-bottom: 3px solid #B0B0B0; 
	border-left: 3px solid #B0B0B0; 
	border-right: 3px solid #B0B0B0; 
	border-top: 3px solid #B0B0B0; 
	-moz-border-radius: 10px;

	position: absolute; 
	right: 20px;
	top:250px;
	width: 180px; 
	background-color: #ccc;
}



#bert {
	padding-top: 20px;
	margin-top: 10px;
	right: 20px;
}


#googleadd-side {
	padding-top: 20px;
	margin-top: 10px;
	right: 10px;
}