/*
Theme Name: TechBlog
Author: Osho Garg
Author URI: http://www.oshogarg.com
Version: 1.0
*/

#s1,#s2,#s3,#s4{margin:10px;with:140px;height:20px;float:left}
::-webkit-scrollbar{height:8px;width:8px}
::-webkit-scrollbar-track{border:1px solid #d8d8d8;box-shadow:inset 1px 1px 2px #e0e0e0}
::-webkit-scrollbar-thumb{background:#FF0000;box-shadow:inset 1px 1px 2px rgba(155,155,155,0.4)}
*{margin:0;padding:0}
a{text-decoration:none}
img{border:0}
body{-moz-user-select:none;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;background:url(images/BackGround.gif);font-family:'Bree Serif'}
#Wrapper{margin:0 auto;width:980px}
#Header{background:url(images/Header.png);height:60px;padding:15px}
#Logo{color:#fff;float:left;font-size:40px;height:60px;text-shadow:0 1px 0 #ccc, 0 0 0 #c9c9c9, 0 0 0 #bbb, 0 1px 0 #b9b9b9, 0 1px 0 #aaa, 0 1px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);width:300px}
#Logo span{background:#FF0000;padding:0 5px 6px}
#Search{background:url(images/Search.png) no-repeat 155px;float:right;margin:18px 0;padding:0 5px;width:180px}
#SBox{background:0;border:0;border-bottom:2px dotted #FF0000;color:#FF0000;outline:0;padding:6px 5px;width:150px}
.clearfix:before,.clearfix:after{content:" ";display:table}
nav{background:#292929;border-bottom:3px solid #FF0000}
nav ul li{display:inline;float:left}
nav ul li a{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;padding:8px 7px 7px}
nav ul li a span{color:#FFF;font-size:15px}
nav ul li a:hover{background:#FF0000;color:#FFF}
nav a#pull{color:#fff;display:none}
.fa-home:before{font-size:19px}
#Box{border-bottom:3px solid #FF0000;height:29px}
#Box Span{background:#FF0000;border-radius:2px 2px 0 0;color:#fff;float:left;font-size:16px;height:19px;padding:5px 10px}
#Content .MiniPost{border-bottom:1px solid #eee;float:left;padding:10px 0}
.MiniPost .Image{display:block;float:left;height:150px;margin-right:10px;width:250px}
.MiniPost .Image img{height:150px;width:250px}
.MiniPost .Content{float:left;width:380px}
.MiniPost .Content h3 a{color:#222;display:inline-block;font-size:20px;font-weight:400;margin-bottom:5px}
.MiniPost .Content span{color:#777;font-size:14px;margin-right:10px}
.MiniPost .Content .Snip{color:#333;font-family:'PT Serif';font-size:16px;line-height:24px;margin-top:5px}
.wp-pagenavi{clear:both;padding:16px 10px 10px!important}
.pages,.current,.page,.nextpostslink,.last,.first,.previouspostslink{background:#FF0000;border:3px double #fff;box-shadow:inset 0 0 2px white,0 0 5px #cacaca;color:#fff;margin:0 5px 0 0;padding:4px 7px}
#Sidebar{background-color:#f7f7f7;border:1px solid #CDCDCD;border-left:0;border-radius:0 0 3px 0;color:#666;float:left;padding:0 8px 0 9px;width:300px;border-top:0}
#Sidebar h2{background:url(images/Dots.png) repeat-x center;border-bottom:1px solid #eee;font-size:17px;font-weight:400;line-height:35px}
#Sidebar h2 span{background:#f7f7f7;padding-right:10px}
#Sidebar ul{float:left;list-style:none}
#Sidebar #Featured ul li{border-bottom:1px solid #eee;height:50px;padding:10px 0;width:300px}
#Sidebar .Image{display:table-cell;float:left}
#Sidebar .Image img{border-radius:2px;height:48px;width:48px}
#Sidebar .Content{display:table-cell;padding-left:15px;vertical-align:middle}
#Sidebar .Content h3 a{color:#666;display:inline-block;font-family:PT Serif;font-size:14px;font-weight:400;line-height:20px;margin-bottom:10px}
#Sidebar .Content h3 a:hover{color:#FF0000}
#Sidebar #Featured ul li:last-child{border-bottom:0;height:62px;margin-bottom:0;padding-bottom:0}
#CopyRight{-moz-border-radius:2px;-moz-box-shadow:0 0 3px rgba(0,0,0,0.1);-webkit-border-radius:2px;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.1);background:url(images/Header.png);border:1px solid #CDCDCD;border-radius:3px;color:#ccc;font-size:14px;height:20px;margin:10px 0;padding:10px}
#CopyRight a{color:#fff}
.Left{float:left}
.Right{float:right}
.Clear,.clearfix:after{clear:both}
#Post{-moz-border-radius:2px;-moz-box-shadow:0 0 3px rgba(0,0,0,0.1);-webkit-border-radius:2px;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.1);background:#fefefe;border:1px solid #CDCDCD;border-radius:0 0 3px 3px;float:left;margin-bottom:8px;padding:10px;width:640px;border-top:0}
#Title h1{border-bottom:1px solid #CCC;line-height:30px;padding-bottom:8px}
#Title h1 a{color:#333;font-size:22px;text-transform:capitalize;font-weight:400}
#Post article{color:#000;font-family:'PT Serif';padding:8px 0}
#Post article p{font-size:15px;line-height:24px;margin:0 0 10px}
#Post article img{height:auto;max-width:100%}
#Post article h2,#Post article h3{border-left:5px solid #FF0000;color:#444;font-family:'Bree Serif';font-size:18px;margin:0 0 5px -10px;padding:3px 5px 3px 10px;text-transform:capitalize;font-weight:400}
#Post article h2{font-size:20px}
#Post article ol,#Post article ul{margin-bottom:10px;padding:0 35px}
#Post article ol li{border-bottom:0;height:100%;line-height:21px;margin-bottom:5px}
#Post article ul li{border-bottom:0;height:100%;line-height:21px;list-style:square;margin-bottom:5px;padding:0}
#Post article p strong,#Post article strong{font-weight:700}
.imgR{clear:both;float:right;margin-left:16px}
.imgL{clear:both;float:left;margin-right:16px}
.aligncenter{display:block;margin:0 auto!important}
.YouTube{height:0;overflow:hidden;padding-bottom:56.25%;padding-top:30px;position:relative}
.YouTube iframe,.YouTube object,.YouTube embed{height:100%;left:0;position:absolute;top:0;width:100%}
#Tags{height:20px;overflow:hidden}
#Tags,#AuthorBox{-moz-box-shadow:inset 0 2px 50px #EEE;-webkit-box-shadow:inset 0 2px 50px #F0F0F0;background:#fff;border:1px solid #CCC;box-shadow:inset 0 2px 50px #F0F0F0;float:left;font-size:15px;list-style-type:none;margin-bottom:8px;padding:5px;width:650px}
#Tags span{background:#FF0000;color:#fff;margin:0 5px 0 -5px;padding:5px}
.Author{border:2px solid #e6e6e6;float:left;height:56px;margin:2px;width:56px}
#AuthorBox p{font-family:PT Serif;line-height:20px;padding:0 0 4px 70px}
#AuthorBox p b{font-family:Bree Serif;font-weight:400}
.wp-smiley{margin:0!important}
.comment-content{margin-top:-6px}
li.comment .avatar{background:#EEE;float:left;margin:0 8px 0 0;padding:8px}
.commentmetadata{float:right;font-size:10px}
cite.fn a{color:#FF0000;font-size:15px;font-style:normal}
li.comment{-moz-box-shadow:inset 0 2px 50px #EEE;-webkit-box-shadow:inset 0 2px 50px #F0F0F0;background:#fff;border:1px solid #CCC;box-shadow:inset 0 2px 50px #F0F0F0;margin-bottom:10px;min-height:68px;padding:10px}
ul.children li.comment{margin:15px 0 0}
li.comment p{font-family:'PT Serif';font-size:15px;margin:0 40px 0 60px !important;padding-top:6px}
li.comment .reply{float:right;font-size:12px;margin-top:-10px}
li.comment .reply a{color:#222;line-height:12px;padding:5px;text-decoration:none}
#reply-title{font-size:16px;line-height:30px}
#Content,#Comments{float:left;width:662px}
.MiniPost .Content h3 a:hover,#CopyRight a:hover,#Title h1 a:hover,#Post article a,#Tags a{color:#FF0000}
#Div a{color:#FF0000}


@media only screen and (min-width:800px) and (max-width:989px) {
#Wrapper,#Content,#Sidebar,#Comments{width:790px}
nav li{position:relative;width:20%}
nav a#pull{width:772px}
#Post{border-radius:0 0 3px 3px;width:768px}
#Sidebar{border:1px solid #CDCDCD;border-radius:3px;padding:10px;width:768px}
#Sidebar #Div{float:left;width:300px}
#Sidebar #Featured{float:right;width:452px}
#Sidebar #Featured ul li{width:452px}
.MiniPost .Content{width:506px}
#Tags,#AuthorBox{width:778px}
}

@media only screen and (min-width:720px) and (max-width:799px) {
#Wrapper,#Content,#Sidebar,#Comments{width:710px}
nav li{position:relative;width:25%}
nav a#pull{width:692px}
#Post{border-radius:0 0 3px 3px;width:688px}
#Sidebar{border:1px solid #CDCDCD;border-radius:3px;padding:10px;width:688px}
#Sidebar #Div{float:left;width:300px}
#Sidebar #Featured{float:right;width:372px}
#Sidebar #Featured ul li{width:372px}
.MiniPost .Content{width:426px}
#Tags,#AuthorBox{width:698px}
}

@media only screen and (min-width:640px) and (max-width:719px) {
#Wrapper,#Content,#Sidebar,#Comments{width:630px}
nav li{position:relative;width:25%}
nav a#pull{width:612px}
#Post{border-radius:0 0 3px 3px;width:608px}
#Sidebar{border:1px solid #CDCDCD;border-radius:3px;padding:10px;width:608px}
#Sidebar #Div{float:left;width:300px}
#Sidebar #Featured{float:right;width:292px}
#Sidebar #Featured ul li{width:292px}
.MiniPost .Content{width:346px}
#Tags,#AuthorBox{width:618px}
}

@media only screen and (min-width:480px) and (max-width:639px) {
#Wrapper,#Content,#Comments{width:470px}
nav li{position:relative;width:33.33%}
nav a#pull{width:452px}
#Search{display:none}
#Post{border-radius:0 0 3px 3px;width:448px}
.MiniPost .Image{height:265px!important;margin:0;width:448px!important}
.MiniPost .Image img{height:265px;width:448px!important}
#Sidebar{border:1px solid #CDCDCD;border-radius:3px;padding:10px;width:448px}
#Sidebar #Div{margin:0 auto;width:300px}
#Sidebar #Featured{float:right;width:448px}
#CopyRight{height:40px}
#Tags,#AuthorBox{width:458px}
.MiniPost .Content,#Sidebar #Featured ul li{width:448px}
}

@media only screen and (min-width:360px) and (max-width:479px) {
#Wrapper,#Content,#Comments{width:350px}
nav li{position:relative;width:50%}
nav a#pull{width:342px}
#Post{border-radius:0 0 3px 3px;width:328px}
.MiniPost .Image,.MiniPost .Image img{height:190px!important;width:328px!important}
.MiniPost .Content{width:328px}
.MiniPost .Content h3 a{font-size:15px}
#Sidebar{border:1px solid #CDCDCD;border-radius:3px;padding:4px;width:340px}
#Sidebar #Div{margin:0 auto;width:300px}
#Sidebar #Featured{width:330px;margin:0 5px}
#Sidebar #Featured ul li{width:330px}
#CopyRight{font-size:13px;height:40px}
#Tags,#AuthorBox,#Search,.MiniPost .Content span,.MiniPost .Content .Snip,.first,.last,.previouspostslink,.nextpostslink{display:none}
}

@media only screen and (min-width:320px) and (max-width:359px) {
#Wrapper,#Content,#Comments{width:310px}
nav li{position:relative;width:50%}
nav a#pull{width:302px}
#Post{border-radius:0 0 3px 3px;width:288px}
.MiniPost .Image,.MiniPost .Image img{height:168px!important;width:288px!important}
.MiniPost .Content{width:288px}
.MiniPost .Content h3 a{font-size:15px}
#Sidebar{border:1px solid #CDCDCD;border-radius:3px;padding:4px;width:300px}
#CopyRight{font-size:13px;height:50px}
#Tags,#AuthorBox,#Search,.MiniPost .Content span,.MiniPost .Content .Snip,.first,.last,.previouspostslink,.nextpostslink{display:none}
}

@media only screen and (min-width:300px) and (max-width:989px) {
#Home{display:none}
nav{border-bottom:0;height:auto}
nav ul{border-bottom:0;display:none;height:auto;padding:0}
nav a{padding:7px!important;text-align:left;width:100%}
nav ul li a{border:1px solid #fff;border-top:0;border-left:0;height:34px}
nav a#pull:after{background:url(images/Menu.png) no-repeat 6px 3px;content:"";height:24px;position:absolute;right:0;top:7px;width:30px}
nav a#pull{display:block;height:24px;margin:0 auto;padding:10px 4px 4px!important;position:relative;text-align:left}
}