html {
margin:0;
padding:0;
width: 100%;
background: #fff url(http://madiw.com/media/images/madiw_bg.jpg) top center repeat;
}

body {
background:#fff;
color: #000;
font:12px Verdana,sans-serif;
width:787px;
margin:auto;
margin-top:21px;
margin-bottom:21px;
}

div#container{	
background: #fff;
width: 777px;
border: solid 10px;
border-color: #7abd31;
-moz-border-radius-topleft: 12px;
-moz-border-radius-topright: 12px;
-moz-border-radius-bottomleft: 12px;
-moz-border-radius-bottomright: 12px;
}

div#wrapper {
float:left;
width:100%;
}

div#header {
background:#fff url(http://madiw.com/media/images/header_madiw.png) top center no-repeat;
height:164px;
margin-left:0px;
}

div#content_left {
/* margin-right: 410px; uncoment when using 'extra' collum */
margin-right: 410px;
margin-top: 50px;
margin-left:7px;
margin-bottom:5px;
padding-left:10px;
background:#fff;
color:#000;
border: solid 1px;
border-color: #fff;
-moz-border-radius-topleft: 12px;
-moz-border-radius-topright: 12px;
-moz-border-radius-bottomleft: 12px;
-moz-border-radius-bottomright: 12px;
text-align: left;
}

div#content_right {
background:#fff;
text-align:left;
float:left;
width:400px;
margin-left:-407px;
margin-top: 50px;
margin-bottom:5px;
color:#000;
border: solid 1px;
border-color: #fff;
-moz-border-radius-topleft: 12px;
-moz-border-radius-topright: 12px;
-moz-border-radius-bottomleft: 12px;
-moz-border-radius-bottomright: 12px;
}

div#extra {
float:left;
width:190px;
margin-left:-405px;
margin-top: 5px;
margin-bottom:5px;
background:#7abd31;
color: #000;
text-align: center;
font-size: x-small;
border: solid 1px;
border-color: #fff;
-moz-border-radius-topleft: 12px;
-moz-border-radius-topright: 12px;
-moz-border-radius-bottomleft: 12px;
-moz-border-radius-bottomright: 12px;
}

div#footer {
background: transparent;
color: #333;
text-align: center;
clear:left;
width:100%
}

div#footer p {
    margin:10px;
}

/* CONTENT */

h1,h2,h3 {
    margin-top:.8em;
    font-family:"Trebuchet MS",sans-serif;
    font-weight:bold;
}

h1 {
    font-size:400%;
    margin-top:.6em;
    margin-bottom:.6em;
    color:#7abd31;
    line-height:1.1em;
}

h2 {
    font-size:250%;
    margin-top:1em;
    margin-bottom:.2em;
    margin-left:1em;
    line-height:1.2em;
    color:#0860c1;
}

#homepage h2 {
    font-size:140%;
}

h3 {
    font-size:125%;
    font-weight:bold;
    margin-bottom:.2em;
    color:navy;
}

h4 {
    font-size:100%;
    font-weight:bold;
    margin-bottom:-3px;
    margin-top:1.2em;
    text-transform:uppercase;
    letter-spacing:1px;
}

h4 pre, h4 tt, h4 .literal {
    text-transform:none;
}

h5 {
    font-size:1em;
    font-weight:bold;
    margin-top:1.5em;
    margin-bottom:3px;
}

p, ul, dl {
    margin-top:10px;
    margin-bottom:10px;
}

hr {
    color:#ccc;
    background-color:#ccc;
    height:1px;
    border:0;
}

p.date {
    color:#487858;
    margin-top:-.2em;
}

p.more {
    margin-top:-.4em;
}

.sidebar p.date {
    color:navy;
}

#content-secondary h2, .sidebar h2 {
    color:navy;
}

#content-secondary h3, .sidebar h3 {
    color:navy;
}

#content-secondary h2:first-child {
    margin-top:.6em;
}

.sidebar h2:first-child {
    margin-top:.8em;
}

#content-main h2, #content-main h3 {
    margin-top:1.2em;
}

h2.deck {
    margin-top:-.5em !important;
    margin-bottom:.6em;
    color:maroon;
}


a.rss {
    font:bold 10px Verdana, sans-serif;
    padding:0 .2em;
    border: 1px solid;
    text-decoration:none;
    background:#f60;
    color: #fff;
    border-color:#ffc8a4 #7d3302 #3f1a01 #ff9a57;
    margin:0 3px;
    vertical-align:middle;
}

#content-main a.rss {
    color:#fff;
    text-decoration:none;
}

a.rss:hover, a.rss:link, a.rss:visited {
    color:navy;
    text-decoration:none;
}

p{
    line-height:1.4;
}

a {
    text-decoration: none;
}

a img {
    border: none;
}

a:link {
    color: #0860c1;
}

a:visited {
    color: #0860c1;
}

a:hover {
    color: #ff9900;
}