/*
THEME NAME: High Roller v1.8
THEME URI: http://www.shamusyoung.com/twentysidedtale
DESCRIPTION: Single column, content showcase.
VERSION: 1.8
AUTHOR: Shamus Young.
TAGS: threaded-comments
*/


@import url('https://fonts.googleapis.com/css?family=Noto+Sans');

/* css resets */
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, button, textarea, blockquote {
	padding: 0px;
  font-family: 'Noto Sans', sans-serif;
  color: #000;
  margin: 0px;
}

body {  
  font-size: 14px;
  padding: 0px;
  margin:0px;
	background-color: #000; 
	background-repeat: repeat-y;
  background-position: left top;
 
}


/*-----------------------------------------------------------------------------
Utility Styles - stuff to use within posts.
-----------------------------------------------------------------------------*/

.written {  
  background-color:   #eeeee0;   
  padding:            10px;
  margin-left:        25px;
  margin:             25px;
  font:               italic;
}

s,
strike,
.spoiler
{
 	background: #BD7404;
 	color: #BD7404;
 	text-decoration: none;
}

/*-----------------------------------------------------------------------------
The main document sections, top-to-bottom
-----------------------------------------------------------------------------*/

.shell {
  margin: 0px auto 0px auto;
  margin: 0 auto;
  width: 1024px;
  overflow: hidden;
  text-align: left;
}

.header
{
  xborder: 1px solid green;
  color: #999; 
}

.col-xs-4 {
  border: 1px solid black;
  position: relative;
  display: inline;
  margin: 0px;
  padding: 2px;
  width:  140px;
  height:  250px;
  overflow: hidden;
}

.col-xs-4 img 
{
  -webkit-filter: blur(2px);
  filter: blur(2px);
  -webkit-filter: grayscale(50%);
  filter: grayscale(50%);
  -webkit-filter: brightness(50%); /* Safari */
  filter: brightness(50%);  
}

.col-xs-4 img:hover {
  -webkit-filter: blur(5px); /* Safari */
  filter: blur(0px);
  filter: brightness(100%);
  filter: greyscale(0%);
  -webkit-filter: brightness(100%); /* Safari */
  filter: brightness(100%);  
}

.showboxcaption
{
  font-size: 12px;
  width:140px;
  padding:5px;
  left:0px;
  bottom:0px;
  position:absolute;
  color:white;
  background-color:black;
 }


.main {
  padding:            0px;
  display:            inline;
  float:              left;
  line-height:        1.4;
}

a.page-numbers { color: #aaf; }

.footlocker {
  color: white;
  width: 600px;
}

/*-----------------------------------------------------------------------------
Globals
-----------------------------------------------------------------------------*/

acronym {
	color: #557;
	border-bottom: 2px dotted #557;
}

blockquote { 	
  background:     #eee;
  margin:         0 20px; 
  border:         2px dotted #bbb;
  padding:        5px;

}

code {
  font: 20px "Courier New"!important;
  font-weight: bold;
  color: #000;
  xbackground-color: #000;
}
 

a, a:link {
	color: #019;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: #007;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}
a:active {
	xcolor: #4A7EB9;
	text-decoration: none;
}

/*-----------------------------------------------------------------------------
Prev / next nav box
-----------------------------------------------------------------------------*/

#tab-top-left     {  border-top-left-radius:      6px;  border-top:    1px solid #bbb; }
#tab-top-right    {  border-top-right-radius:     6px;  border-top:    1px solid #bbb; }
#tab-bottom-left  {  border-bottom-left-radius:   6px;  border-bottom: 1px solid #bbb; }
#tab-bottom-right {  border-bottom-right-radius:  6px;  border-bottom: 1px solid #bbb; }


.prev-next-table
{
  margin:         0px;
  padding:        0px;
}

.prev-next-arrow
{
	background:    #025;
	height:        37px;
	color:         white;
	padding:       10px;
	margin:        0px;
  font-size:     50px;
}

.prev-next-arrow a
{
  position: relative;
  top: -30px;
  font-weight:  bold;
  vertical-align: text-top;
	color:          white;
}


.prev-next
{
  font-variant: small-caps;
	height:          40px;
	overflow:        hidden;
  border-right: 1px solid #bbb;
  border-left: 1px solid #bbb;
  background: #f6f0e8;
	padding: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px;
}




/*sidebar*/

.twitterslider {
  position:absolute;
  height:30px;
  width: 250px;
  overflow: hidden;
  -webkit-transition: height 1s; /* Safari */
  transition: height 250ms;
  border-radius: 5px;
}

.timeline-Widget { border: 5px solid blue; background-color:#F00!important; padding: 2px!important;}

.twitterslider:hover {
  height:500px;
}

.widget.widget_twitwidget {
  width:250px!important;
  height:50px;
}

#searchform
{
  display: inline-block;
  margin: 0px;
  margin-top: -5px;
  vertical-align: top;
  height: 24px;
}

input, select {
padding:0px;
margin:0px;
height: 30px;
font-size: 14px;
vertical-align: bottom;
}

.searchbox
{
  display: inline-block;
  margin-top: 0px;
  vertical-align: top
  margin: 0px;
  padding:0px;
}

.sidebar {
  text-align:justify;        /* Needed by IE */
  text-align-last:justify;
  -moz-text-align-last:justify;
  width: 1024px;
  font-size:small;
  display: block;
  overflow:hidden;
}

.sidebar a { color: #55f; }

.screen-reader-text { display:none!important;}
.sidebar ul  { padding: 0px; margin: 0px; }
.sidebar li
{
  vertical-align: text-top;
  list-style: none;
  padding: 1px;
  display:inline-block;
  padding:3px;
  
}



.widgettitle
{
  color:white;
  background-color: black;
  border: none;
  font-weight:  bold;
  font-size:    large;
  margin-top:   2px;
  margin-bottom:  5px;
  opacity:        0.66;
}




.arrow  { font: bold x-small Arial Black; }

/*entry*/

div.post {
	border-bottom: 1px solid #666;
	margin: 0 0 15px;
	padding: 0 0 15px;
}

.insetimage
{
  width: 800px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.imagefull
{
  width: 1024px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}


.insetcaption
{
  color:#000;
  font-size: smaller;
  background:#feb;
  border:1px dotted #888;
  padding:5px;
}


.entry
{
  background: #fff;
  width: 1024px;
  margin-top: 5px;
}

.entry p
{ margin-top: 20px; }

.entry-tags {  font-size:    small; }


.splash-title {
  font-size:    250%;
  font-variant: small-caps;
  text-shadow:  2px 2px 6px #651;
  color:        black;
  padding:      3px;
}


.splash-title.a:link {  color:        white;  }

.splashbox
{
  font-size: 18px;
  width:   1024px;
  color:  black;
  padding:  0px;
  margin: 0px;
  text-align: justify;
  -ms-text-justify: distribute-all-lines;
  text-justify: distribute-all-lines;  
}
.splash-stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.splashcell
{
  text-align: left;
  padding: 5px;
  height: 70px;
  display: inline-block;
}

.splash-avatar  { width: 300px; }
.splash-comments { text-align: right; }
.splash-category { text-align: center; }


.entry-text {
  font-size:    18px;
  line-height:  28px; 
  clear: both;
  padding: 5px 100px 5px 100px;
  background:   #f6f0e8;
}

.entry-text::first-letter {
  font-family: serif;
  font-size: 300%;
  font-weight: bold;
  color: #800;
}

.entry-text h3
{
  font-weight: bold;
  margin-left: -100px;
  width: 1024px;
  padding:10px;
  margin-top:   20px;
  font-size:    200%;
  border-top:   2px solid #888;
}
  
  
.entry-text li p
{
  margin: 0px;
  padding: 0px;
  padding-bottom: 8px;
  padding-top: 8px;
}

.entry-text li 
{  
  padding-bottom: 12px;
  padding-top: 12px;
}

li p
{  
  padding-bottom: 8px;
  padding-top: 8px;
}

ol > li:before {
  font-size: larger;
  font-weight:bold;
}


ol {
  counter-reset:li; /* Initiate a counter */
  margin-left:0; /* Remove the default left margin */
  padding-left:0; /* Remove the default left padding */
}
ol > li {
  position:relative; /* Create a positioning context */
  margin:0 0 6px 12px; /* Give each list item a left margin to make room for the numbers */
  padding:4px 8px; /* Add some spacing around the content */
  list-style:none; /* Disable the normal item numbering */
  xborder-top:2px solid #666;
  xbackground:#f6f6f6;
}
.entry ol > li:before {
  content:counter(li); /* Use the counter as content */
  counter-increment:li; /* Increment the counter by 1 */
  /* Position and style the number */
  position:absolute;
  top:12px;
  left:-14px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  /* Some space between the number and the content in browsers that support
     generated content but not positioning it (Camino 2 is one example) */
  margin-right:0px;
  padding:0px;
  color:#800;
  font-weight:bold;
  font-size: 150%;
  text-align:center;
}
li ol,
li ul {margin-top:6px;}
ol ol li:last-child {margin-bottom:0;}


.page-numbers.current { color: #fff; }

a.page-numbers { color: #ff8; }
 

.entry-text img {
  padding-left: 0px;
  padding-right: 0px;
}

.entry-text table full {
  margin-left: -10px;
  padding-right: 10px;
}

.table_full
{
  margin-left: -10px;
  padding-right: 10px;
}

.nomargin
{
  margin-left: -100px;
  padding-right: 0px;
}


.entry-footnotes { display:none; }

/*-----------------------------------------------------------------------------
Comment stuff
-----------------------------------------------------------------------------*/

#comments { 
  width: 1024px; 
  overflow: hidden;
}

.comment p {
  font-size:    large;
}
.entry-comments {
  margin:       0px;
  padding:      6px;
}

form#commentform .form-label {
  margin: 0px;
	padding: 1px;
}
form#commentform span.required {
	color: #c30;
}
form#commentform,
form#commentform p {
  margin: 0px;
	padding: 5px;
}
input#author,
input#email,
input#url,

input#author,
input#email,
input#url {
	width: 640px;
}

textarea#comment {
	height: 13em;
	overflow: auto;
	width: 640px;
}

/*comments*/

#respond { width: 680px; background: #fff; padding: 15px;}

.comment { 	margin-top: 0px; width:640px; }
.comment p { overflow:hidden;}

.avatar
{
  float:         left;
  border:        2px solid white;
  margin-right:  5px;
}

.comment-dice
{
  float:right;
  display:inline;
  margin-top: 2px;
  margin-right: 0px;
}

.comment-author
{
  border-bottom: 1px solid white;
  margin-top: 0px;
  padding-top: 0px;
  float: top;
  font-weight:bold;
  font-size:larger;
}

.comment-content
{
  border-bottom: 1px solid white;
  margin-left:   5px;
  margin-right:  5px;

}

.comment-meta {  margin-bottom: 8px; font-size: small; }

.reply
{
  text-align: right;
  font-size: small;
}

.says { display: none; }

.comment-reply-link
{
  margin: 0px;
  padding: 0px;
}

.script
{
  padding:       5px 50px 5px 50px;
  font-family:   "Courier New", monospace;
  text-align:    center;
  background:    #fff;
  padding:       5px 50px 5px 50px;
  border:        1px dotten #eee;
};

.quote,
blockquote,
.comment {
  background:    #ddd;
  padding:       3px;
  border:        1px solid #888;
  overflow:      hidden;
}

div.comments ol {
	margin: 0px;
	padding: 0px;
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}

div.comments ol li {
	margin:  2px;
	padding: 0px;
	margin-top: 5px;
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}
div.comments .comment-body {
	margin-left: 0px;
	padding: 10px;
	margin-top: 5px;
}
div.comments ul.children {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}
div.comments ul.children li {
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	margin-left: 20px;
	padding-left: 0px;
	list-style: none;
}

.depth-1.odd   {  background: #bbd;  border: 1px dotted #333; border-bottom: none;}
.depth-2.odd   {  background: #bcd;  border: 1px dotted #333; border-bottom: none;}
.depth-3.odd   {  background: #bdd;  border: 1px dotted #333; border-bottom: none;}
.depth-4.odd   {  background: #bdc;  border: 1px dotted #333; border-bottom: none;}
.depth-5.odd   {  background: #bdb;  border: 1px dotted #333; border-bottom: none;}
.depth-6.odd   {  background: #cdb;  border: 1px dotted #333; border-bottom: none;}
.depth-7.odd   {  background: #ddb;  border: 1px dotted #333; border-bottom: none;}
.depth-8.odd   {  background: #dcb;  border: 1px dotted #333; border-bottom: none;}
.depth-9.odd   {  background: #dbb;  border: 1px dotted #333; border-bottom: none;}
.depth-10.odd  {  background: #dbc;  border: 1px dotted #333; border-bottom: none;}
.depth-11.odd  {  background: #dbd;  border: 1px dotted #333; border-bottom: none;}
.depth-12.odd  {  background: #cbd;  border: 1px dotted #333; border-bottom: none;}

.depth-1.even   {  background: #ddf; border: 1px dotted #bbb; border-bottom: none;}
.depth-2.even   {  background: #def; border: 1px dotted #bbb; border-bottom: none;}
.depth-3.even   {  background: #dff; border: 1px dotted #bbb; border-bottom: none;}
.depth-4.even   {  background: #dfe; border: 1px dotted #bbb; border-bottom: none;}
.depth-5.even   {  background: #dfd; border: 1px dotted #bbb; border-bottom: none;}
.depth-6.even   {  background: #efd; border: 1px dotted #bbb; border-bottom: none;}
.depth-7.even   {  background: #ffd; border: 1px dotted #bbb; border-bottom: none;}
.depth-8.even   {  background: #fed; border: 1px dotted #bbb; border-bottom: none;}
.depth-9.even   {  background: #fdd; border: 1px dotted #bbb; border-bottom: none;}
.depth-10.even  {  background: #fde; border: 1px dotted #bbb; border-bottom: none;}
.depth-11.even  {  background: #fdf; border: 1px dotted #bbb; border-bottom: none;}
.depth-12.even  {  background: #edf; border: 1px dotted #bbb; border-bottom: none;}

.byuser.even {  background: #F8C45B url("images/yellowfade.jpg") repeat-x;}
.byuser.odd {  background: #F8C45B url("images/yellowfade.jpg") repeat-x;}


.dmnotes, .ooc
{
  padding-left:   5px;
  padding-right:  2px;
  border:         2px solid #E0AD1A;
  background:     #F8C45B url("images/yellowfade.jpg") repeat-x;
  overflow:       hidden;
}

/*pagination*/

.meta-nav {
  font-size:      30px;
  font-weight:    bold;
  text-shadow:    2px 2px 6px #038;
  text-align:     center; 
  color:          white;
}

.nav-prev-next  {  text-align: center;}

/*-----------------------------------------------------------------------------
Carousel stuff
-----------------------------------------------------------------------------*/

.multi-item-carousel{
margin:0px;
padding: 0px;
background-color: #000;
width:1024px;
  .carousel-inner{
  
    .item{
      transition: 150ms linear left;
    }
    .active{
      &.left{
        left:-5%!important;
      }
      &.right{
        left:5%!important;
      }
    }
    .next{
      left: 5%!important;
    }
    .prev{
      left: -5%!important;
    }
    @media all and (transform-3d), (-webkit-transform-3d) {
      .item{
        // use your favourite prefixer here
        transition: 150ms ease-in-out left;
        transition: 150ms ease-in-out all;
        backface-visibility: visible;
      }
    }
  }
}

.carousel-control{
  font-size: 500%;
  text-align:left;
  width: 30px;
}

.carousel-control.right {
position: absolute;
right: 0px;
}

.glyphicon { color:white; opacity: 1; }

.container { 
margin-left:auto; 
width: 1024px;
}

.multi-item-carousel { 
  padding: 0px;
  margin: auto;
  width: 981px;
}

.col-md-12 { width:1024px!important;}


/*-----------------------------------------------------------------------------
Popup footnotes. Placed in the public domain by Roger Hågensen.
-----------------------------------------------------------------------------*/

.mouseover_alt {
  display:none;
  font-size: smaller;
  background: #fff;
  text-align: center;
  font-style: italic;
}

.snote
{
  background-repeat:  no-repeat;
  display:            none;
  cursor:             help;
}

.snote_refnum {
  position:           relative;
  color:              #069;
  bottom:             1ex;
  font-size:          .7em;
  font-weight:        bold;
  text-decoration:    underline;
  cursor:             help;
}

.snote_tip
{
  font-size:          smaller;
  display:            inline-block;
  visibility:         hidden;
  position:           absolute;
  overflow:           hidden;
  xwidth:              300px;
  padding:            0.5em;
  overflow:           auto;
  background:         #ffd;
  color:              #000000;
  border:             1px solid #000000;
  box-shadow:         0.25em 0.25em 0.25em #555;
  cursor:             pointer;
  z-index:            1;
}

.snote_tip:hover {  cursor: auto; }

acronym, p.acronym {
  background-color:ffb;
  color: 006;
}

/*-----------------------------------------------------------------------------
Mobile / narrow screens.
-----------------------------------------------------------------------------*/
@media screen and (max-width : 1023px) {
  .shell { margin: auto;}
  .entry-text { width: 800px; color: black; padding: 5px 10px 5px 10px; background:white;}
  .entry-text { font-size:    16px; line-height:  auto; }
  .sidebar { width: 800px; }
  .imagefull { width: 800px; }
  .nomargin { margin-left: -10px; }
  .entry-text h3 { margin-left: -10px; width: 800px; }
  .splashbox, .entry , .multi-item-carousel, .header, .title , .banner, .shell { width:800px;}  
  .container { width: 800px; display:none;}  
  .col-md-12 { width:800px!important;}
  .promo { width: 800px;}
  #comments { width: 800px; }
  .prev-next {  background: white; }  
  .insetimage { width: 800px; }
  div.comments ul.children li { 	margin-left: 4px; }
  .script { padding: 5px;}
  .comment { 	width:750px; }
}

@media screen and (max-width : 790px) {
  .main, .shell { margin: auto; width: 100%;}
  .entry-text { width: 100%; color: black; padding: 5px 10px 5px 10px; background:white;}
  .sidebar { width: 100%; }
  .imagefull { width: 100%; }
  .nomargin { margin-left: -10px; }
  .entry-text h3 { margin-left: -10px; width: 100%; font-size: 150%;}
  .splashbox, .entry , .multi-item-carousel, .header, .title , .banner, .shell { width:100%;}  
  .container { width: 100%;}  
  .container { display:none;}  
  .col-md-12 { width:100%!important;}
  #comments { width: 100%; }
  #respond { width: 100%;}
  textarea#comment {width: 100%; }
  .prev-next {  background: white; }  
  .promo { display:none;}
  body { background-image: none;}
  .insetimage { width: 100%; }
  div.comments ul.children li { 	margin-left: 2px; }
  .comment { 	width:100%; }
}




@xmedia all and (orientation:portrait) {
  .banner { display:none;}
  s, strike, .spoiler   { background: #BD7404; color: #D6AE05; text-decoration: none; }

  .snote_refnum {
    bottom:             inherit;
    font-size:          inherit;
    margin-left:        2px;
  }
  .snote_tip { width:  400px; font-size: inherit; }
  .showbox {   height: 48px;  width: auto; }
  .header, .title , .banner, .shell { width:1024px;}
  .header { min-width:1024px; }
}

/*-----------------------------------------------------------------------------
Rules for printer-friendly view
-----------------------------------------------------------------------------*/
@media print {
  .showbox { display:none;}
  .header { display:none;}
  .sidebar { display:none; }
  .shell { width: 804px; }
  .prev-next-table { display: none; }
  .byline { display: none; }
  .entry-comments { display: none; }
  .entry-tags { display: none; }
  .shariff, .shariff-main { display: none; height:1px;overflow: hidden;}
  .promo { display: none; height: 1px; overflow: hidden;}
  .entry-text img { opacity: 0.66; }
  .mouseover_alt {   display: inline; }
  .entry-footnotes { display:block; }
  #comments { display:none; }
  s,
  strike,
  .spoiler { 	background: #eeeeee; color: #888888; text-decoration: none; }
  h3, .date {  border: none; width:800px; padding: 0px; margin:0px;}
  
  a[href]:after { content: none !important;   }
  .entry-text { width:800px; padding: 0px;}
  .nomargin {margin: 0px;}  
  .entry-text h3 { margin: 0px; }
  
}


.footer {
  padding: 20px;
  clear: both;
  color: white;
}