body {color:#555; font-family:'Droid Sans',"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:17px;}
h1, h2 {color:#6c4e46;}
h3 {color:#70635f; margin-bottom:20px;}
h2 {font-size:25px;}
a {color:#f6653c; xfont-weight:bold;}
p {margin:0 0 20px;}
li {margin:0 0 4px 0; padding:0 0 5px 24px; list-style:none; background:url(../img/bullet.png) no-repeat -1px 2px;}
ul.list-unstyled li {background:none;}
ul.pagination {margin-top:0;}
ul.pagination li {padding:0;}
.pagination>li>a {color:#f6653c; font-weight:bold;}
.pagination>li>span {color:#aaa;}
.pagination>li>a:hover {border:1px solid #f6653c;}
.sidebar-module ul.list-unstyled li {padding-left:0; margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #eee;}

#newt-separator {margin-top:30px; text-align:center;}
#header-nav {margin-bottom:0px; position:relative; top:-10px;}
#man-or-goat-promo {overflow:visible; height:280px; background:#fff url(../img/repeating-background.png) top left repeat-x; border-top:2px solid #000; margin-bottom:30px;}
#man-or-goat-promo div {width:200px; margin:0 auto; position:relative; background-color:transparent;}
#promo-screenshot-1 {position:absolute; top:-15px; left:-165px;}
#promo-screenshot-2 {position:absolute; top:-15px; left:200px;}
#play-now-promo {position:absolute; top:230px; left:15px;}
#promo-logo {position:absolute; top:10px; left:-5px;}
.image-inset-right {padding:0 0 10px 10px;}
#making-of-man-or-goat-nav {border-top: 1px solid #ddd; padding: 20px 0;}
#footer-nav {background-color:#be1b1a; border-top:10px solid #7C1212; margin-top:30px; padding-top:30px;}
#footer-nav ul {text-align:center; margin:0 auto; position:relative; background-color:transparent;}
#footer-nav ul  a {color:#fff;}
#copyright {text-align:center; margin:10px auto 0; padding-bottom:25px; position:relative; background-color:transparent;}
#copyright span {color:#fff; font-size:85%;}
.sidebar-module {margin-top:25px;}

@media(max-width:767px) {
  .img-responsive-when-small{max-width:100%; height:auto; display:block; margin:0 auto;}}
  
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
#newtquest-logo {xposition:relative; left:10px;}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {#xnewtquest-logo{}}

/* Medium devices (desktops, 992px and up) */
@media (min-width:992px) {#xnewtquest-logo{left:40px;}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {#xnewtquest-logo{left:100px;}}

blockquote {font-style:italic; font-size:15px; background-color:#eee; border-radius:5px;}