/*
CSS Template for Website Howto
Licensed under a the Creative Commons Attribution ShareAlike 2.5 license.
Some rights reserved (C) 2007 Stewart Adam
*/

/*
My colors are:
Grey-silver: #e0e0e0
Green: #2c7b30
Red: #a03a28
*/

/* LAYOUT */

#main-body {
/* Space it out! */
padding-top: 50px;
width: 920px;
/*border: 1px solid #000;/**/
}

#sidebar {
/* floats left */
float: left;
width: 180px;
/*width: auto;*/
/*border: 1px solid #000;/**/
/* must = width of navbar */
}

#content {
overflow: hidden;
/*border: 1px solid #fff;/**/
}

.content {
height: auto;
width: 720px;
margin-left: 10px;
margin-right: 10px;
}

/* GLOBAL STYLES */

p, h1, h2, h3, h4, h5, h6, ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
font-style: normal;
}

pre.source {
border: 3px double #ccc;
padding: 10px;
overflow: auto;
margin-left: 7px
}

p {
margin-left: 7px;
}

h3 {
font-size: 18px;
border-left: 3px solid #a03a28;
/*border-bottom:  1px solid #a03a28;/**/
margin-top: 15px;
margin-bottom: 15px;
padding-left: 5px;
padding-bottom: 5px;
margin-left: 0px;
}

h2 {
font-size: 12px;
border-left: 3px solid blue;
/*border-bottom:  1px solid #2c7b30;/**/
margin-top: 15px;
margin-bottom: 15px;
padding-left: 5px;
padding-bottom: 5px;
margin-left: 21px;
}

body {
background: url(bg.png) repeat-x top;
/*background-attachment: fixed;/**/
}

a:link, a:visited {
color: blue;
}

a:hover {
text-decoration: none;
color: #a03a28;
}

td {
vertical-align: top;
}

/* CLASSES */

.nobg {
background-image: none;
}

.blackLine {
border-top: 1px solid #000;
padding-top: 3px;
}

.tenLine {
border-top: 10px solid #000;
padding-top: 3px;
}

.fiftyLine {
border-top: 50px solid #000;
padding-top: 3px;
}

/* rounded corners */
.contentt {
border: 12px solid #2c7b30;
margin: 0px;
}

.corner-tl,.corner-tr,.corner-bl,.corner-br {
    display: block;
    height:12px;
    width:12px;
    font-size: 1px;
    z-index: 5;
    position: relative;
    }

.corner-bl, .corner-br {
  margin-top: -12px;
/* -(corner width) */
}

.corner-tl, .corner-bl {
    float: left;/**/
}

.corner-tr, .corner-br {
    float: right;/**/
}

.corner-tl {
    background-position:top left;
    background-image: url(tl.png);
    background-repeat: no-repeat;
}
    .corner-tr {
    background-position:top right;
    background-image: url(tr.png);
    background-repeat: no-repeat;
}
    .corner-bl {
    background-position:bottom left;
    background-image: url(bl.png);
    background-repeat: no-repeat;
}
    .corner-br {
    background-image: url(br.png);
    background-repeat: no-repeat;
    background-position:bottom right;
}

#demotable {
border-collapse: collapse;
border: 5px solid #ff938f;
margin-left: 7px;
margin-top: 10px;
margin-bottom: 10px;
}

#demotr {
border: 5px solid #8fff93;
margin: 3px;
z-index: 1;
position: relative;
display: block;
}

#demotd {
margin: 5px;
border: 3px solid #938fff;
}