html {background:#f3f3f3;width:100%;height:100%;min-width:752px;min-height:500px;}

body{font:1.0em/150% Verdana, sans-serif;width:100%;height:100%;}

div.body{margin:0 auto;width:80%;height:auto;min-height:100%!important;min-width:750px;min-height:500px;background:#fff;border:1px #b8b8b8 solid;border-top:none;border-bottom:none;}
.padd_20{padding:20px;}
.pr-300{padding-right:330px;}

.div-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); /* Yep! */
  width: 48%;
  height: 59%;
}

a{color:#875d42;text-decoration:underline;}
h4 span{color:#875d42;}
a:hover{text-decoration:none;}

h1{text-transform:capitalize;font-size:180%;text-align:center;line-height:110%;margin-bottom: 40px;}
h2{text-transform:capitalize;font-size:150%;text-align:left;line-height:110%;}
h3{text-transform:capitalize;font-size:130%;text-align:left;line-height:110%;}

.video-desc{margin:10px 5px 10px 0;color: grey;font-style: italic;}
.video-desc p{text-indent:1em;text-align:left;margin:0 0 1em 0;}

/* .video-ins{background:#000;width:720px;height:480px;margin:0 auto;} */
.video-ins{background:#fff;width:560px;height:320px;display:block;margin:0 auto;}

.clear{float:none;clear:both;}
.h30{height:30px;}

.right-col{height:800px;width:360px;float:right;}
ul.next-pages{list-style:none;margin:0 auto;background:#f9f9f9;border:1px #b8b8b8 solid;border-right:none;border-radius:20px;border-top-right-radius:0;border-bottom-right-radius:0;z-index:800;}
ul.next-pages li{list-style:none;padding:20px;margin:0px 0;display:block;}
ul.next-pages li span{display:block;font-size:120%;}
ul.next-pages li a{text-decoration:none!important;}
ul.next-pages li a:hover{text-decoration:underline!important;}
ul.next-pages li img{margin:10px 0;display:block;height:180px;border:1px #b8b8b8 solid;padding:1px;background:#fff;}

#dblst{display:none;padding:20px;margin:10px 0;}
#dblst ul{list-style:none;}
#dblst ul li{list-style:none;float:left;width:210px;height:150px;overflow:hidden;margin:10px;}
#dblst ul li span{display:block;height:50px;overflow:hidden;}
#dblst ul li img{border:1px #b8b8b8 solid;padding:1px;background:#fff;}

.header{height:100px;background:#f3f3f3;position:fixed;top:0;left:0;width:100%;border:none;border-bottom:1px #b8b8b8 solid;min-width:800px;z-index: 1000;}
.h100{height:120px;}

.breadcrumbs{font-size:80%;float:right;margin:0 20px 20px 0;}

.header .form{margin:30px 20px 10px;float:left;width:70%;min-width:560px;}
.header .form input[type=text]{width:80%;min-width:450px;height:30px!important;background:#fff;border:1px #e3e3e3 solid;font-weight:bold!important;padding:2px;font-size:120%!important;display:block;float:left;}

.m-20{margin:0 0 20px 0;height:30px;}

.enter-example{float:none;clear:both;font-size:80%;}

.h-center{margin:0 auto;width:80%;}

.social-share{padding:35px 0;}

.paginator{white-space:normal;overflow: hidden;font-size:90%;}
.paginator a{color:grey;}

.pages-list-url a{font-weight:bold;font-size:120%;}

.videos-list-preview{color:grey;font-size:70%;margin-bottom:20px;}
.videos-list-preview a{color:grey;}

/*comments*/
.timeline-comment-wrapper {
padding-left: 84px;
margin-top: 15px;
margin-bottom: 15px;
border-top: 2px solid rgb(255, 255, 255);
border-bottom: 2px solid rgb(255, 255, 255);
width:80%;
}
.timeline-comment-avatar {
float: left;
margin-left: -84px;
border-radius: 3px;
}
.timeline-comment {
background-color: rgb(255, 255, 255);
border: 1px solid rgb(221, 221, 221);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 3px;
}
.timeline-comment-header {
padding-left: 15px;
padding-right: 15px;
color: rgb(153, 153, 153);
background-color: rgb(247, 247, 247);
border-bottom: 1px solid rgb(238, 238, 238);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.timeline-comment-header-text {
max-width: 78%;
padding-top: 10px;
padding-bottom: 10px;
}
.timeline-comment-header .author {
font-weight: bold;
color: rgb(85, 85, 85);
}
.timeline-comment-header .timestamp {
white-space: nowrap;
color: inherit;
}

.comment-body {
padding: 15px;
overflow: visible;
font-size: 14px;
}
.markdown-body {
overflow: hidden;
font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif;
line-height: 1.6;
word-wrap: break-word;
}
/*/comments*/

/*share link*/
.share_links{height:190px;overflow:hidden;margin:35px -10px 0;white-space:nowrap;background:#fbfbfb url(/static/theme/wgt-bg2.png) 100% 100% repeat-x;border:1px #e0e0e0 solid;border-radius:10px;padding:0 10px 0 20px;width:92%;}
.share_links p{margin-top:10px;}
.share_links input{border:1px #e0e0e0 solid;height:15px;font-weight:normal;width:98%;font-size:90%;padding:5px;}
/*/share link*/

/*login bar*/
.discussion-timeline-actions {
width: 96%;
border-top: 2px solid #f3f3f3;
background-color: #fff;
}
.signed-out-comment {
margin-top: 15px;
margin-left: 64px;
padding: 15px;
background-color: #fff9ea;
border: solid 1px #dfd8c2;
border-radius: 3px;
line-height: 2.5em;
font-size: 80%;
}
.signed-out-comment .button {
vertical-align: baseline;
margin-right: 3px;
}
.button.add_video_btn {
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #b04444;
background-image: -webkit-linear-gradient(#dd6d6d, #b04444);
background-image: linear-gradient(#dd6d6d, #b04444);
background-repeat: repeat-x;
border-color: #a94141;
}
.button.primary, .minibutton.primary {
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #60b044;
background-image: -webkit-linear-gradient(#8add6d, #60b044);
background-image: linear-gradient(#8add6d, #60b044);
background-repeat: repeat-x;
border-color: #5ca941;
}
.button, .minibutton {
position: relative;
display: inline-block;
padding: 7px 12px;
font-size: 115%;
font-weight: bold;
color: #333;
text-shadow: 0 1px 0 rgba(255,255,255,0.9);
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
background-color: #eee;
background-image: -webkit-linear-gradient(#fcfcfc, #eee);
background-image: linear-gradient(#fcfcfc, #eee);
background-repeat: repeat-x;
border: 1px solid #d5d5d5;
border-radius: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-appearance: none;
}
.signed-out-comment strong {
font-weight:bold!important;
}
.signed-out-comment a {
color: #4183c4;
text-decoration: none;
}
/*/login bar*/

.search-results-item{margin:15px;padding:15px;}
.image-preview{float:left;width:120px;}
.desc-preview{padding:0px 140px 0;}
.desc-preview p{padding:20px 10px 0;text-indent:20px;}

.ans-padd{padding-left: 30px;margin-bottom: 50px;}


/* @media(max-width:1100px){ */
@media(max-width:1024px){
.right-col{display:none;}
.pr-300{padding-right:20px;}
#dblst{display:block;}

div.body{width:99%!important;}
.h-center{width:99%!important;}
}

@media(max-width:1100px){
div.body{width:96%!important;}
.h-center{width:96%!important;}
}

@media(max-width:1400px){
div.body{width:90%;}
.h-center{width:90%;}
}