/* @override http://joshink.com/static/css/main.css?v=3d107 */

/* @override 
	http://joshink.com/static/css/main.css?v=3d107
	http://joshink.com/static/css/main.css?v=3d107
	http://joshink.com/static/css/main.css?v=3d107
	http://localhost:8888/static/css/main.css?v=503fb
	http://localhost:39238/static/css/main.css?v=3f73a
	http://joshink.com/static/css/main.css?v=3d107
*/

* {  margin:0;padding:0; }
html, body { font-family: Arial, Helvetica, sans-serif; text-align: center; color: #2f3030; font-size: 14px; height: 100%; background-color: #1e3454; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#161D40), to(#296487)) fixed; }
a { text-decoration: none; color: #000; -webkit-transition: all 0.25s }
a:hover { color: #184a93; -webkit-border-radius:3px; -moz-border-radius:3px; }
p { margin: 10px 0; }

div.highlight { padding: 10px; background-color: #000; overflow: auto; margin: 30px 0; }
div.highlight pre, div.highlight code { font-family: Courier, "Courier New", mono; }

#main { text-align: left; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -51px; }
#footer, #push { height: 70px; clear: both; }

#header { overflow: hidden; background-color: rgba(0, 0, 0, 0.5); height: 80px; line-height: 80px; position: relative; z-index: 1; border-bottom: 1px solid rgba(0, 0, 0, 0.5); }
#header .wrap { width: 920px; margin: 0 auto; padding: 0 20px; }
#header h1 { float: left; font-size: 18px; text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;}
#header h1 a { color: #fff; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
#header h1 #tweet { color: rgba(254,255,254,0.1); margin-left: 3px; width: 9999px; font-weight: normal;}
#header .nav { list-style-type: none; padding: 0; float: right; overflow: hidden; display: none; }
#header .nav li { float: left; margin-top: 13px;}
#header .nav a { display: block; overflow: opacity: 1; color: rgba(255, 255, 255, 0.2); background: #111; line-height: 14px; padding: 18px 0px; -webkit-border-radius:3px; -moz-border-radius:3px; opacity: 0.05; width: 160px; text-align: center;}
#header:hover .nav a { opacity: 0.5; }
#header .nav a:hover { opacity: 1; }
#about { margin-top: -0px; margin-bottom: 25px; background-color: rgba(255, 255, 255, 0.02); color: rgba(252,255,255,0.2); position: relative; z-index: 0; overflow: hidden; font-size: 13px; line-height: 10px; border-top: 1px solid rgba(255,255,255,0.05); border-bottom: 1px solid rgba(0,0,0,0.2); }
#about .wrap { width: 920px; margin: 10px auto; padding: 0; }

#content { width: 920px; margin: 0 auto; padding: 0 20px; overflow: hidden; }

#filter { background: #f7fca6 url(/static/images/bg.png); margin: 20px 0px 20px 0; -webkit-border-radius:4px; -moz-border-radius:4px }
#filter p { padding: 15px; color: #60623e;text-shadow: #f6fddc 0 1px 0; }
#filter a { float: right; display: block; text-indent: -99999; background: #f7fca6 url(/static/images/close.png); width: 24px; height: 24px; margin-top: -5px; -webkit-border-radius:2px; -moz-border-radius:2px; border: 1px solid #f7fca6;}
#filter a:hover { border-color: #959963; background-color: #b8bd7c;}

#left-content { float: left; width: 740px; }
#right-content { float: right; width: 160px; margin-top: 20px;}

.items { margin-bottom: 20px; background-color: #fff;  overflow: hidden; padding: 1px 1px 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px; }
.items h4 { margin-bottom: 5px; padding: 10px; border-bottom: 1px solid #ddd; background: #fffeff url(/static/images/bg.png) repeat-x; }
.items ul { list-style-type: none; }
.items li a { display: block; font-size: 11px; padding: 5px 10px; color: #333; }
.items li a:hover { text-decoration: underline; }
.items li a .right { float: right; }

.post { padding: 20px; overflow: hidden; line-height: 20px; margin-right: 35px; position: relative; background: #fff !important; margin: 20px 0; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px; border-top: 1px solid #000; }
.post .date { color: rgba(255,255,255,0.05); font-size: 20px; position: absolute; right: 20px; top: 15px;}
.post h4 { font-size: 20px; padding: 15 20px; margin: -20px; margin-bottom: 15px; text-shadow: #000 0 1px 0; background: #0d1427; border-top: 1px solid rgba(223,225,225,0.05); }
.post h4 a { color: #fff; border-bottom: 3px solid rgba(0,63,127,0);}
.post h4 a:hover { border-bottom: 3px solid rgba(255,255,255,0.25); }
.post .post-body { padding-bottom: 8; font-size: 13px; font-family: "Lucida Grande"; }
.post .post-body a { color: #279bb9; }
.post .post-body a:hover { background-color: #2fcbf2; color: white; }
.post .post-body h2, .post .post-body h3, .post .post-body h4, .post .post-body h5, .post .post-body h6 { padding: 6px 0px; }
.post .cta a { display: block; float: left; padding: 3px 5px; font-size: 12; color: #aaa; }
.post .tags { overflow: hidden; }
.post .tags a { font-size: 12px; float: left; padding: 4px 8px; margin-right: 5px; background: #fff3b4 url(/static/images/bg.png); border: 1px solid #d4ca96; color: #99926b; }
.post #disqus_thread { margin-top: 25px; border-top: 3px solid #c0c0c0; padding-top: 25px; }

#pages { margin: 25px 0; overflow: hidden; }
#pages a { -webkit-border-radius:20px; -moz-border-radius:20px;  padding: 8px 15px; border: 2px solid #fff; color: #fff; font-weight: bold; font-size: 13px; opacity: 0.5; -webkit-background-clip: padding-box; }
#pages a:hover { border-color: #eee; opacity: 0.8; }
#pages a.next { float: right; }
#pages a.prev { float: left; }

#footer { background: #fff; line-height: 50px; text-align: left; border-top: 1px solid #c6c8c8; position: relative; }
#footer p { padding: 0 15px; color: #6e6f6f; text-shadow: #fffeff 0 1px 0; width: 920px; margin: 0 auto;}
#footer .right { float: right; }