/* Scrollbar */
::-webkit-scrollbar-corner{background:transparent;display:none}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#dbdbdb;border-radius:30px}
::-webkit-scrollbar-thumb{border-radius:30px;background:#ababab;-webkit-box-shadow:none}
/* End Scrollbar */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* CSS Reset */

/* General Styles */
body{background:url(../images/light/bg.jpg) repeat #FFF;font-size:12px;line-height:20px;line-height: 1;overflow-x:hidden }
#wrap{width:98%;margin-left:1.8%;}.theheader{display:none;}
#front-end {position: absolute;left: 465px;top: 5px}
#front-end img {width: 100%;height:100%;}
h1{font-size:36px;line-height:41px;color:#000000;padding:0px;margin:0px;font-weight:bold;padding-bottom:5px;padding-top:5px;}
h2{font-size:20px;line-height:23px;color:#000000;padding:0px;margin:0px;font-weight:bold;}
h3{font-size:15px;line-height:25px;color:#858585;padding:0px;margin:0px;font-weight:normal;}
p{font-size:12px;color:#454545;line-height:22px;margin:0px;padding:0px;padding-top:8px;padding-bottom:8px;font-family:'Helvetica',Arial, Helvetica, sans-serif;}
ul{padding:0px;margin:0;margin-left:0px;font-family:'Helvetica',Arial, Helvetica, sans-serif;margin-top:10px;}
ul li{font-size:12px;color:#858585;padding-left:10px;margin-bottom:7px;list-style:inside;list-style-type:square;}
a{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
a:link{color:#444444;text-decoration:none;}
a:visited{color:#444444;text-decoration:none;}
.gridly-copy a:hover{text-decoration:underline;}
a:active{color:#444444;text-decoration:none;}
a:focus{outline-style:none;}
#header{width:100%;height:195px;}
#share{position: absolute;right: -2%;top: 155px;width:400px;overflow:hidden;}
#share p{padding:0;font-size: 14px;}#share ul{margin:0;margin-top: 5px;}
#share li{display: inline;list-style: none;padding:0;float:left;width:90px;text-align: center;}
#share li:last-child{margin-left: 15px;}
#rightnav{position:absolute;right:6%;top:8%;float:right;}
#s{background:white !important;padding:6px 8px !important;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;border:0 !important;-webkit-box-shadow:inset 0 2px 3px rgba(0, 0, 0, 0.5);-moz-box-shadow:inset 0 2px 3px rgba(0,0,0,0.5);box-shadow:inset 0 2px 3px rgba(0, 0, 0, 0.5);outline:0;width:55%;margin:0 1% 5px 0;}
#rightnav>a>div{float:left;background:url('http://jquer.in/wp-content/themes/gridly/images/sprites.png');height:59px;width:59px;}
#nav{width:100%;background:url(../images/light/bg-row.png) top left repeat-x;height:57px;overflow:hidden;margin-left:1%;}
#nav ul{display:inline;list-style:none;margin:0px;padding:0px;height:42px;line-height:42px;clear:both;}
#nav ul li{float:left;display:inline;font-size:12px;margin:0px;padding:0px;}
#nav ul li a{display:block;height:42px;margin-right:20px;text-decoration:none;margin-top:10px;}
#footer-area{width:100%;display:inline;float:left;padding-top:10px;margin-top:20px;clear:both;background:url(../images/light/bg-row.png) top left repeat-x;}
#footer-area .widget{width:310px;margin-left:10px;padding-top:15px;display:inline;float:left;font-size:12px;color:#454545;line-height:18px;font-family:'Helvetica',Arial, Helvetica, sans-serif;}
#footer-area .widget h3{color:#858585;margin-bottom: 5px;}
#footer-area .widget p{color:#000;}
#footer-area .widget ul{margin-left:0px;}
#footer-area .widget li{color:#858585;}
#footer-area .widget a{color:#444444;}
#footer-area .widget a:hover{color:#000;}
#footer-area .widget-copy{width:280px;overflow:hidden;display:inline;float:left;margin-left:10px;}
#copyright{clear:both;width:98%;background:url(../images/light/bg-row.png) top left repeat-x;display:inline;float:left;margin:20px 10px;}
#copyright p{padding-top:15px;color:#4f5356;font-size:12px;text-align:center;}
.type-post{width:770px;background:#FFF;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;margin-right:10px;margin-top:15px;display:inline;float:left;position:relative;}
.type-page{width:770px;background:#FFF;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;margin-right:10px;margin-top:15px;display:inline;float:left;}
.type-attachment{width:770px;background:#FFF;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;margin-right:10px;margin-top:15px;display:inline;float:left;}
.gridly-image{z-index:5;}
.gridly-category{position:absolute;width:auto;background:#000;margin-top:-35px;z-index:10;height:30px;overflow:hidden;left:0;}
.gridly-category p{margin:0;padding:0;line-height:30px;padding-left:20px;padding-right:40px;color:#fff;font-style:italic;}
.gridly-category a{color:#fff;font-style:italic;}
.gridly-category a:hover{color:#555;}
.gridly-copy{width:710px;margin-left:auto;margin-right:auto;padding-top:20px;padding-bottom:20px;overflow:hidden}
.gridly-date{width:150px;color:#8e8e8e;font-size:11px;}
.size-full{width:100%;height:inherit;}
#post-area{margin-left:1.9%;}
#post-area .post{width:310px;background:#FFF;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;margin-right:10px;margin-top:15px;position:relative;}
#post-area .post .gridly-copy{width:250px;margin-left:auto;margin-right:auto;padding-top:10px;padding-bottom:20px;overflow:hidden;clear:both;}
#post-area .post .gridly-date{width:150px;color:#8e8e8e;font-size:11px;border-bottom:1px dotted #cccccc;padding-bottom:0;padding-top:0;}
#post-area .post .gridly-link{width:150px;border-top:1px dotted #e8e8e8;color:#494e51;}
.clear{clear:both;}#view-older{text-align:center;font-size:16px;margin-top: 10px;}
.wp-caption{text-align:left;margin-top:5px;margin-bottom:5px;}
.wp-caption-text{margin-top:2px;text-align:left;font-style:italic;font-size:11px;color:#999;}
/* End General Styles*/

/* Signup form */
#signup{ margin:20px auto 10px auto; padding:10px; background:url(../images/light/bg-row.png) top left repeat-x;max-width: 800px;}
.text,.validate{ width: 50%; float: left; font-size: 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.text {padding-top: 11px; font-weight: 100; text-align: right;padding-right: 11px}
.submit-button{ float: left;}
.mc-field-group{ width: 50%; float: left;}
.mc-field-group input{font-size: 16px; padding: 9px}
.button {padding:10px;}
#signup small{font-size: 11px;padding:3px;}

/* Signup Form popper */
.pull-left{float:left;}
#signup-pop{display:none;position:fixed;top:0;left:0;width:100%;height:40px;background-color:#c72b21;z-index:1000;border-bottom:2px solid #3d0000;}
#signup-pop h4{color:#FFF;font-family:Arial;font-size:17px;} #signup-pop #popup-email{font-family:Arial;font-size:11px;margin-top:3px;margin-right:5px;width:250px;padding:9px;}
#signup-pop #popup-submit{background-color:transparent;color:#FFF;margin-top:3px;border:1px solid #FFF;padding:8px;}
#signup-pop .close{font-size:30px;float:right;color:#FFF;font-weight:700;margin-right:10px;margin-top:3px;cursor:pointer;}

/*Mobile */
@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px){
      #wrap{width:310px;margin-left:auto;margin-right:auto;overflow:hidden}
      #header{height:195px}
      #share{display:none;}
      #nav{width:310px;background:0;height:auto;overflow:hidden}
      #nav ul{display:inline;list-style:none;margin:0;padding:0;height:42px;line-height:42px;margin-top: 94px;}
      #nav ul li{float:left;display:inline;font-size:12px;margin:0;padding:0}
      #nav ul li a{display:block;height:42px;padding:0;margin:0;width:320px;border-bottom:1px solid #ccc}
      #rightnav, #front-end{position:static}
      .single-post .type-post{width:310px}
      .single-post .type-post .gridly-copy{width:290px}
      .single-post .type-post img{width:290px;height:inherit}
      .type-page{width:310px}
      .type-page .gridly-copy{width:290px}
      .type-page img{width:290px;height:inherit}
}
/* End Mobile */