body {
	margin: 0;
	padding: 0;
}

h1, h2, h3 {
	margin-top: 1.5em;
	margin-bottom: 0.25em;
}

#header {
	margin: 0;
	padding: 1em 2em 3em 2em;
}

#header h1 {
	margin: 0 0 0.1em 0;
	float: left;
}

#header h2 {
	float: left;
	margin: 0 0 1em 0;
}

#pages {
	float: right;
	width: 15em;
	
	list-style-type: none;
	margin: 0;
	padding: 0;	
}

#pages li {
	display: inline;
	margin: 0;
	padding: 0;	
}

#pages li a {
	padding: 3px 1em 3px 1em;
	margin: 0;
}

#searchform {
	float: right;
	height: 1.5em;
	width: 13em;
	margin-top: 1em;
}

.clear-all {
	clear: both;
}

#sidebar {
	float: right;
	width: 13em;
	margin: 2em 2em 4em 8em;
}

#sidebar div {
	margin-bottom: 6em;
}
#about img {
	display: block;
	margin: 0 auto 0 auto;
	width: 200px;
}

#products ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#products li {
	margin: 0 0 1.5em 0;
	clear: left;
}

#products li p {
	margin: 0 0 0.15em 0;
}

.product-icon {
	display: block;
	float: left;
	width: 48px;
	height: 48px;
	margin: 0 1em 1em 0;
}

#feeds {
	list-style-type: none;
	margin: 2em 0 0 0;
	padding: 0;
}

#content {
	margin: 4em 20em 0 1em;
}

#content ol {
	padding-left: 1.5em;
}

#content ul {
	padding-left: 1.5em;
}

#content pre {
	padding: 1em 1em 1em 2em;
	overflow: auto;
}

#content table {
	border-collapse: collapse;
}
#content td {
	padding: 1em 1em 1em 1em;
}
#content th {
	padding: 1em 1em 1em 1em;
}
#content blockquote {
	margin-left: 2em;
	min-height: 40px;
}
#content .post-title {
	margin: 0 0 1em 7em;
}

#footer {
	margin: 1em 0 0 0;
	padding: 0em 2em 0em 2em;
	clear: both;
}

#footer p {
	margin-bottom: 0;
	padding-bottom: 1em;
}
#categories {
	float: left;
	width: 49%;
}

#categories ul {
	list-style-type: none;
	padding: 0 2em 0 0;
	margin: 1em 0 1em 0;
}

#categories ul li {
	display: inline;
	margin: 0 1em 0 0;
}

#categories h2 {
	margin-top: 0.5em;
}

#archives {
	float: right;
	width: 49%;
}

#archives ul {
	list-style-type: none;
	padding: 0 2em 0 0;
	margin: 1em 0 1em 0;
}

#archives ul li {
	display: inline;
	margin: 0 1em 0 0;
}

#archives h2 {
	margin-top: 0.5em;
}

.post {
	clear: left;
	margin-bottom: 8em;
}

.post-sidebar {
	float: left;
	margin: 0 1em 1em 0;
	padding-right: 2em;
}

.post-sidebar ul {
	list-style-type: none;
	margin: 0 0 1em 0;
	padding: 0;
}
.post-content {
	margin-left: 12em;
}
.nav-links {
	clear: left;
	margin: 2em 0 0 12em;
}
.archive-title {
	margin: 0 0 2em 10em;
}
#comments {
	clear: left;
	margin: 6em 0 0 12em;
}
#leave-a-comment {
	margin-left: 12em;	
}
#comments-closed {
	margin: 4em 0 0 12em;		
}
#comments ol {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.comment-text {
	margin: 0 0 4em 0;
}

@media screen and (max-width: 900px) {
    #sidebar {
    	float: none;
    	width: auto;
    	margin: 0em 2em 1em 2em;
        clear: both;
    }
    #sidebar #about {
        width: 26em;
        float: right;
        margin-bottom: 2em;
    }
    #sidebar #about img {
        float: left;
        margin-right: 1em;
    }
    #sidebar #products {
        width: auto;
        float: left;
        margin-bottom: 1em;     
    }
    #sidebar #feeds {
        clear: left;
        float: left;
        margin-top: 1em;
    }
    #content {
        margin-right: 1em;
    }
    #break {
        clear: both;
    }
}

@media screen and (max-width: 800px) {
    #pages {
        clear: both;
    	float: none;
    	width: auto;	
        margin-bottom: 0;
        padding-bottom: 0;
    }
    #sidebar #products h2 {
        margin-top: 1em;
    }
    #sidebar #products li {
    	display: inline-block;
    	margin: 0;
    	padding: 0;	
    }
    #sidebar #about {
        width: auto;
        margin-bottom: 1em;
    }
    #sidebar #feeds {
        float: right;
        clear: none;
    }
    #header {
        padding-bottom: 2em;
    }
    
    #categories {
    	float: none;
    	width: auto;
        padding-top: 1em;
    }
    #archives {
    	float: none;
    	width: auto;
    }
    
}

@media screen and (max-width: 670px) {
    #sidebar #feeds {
        float: none;
        clear: both;
        width: auto;
    }

    .post-sidebar {
    	float: none;
        padding: 0;
        margin-right: 0;
    }
    .post-sidebar li {
        display: inline-block;
        margin: 0px 10px 0px 0px;
    }
    
    .post-content {
    	margin: 1em 0 1em 0;
    }

    #content .post-title {
    	margin-left: 0em;
    }
    
    #content .post-sidebar ul {
        padding-left: 0;
    }
    
    .nav-links {
    	clear: left;
    	margin-left: 0;
    }
    
    .archive-title {
    	margin-left: 0;
    }
}

@media screen and (max-width: 500px) {
    #sidebar {
        display: none;
    }
}