/* CSS1 style sheet for http://www.wirewd.com/wh/
 * by Ken Wronkiewicz (wh@wirewd.com)
 * Do not redistribute
 */

/* Set global font properly */

ADDRESS, BLOCKQUOTE, BODY, CAPTION, CENTER, DD, DIR, DIV, DL, DT,
FORM, H1, H2, H3, H4, H5, H6, MENU, OL, P, TD, TH, UL, LI
{font-family: "Lucida Sans Unicode", "Lucida Sans", "Optima", "Verdana", sans-serif}

/* Elements */

A:link {color: #00d;
background: transparent;
}

A:visited {color: #528;
background: transparent;
}

A:active {color: #00e;
background: transparent;
}

A:hover {color: #00f;
background: #ff8;
}

H1 {font-size: 42px;}

H2 {}

H3 {}

H4 {}

LI {}

OL {}

P {}

UL {}

CODE {font-size: 1em;
              font-family: "Lucida Sans Typewriter", "Lucida Console", monospace} /* To avoid overriding boldness/italicity by using font */

/* Navbar */

div.navbar { clear: right;
margin: 8px 0px 8px 4px;
	width: 250px;
	float: right;}

.navbartop { background: #ccf;
	    font-size: 11pt;
	    padding: 2px 2px 2px 2px;
	    margin: 0px 0px 4px 0px;
	     border: 1px solid #88f;
	     color: #44f;
	   }

.navbarmid { background: #ccf;
	    font-size: 11pt;
	    padding: 2px 2px 2px 8px;
	    margin: 4px 0px 4px 0px;
	     border: 1px solid #88f;
	     color: #44f;
	   }
	   
A.navbar:link {color: #00d;
background: transparent;
}

A.navbar:visited {color: #528;
background: transparent;
}

A.navbar:active {color: #00e;
background: transparent;
}

A.navbar:hover {color: #00f;
background: #aaf;
}

UL.navbar
{
list-style: none;
margin: 0;
padding-left: 2em;
}

UL.navbarchild
{
list-style: none;
margin: 0;
padding: 0 0 0 16px;
}

UL.outliner
{
list-style: none;
margin: 0;
padding-left: 2em
}


/* Header and footer styles */

A.head:link {color: #00d;
background: transparent;
}

A.head:visited {color: #528;
background: transparent;
}

A.head:active {color: #00e;
background: transparent;
}

A.head:hover {color: #00f;
background: #aaf;
}

DIV.upper { 
	   clear: both;
	   background: #ccf; 
	   border-top: thin inset;
	   border-bottom: 1px solid #88f;
	   font-size: 10pt;
	   padding: 0pt;
	   height: 16pt;
	   }


DIV.lower { background: #bbf; 
	   border-bottom: thin inset;
	   font-size: 10pt;
	   padding: 0pt;
	   height: 15pt;
	   margin-bottom: 2pt;
	   }

DIV.foot { background: #ccf; 
           border-top: thin inset;
	   border-bottom: thin inset;
	   padding: 2pt;
	   margin-top: 4pt;
	   font-size: 10pt;
	   clear: both;}
	
DIV.left {
	padding: 0px;
	margin: 0px;
	float: left;
	border: 0px;
	vertical-align: top;
}
DIV.right { 
	padding: 0px;
	margin: 0px;
	float: right;
	border: 0px;
	vertical-align: top;
}

H1.head {font-size: 30pt;
 	 text-align: right;
 	 margin-top: 3px;
 	 font-weight: normal;}

/* Abstract text classes */

.buttonbar { 
  padding: 1px;
  margin: 4px;
 }

.button { 
  background-color:#eef;
  padding: 3px;
  margin: 2px;
  border: 1px solid #bbf;
}

.button A { 
  text-decoration: none;
 }

P.introduction {font-size: 14pt;
		color: #44a;
		}

div.thumbs {	float: left;
		width: 80px;
		border: 1px solid #aaa;
		background: #fff; 
		margin: 0 15px 15px 0;
		padding: 5px;
		text-align:center;
}

.clear {	clear: both;
}

div.inblock { 	list-style: none;
		border: 1px solid #aaa;
  		padding: 2px 1px 2px 4px;
  		margin: 1px;
}
div.inblock .title {
	font-size: 120%;
	line-height: 120%;
}
div.inblock p.desc {
	font-size: 80%;
	line-height: 80%;
	margin: 1pt;
}

div.thumbs .title {
	font-size: 80%;
	line-height: 80%;
}

.entry-title { 
  font-size: 110%  
 }

.entry-summary { 
  font-size: 90%
 }

.updated { 
  font-size: 90%  
 }
.entry-tags { 
  font-size: 90%  
 }

.tagblock { 
  font-size: 80%;
 }

.tag { 
  background-color:#eef;
  padding: 2px 4px 2px 4px;
  float: left;
  margin: 2px 4px 2px 1px;
}
.status { 
  font-size: 60%;
  background-color: #ff8;
 }

.hentry { 
clear: left;  
 }

.comment { 
  margin-left: 1em;
  border-left: 2px solid #aaa;
  padding-left: 4px;
 }

.comment-body { 
  margin-left: .5em;
  font-size: 95%
 }

.comment-link { 
  margin-left: .5em;
  font-size: 80%
 }

.via-link { 
  margin-left: .5em;
  font-size: 75%
 }


/* Block element classes */


blockquote {
display: block;
padding: 0 60px;
margin: 2em;
width: 350px;
}

blockquote:before, blockquote:after {
color: #88F;
display: block;
font-size: 700%;
width: 50px;
}

blockquote:before {
content: open-quote;
height: 0;
margin-left: -0.55em;
}
blockquote:after {
content: close-quote;
height: 50px;
margin-top: -70px;   
margin-left: 360px;
}

div#punch {float: left; font-size: 0; width: 8px; height: 8px;
  text-align: center; padding: 0px;
  border: 0; margin: 0;}

div#punch img { border: 0; margin: 0; padding: 0;}

div.leftbit { 
  float: left;
  width: 200px;
  clear: left;
 }

.centeredImage
{
  text-align:center;
  margin-top:0px;
  margin-bottom:0px;
  padding:0px;
}

.blueRect {
	background-color: #ccf;
	border: solid 1px #88f;
	border-bottom: none;
	color: #000;
	width: 300px;
        margin: 2px 30px 10px 0px;
}
.blueRect .bottom {
	border-bottom: solid 1px #88f;
	height: 10px;
}
.blueRect .middle {
	margin: 10px 12px 0px 12px;
}
.blueRect .cn {
	background-image: url(/wh/resources/circle.gif);
	background-repeat: no-repeat;
	height: 10px;
	line-height: 10px;
	position: relative;
	width: 10px;
}
.blueRect .tl {
	background-position: top left;
	float: left;
	margin: -2px 0px 0px -2px;
}
.blueRect .tr {
	background-position: top right;
	float: right;
	margin: -2px -2px 0px 0px;
}
.blueRect .bl {
	background-position: bottom left;
	float: left;
	margin: 2px 0px -2px -2px;
}
.blueRect .br {
	background-position: bottom right;
	float: right;
	margin: 2px -2px -2px 0px;
}

/* faq */

div.question { 
  display: block;
  border-left: 4px solid #aaf;
  padding: 2px;
}

div.question:before { 
  color: #88F;
  font-size: 300%;
  content: 'Q:';
}

div.answer { 
  margin-top: 4pt;
  display: block;
  border-left: 4px solid #aaf;
  padding: 2px;
}

div.answer:before { 
  color: #88F;
  font-size: 300%;
  content: 'A:';
}

/* source code */

code.listing { 
  background: #228; 
  display: block; 
  width: 640px; 
  color: #ff0;
  font-family: monospace;
  font-size: 10pt;
  border: thin inset;
}

code.output { 
  background: #228;
  display: block; 
  width: 640px; 
  color: #fff;
  font-family: monospace;
  font-size: 10pt;
  border: thin inset;
}

/* Form */


form div {
  clear: left;
  display: block;
  width: 400px;
  zoom: 1;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

form div label {
  display: block;
  float: left;
  width: 130px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

form div.optional label, label.optional {
  font-weight: normal;
}

form div.required label, label.required {
  font-weight: bold;
}

form div input.inputText, form div input.inputPassword {
  width: 246px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form div.submit {
  width: 260px;
  padding: 0 0 0 146px;
}

form div.wide label {
  float: none;
  display: block;
}

form div label.wide {
  width: 394px;
}

form div.wide input.inputText, form div.wide input.inputPassword, form div.wide input.inputFile, form div.wide select, form div.wide textarea {
  width: 394px;
  margin: 0;
}