/* 
	 		The main style sheet for the PC Weenie web site
*/

/* ********************************************** 
Basic background and fonts 
*********************************************** */
p { 
font-family: "Arial";
font-size: 11pt;
}

/* Basic body background and foreground colors */
body {
background-color: #fff;
color: #000;
}

/* Generic header for the whole site */
/*h1 {
font-family: "arial";
letter-spacing: +.05em;
}
*/

h1 {
padding-left: 7px;
background: #99CCFF;
}

h2 {
padding-left: 7px;
background: #99CCFF;
}

h3 {
padding-left: 7px;
background: #99CCFF;
}

span.leadin {
padding-left: 7px;
padding-right: 7px;
padding-top: 1px;
padding-bottom: 1px;
font-style: italic;
font-weight: bolder;
font-size: 12pt;
background: #BBDDFF;
border:1px solid #BBDDFF;
}

span.leader {
font-style: italic;
font-weight: bolder;
}

span.codeText {
color: black;
background: white;
font-style: normal;
font-weight: normal;
font-family: "Lucida Console", courier;
font-size: 10pt;
}

span.redCodeText {
color: #cc3300;
background: white;
font-style: normal;
font-weight: normal;
font-family: "Lucida Console", courier;
font-size: 10pt;
}

span.greenCodeText {
color: #339900;
background: white;
font-style: normal;
font-weight: normal;
font-family: "Lucida Console", courier;
font-size: 10pt;
}

span.blueCodeText {
color: #3333ff;
background: white;
font-style: normal;
font-weight: normal;
font-family: "Lucida Console", courier;
font-size: 10pt;
}

span.dangerText {
color: red;
background: white;
display: block;
font-weight: bold;
letter-spacing: +.05em;
text-align: center;
}

span.megaBlaster {
color: #DD33DD;
font-family: "Comic Sans", "Comic Sans MS", "Century Gothic", arial;
font-weight: bold;
font-size: 12pt;
letter-spacing: +.05em;
}

p.lastUpdated
{
position: relative;
font-family: "Tahoma", arial;
font-style: italic;
font-weight: lighter;
font-size: 9pt;
text-align: right;
}

/* ********************************************** 
Definitions for the main page content 
*********************************************** */
#pagecontent {
position: absolute;
margin-left: 149px;
margin-top: 44px;
width: 701px;
border:1px solid #000;
padding: .5em;
}

/* Header font family is the same for all 
   tables in the main page content */
div#pagecontent tr, td, th, thead {
font-family: "arial";
font-size: 11pt;
}
		
/* Header font family is the same for all 
   headers in the main page content */
div#pagecontent h1, h2, h3, h4, h5, h6 {
font-family: "arial";
}
		
div#pagecontent h1 { 
font-size: 18pt;
font-style: italic;
font-weight: bolder;
padding-bottom: 11px;
letter-spacing: +.01em;
}
	
div#pagecontent h2 { 
font-size: 16pt;
font-style: italic;
font-weight: bold;
padding-bottom: 9px;
letter-spacing: +.03em;
}

div#pagecontent h3 { 
font-size: 16pt;
font-style: normal;
font-weight: lighter;
padding-bottom: 9px;
letter-spacing: -.05em;
}

div#pagecontent h4 { 
font-size: 14pt;
font-weight: normal;
}
	
div#pagecontent h5 {
font-size: 12pt;
font-weight: bold; 
}
	
div#pagecontent h6 {
font-size: 12pt;
color: red;
background: white;
display: block;
font-weight: bold;
letter-spacing: +.05em;
}

div#pagecontent p 
{ 
font-family: "arial";
font-size: 11pt;
}

div#pagecontent a
{
font-family: "Arial";
font-weight: bolder;
text-decoration: none;
}

div#pagecontent a:link 
{
color: #0F636E;
background-color: transparent;
text-align: left;
}

div#pagecontent a:link:hover 
{
text-decoration: underline;
}

div#pagecontent a:visited 
{
color: #004243;
background-color: transparent;
text-align: left;
}

div#pagecontent a:visited:hover 
{
text-decoration: underline;
}

div#pagecontent ul, li 
{ 
font-family: "arial";
font-size: 11pt;
}


/* ********************************************** 
Definitions for the top-left logo area 
*********************************************** */
div#logo{
position: absolute;
margin-left: 0px; 
top:0px;
left: 0px;
width: 154px;
background: #FFF;
color: #888;
/* border-bottom: 1px solid #f4f; */
}
/* ********************************************** 
Definitions for the top menu bar 
*********************************************** */
div#topmenu{
font-family: "Arial";
font-size: 8pt;
margin-left: 154px; 
position: absolute;
top:25px;
background: #FFF;
color: #888;
float:left;
border-bottom: 1px solid #44f;
}

ul#nav,ul#nav li{
list-style-type:none;
margin:0;
padding:0
}

ul#nav{
margin-left: 0px;
width:640px
}

ul#nav li{
float:left;
margin-right: 3px;
text-align: center;
}

ul#nav a{
float:left;
width: 7em;
padding: 5px 0;
background: #E7F1F8;
text-decoration:none;
color: #666
}

ul#nav a:hover{
background: #26A8FF;
color: #FFF
}

ul#nav li.activelink a,ul#nav li.activelink a:hover{
background: #BBB;
color: #003
}

/* ********************************************** 
Definitions for the left side menu bar 
*********************************************** */
div#linkarea 
{
font-family: "Arial";
letter-spacing: +.1em;
font-size: 11pt;
font-weight: lighter;
position: absolute;
left:0px;
top:6.65em;
width:146px;
margin-left: 3px;
background: #E7F1F8;
color: #6CE;
/* border: 1px dashed #33f; */
}

div#linkarea a 
{
display: block;
margin: 0;
padding: 0.3em 0.3em 0.2em 0.5em;
letter-spacing: 1px;
text-align: right;
font-weight: bold;
border-bottom: 1px solid #33f;
background-color: transparent;
text-decoration: none;
}

div#linkarea a:link 
{
color: #3BD;
background-color: transparent;
}

div#linkarea a:visited 
{
color: #08b;
background-color: transparent;
}

div#linkarea a:hover 
{
background: #aaf;
color: #115;
}

div#linkarea a span 
{
display: none;
}

div#maintopicsbox 
{
/* border: 1px solid #33F; */
margin-bottom: 1em;
}

div#maintopicsbox h4 
{
background-color: #6295b4;
color: #113;
margin: 0px;
padding-left: 5px;
padding-top: 3px;
padding-bottom: 3px;
/* border: 1px solid #3F3; */
}

div#maintopicsbox a 
{
text-transform: none;
}

div#maintopicsbox a:link:hover 
{
background: #6093b2;
color: #115;
}

div#maintopicsbox a:visited:hover 
{
background: #6093b2;
}

div#maintopicsbox div.sublinks 
{
border-width: 0px;
margin: 0px;
}

div#maintopicsbox div.sublinks a 
{
border-left: 2em solid #6cf;
font-size: 85%;
font-weight: normal;
letter-spacing: normal;
padding-right: 0.66em;
padding-left: 0.125em;
color: #404077;
}

div#maintopicsbox div.sublinks a:visited 
{
color: #557;
}

div#chaptertopicsbox 
{
margin-bottom: 1em;
}

div#chaptertopicsbox h4 
{
background-color: #6295b4;
color: #113;
margin: 0px, 0px, 0px, 0px;
padding-left: 5px;
padding-top: 3px;
padding-bottom: 3px;
/* border: 1px solid #33f; */
}

div#chaptertopicsbox a 
{
text-transform: none;
}

div#chaptertopicsbox a:link:hover 
{
background: #6093b2;
color: #115;
}

div#chaptertopicsbox a:visited:hover 
{
background: #6093b2;
}

div#chaptertopicsbox div.sublinks 
{
border-width: 0;
margin: 0;
}

div#chaptertopicsbox div.sublinks a 
{
border-left: 2em solid #6cf;
font-size: 85%;
font-weight: normal;
letter-spacing: normal;
padding-right: 0.66em;
padding-left: 0.125em;
color: #505099;
}

div#chaptertopicsbox div.sublinks a:visited 
{
color: #323264;
}

div#sectiontopicsbox 
{
border-color: #224;
margin-bottom: 1em;
font-size: 10pt;
font-weight: normal;
letter-spacing: normal;
color: #505099;
}

div#sectiontopicsbox h4 
{
padding: .2em;
font-size: 90%;
color: #505099;
margin: 0px;
border: 1px solid #33f;
}

div#sectiontopicsbox a 
{
font-size: 85%;
font-weight: normal;
letter-spacing: +.05em;
text-transform: none;
}

div#sectiontopicsbox a:link
{
color: #404077;
}

div#sectiontopicsbox a:visited
{
color: #323264;
}

div#sectiontopicsbox a:link:hover 
{
color: #404077;
}

div#sectiontopicsbox a:visited:hover 
{
color: #323264;
}

div#sectiontopicsbox div.sublinks 
{
border-width: 0;
margin: 0;
}

div#sectiontopicsbox div.sublinks a 
{
/*
border-left: 2em solid #6cf;
font-size: 85%;
font-weight: normal;
letter-spacing: normal;
padding-right: 0.66em;
padding-left: 0.125em; */
color: #404077;
}

div#sectiontopicsbox div.sublinks a:visited 
{
color: #323264;
}



/* ********************************************** 
Definitions for the right side feature area 
*********************************************** */
div#featurearea 
{
font-family: "Arial";
letter-spacing: +.1em;
font-size: 11pt;
font-weight: lighter;
position: absolute;
left:882px;
top:52px;
width:146px;
margin-right: 3px;
background: #E7F1F8;
color: #6CE;
/* border: 1px dashed #33f; */
}

div#featurearea a 
{
display: block;
margin: 0;
padding: 0.3em 0.3em 0.2em 0.5em;
letter-spacing: 1px;
text-align: left;
font-weight: bold;
border-bottom: 1px solid #33f;
background-color: transparent;
text-decoration: none;
}

div#featurearea a:link 
{
color: #3BD;
background-color: transparent;
}

div#featurearea a:visited 
{
color: #08b;
background-color: transparent;
}

div#featurearea a:hover 
{
background: #aaf;
color: #115;
}

div#featurearea a span 
{
display: none;
}

div#featuretopicsbox 
{
/* border: 1px solid #33F; */
margin-bottom: 1em;
}

div#featuretopicsbox h4 
{
background-color: #6295b4;
color: #113;
margin: 0px;
padding-left: 5px;
padding-top: 3px;
padding-bottom: 3px;
/* border: 1px solid #3F3; */
}

div#featuretopicsbox a 
{
text-transform: none;
}

div#featuretopicsbox a:link:hover 
{
background: #6093b2;
color: #115;
}

div#featuretopicsbox a:visited:hover 
{
background: #6093b2;
}

div#featuretopicsbox div.sublinks 
{
border-width: 0px;
margin: 0px;
}

div#featuretopicsbox div.sublinks a 
{
border-right: 2em solid #6cf;
font-size: 85%;
font-weight: normal;
letter-spacing: normal;
padding-left: 0.66em;
padding-right: 0.125em;
color: #404077;
}

div#featuretopicsbox div.sublinks a:visited 
{
color: #557;
}









/* **************************************** 
	Special Divisions used within pagecontent 
******************************************* */
div.textLeftImageRight
{
width: 100%;
text-align:left;
margin:5px 5px 5px 5px;
}

div.imageFloatRight{
float:right;
margin:0px 0px 5px 5px;
padding:4px;
border:none;
text-align:center;
font-weight: normal;
letter-spacing: +.1em;
font-family: "Arial";
font-size: 10pt;
}

div.textFullWidth hr{
display: block; 
clear: right; 
margin: -0.50em 0;
visibility: hidden;
}

div.imageFloatLeft{
float:left;
margin:0px 5px 5px 0px;
padding:4px;
border:none;
text-align:center;
font-weight: normal;
letter-spacing: +.1em;
font-family: "Arial";
font-size: 10pt;
}

div.imageFullWidth{
float:none;
width: 100%;
margin:5px 5px 5px 5px;
padding:6px;
border:none;
text-align:center;
font-weight: normal;
letter-spacing: +.1em;
font-family: "Arial";
font-size: 10pt;
}

div.textFullWidth{
float:none;
width: 100%;
margin:0px 0px 0px 0px;
padding:0px;
border:none;
text-align:left;
font-weight: normal;
font-family: "Arial";
}

div.textFullWidth.a{
font-family: "Arial";
font-weight: bolder;
text-decoration: none;
}

div.textFullWidth.a.link 
{
color: #ffc;
background-color: transparent;
text-align: left;
}

div.textFullWidth.a.link.hover 
{
text-decoration: underline;
}

div.textFullWidth.a.visited 
{
color: #cc9;
background-color: transparent;
text-align: left;
}


div.codeFullWidth
{
background-color: white;
color: black;
float:none;
margin:10px 10px 10px 10px;
padding:8px;
border:none;
text-align:left;
font-weight: normal;
font-family: "Lucida Console", courier;
}

div.sidebarLeft
{
float:left;
width:200px; /* Override as needed */
margin:5px 8px 0px 0px;
padding:6px;
text-align:left;
border:2px solid #6cf;
font-family: "Tahoma", arial;
font-size: 80%;
letter-spacing: .1em;
position: relative;
left: 0px;
bottom: 0px;
}

div.sidebarRight
{
float:right;
width:200px; /* Override as needed */
margin:5px 0px 0px 8px;
padding:6px;
text-align:left;
border:2px solid #6cf;
font-family: "Tahoma", arial;
font-size: 80%;
letter-spacing: .1em;
position: relative;
right: 0px;
bottom: 0px;
}

div.sidebarRight ul
{
font-family: "Tahoma", arial;
font-size: 75%;
letter-spacing: .1em;
}

div.sidebarRight li
{
font-family: "Tahoma", arial;
font-size: 80%;
letter-spacing: .0em;
}

div.sidebarFull
{
float:none;
width:94%;
margin:5px 5px 5px 20px;
padding:5px;
text-align:center;
border:2px solid #6cf;
font-family: "Tahoma", arial;
font-size: 80%;
letter-spacing: .1em;
position: relative;
}

div.flowText
{
position: relative;
margin: 0px 0px 0px 0px;
text-align: left;
}

#footer 
{
margin-left: 10px;
margin-bottom: 0px;
border: none;
padding: .5em;
text-align: left;
}

div#footer
{
font-family: "Arial";
font-size: 10pt;
text-align: left;
}

div#footer a
{
letter-spacing: 1px;
text-align: left;
background: transparent none center left no-repeat;
text-decoration: none;
}

div#footer a:link 
{
color: #33F;
background-color: transparent;
text-align: left;
}

div#footer a:visited 
{
color: #22E;
background-color: transparent;
text-align: left;
}

#pagelink 
{
margin-left: 10px;
border: none;
padding: .5em;
font-family: "Arial";
font-size: 10pt;
text-align: left;
}

div#pagelink
{
font-family: "Arial";
font-size: 10pt;
text-align: left;
}

div#pagelink a
{
font-family: "Arial";
font-size: 10pt;
text-align: left;
font-weight: normal;
text-decoration: underline overline;
}

div#pagelink a:link 
{
color: #66F;
background-color: transparent;
text-align: left;
}

div#pagelink a:visited 
{
color: #33C;
background-color: transparent;
text-align: left;
}


div#pagelink div.nextchapter a
{
font-family: "Arial";
font-size: 10pt;
text-align: left;
font-weight: normal;
text-decoration: none;
}

div#pagelink div.nextchapter a:link 
{
color: #66F;
background-color: transparent;
text-align: left;
}

div#pagelink div.nextchapter a:hover 
{
color: #11B;
}

div#pagelink div.nextchapter a:visited 
{
color: #33C;
background-color: transparent;
text-align: left;
}

.thumbnail
{
	padding: 3px 3px 0px 3px;
	background-color: #6295b4;
	border: 1px solid #2a2a2a;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}