/*
THEME NAME: High Roller
THEME URI: http://www.shamusyoung.com/twentysidedtale
DESCRIPTION: Shiny silver and plastic dice.
VERSION: 1.72
AUTHOR: Shamus Young, built from Sandbox revisited by David Seguin, built from Sandbox by Andy Skelton and Scott Allan Wallick
TAGS: threaded-comments
*/

@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
@import url(http://fonts.googleapis.com/css?family=Belgrano);


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

body {  
	background:       url("images/bg_masseffect.jpg"); 
	xbackground:       url("images/bg_witcher3.jpg"); 
	background-color: #eef; 
	background-repeat: no-repeat;
    background-attachment: fixed;
	background-position: right bottom;
}

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

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

h3,
.date {
    margin-top:   20px;
    font-family:  'Belgrano', Charcoal, 'Arial Narrow', sans-serif;
    font-size:    24px;
    border-top:   1px solid #888;
}

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

#twitter_update_list li
{
  color:              #333;
  margin-bottom:      8px;
  font-size:          small;
  border-bottom:      1px solid #aaa;
}

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

.header
{
  background:    url("images/screen_black.png"); 
  text-align: center;
  min-width:1024px;
}

.banner
{
  padding: 0px;
  margin: 0px auto 0px auto;
  width: 1020px;
  overflow: hidden;
}

.showbox {
  border: 1px solid black;
  position: relative;
  display: inline;
  xmargin-top: 3px;
  xmargin-left:auto;
  xmargin-right:auto;
  margin: 0px;
  padding: 0px;
  opacity: 0.66;
  filter: alpha(opacity=60); /* For IE8 and earlier */
}

.showbox:hover {
  border: 1px solid #ffa;
  opacity: 1;
}

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

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

.sidebar {
  background:       url("images/screen.png"); 
  width: 220px;
  display: inline;
  float: right;
  line-height: 1.4;
  padding-left: 0px;
  margin: 0px;
  overflow:hidden;
}

.footer {
  padding: 10px;
  clear: both;
  color: white;
  background:#000;
}

.footer a:link, .footer a:visited { color: #ff8; }

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

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

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

blockquote { 	margin: 0 20px; }

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:      8px;  border-top:    1px solid #bbb; }
#tab-top-right    {  border-top-right-radius:     8px;  border-top:    1px solid #bbb; }
#tab-bottom-left  {  border-bottom-left-radius:   8px;  border-bottom: 1px solid #bbb; }
#tab-bottom-right {  border-bottom-right-radius:  8px;  border-bottom: 1px solid #bbb; }


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

.prev-next-arrow
{
	background:    #003E84;
	height:        33px;
	color:         white;
	padding:       3px;
	margin:        0px;
  font:          30px 'Impact', 'Arial Narrow', sans-serif;
}

.prev-next-arrow a
{
  vertical-align: text-top;
	color:         white;
}


.prev-next
{
  font:            16px 'Century Gothic', 'Geneva', 'Arial Narrow', sans-serif;
	height:          33px;
	overflow:        hidden;
  border-right:    1px solid #bbb;
  border-left:     1px solid #bbb;
  background:      #f0f0ee;
	padding:         5px;
	padding-top:     3px;
	padding-bottom:  3px;
	margin:          0px;
}

/*main nav*/

#searchform
{
  display: inline-block;
  margin-top: 3px;
  margin-bottom: 3px;
  vertical-align: top
  font-family:  'Belgrano', 'Times New Roman', serif;
}

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

/*sidebar*/
.sidebar ul,
.sidebar li
{
  list-style: none;
  margin: 0;
  padding: 0px;
}

.widgettitle {
  font:           20px 'Century Gothic', 'Geneva', 'Arial Narrow', sans-serif;
  text-shadow:    1px 1px 8px #FA1;
  margin-top:     15px;
  margin-bottom:  5px;
  padding:        3px;
  background: 	  #003;
  color:          #FFA;
}

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

/*entry*/

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

.insetimage
{
  border-top: 1px dotted #888;
  border-bottom: 1px dotted #888;
}

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


.entry
{
  background:       url("images/screen.png"); 
  width: 800px;
  margin-top: 5px;
}

.entry-tags {  font-size:    12px; }


.splash-title {
  font:         30px 'Belgrano', 'Times New Roman', serif;
  text-shadow:  2px 2px 6px #224;
  color:        black;
  padding:      3px;
}


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

.splashbox
{
  font:         16px "Candara", "Calibri", 'Arial Narrow',sans-serif;
  width:        800px;
  color:        black;
  padding:      5px;
}

.entry-text {
  clear: both;
  padding: 30px;
  background: #f0f0ee;
}

.comments { width: 750px; }

.entry-comments {
  margin:       0px;
  padding:      6px;
}


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

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

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

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

.entry-text li p
{
  margin: 0px;
  padding: 0px;
}

/*forms*/

form {
  background:       url("images/screen.png"); 
}

form#commentform .form-label {
	margin: 1em 0 0;
}
form#commentform span.required {
	color: #c30;
}
form#commentform,
form#commentform p {
	xpadding: 0;
}
input#author,
input#email,
input#url,
textarea#comment {
	padding: 0.2em;
}

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

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

/*comments*/

.comment { 	margin-top:        0px; }

.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 {   font-size: small; }

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

.says { display: none; }

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

.quote,
blockquote,
.comment {
  background:    #bbb;
  padding:       3px;
  border:        1px dotted #eee;
  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: 5px;
	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: 10px;
	padding-left: 0px;
	list-style: none;
}

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

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

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

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

/*pagination*/

.meta-nav {
  font:           22px 'Century Gothic', 'Geneva', 'Arial Narrow', sans-serif;
  font-weight:    normal;
  text-shadow:    2px 2px 6px #444;
	text-align:     center;
}
.nav-prev-next { 	text-align: center; }

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

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

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

.snote_tip
{
  display:            inline-block;
  visibility:         hidden;
  position:           absolute;
  width:              16em;
  padding:            0.5em;
  overflow:           auto;
  background:         #ffd;
  color:              #000000;
  border:             0.15em 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;
}

/*-- Mobiles - only ---*/
@media only screen 
and (max-device-width : 1079px) {

s,
strike,
.spoiler
  {
   	background: #BD7404;
   	color: #D6AE05;
   	text-decoration: none;
}
.showbox {
  height: 48px;
  width: auto;
}

body, .header, .title , .banner, .shell, .sidebar { width:800px;}

.header { min-width:800px; }

}