@charset "ISO-8859-1";

a:link {
    color: #00c;
}
a:visited {
    color: #609;
}
a:active {
    color: #c00;
}
body {
    font: 84% Arial, sans-serif;
    margin: 0;
    padding: 0 10px .6em;
}
dd {
    margin: 0 0 1em;
    padding: 0 0 0 3em;
}
dl {
    margin: 1em 0 100%;
}
dt {
    font-weight: bold;
    margin: 1em 0 0;
}
h2 {
    margin: 1em 0 .8em;
    font-size: 1.22em;
}
h3 {
    font-size: 1.07em;
    margin: 1em 0;
}
ol, ul {
    margin: 1em 0 1em 3em;
    padding: 0;
}
p {
    margin: 1em 0;
}
pre {
    margin: 1.1em 0;
}
pre, tt {
    color: #900;
    font-family: "Courier New", Courier, monospace;
}
/* The "clearfix" rules clear floats inside a box */
.clearfix {
    height: auto !important;
    height: 1%; /* IE 5-6 don't support ":after" */
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.columns {
    padding: 0 0 .5em 0;
}
#content {
    float: left;
    width: 100%;
}
.footer {
    clear: both;
    margin: 1em 0 0;
    text-align: center;
}
.hidden {
    display: none;
}
.home-link {
    border: 0 !important;
    padding: 0 !important;
}
.logo {
    background: #077;
    border-bottom: 1px solid #044;
    color: #fff;
    font-size: 1.96em;
    font-weight: bold;
    margin: 0 -10px;
    padding: .3em 10px;
}
.logo a {
    color: #fff !important;
    text-decoration: none;
}
.main-heading {
    color: #066;
    font-size: 1.59em;
    margin: .8em 0 0;
}
.nonchapter-footer {
    border-top: 1px solid #999;
    margin: 0 !important;
    padding: .7em 0 0;
}
.sidebar {
    float: right;
    margin: 0 -200px 0 0 !important;
    margin: 0 -100px 0 0; /* IE 5-6 may double a float's side margin */
    width: 185px;
}
.sidebar h2 {
    background: #077;
    color: #fff;
    font-size: 1em;
    margin: 1.2em 0 0;
    padding: .2em 7px;
}
.sidebar img {
    border: 1px solid #000;
    display: block;
    margin: 0 auto;
}
.sidebar li {
    padding: .5em 0;
}
.sidebar ul {
    border: 1px solid #ccc;
    border-top: 0;
    list-style: none;
    margin: 0 0 1.2em;
    padding: .2em 6px .1em;
}
.site-nav {
    background: #eee;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    margin: 0 -10px;
    padding: .2em 10px .3em;
}
.site-nav li {
    border-left: 1px solid #000;
    display: inline;
    margin: 0 .6em 0 0;
    padding: 0 0 0 .6em;
}
.software-tip, .the-rules, .writing-tip {
    margin: 1.2em 0;
    padding: .5em 8px .6em 36px;
}
div.software-tip, div.the-rules, div.writing-tip {
    padding-top: 1px;
    padding-bottom: .1em;
}
.software-tip p, .the-rules p, .writing-tip p {
    margin: .5em 0;
}
.software-tip pre, .the-rules pre, .writing-tip pre {
    margin: .6em 0;
}
.software-tip {
    background: #dee url("images/software-tip.gif") no-repeat;
}
.the-rules {
    background: #eed url("images/the-rules.gif") no-repeat;
}
.update {
    margin: 1.2em 0 1em;
}
.update strong {
    color: #c00;
}
.writing-tip {
    background: #edd url("images/writing-tip.gif") no-repeat;
}

.ws-banner {
    margin: 15px auto;
    text-align: center;
}

.ws-banner img {
    max-width: 100%;
}

/******************** This is the start of Danny's CSS **********************************/
div#free_ebook {
  background-color:#FDE9A2;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  border-top-left-radius:0;
  border-top-right-radius:0;
  margin:0 50px 0px;
  padding:10px 20px;
  position:relative;
  top:0px;
}

div.free_ebook_form {
  float:right;
  padding-top:0.25em;
}

input#FreeEbookEmailAddress {
  margin:0 8px 0 0;
  padding:5px;
  width:220px;
}

div.free_ebook_copy {
    float: left;
    font-size: 0.9em;
    text-align: center;
}

span.free_ebook_title {
    color: #DD7D0F;
    font-size: 1.5em;
    font-weight: bold;
}

.button button {
  background-color:transparent;
  background-position:initial initial;
  background-repeat:initial initial;
  border:0 !important;
  cursor:pointer;
  font-family:Arial, 'Liberation Sans', sans-serif;
  font-size:100%;
  font-weight:bold;
  line-height:16px !important;
  padding:3px 7px 4px;
}

.button_style_1 a, .button_style_1 button {
  color:#FFFFFF !important;
  text-shadow:#884400 1px 1px 1px;
}
.button_style_1 {
  background-color:#EE7700;
  background-image:url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAMAAADaS4T1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFRQTFRF/YYP+YIL/7NN8HkC/65I/5w2/6E7/7pU83wF+oMM/IUO/6lD/5o0/6ZA/7hS9H0G8XoD/6tF/7FL+IEK/5449X4H/7ZQ/4gR9oAJ/6M9/ocQ73gBZ/kF3AAAADRJREFUeNoMwgcSQDAAALDU3pui//8nl6hNLplNYdUbPSqH0iB6f3Rawe52mjUWuSR9AgwAL38BsHBkt5kAAAAASUVORK5CYII=);
  background-position:initial initial;
  background-repeat:repeat no-repeat;
  border:1px solid #EE7700;
  font-size:17px;
}

.button {
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  display:block;
  float:left;
  text-align:center;
  white-space:nowrap;
}

/********************************************** End of Danny's CSS **********************************************************/

.formatted-text {
    color: #900;
    font-family: "Courier New", Courier, monospace;
    margin: 1.1em 0; 
    max-width: 650px;
}

pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

ol li a, ul li a {
    line-height: 1.7;
}

@media (max-width: 1000px) {
    div.free_ebook_copy, div.free_ebook_form {
        float: none;
    }
     
    .free_ebook_form form {
        margin: 0 auto;
        max-width: 333px;
    }
}

@media (max-width: 480px) {
	div#free_ebook {
	    margin: 0;
	}
	
	input#FreeEbookEmailAddress {
	    width: 100%;
	    max-width: 220px;
	    margin: 0 1px 0 0;
	}
	
	.button_style_1 {
	    margin-left: 16px;
	}
}