/*
Theme Name: Chemistry
Theme URI: http://spoolio.co.cc
Description: A clean, simple theme for simple people
Version: 1.0
Author: Jamie McElwain (originally Tom Chatting)
Author URI: http://jgmcelwain.com
Tags: white, orange, light
*/



html {background: #fefefe; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; color: #444;}

		.wrapper {width: 960px; margin: 0 auto; padding-bottom: 50px;}

		.setup {float: right; width: 280px; padding-top: 44px;}

		.setup h1, .setup h2 {padding:0; margin: 0; padding-left: 7px;}

		.setup h1 {font-size: 4em;}

		.setup h2 {font-size: 1.2em; color: #ccc; font-style: italic; font-weight: normal;}

		.setup ul {list-style: none; padding:0; margin: 0; border-bottom: 1px solid #ccc;}

		.setup ul li {padding: 7px;}

		.setup ul p {float: right; color: #ccc; padding: 0; margin: 0; border: none;}

		.setup ul a {color: #444;}

		.setup ul a.active {font-weight: bold;}

		.setup ul a:hover {text-decoration: underline;}

		.setup p {padding: 7px;}

		hr {border: 0; border-bottom: 1px solid #ccc;}

		.page {width: 600px;}

		.page img, .page object {margin-left: -75px; max-width: 600px;}

		.post {margin-left: 75px; padding-top: 55px;}

		object, img {border: 5px solid #ddd;}

		.thesidebar {padding: none !important; margin: none !important; border: none !important; text-align: center;}

		pre, code {max-width: 600px; overflow: auto;}

		pre {border: 1px solid #ccc; background: #fff; padding: 5px;}

		pre::-webkit-scrollbar {-webkit-border-radius: 1ex;height: 1ex;}

		pre::-webkit-scrollbar-thumb:horizontal{-webkit-border-radius: 1ex; background: rgba(0, 0, 0, .2);}



		blockquote {font-style: italic;}

		blockquote p {text-indent:-0.5em; padding:0; margin:0; margin-bottom: 5px;}

		blockquote p.author {text-indent: 0; font-style: normal; font-weight: bold;}



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

		a:hover {color: #F54600;}

		a:active {position: relative; top: 1px;}



		.setup h1 {font-size: 4em;}

		.setup h1 a {color: #444;}

		.nav li {border-top: 1px solid #CCC;}

		.post .post-top h1 {font-size: 3.5em; line-height: 1em; padding:0; margin:0;}

		.post .post-top .meta {font-style: italic;}

		.post .post-content {font-family: Georgia, Times, serif; font-size: 1em;}

		.pagination {margin-top: 55px;}

		.pagination .left, .pagination .right {width: 50%;}

		.pagination .left {float: left;}

		.pagination .right {float: left; text-align: right;}



		.search {padding-top: 55px;}

		.search h1.header {font-size: 3.5em; line-height: 1em; padding:0; margin:0;}

		.search p span {font-size: 2em; line-height: 1em;}

		.search .title h1 {font-size: 1em;}

		.search .meta {float: left; width: 30%; line-height: 0.4em; clear: left;}

		.search .title {float: right; width: 60%;}

		.search p.finish {clear: both; padding-top: 15px;}



		.tags {padding-top: 55px;}

		.tags h1.header {font-size: 3.5em; line-height: 1em; padding:0; margin:0; text-transform:uppercase;}

		.tags p span.number {font-size: 2em; line-height: 1em;}

		.tags p span.tag {text-transform:uppercase;}

		.tags .title h1 {font-size: 1em;}

		.tags .meta {float: left; width: 30%; line-height: 0.4em; clear: left;}

		.tags .title {float: right; width: 60%;}

		.tags p.finish {clear: both; padding-top: 15px;}



		.pages {padding-top: 55px;}

		.pages h1.header {font-size: 3.5em; line-height: 1em; padding: 0; margin: 0;}



		.post-fin {text-align: center; margin-top: 15px;}

		.post-footer {margin-bottom: 30px; border-bottom: 1px solid #404040;}

		.debug {height: 20px; background: rgba(0,0,0,0.2); color: #333; margin: 0; padding: 0; position: fixed; padding: 5px;}



		.search-box {padding-left: 5px;}

		.search-box input {outline: none; font-size: 15px; border: 1px solid #CCC;}

		.search-box input:focus {border: 1px solid #C54600;}



		.search-box button {font-size: 15px; border: 1px solid #ccc; background: #eee; color: #333;}

		.search-box button:hover {background: #ddd;}



		@media screen and (max-device-width: 480px){

			body{-webkit-text-size-adjust:none; font-family:Helvetica, Arial, Verdana, sans-serif; padding:5px;}

			.wrapper {display:block!important; width:100%!important; float:none!important; margin:0!important; padding:0!important;}

			.setup {display:block!important; width:100%!important; float:none!important; margin:0!important; padding:0!important;}

			.page {display:block!important; width:100%!important; float:none!important; margin:0!important; padding:0!important;}

			.post {margin-left: 0 !important; width:100% important;}

			object, img {border: 1px solid #ddd; margin-right: 0; margin-left: 0; max-width:100% !important; margin-left: 0 !important;}

			pre, code {width: 100%; overflow: scroll;}

		}

ol.commentlist { list-style:none; margin:0; padding:0; }

ol.commentlist li { border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 10px; padding:5px 7px 5px 64px; position:relative; }

ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }

ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; font-family: helvetica,arial,sans-serif; }

ol.commentlist li div.vcard cite.fn { font-style:normal; font-size: 11px; }

ol.commentlist li div.vcard cite.fn a.url { color:#cc0000; text-decoration:none; }

ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }

ol.commentlist li div.vcard img.avatar { background: #fff; border:1px solid #aaa; padding: 5px; left:7px; position:absolute; top:7px; }

ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px; font-family: helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }

ol.commentlist li div.comment-meta a { color:#205B87; text-decoration:none; }

ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; margin:5px 0 12px; }

ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style:square; margin:0 0 12px; padding:0; }

ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:36px; }

ol.commentlist li div.reply:hover { background:#cc0000; border:1px solid #cc0000; }

ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }

ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }

ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; }

ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; }

ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; }

ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; }

ol.commentlist ul.children li.odd { background:#fff; }

ol.commentlist ul.children li.even { background:#f6f6f6; }

ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}