/*
Theme Name: Sankho's new shit
Theme URI: http://sankhomallik.com/
Description: Damn why you sweatin me
Version: 0.1 ultra beta
Author: Sankho Mallik
Author URI: http://sankhomallik.com/
Tags: pure unfiltered awesome
*/

#blog { background:#ddd; }
#blog a:hover { background:rgba(255,255,255,0.4); }

#blog #header { color:#333; }
#blog #header h1, #blog #header h1 a { color:#222; text-shadow: -.03em .025em .02em #aaa; }
#blog #header a { color:#222; }
#blog #header h2 a { border-bottom: 1px dotted #333; }

#blog #content #post-nav { margin:-3em 0 3em; text-align:center; }
#blog #content #post-nav a { color:#333; }

#blog #content { width:90%; margin: 0 auto; background:rgba(255,255,255,0.05); }

#content .post { margin:0 0 5em; }
#content .post .date { padding:.3em .3em .3em 3.2em; background:#333; margin:0 0 0.8em; }
#content .post h2, #content #main-post h1 { border-left:.3em solid #fa0; font: italic 2em/1.2em Georgia; float:left; width:80%; -webkit-border-bottom-left-radius:.6em; -moz-border-radius-bottomleft:.6em; }
#content .post a.title { display:block; background: #333; background: rgba(232,232,232, 0.9); -webkit-box-shadow:-.15em .15em .03em #333; -moz-box-shadow:-.15em .15em .02em #333; padding:.4em .3em .4em 1em; text-shadow: -.03em .025em .02em #999; color:#222; border-left:.2em solid #aaa; -webkit-border-bottom-left-radius:.8em; -moz-border-radius-bottomleft:.8em; }
#content .post a.title:hover { background:#fff; }
#content .post .tweet { float:right; margin:0 1em 0 0; }

/* post body */
#content .post .post-body { clear:both; padding:1.5em 3em 3em; background:#fff; background:rgba(255,255,255,0.8); -webkit-border-radius:.8em; -webkit-border-top-left-radius:0em; border-left:0.5em dotted rgba(255,255,255,0.3); word-wrap:break-word; position:relative; }
#content .post .post-body p { font:normal 1.2em/1.5em Georgia; color:#000; color:rgba(0,0,0,0.9); text-shadow:-0.08em 0.08em 0.01em #fff; margin:0 0 0.7em; }
#content .post .post-body a { color:#333; border-bottom:1px dotted #333; padding:0 0.2em; }
#content .post .post-body img { max-width:100%; }
#content .post .post-body a:hover { background:#333; background:rgba(48,48,48,0.7); color:#fff; text-shadow:-0.08em 0.08em 0.01em #000; }
#content .post .post-body .alignleft { float:left; margin:1em 1.5em 1em 0;}
#content .post .post-body .alignright { float:right; margin:1em 0 1em 1.5em; }
#content .post .post-body ol { list-style-type:decimal; padding-left:3em; }
#content .post .post-body ol li { list-style-type:decimal; margin:.5em 0; font:normal 1.2em/1.5em Georgia; color:#000; }
#content .post .post-body ul { list-style-type:disc; padding-left:3em; }
#content .post .post-body ul li { list-style-type:disc; margin:.5em 0; font:normal 1.2em/1.5em Georgia; #000; }
#content .post .post-body h1, #content .post .post-body h2, #content .post .post-body h3, #content .post .post-body h4, #content .post .post-body h5 { color:#333; margin-bottom:.3em; }
#content .post .post-body h1 { font-size:150%; }
#content .post .post-body h2 { font-size:140%; }
#content .post .post-body h3 { font-size:130%; }
#content .post .post-body h4 { font-size:120%; }
#content .post .post-body h5 { font-size:110%; }

#content #main-post h1 { font: italic 2.3em/1.2em Georgia; }

#comments { margin: 3em 0; border-top:5px dotted #200; padding:2em 0; }
#commentlist li cite .author { font-size:150%; }
#commentlist li cite .author img { margin-right:0.8em; }
#content .post .post-body #commentlist li p { font-size:80%; line-height:1.8em; }
#content .post .post-body #comments h2 { border-left:0 none; color:#333; margin:0.25em 0 .5em; float:left; }
#comments form label { float:left; font-size:100%; width: 20em; color:#200; font-style:italic; clear:left; }
#comments form input { float:left; clear:left; font-size:120%; width: 20em; margin:0.12em 0 0.4em;  }
#comments form textarea { float:left; clear:left; width:38em; }
#comments form #submit { clear:left; }

/* sidebar */
#aside { position:relative; width:96%; margin:0 auto 5em; padding-top:3em; border-top:3px dotted #200; }
#aside h3 { padding:.3em .3em .3em .6em; background:#333; margin:0 0 0.8em; font-weight:normal; }
#aside ol { list-style-type:decimal; padding-left:1.5em; margin:0 0 1.5em; }
#aside ol li { list-style-type:decimal; margin-bottom:.5em; color:#333; }
#aside ol li.even { background:rgba(48,48,48,0.2); }
#aside ol li.odd { background:rgba(255,255,255,0.2); }
#aside ol li a { display:block; padding:0 0.1em; font-style:italic; }
#aside ol li a span { color:#333; border-bottom:1px dotted #333; line-height:1.5em; }
#aside input { width:180px; }
#aside #face { width:20%; opacity:0.1; position:absolute; top:3em; right:0; z-index:10; }
#aside .panel { z-index:30; position:relative; background:rgba(255,255,255,0.4); }

/* media query big size */
@media screen and (min-width:1200px) {
	#content { width: 63.5% !important; float:left; margin:0 1em 0 4em !important; }
	#aside { width:22%; padding:0 1em 1em 1em; margin-right:3em; float:right; border:3px dotted #200; border-color:rgba(32,0,0,0.3);  border-top: 0 none; border-right:0 none; }
	#aside #face { width:60%; top:auto; right:auto; bottom:0; left:0; }
	#content .post .post-body p { font-size:1em; }
}

/* 800px view */
@media screen and (max-width: 800px) and (min-width: 500px) {
	#comments form textarea { width:30em; }
}

/* Mobile Landscape */
@media screen and (max-width:499px) and (min-width:320px) {
	#comments form textarea { width:20em; }
	#comments form input { width: 15em; }
}

/* Mobile vertical */
@media screen and (max-width:320px) {
	#content #main-post h1, #content .post h2 { width:75%; }
	#content #main-post h1 a, #content .post h2 a { font-size: 75%; width:75%; }
	#commentlist li cite .author { font-size:100%; }
	#comments form input { width: 12em; }
}