/* 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}

BODY { background-image: url('backdrop.jpg');
  background-repeat: no-repeat;
  background-position: right bottom;
  background-color: #476284;
}

HR   { 
  border-color: #eee;
  border-style: solid;
  border-bottom: none;
  border-left: none;
  border-right: none;
}

/* Nav bar top */

div.pipe {
  border-top: 1px solid #eee;	
}

div#box {
  border: 1px solid #eee;	
}

div.pipe A:link {color: #eee;
  background: transparent;
}

div.pipe A:visited {color: #ddd;
  background: transparent;
}

div.pipe A:active {color: #fff;
  background: transparent;
}

div.pipe A:hover {color: #fff;
  background: #4d84d0;
}

div.pipe ul {
  margin-left: 0;
  padding-left: 0;
  display: inline;
} 

.pipe ul li {
  margin-left: 0;
  padding-left: 3px ;
  border-left: 1px solid #eee;
  list-style: none;
  display: inline;
}

.pipe ul li.sub {
  padding-bottom: 1px;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
}

.pipe ul li .small{
  margin-left: 0;
  padding-left: 3px;
  border-left: none;
  list-style: none;
  display: inline;
  font-size: 10pt;
}

.pipe ul li.first {
  margin-left: 0;
  border-left: none;
  list-style: none;
  display: inline;
}

.rightpipe{  
  float:right;
  display: inline;
}

/* Navbar */

div.navbar {

  margin: 8px 0px 8px 4px;

}

.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;
	   }
	   

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
}

/* Global setup */

#container{
  overflow:hidden;
  margin:0 0px;
  padding-top: 10px;
  padding-right:190px; /* The width of the rail */
}

* html #container{
  height:0%; /* So IE plays nice */
}

#leftcontent {
  width:100%;
  padding-right: 200px;
  margin-right:-190px;
  float:left;
  padding-bottom: 180px;
}

div.box25p {
  width:25%;
  float:left;
}
div.box50p {
  width:50%;
  float:left;
}
div.box75p {
  width:75%;
  float:left;
}

div.rightcontent {
  width:180px;
  float:left;
  margin-right:-190px;
  padding-bottom: 350px;
}

/* Side bar styles */

div.sideblock {
  font-size: 80%;
  border-left: 1px #fff solid;
  border-bottom: 1px #fff solid;
  border-top: 1px #fff solid;
  margin-bottom: 5px;
}

div.areablock {
  width: 160px;
  border: 1px solid #eee;
  margin-bottom: 5px;
}

div.areablock span.ti {
  font-size: 120%;
  margin-left: 10px;
  margin-right: 10px;
  text-align: center;
  display:block;
  margin-bottom: 10px;
  border-bottom: 1px solid #eee;
}

div.areablock span.tx {
  font-size: 80%;
  margin-left: 8px;
  margin-right: 8px;
  display:block;
}

div.areablock ul.sp {
  font-size: 80%;
  margin-left:12px;
  list-style: none;
  padding-left: 3px;
}

A:link div.areablock {color: #fff;
  background: transparent;
  text-decoration: none;
}

A:visited div.areablock {color: #fff;
  background: transparent;
  text-decoration: none;
}

A:active div.areablock {color: #fff;
  background: transparent;
  text-decoration: none;
}

A:hover div.areablock {color: #fff;
  background: #4d84d0;
  text-decoration: none;
}


div.areablock A:link {color: #fff;
  background: transparent;
  text-decoration: none;
}

div.areablock A:visited {color: #fff;
  background: transparent;
  text-decoration: none;
}

div.areablock A:active {color: #fff;
  background: transparent;
  text-decoration: none;
}

div.areablock A:hover {color: #fff;
  background: #4d84d0;
  text-decoration: none;
}

/* Front page */

div.centerbox {
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}

/* Main section */

div.otherblock {
  font-size: 80%;
  border-right: 1px #fff solid;
  border-bottom: 1px #fff solid;
  border-top: 1px #fff solid;
  margin-bottom: 5px;
}

/* hAtom microformat */

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

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

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

.tagblock { 
  font-size: 80%;
 }

.tag { 
  border: 1px #fff solid;
  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%
 }

/* Button bar */

.buttonbar { 
  padding-top: 1px;
  padding-bottom: 1px;
  margin-top: 4px;
  margin-bottom: 6px;
 }

.button { 
  padding: 3px;
  margin: 2px;
  border: 1px solid #fff;
}

.button A { 
  text-decoration: none;
 }

.buttonpop { 
  position: absolute;
  border-style:solid;
  background-color: #476284;
  padding: 5px;

 }

/* Needs? */

div.spbox {
  width: 80px;
  height: 80px;
  display:inline;
}


/* 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;
}

/* Fancy blockquote */
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;
}

/* Image presentation classes */

div.strip {	
  border: 1px solid #eee;
  background: #fff; 
  margin: 0 15px 15px 0;
  padding: 5px;
  color: #000;
  font-size: 80%;
}

.tstrip { 
  padding: 0px;
  margin: -1px;
  border: 0px;
 }

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

div.thumbs .title {
  font-size: 80%;
  line-height: 80%;
}
div.thumbs .meta {
  font-size: 80%;
  line-height: 80%;
  color: #000;
}

.piece { border: 2px inset;
}


h2 A:link {color: #eee;
  background: transparent;
}

h2 A:visited {color: #ddd;
  background: transparent;
}

h2 A:active {color: #fff;
  background: transparent;
}

h2 A:hover {color: #fff;
  background: #4d84d0;
}

/* Improperly named tag heading stuff */

div.tags { 
  clear: left;
  font-size: 14px;
  
}
div.taghead {
  float: left;
  border-right: 1px #fff solid;
  border-top: 1px #fff solid;
  width: 15ex;
  font-size: 16px;
  margin-right: 1ex;
}

/* Comments */

div.post {
  width:100%;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  font-size: 12px;
}

div.post2 {
  width:100%;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  border-right: 1px #fff solid;
}

div.sender {  
  float: left;
  border-right: 1px #fff solid;
  border-bottom: 1px #fff solid;
  width: 60ex;
  font-size: 12px;
  margin-right: 1ex;
}