/* =================================================================
	gjv's philsite StyleSheet

    $Id: $
    ================================================================= */


body
{
	margin: 0;
	color: #333;
	background-color: #fff;
	font-weight: light;
	font-family: Lucida Grande, Verdana, Gill Sans, sans-serif;
	font-size: 12px;
}

A:link    { color: #333; text-decoration: underline; }
A:active  { color: #999; text-decoration: none; }
A:visited { color: #000; text-decoration: underline; }
A:hover   { color: #999; text-decoration: none; }


ul
{
	list-style: square;
}

#header
{
 	background-image: url("../Images/white.jpg"); 
	position: fixed;
	top: 0;
	width: 100%;
	height: 7em;
}

#banner 
{
	background-color: #6699cc;
	color: #ffffff;
}

#row1 {width:10%;}
#row2 {width:40%; text-align: right; font-family: Didot; font-size: 120%; }
#row3 {width:40%; text-align: left; font-family: Didot; font-size: 120%; }
#row4 {width:10%;}

#footer
{
	background-image: url("../Images/white.jpg");
	border-top: 1px solid #6699cc;

	position: fixed;
	bottom: 0px;
	z-index: 2;
	padding-top: 1px;

	width: 100%;
	height: 12px;
	
	color: #6699cc;
	font-family: sans-serif;
/* 	font-style: oblique; */
	font-size: 10px;
	text-align: center;
}


#body
{
	padding-top: 140px;
	margin-bottom: 64px;
	margin-right: 250px;
	margin-left: 5em;
}


#rightcolumn
{
	float: right;
	padding-top: 150px;
	width: 230px;
	margin-right: 5em;
	padding-left: 2em;
}


#topnavigationbar, #subnavigationbar
{
	text-align: center;
	font-size: 11px;
	color: #333;
	padding: 3px 1em 3px 1em;
	height: 13px;
	border-bottom: 1px solid #6699cc;
	background-image: url("../Images/white.jpg");
}

#subnavigationbar
{
	border: 1px solid #ddd;
	padding: 0px 1em 3px 1em;
	display: inline;
	background-image: url("../Images/white.jpg");
}

#topnavigationbar  A:link    { color: #333; text-decoration: none; border: 0; }
#topnavigationbar  A:active  { color: #666; text-decoration: none; border: 0; }
#topnavigationbar  A:visited { color: #333; text-decoration: none; border: 0; }
#topnavigationbar  A:hover   { color: #666; text-decoration: none; border: 0; }
#subnavigationbar  A:link    { color: #333; text-decoration: none; border: 0; }
#subnavigationbar  A:active  { color: #666; text-decoration: none; border: 0; }
#subnavigationbar  A:visited { color: #333; text-decoration: none; border: 0; }
#subnavigationbar  A:hover   { color: #666; text-decoration: none; border: 0; }
#sidenavigationbar A:link    { color: #333; text-decoration: none; border: 0; }
#sidenavigationbar A:active  { color: #666; text-decoration: none; border: 0; }
#sidenavigationbar A:visited { color: #333; text-decoration: none; border: 0; }
#sidenavigationbar A:hover   { color: #666; text-decoration: none; border: 0; }



.box, #sidenavigationbar
{
	border: 1px solid #ddd;
	margin-bottom: 1em;
	padding: 1em 2em 1em 2em;
	font-size: 11px;
}

.boxtitle
{
/* 	font-family: serif; */
	color: #3366cc;
	font-size: 120%;
	text-align: center;
	padding: 0 0 2px 0;
}









/* ---- Sections ---- */
.section
{
	margin: 1ex 0 0 0;
	text-align: left;
}

.sectionhead
{
	font-weight: bold;
	color: #6699cc;
	font-size: 130%;
}

.sectionheadsep
{
	padding: 0 0 1em 0;
}

.section .section .sectionhead                  { font-size: 120%; }
.section .section .section .sectionhead         { font-size: 100%; }



/* ---- backtotop ---- */
.backtotop
{
	color: #666666;
	font-family: sans-serif;
	font-size: 10px;
}






/* ------------------------------------------------------------------
    BLOG stuff
    ~~~~~~~~~~
   ------------------------------------------------------------------ */
.storycontent
{
	color: #333;
	margin: 1em 2em 1em 2em;
	text-align: left;
}

.storytitle
{
	color: #333;
	font-family: sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.storydate
{
	color: #666;
	font-family: sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-align: right;
}

.storyclose
{
	color: #666;
	font-family: sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-align: right;
}

.storydateheader
{
	color: #333;
	font-family: sans-serif;
	font-size: 11px;
	font-weight: bold;
	
}

span.orangebutton
{
   border: 1px solid;
   border-color: #ffc8a4 #7d3302 #3f1a01 #ff9a57;
   padding: 1px 3px 1px 3px;
   font: bold 8px Verdana, sans-serif;
   color: #ffffff;
   background-color: #ff6600;
   text-decoration: none;
   margin: 0px;
}

span.orangebutton A:link	{text-decoration: none;}
span.orangebutton A:active	{text-decoration: none;}
span.orangebutton A:visited	{text-decoration: none;}
span.orangebutton A:hover	{text-decoration: none;}

.storydateheader A:link		{color: #333; text-decoration: none;}
.storydateheader A:active	{color: #999; text-decoration: none;}
.storydateheader A:visited	{color: #333; text-decoration: none;}
.storydateheader A:hover	{color: #999; text-decoration: none;}

.storyclose A:link		{color: #333; text-decoration: none;}
.storyclose A:active	{color: #999; text-decoration: none;}
.storyclose A:visited	{color: #333; text-decoration: none;}
.storyclose A:hover		{color: #999; text-decoration: none;}