/* Aeracode CSS. Copyright Andrew Godwin 2008
 * Modified by Marin Smith 2008*/

body, div, p, h1, h2, h3, h4, h5, h6, span, ul, li, dl, dt, dd, img {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-family: Trebuchet MS, Trebuchet, Helvetica, sans-serif;
	background-image: url(http://static.maniacmartin.com/images/darkbg.png);
}

a {
    text-decoration: none;
    color: #444;
}

#outer {
    width: 790px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #666;
    padding: 0;
   background-color: #fff;
}

#header {
    overflow: hidden;
        background: url(http://static.maniacmartin.com/images/topsliver2.jpg) no-repeat top left;
        height: 200px;

}
    #logo {
        margin: 60px 0 30px 30px;
        display: block;
        float: left;
    }

#content {
    clear: both;
    overflow: hidden;
    width: 500px;
    float: left;
    padding: 0 0 0 5px;
}
    .mainstory {
    }
        h1 {
            font-size: 200%;
            font-weight: normal;
            line-height: 120%;
            margin-bottom: 10px;
        }
        .mainstory p {
            font-size: 110%;
            line-height: 1.3em;
        }
            .mainstory p.meta {
                margin: 5px 0 0 0;
		padding: 0;
                color: #444;
                font-size: 100%;
            }
            p.meta a {
	    	color: #f60;
	    }
        .mainstory small {
            color: #f60;
        }
    .post {
        margin: 20px 0 0 0;
    }
        
        .post p {
            font-size: 90%;
            line-height: 1.3em;
        }
            .post p.meta {
                margin: 0 0 0 0;
                color: #444;
                font-size: 90%;
            }
	.post a {
		color: #444;
		}
    .contact {
        list-style-type: none;
    }
        .contact li {
            margin: 0.1em 0;
        }
.flatpage a { color: #f60; }

h2 {
    font-size: 160%;
    margin: 30px 0 0 0;
    font-weight: normal;
}
    h2 small {
        font-size: 50%;
	color: #f60;
    }


p {
    line-height: 1.3em;
    font-size: 90%;
    padding: 0.1em 0 0.3em 0;
    color: #222;
}

p a {
	color: #f60;
}

pre, code {
	background-image: url(http://static.maniacmartin.com/images/vlightbg.png);
	overflow-x: scroll;
	} 

ul {
    padding: 0.4em 0;
}

li {
    line-height: 1.3em;
    font-size: 90%;
    color: #686A65;
    padding: 0.1em 0 0.2em 0;
}

h3 {
    font-size: 130%;
    color: #555753;
    font-weight: normal;
    line-height: 100%;
    margin: 20px 0 5px 0;
}
    h3 a {
        color: #444;
    }


#sidebar {
    float: right;
    width: 250px;
    list-style-type: none;
    background: #606060 url(http://static.maniacmartin.com/images/vlightbg.png);
    -moz-border-radius-topleft: 25px;
    -webkit-border-radius-top-left: 25 px;
    -moz-border-radius-bottomleft: 25px;
    -webkit-border-radius-bottom-left: 25 px;
    padding: 15px 7px 15px 12px;
}
    #locmap {
	width: 250px;
        height: 200px;
    }
    .menu {
        list-style-type: none;
        margin-bottom: 25px;
    }
        .menu li {
            color: #888A85;
        }
             li.title {
                color: #555753;
                font-size: 120%;
            }
                .menu li.title a {
                    color: #555753;
                }


#footer {
    clear: both;
    font-size: 80%;
    color: #888;
    text-align: center;
    padding: 20px 0;
}


.features {
    list-style-type: none;
    overflow: hidden;
}
    .features li {
        display: block;
        float: left;
        margin: 10px 20px 0 0;
        height: 160px;
        position: relative;
    }
        .features li a {
            color: #888A85;
        }
        .features li .image {
            line-height: 110px;
            height: 110px;
        }
            .features li .image img {
                vertical-align: bottom;
            }
        .features li h3 {
            font-size: 120%;
            font-weight: normal;
            margin: 5px 0 0 0;
            position: absolute;
            top: 110px;
            left: 0px;
        }
        .features li h4 {
            font-size: 90%;
            font-weight: normal;
            margin: 5px 0 0 0;
            position: absolute;
            top: 130px;
            left: 0px;
            color: #989A95;
        }

.tumblelog {

}
    .tumblelog dt {
        padding-left: 23px;
        background: no-repeat 0 0.2em;
    }
        .tumblelog dt.twitter {
            background-image: url(http://static.maniacmartin.com/images/icons/twitter.ico);
            background-position: 2px 0.2em;
        }
        .tumblelog dt.lastfm {
            background-image: url(http://static.maniacmartin.com/images/icons/lastfm.ico);
        }
        .tumblelog dt.delicious {
            background-image: url(http://static.maniacmartin.com/images/icons/delicious.ico);
        }
        .tumblelog dt a {
            color: #222;
        }
    .tumblelog dd {
        font-size: 90%;
        padding-left: 23px;
    }
        .tumblelog dd.meta {
            color: #333;
            margin-bottom: 20px;
            font-size: 80%;
        }
        .tumblelog dd a {
            color: #555;
        }
        .tumblelog dd .from {
            display: none;
        }
            .tumblelog:hover dd .from {
                display: inline;
            }

.comments li {
    margin: 0 0 30px 0;
}

.niceform {
    overflow: hidden;
}
    .niceform label {
        width: 20%;
        text-align: right;
        float: left;
        clear: both;
        padding-right: 2.5%;
        margin-bottom: 0.8em;
    }
    .niceform small {
        float: right;
        color: #aaa;
        font-size: 80%;
        position: relative;
        top: -1.2em;
        padding-right: 2.0%;
    }
    .niceform input, .niceform textarea {
        float: left;
        margin-bottom: 0.8em;
        width: 75%;
    }
    .niceform br {
        display: none;
    }
    .niceform .errorlist {
        float: right;
        list-style-type: none;
        padding: 0;
    }
        .niceform .errorlist li {
            margin: 0;
            color: #a00;
            font-size: 80%;
            margin-right: 2.5%;
        }
    .niceform .submit {
        width: 10em;
        float: right;
        clear: left;
        margin-right: 2.5%;
        margin-bottom: 0.5em;
    }


.projects {

}
    .projects li {
        margin: 20px 0;
    }
        .projects .side {
            float: left;
        }
        .projects h2 {
            margin: 0 0 5px 80px;
            font-size: 150%;
        }
        .projects p {
            margin-left: 80px;
        }


.links {
    overflow: hidden;
    margin-top: 30px;
}   
    .links .prev {
        float: left;
    }
    .links .next {
        float: right;
    }