/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

article, aside, footer, header, hgroup, nav, section {
    display: block;
}

.vdu figure {
	width: 200px;
	margin-bottom: 0.5em;
}

figure {
	display: inline-block;	
}

figcaption {
	margin-bottom: 2em;
	vertical-align: bottom;
}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {
    max-width: 100%;
}

/* force a vertical scrollbar to prevent a jumpy page */
html {
    overflow-y: scroll;
}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: '';
        content: none;
    }

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}

/* tables still need cellspacing="0" in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

th {
    font-weight: bold;
    vertical-align: bottom;
}

td {
    font-weight: normal;
    vertical-align: top;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #660000;
    margin: 1em auto 1em auto;
    padding: 0;
}

/* remove browser specific styling */
input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input, select {
    vertical-align: middle;
}
/*
    input[type="text"] {
        font-size: 13px;
        padding: 6px 3px 4px;
        outline: none !important;
        border: 1px solid #848581;
        color: black;
        background: #BBBBBB;
        -moz-border-radius: .4em;
        -webkit-border-radius: .4em;
        border-radius: .4em;
        -moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
        -webkit-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, .2);
        box-shadow: inset 0px 1px 4px rgba(0, 0, 0, .2);
    }
*/
pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    /* white-space: pre-line; */ /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

input[type="radio"] {
    vertical-align: baseline;
}

input[type="checkbox"] {
    vertical-align: bottom;
    vertical-align: baseline;
}

.ie6 input {
    vertical-align: text-bottom;
}

select, input, textarea {
    font: 99% sans-serif;
}

table {
    font-size: inherit;
    font: 100%;
}

/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {
    outline: none;
}

small {
    font-size: 85%;
}

strong, th {
    font-weight: bold;
}

td, td img {
    vertical-align: top;
}

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* standardize any monospaced elements */
pre, code, kbd, samp {
    font-family: monospace, sans-serif;
}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
button {
    cursor: pointer;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
    margin: 0;
}

/* make buttons play nice in IE */
button {
    width: auto;
    overflow: visible;
}

/* scale images in IE7 more attractively */
.ie7 img {
    -ms-interpolation-mode: bicubic;
}

/* prevent BG image flicker upon hover */
.ie6 html {
    filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

/* let's clear some floats */
.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}


/*megamenu overrides*/
.wrapper_menu, .menu {
/*     width: 471px !important; */
    /*height: 100px !important;*/
}

.dropdown_fullwidth {
	position: absolute !important;
	top: 81px !important;
	left: 18px !important;
	display: none;
}

li.menu-button, li.menu-button:hover {
    margin: 0 4px;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 19px 14px;
    top: -8px;
	font-family: Orbitron;	
	width: 80px;
	position: static !important;
	float: left;	
}

    li.menu-button a, li.menu-button:hover a {
	    margin: 0;
	    padding: 0;
        color: #EEEEEE;
        outline: 0;
        text-decoration: none;
        display: block;
        text-shadow: 1px 1px 1px #000;
    }
    
.menu-button-label {
	text-align: center !important;
}

.menu .dropdown_fullwidth {
    width: 939px;
    height: 539px;
    z-index: 9999;
}

.wrapper_menu_full {
    z-index: 9999;
    position: static !important;
}

    .wrapper_menu_full .menu li:hover .dropdown_fullwidth {
        display: block;
        position: absolute;
        border: none;
        margin: 0px;
    }

.menu li ul li {
    position: static;
}

    .menu li ul li:hover {
        position: static;
        text-align: left;
    }

.menu h2, .menu h3 {
    text-shadow: 1px 2px 2px #4C4C4C;
}

.menu h2 {
    font-size: 23px;
    border-bottom: 2px solid;
}

.menu ul, .menu li {
    line-height: 10px;
    text-align: left;
    font-weight: 500;
    font-size: 12px;
}

.menu .col_2 {
	width: 292px;
}

.greybox li {
	font-size: 16px !important;
}

/* Menu
-------------------------------------------------------------------------------*/
#main-nav {
	width: auto;
	vertical-align: top;
	margin-top: 13px;
	float: left;	
}

.dropdown-content {
	font-family: Tahoma, Geneva, sans-serif;
}

li.single {
	display: block;
}

#news-button {
	background: rgb(255,64,64); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,64,64,1) 0%, rgba(189,21,21,1) 50%, rgba(166,0,0,1) 51%, rgba(191,48,48,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,64,64,1)), color-stop(50%,rgba(189,21,21,1)), color-stop(51%,rgba(166,0,0,1)), color-stop(100%,rgba(191,48,48,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,64,64,1) 0%,rgba(189,21,21,1) 50%,rgba(166,0,0,1) 51%,rgba(191,48,48,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,64,64,1) 0%,rgba(189,21,21,1) 50%,rgba(166,0,0,1) 51%,rgba(191,48,48,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,64,64,1) 0%,rgba(189,21,21,1) 50%,rgba(166,0,0,1) 51%,rgba(191,48,48,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,64,64,1) 0%,rgba(189,21,21,1) 50%,rgba(166,0,0,1) 51%,rgba(191,48,48,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4040', endColorstr='#bf3030',GradientType=0 ); /* IE6-9 */
	   left: 0px;
	border: 2px solid #600;
}

    #news-button .dropdown_fullwidth {
    	height: 400px;
        background: #900;
        background-image: linear-gradient(bottom, rgb(127,0,0) 100%, rgb(153,0,0) 49%);
        background-image: -o-linear-gradient(bottom, rgb(127,0,0) 100%, rgb(153,0,0) 49%);
        background-image: -moz-linear-gradient(bottom, rgb(127,0,0) 100%, rgb(153,0,0) 49%);
        background-image: -webkit-linear-gradient(bottom, rgb(127,0,0) 100%, rgb(153,0,0) 49%);
        background-image: -ms-linear-gradient(bottom, rgb(127,0,0) 100%, rgb(153,0,0) 49%);
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(1, rgb(127,0,0)), color-stop(0.49, rgb(153,0,0)) );
    }
    
    #news-button h2, #column-news .link-header {
        border-bottom-color: #900;
    }

#column-news {
	width: 552px;
	margin-right: 32px;	
}

#column-news li, #column-community li, #column-universe li {
	float: none;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	width: auto;
}

.link-header {
	border-bottom: 2px solid;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	font-size: 16px !important;
	text-indent: 4px;
	max-height: 9999px;
}

.link-detail {
	background: #161616;
	border-radius: 0 0 8px 8px;
}

.link-detail a {
	color: #d8d8d8 !important;
}

.link-header, .link-detail {
	width: 100%;
}

#column-poll {
	width: 320px;
}

#column-hotitems {
	width: 320px;
}

.sublinks {
	margin: 0 1em !important;
}

#column-news .sublinks {
	width: 274px;
}

.sublinks a {
	font-size: 14px;
}

.sublinks li {
	display: inline-block !important;
	line-height: 14px !important;
}

.sublinks img {
	vertical-align: top;
	margin-right: 4px;
}

#games-button {
	background: rgb(57,229,86); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(57,229,86,1) 0%, rgba(18,163,42,1) 50%, rgba(0,140,23,1) 51%, rgba(41,166,62,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(57,229,86,1)), color-stop(50%,rgba(18,163,42,1)), color-stop(51%,rgba(0,140,23,1)), color-stop(100%,rgba(41,166,62,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(57,229,86,1) 0%,rgba(18,163,42,1) 50%,rgba(0,140,23,1) 51%,rgba(41,166,62,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(57,229,86,1) 0%,rgba(18,163,42,1) 50%,rgba(0,140,23,1) 51%,rgba(41,166,62,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(57,229,86,1) 0%,rgba(18,163,42,1) 50%,rgba(0,140,23,1) 51%,rgba(41,166,62,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(57,229,86,1) 0%,rgba(18,163,42,1) 50%,rgba(0,140,23,1) 51%,rgba(41,166,62,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39e556', endColorstr='#29a63e',GradientType=0 ); /* IE6-9 */
	border: 2px solid #004C0D;
}

    #games-button .dropdown_fullwidth {
    	height: 640px;
        background: rgb(0,67,0);
        background-image: linear-gradient(bottom, rgb(42,107,56) 0%, rgb(32,79,42) 75%);
        background-image: -o-linear-gradient(bottom, rgb(42,107,56) 0%, rgb(32,79,42) 75%);
        background-image: -moz-linear-gradient(bottom, rgb(42,107,56) 0%, rgb(32,79,42) 75%);
        background-image: -webkit-linear-gradient(bottom, rgb(42,107,56) 0%, rgb(32,79,42) 75%);
        background-image: -ms-linear-gradient(bottom, rgb(42,107,56) 0%, rgb(32,79,42) 75%);
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(42,107,56)), color-stop(0.75, rgb(32,79,42)) );
    }
    
    #games-button .dropdown-content { 
	    height: 97%;
		background-color: #000000;
    }    

    #games-button h2 {
        border-bottom-color: #2a6b38;
    }
    
#column-games li {
	width: 252px;
	display: inline-block !important;
	margin-left: 1em;
	line-height: 64px;
	height: 80px;
	text-align: center;
	padding-left: 17px;
	padding-right: 17px;
	padding-bottom: 0.5em;
}
	#column-games li div {
		height: 100%;	
		background-color: #000000;
	}

#logo-wc1 { background: url("https://cdn.wcnews.com/design/images/art/logo-wc1.png") no-repeat; height:64px; width:auto; background-position: center; }
#logo-wc2 { background: url("https://cdn.wcnews.com/design/images/art/logo-wc2.png") no-repeat; height:64px; width:auto; background-position: center; }
#logo-wc3 { background: url("https://cdn.wcnews.com/design/images/art/logo-wc3.png") no-repeat; height:57px; width:auto; background-position: center; }
#logo-wc4 { background: url("https://cdn.wcnews.com/design/images/art/logo-wc4.png") no-repeat; height:50px; width:auto; background-position: center; }
#logo-prophecy { background: url("https://cdn.wcnews.com/design/images/art/logo-prophecy.png") no-repeat; height:85px; width:auto; background-position: center; }
#logo-so { background: url("https://cdn.wcnews.com/design/images/art/logo-so.png") no-repeat; height:57px; width:auto; background-position: center; }
#logo-academy { background: url("https://cdn.wcnews.com/design/images/art/logo-academy.png") no-repeat ;height:64px; width:auto; background-position: center; }
#logo-armada { background: url("https://cdn.wcnews.com/design/images/art/logo-armada.png") no-repeat; height:80px; width:auto; background-position: center; }
#logo-arena { background: url("https://cdn.wcnews.com/design/images/art/logo-arena.jpg") no-repeat; height:77px; width:auto; background-position: center; }
#logo-privateer { background: url("https://cdn.wcnews.com/design/images/art/logo-privateer.png") no-repeat; height:64px; width:auto; background-position: center; }
#logo-privateer2 { background: url("https://cdn.wcnews.com/design/images/art/logo-privateer2.png") no-repeat; height:64px; width:auto; background-position: center; }
#logo-swc { background: url("https://cdn.wcnews.com/design/images/art/logo-swc.png") no-repeat; height:64px; width:auto; background-position: center; }
#logo-academytv { background: url("https://cdn.wcnews.com/design/images/art/logo-academytv.png") no-repeat; height:80px; width:auto; background-position: center; }
#logo-wcmovie { background: url("https://cdn.wcnews.com/design/images/art/logo-wcmovie.png") no-repeat; height:47px; width:auto; background-position: center; }
#logo-books { background: url("https://cdn.wcnews.com/design/images/art/logo-books.png") no-repeat; height:66px; width:auto; background-position: center; }
#logo-ccg { background: url("https://cdn.wcnews.com/design/images/art/logo-ccg.png") no-repeat; height:69px; width:auto; background-position: center; }
#logo-other { background: url("https://cdn.wcnews.com/design/images/art/logo-other.png") no-repeat; height:80px; width:auto; background-position: center; }
#logo-canceled { background: url("https://cdn.wcnews.com/design/images/art/logo-canceled.png") no-repeat; height:64px; width:auto; background-position: center; }

#column-games .subtitle {
	font-size: 22px;
	text-shadow: 2px 0px 0px black;
	margin-top: 40px;
	display: inline-block;
}

#universe-button {
	background: rgb(64,143,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(64,143,255,1) 0%, rgba(21,91,189,1) 50%, rgba(0,69,166,1) 51%, rgba(48,108,191,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,143,255,1)), color-stop(50%,rgba(21,91,189,1)), color-stop(51%,rgba(0,69,166,1)), color-stop(100%,rgba(48,108,191,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(64,143,255,1) 0%,rgba(21,91,189,1) 50%,rgba(0,69,166,1) 51%,rgba(48,108,191,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(64,143,255,1) 0%,rgba(21,91,189,1) 50%,rgba(0,69,166,1) 51%,rgba(48,108,191,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(64,143,255,1) 0%,rgba(21,91,189,1) 50%,rgba(0,69,166,1) 51%,rgba(48,108,191,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(64,143,255,1) 0%,rgba(21,91,189,1) 50%,rgba(0,69,166,1) 51%,rgba(48,108,191,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#408fff', endColorstr='#306cbf',GradientType=0 ); /* IE6-9 */
	border: 2px solid #002A66;
}

    #universe-button .dropdown_fullwidth {
    	height: 394px;
        background: #214D8C;
        background-image: linear-gradient(bottom, rgb(32,77,140) 0%, rgb(18,45,76) 75%);
        background-image: -o-linear-gradient(bottom, rgb(32,77,140) 0%, rgb(18,45,76) 75%);
        background-image: -moz-linear-gradient(bottom, rgb(32,77,140) 0%, rgb(18,45,76) 75%);
        background-image: -webkit-linear-gradient(bottom, rgb(32,77,140) 0%, rgb(18,45,76) 75%);
        background-image: -ms-linear-gradient(bottom, rgb(32,77,140) 0%, rgb(18,45,76) 75%);
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(32,77,140)), color-stop(0.75, rgb(18,45,76)) );
    }
    

    #universe-button h2, #column-universe .link-header {
		border-bottom-color: rgb(64,143,255);
    }
    
#column-universe .sublinks li {
	margin: 0;
	text-align: center;
	width: 175px;
	height: 128px;
}

#column-universe .sublinks li a {
	font-size: 13px;
}

#column-universe img {
	display: block;
	vertical-align: middle;
	text-align: center;
	margin-bottom: 0.5em;
	margin-left: auto;
	margin-right: auto;
}

#column-universe span {
	display: block;
	margin-left: 10px;
	margin-right: 10px;		
	padding: 4px 6px 6px 4px;
	border-top: 2px solid;
	border-top-color: rgb(64,143,255);
	text-shadow: 1px 1px 1px #000;
	background: #161616;
	border-radius: 0 0 8px 8px;		
	font-size: 14px;		
}

#community-button {
	background: rgb(255,127,64); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,127,64,1) 0%, rgba(255,127,64,1) 0%, rgba(189,77,21,1) 50%, rgba(166,55,0,1) 51%, rgba(191,96,48,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,127,64,1)), color-stop(0%,rgba(255,127,64,1)), color-stop(50%,rgba(189,77,21,1)), color-stop(51%,rgba(166,55,0,1)), color-stop(100%,rgba(191,96,48,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,127,64,1) 0%,rgba(255,127,64,1) 0%,rgba(189,77,21,1) 50%,rgba(166,55,0,1) 51%,rgba(191,96,48,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,127,64,1) 0%,rgba(255,127,64,1) 0%,rgba(189,77,21,1) 50%,rgba(166,55,0,1) 51%,rgba(191,96,48,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,127,64,1) 0%,rgba(255,127,64,1) 0%,rgba(189,77,21,1) 50%,rgba(166,55,0,1) 51%,rgba(191,96,48,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,127,64,1) 0%,rgba(255,127,64,1) 0%,rgba(189,77,21,1) 50%,rgba(166,55,0,1) 51%,rgba(191,96,48,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7f40', endColorstr='#bf6030',GradientType=0 ); /* IE6-9 */
	border: 2px solid #662200;
}

    #community-button .dropdown_fullwidth {
    	height: 394px;
        background: rgb(191,96,48);
        background-image: linear-gradient(bottom, rgba(191,96,48,1) 0%, rgba(166,55,0,1) 75%);
        background-image: -o-linear-gradient(bottom, rgba(191,96,48,1) 0%, rgba(166,55,0,1) 75%);
        background-image: -moz-linear-gradient(bottom, rgba(191,96,48,1) 0%, rgba(166,55,0,1) 75%);
        background-image: -webkit-linear-gradient(bottom, rgba(191,96,48,1) 0%, rgba(166,55,0,1) 75%);
        background-image: -ms-linear-gradient(bottom, rgba(191,96,48,1) 0%, rgba(166,55,0,1) 75%);
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgba(191,96,48,1)), color-stop(0.75, rgba(166,55,0,1)) );
    }

    #community-button h2, #column-community .link-header {
        border-bottom-color: rgb(255,127,64);
    }
    
#column-news .sublinks {
	width: auto;
}


.dropdown-content {
    background: #0A0A0A;
    border-radius: 10px;
    padding: 1em;
    height: 95%;
}

/* Secondary Nav
-------------------------------------------------------------------------------*/
#secondary-nav {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
}

    #secondary-nav a {
        text-decoration: none;
        padding: 0 6px 0 0;
    }

        #secondary-nav a img {
            vertical-align: top;
        }

    #secondary-nav label {
        display: none;
    }

    #secondary-nav input {
        text-align: center;
        border: 1px solid #900;
		background: #888888;
		color: white;
    }
    
    #secondary-nav input::-webkit-input-placeholder {
	    color: white;
	}
	
	#secondary-nav input:-moz-placeholder {
	    color: white;
	}
	
	#secondary-nav input:-ms-input-placeholder {
	    color: white;
	}

/* Site
-------------------------------------------------------------------------------*/


ins {
    background-color: #fcd700;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #fcd700;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

body {
    background: #000;
    color: #cccccc;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
    line-height: 1.4;
}

body p + p {
	margin-top: 0.75em;
}

header, h1 {
    color: #fff;
    font-size: 20px;
    text-shadow: 0px 2px 2px #4C4C4C;
}

header {
    font-family: 'Karla', Arial, sans-serif;
    font-weight: bold;
}

h1, h2, h3 {
    font-family: Orbitron;
    font-weight: 700;
}

blockquote {
    font-family: 'Cousine', sans-serif;
    /*font-family: "Courier New", Courier, monospace;*/
    color: #FFFF80;
    margin: 1em 40px;
    line-height: 1.3;
}

    blockquote p {
        margin: 0.75em 0;
    }

a {
    color: #FF6600;
}    
	
	a:visited {
		color: #FF3300;
	}
	
	a:hover {
        color: #FF9900;        
    }

#main-header, #main-footer {
    border: 2px solid #900;
    border-radius: 15px;
}

#main-header {
    margin: 16px 0 32px 16px;
    width: 960px;
    height: 78px;
}

.logo {    
	position: relative;
    margin-left: -3px;
    margin-top: -12px;
	float: left;
	text-align: right;
}

    .logo img {
        display: block;
    }
	
#logo-subtitle{
	position: relative;
	top: -26px;	
	font-size: 0.5em;
	margin-right: 1em;
	pointer-events: none;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-family: Orbitron;
	color: #000;
	text-shadow: none;
}

#container-site {
    padding: 1em;
    padding-right: 3em;	
    min-width: 800px;
}

#content-news {
	margin-right: 310px;
	float: left;
	border-right: 1px solid #900;
	padding-right: 10px;
}

.daily-content {
	border-left: 1px solid #900;
	min-width: 400px;
}

    .daily-content header {
        background: #990000;
        font-size: 13px;
        line-height: 21px;
        margin-bottom: 16px;
        padding-left: 8px;
    }

        .daily-content header nav {
            float: right;
            font-weight: normal;
            background: #000;
            margin: 0 24px;
            padding: 0 10px;
        }

.daily-content header a { 
	color: #FFF; 
	text-decoration: none;
}

.news-post {
	padding-left: 1em;
}

.news-post h1 {
	border-bottom: 1px solid #900;
	margin-bottom: 4px;
}

.news-post footer {
    font-size: 10px;
    margin: 8px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.news-post ol, .other-content ol {
    padding: 0.5em 0 1em 50px;
}
	.news-post ol lh, .other-content ol lh {
		margin: -1.9em;
		font-weight: bold;
	}
	
	.news-post ol ol, .other-content ol ol, .news-post ul ol, .other-content ul ol {
		padding: 0.1em 0 0.3em 2em;
		list-style: lower-alpha;
	}	
	

.news-post ul, .other-content ul {
    list-style: disc;
    margin: 0.5em 2em 1em 2em;
}

.news-post ul[title]::before, .other-content ul[title]::before {
    content: attr(title);
    display: block;
    font-weight: bold;
    padding: 0 0 0.5em 0;
    margin-left:-15px;
}

	.news-post ul lh, .other-content ul lh {
		margin: -0.9em;
		font-weight: bold;
	}

	.news-post ul ul, .other-content ul ul, .news-post ol ul, .other-content ol ul {
		padding: 0.1em 0 0.3em 2em;
		list-style: circle;
	}
	
	

.news-post h1 a {
	color: inherit;
	text-decoration: inherit;
}

.news-post h1 span.permalink a {
	margin-left: 0.2em;
	float: right;
}

.news-post h1 center {
    display: inline;
}

.news-post textarea {
	float: right;
	width: 95%;
	padding: 8px;
	margin-left: 2em;
	background: rgb(34, 34, 34) none repeat scroll 0% 0%;
	border: 1px solid rgb(153, 0, 0);
	color: rgb(171, 171, 171);	
}

.news-post footer div.footer-buttons {
	margin-left: auto;
}

.news-author-avatar {
	height: 36px;
	margin-right: 0.75em;			
	border-radius: 25%;
	border:1px solid;
}

.news-post footer div.author-info {
	display: inline-block;
	opacity: 0.8;
	font-size: 13px;					
	margin-top: -3px;
}

.news-post footer div.author-info a {
	text-decoration: none;
}

.news-post footer div.author-avatar {
	display: inline-block;
	opacity: 0.8;
}

.news-post footer div.outer {
	display: flex;
	flex-direction: row;			
	align-items: center;
}

.image-side {
    float: right;
}

.gallery {
    text-align: center;
    margin-top: 15px;
	margin-bottom: 10px;
}   
    .gallery img {	    
		margin-bottom: 5px;
		margin-left: 2px;
		margin-right: 2px;
    }
	
	.gallery a img {
		border: 1px solid rgba(136, 54, 0, .75);
	}
	
	.gallery a:visited img {
		border: 1px solid rgba(255, 51, 0, .75);
	}
	
	.gallery a:hover img {
		border: 1px solid rgba(255, 153, 0, .75);        
    }
	
	.gallery h2 {
		margin-bottom: 1em;
	}
	
.noborder a img {
    border: 1px solid #000000;	
}

.noborder a img:hover {
    border: 1px solid #000000;
}

.noborder a:hover img {
    border: 1px solid #000000;
}

.noborder a:visited img {
    border: 1px solid #000000;
}

.container-comments {
    display: none;
	padding-left: 30px;
}

table.center {
    margin-left:auto; 
    margin-right:auto;
}

#archive-links {
    text-align: center;
    font-weight: bold;
}

#main-footer {
    margin: 1em;
    text-align: center;
    font-size: 13px;
    padding: 3px 0;
    font-family: 'Karla', Arial, sans-serif;
}

#comments {
    height: 216px;
    width: 79%;
    outline: none !important;
    border: 1px solid #848581;
    color: black;
    background: #FEFFF7;
    -moz-border-radius: .4em;
    -webkit-border-radius: .4em;
    border-radius: .4em;
    -moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, .2);
    box-shadow: inset 0px 1px 4px rgba(0, 0, 0, .2);
}

.smilie.smilie--emoji {
    width: 1.467em;
}
.smilie {
    vertical-align: text-bottom;
    max-width: none;
}

.comment-inline-table {
	width: 80%;
}

.comment-inline-button {
	float: right;
	text-align: center;
	border: 1px solid #900;
	background: #888888;
	color: #cccccc;
	margin-top: 3px;
	margin-left: 0.5em;
	background: #660000 !important;
	padding: 4px 6px 4px 6px;	
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
	border-radius: .4em;
	-moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, .2);
	box-shadow: inset 0px 1px 4px rgba(0, 0, 0, .2);
}

.comment-bubble
{
margin-left: auto;
margin-right: 0;
position: relative;
min-width: 120px;
height: 25px;
padding: 2px 10px 0px 10px;
background: #111111;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border: #ff6600 solid 1px;
font-size: 1.5em;
cursor: pointer;
text-align: center;
color: #999999;
margin-top: -5px;
}

.comment-bubble:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 3px 4px 0;
border-color: #111111 transparent;
display: block;
width: 0;
z-index: 1;
bottom: -3px;
left: 16px;
}

.comment-bubble:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 3px 4px 0;
border-color: #ff6600 transparent;
display: block;
width: 0;
z-index: 0;
bottom: -4px;
left: 16px;
}

.comment-bubble:hover {
	border: #ff9900 solid 1px;
}

.comment-bubble:hover:before {
	border-color: #ff9900 transparent;
}


/* m_right
-------------------------------------------------------------------------------*/

#m_right{
	background: #170000;
	float: left;
	width: 300px;
	margin-left: -300px;
	font-size: .9em;
}

#m_right h1 {
/* 	padding: 6px 0 0 8px; */
	font-size: 15px;
	border-radius: 8px;
	background: #ed7133;
	color: black;
	border: 2px solid #900;
	text-shadow: none;
	font-weight: 700;
	line-height: 29px;
	height: 25px;
	text-indent: 8px;
}

#m_right section > a:focus {
	outline: none;
	text-decoration: underline;
}

#m_right section {	
	margin-bottom: 1em;
}

#m_right input {
    text-align: center;
    border: 1px solid #900;
	background: #888888;
	color: white;
	margin-top: 5px;
}

#m_right ul + h2, ol + h2 {
	margin-top: 0.5em;
}

#m_right hr {
	margin-top: 0.3em;
	margin-bottom: 0.2em;
	margin-right: 1em;
	border-color: #660000;
}

/* poll */
#m_right .poll {
	width: 280px;
}

div.poll {
	margin-top: 1em;
	margin-bottom: 1em;
}

.poll ul {
	display: table;
	margin-left: auto;
	margin-right: auto;
	list-style-type: none;
	padding-left: 0;
	margin-top: 0.2em;
	width: 22em;
}
.poll ul li {
	overflow: hidden;
	white-space: nowrap;
	padding-bottom: 0.2em;		
}

.poll ul lh {
	margin: 0 !important;	
}
.poll-option-wrap {
	display: inline-block;
	/*vertical-align: middle;
	background-color: #111111;*/
	width: 40px;	
	height: 0.4em;	
	margin-right: 0.5em;		
	/*border: 1px solid #555555;*/
}	
.poll-option-fill {		
	display: inline-block;
	background-color: #990000;
	vertical-align: middle;	
	height: 0.4em;	
}

.poll li[data-winner="true"] {
	color: #ffa500;
	font-weight: bold;
}

.poll li[data-winner="true"] > .poll-option-wrap > .poll-option-fill {
	background-color: #fd6600;	
}

.poll input {
	text-align: center;
	border: 1px solid #900;
	background: #888888;
	color: white;
	margin-top: 3px;
	margin-right: 6px;	
}

.poll input[type="submit"] {
	display: block;
	background: #660000 !important;
	margin-top: 1em !important;
	margin-left: auto;
	margin-right: auto;
	padding: 4px 6px 4px 6px;
	width: 75px;
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
	border-radius: .4em;
	-moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, .2);
	box-shadow: inset 0px 1px 4px rgba(0, 0, 0, .2);	
}

lh.poll-header, .awcheader {
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 1px 2px 2px #4C4C4C;
	font-weight: 600;
	font-size: 14px;
}

.poll-footer {
	line-height: 2em;
}

.poll-footer, .awcfooter {
	font-weight: bold;
	font-size: 0.75rem;
	color: #999;
}

.poll-block {
	display: inline-block;
	text-align: left;
	margin-left: 1.5em;
	margin-right: 1.5em;
	margin-top: 0em;
	margin-bottom: 0em;			
	width: 24em;
	vertical-align: top;
}

#m_right input::-webkit-input-placeholder {
    color: white;
}

#m_right input:-moz-placeholder {
    color: white;
}

#m_right input:-ms-input-placeholder {
    color: white;
}

#m_right .content {
	margin-left: 1em;
	margin-top: 3px;
}

#m_right a {
	text-decoration: none;
}

#column-poll h3 {
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 1px 2px 2px #4C4C4C;
	font-weight: 600;
	font-size: 14px;
}

#social > div:nth-child(2) {
    margin-left: 0em;
    margin-top: 0.5em;
    margin-bottom: 0em;
    text-align: center;
}

#social img {
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

#where-to-buy ul {
	margin-left: 0em !important;
}

#where-to-buy a {
	color: white;
	font-weight: bold;
	height: 100%;
	width: 100%;
	margin-left: 0.5em;
	display: block;
	padding-top: 72px;
	/*text-shadow: 1px 1px 0px #2a2a2a;*/
	text-shadow: -1px -1px 0px #2a2a2a, 1px -1px 0px #2a2a2a, -1px 1px 0px #2a2a2a, 1px 1px 0px #2a2a2a;
}

#buy-wc1-2 { background: url("https://cdn.wcnews.com/newestshots/thumb/gogwc12bannert.jpg") no-repeat; height:95px; width:auto; background-position: center; }
#buy-wc3 { background: url("https://cdn.wcnews.com/newestshots/thumb/gogwc3bannert.jpg") no-repeat; height:95px; width:auto; background-position: center; }
#buy-wc4 { background: url("https://cdn.wcnews.com/newestshots/thumb/gogwc4bannert.jpg") no-repeat; height:95px; width:auto; background-position: center; }
#buy-privateer { background: url("https://cdn.wcnews.com/newestshots/thumb/privateergogt.jpg") no-repeat; height:95px; width:auto; background-position: center; }
#buy-arena { background: url("https://cdn.wcnews.com/design/images/art/buy-arena_1x.jpg") no-repeat; height:95px; width:auto; background-position: center; }
@media (min-resolution: 192dpi) {
	#buy-arena { background: url("https://cdn.wcnews.com/design/images/art/buy-arena_2x.jpg") no-repeat; height:95px; width:auto; background-position: center; background-size: 300px 95px}
}
#buy-moviedvd { background: url("https://cdn.wcnews.com/design/images/art/buy-wcmovie.jpg") no-repeat; height:95px; width:auto; background-position: center; }
#buy-moviebluray { background: url("https://cdn.wcnews.com/design/images/art/buy-wcmbluray_1x.jpg") no-repeat; height:95px; width:auto; background-position: center; }
@media (min-resolution: 192dpi) {
	#buy-moviebluray { background: url("https://cdn.wcnews.com/design/images/art/buy-wcmbluray_2x.jpg") no-repeat; height:95px; width:auto; background-position: center; background-size: 300px 95px}
}
#buy-academydvd { background: url("https://cdn.wcnews.com/design/images/art/buy-academydvd_.jpg") no-repeat; height:95px; width:auto; background-position: center; }
@media (min-resolution: 192dpi) {
	#buy-academydvd { background: url("https://cdn.wcnews.com/design/images/art/buy-academydvd_2x.jpg") no-repeat; height:95px; width:auto; background-position: center; background-size: 300px 95px}
}
#buy-academy { background: url("https://cdn.wcnews.com/design/images/art/buy-academy.jpg") no-repeat; height:95px; width:auto; background-position: center; }
#buy-p2 { background: url("https://cdn.wcnews.com/design/images/art/buy-p2_.jpg") no-repeat; height:95px; width:auto; background-position: center; }
#buy-prophecygold { background: url("https://cdn.wcnews.com/design/images/art/buy-prophecygold.jpg") no-repeat; height:95px; width:auto; background-position: center; }
#buy-armada { background: url("https://cdn.wcnews.com/design/images/art/buy-armada.jpg") no-repeat; height:95px; width:auto; background-position: center; }
#buy-novels { background: url("https://cdn.wcnews.com/design/images/art/buy-wcnovels_1x.jpg") no-repeat; height:95px; width:auto; background-position: center; }
@media (min-resolution: 192dpi) {
	#buy-novels { background: url("https://cdn.wcnews.com/design/images/art/buy-wcnovels_2x.jpg") no-repeat; height:95px; width:auto; background-position: center; background-size: 300px 95px}
}

#masthead li {
	width: 134px;
	display: inline-block;
}

#recent-wcpedia-edits .wcpedia-action-new , #recent-wcpedia-edits .wcpedia-action-edit, #recent-wcpedia-edits .wcpedia-action-other {
	display: inline-block;
	width: 25px;
}

#recent-wcpedia-edits .wcpedia-action-new {
	color: #FFD700;
}

#recent-wcpedia-edits .wcpedia-action-edit {
	color: #FFF;
}

#recent-wcpedia-edits .wcpedia-action-other {
	color: #AAA;
}

table.center {
	margin-top: 15px;
	margin-bottom: 20px;
	margin-left:auto; 
	margin-right:auto;
}

table.center td, th {
	padding: 5px;
}

img.align-right, figure.align-right { 
	float:right; 
	margin: 0 0 15px 15px;     
}

img.align-left, figure.align-left { 
	float:left; 
	margin: 0 15px 15px 0;	
}

/* news archive */
#content-archive {
	margin-right: 310px;
	float: left;
	border-right: 1px solid #900;
	padding-right: 10px;
}

#content-archive h1 {
	border-bottom: 1px solid #900;
	margin-bottom: 10px;
}

.inline-block, .year {
	display: inline-block;
	min-width: 5em;
	margin-left: 1.5em;
	margin-right: 1.5em;
	margin-bottom: 2em;
	vertical-align: top;
	text-align: left;
}

#archivelogo {
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
}

/* other content */
.other-content {
	padding-left: 1em;
	min-width: 400px;
}

.other-content h1 {	
	border-top: 3px solid #800;
	border-bottom: 2px solid #800;
	margin-bottom: 10px;
	text-align: center;
	background: #170000;
}

.other-content h2 {
	margin-top: 15px;
	margin-bottom: 5px;
	padding-left: 2px;
	border-top: 1px solid #600;
	border-bottom: 1px solid #600;
	background-color: #170000;
	color: #ffffff;
}

.other-content p {
	margin-bottom: 10px;
}

.twocols li {
	width: 134px;
	display: inline-block;
}

/* search */

#search_keywords {
	border-radius: .4em 0em 0em .4em;
	font-size: 13px;
	padding: 6px 3px 4px;
	height: 15px !important;
	outline: none !important;	
}

#search_button {
	font-size: 13px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0.4em;
	border-bottom-right-radius: 0.4em;
	border-bottom-left-radius: 0px;
	background: #660000 !important;
	margin-left: 0em !important;
	border: 1px solid #848581;
	width: 30px;
	text-align: center;
	padding: 3px 3px 3px;
	height: 27px !important;
}

#search_advanced {
	display: inline-block;
	vertical-align: bottom;
	height: 100% !important;
	margin-left: 1em;			
}

.fullsearch {
	margin: 0 auto;		
	padding: 14px;	
}

.fullsearch label {	
	font-weight: bold;
	text-align: right;
	width: 120px;	
	float: left;	
	margin-top: 5px;
	margin-right: 5px;
}

.fullsearch input, select {
	vertical-align: middle;
	font-size: 13px;
	padding: 6px 3px 6px 3px;
	outline: none !important;
	border: 1px solid #900;
	color: black;
	background: #BBBBBB !important;
	margin:2px 0 5px 5px;
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
	border-radius: .4em;
	-moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, .2);
	box-shadow: inset 0px 1px 4px rgba(0, 0, 0, .2);
}

.fullsearch input[type="submit"] {
	width: 100px;
	background: #660000 !important;
	color: #ffffff;	
}

.jumpin {
	margin-left: 130px !important;
	margin-top: 10px !important;
}

.preformatted {
    font-family: monospace;
    white-space: pre;
}

/* embedded video */ 
article iframe {
	display: block;
	/* border: 1px solid rgba(136, 54, 0, .75); */
	/*margin-top: 15px;
	margin-bottom: 20px;*/
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
}

/* embedded audio */
audio {
	margin-top: 0.25em;
	margin-bottom: 0.75em;
	margin-left: 1em;
}

/* spoiler tag */
.spoiler 
{
    background-color: black;
    color: black;
}

.spoiler:hover
{
    background-color: #E9E9DF;
}

.lazyframe{			
	border: 1px solid rgba(136, 54, 0, .75);
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	max-width: 520px;
	margin-top: 15px;
	margin-bottom: 20px;
}

#m_right .lazyframe {
    width: 95%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.lazyframe[data-vendor="youtube"] {
	background-color: #000000;
}

.lazyframe[data-vendor="vimeo"] {
	background-color: #000000;
}

.lazyframe[data-vendor="vine"] {
	background-color: #000000;
}

/* no gap when the gallery is on line 1 */
h1 + div.gallery {
	margin-top: 0px;
	margin-bottom: 0px;
}

/* fade m_right overflow */
#recent-wcpedia-edits, #recent-threads, #poll-frontpage li {
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	max-width: 280px;
}

#recent-wcpedia-edits:after, #recent-threads:after, #poll-frontpage li:after {
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 15%;
    height: 100%;
    background:linear-gradient(to right, rgba(23, 0, 0, 0), rgba(23, 0, 0, 1));
    pointer-events: none;
}

/* recent news summary */
.recent-news-separator {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
	border-color: #990000;
}

/* Background section */
.icon_language {
	width: 16px;
	height: 12px;		
	/*margin-left: 0.1em;*/
	opacity: 0.8;	
}

/* Stats table */
table.stats {
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	margin-bottom: 1.5em;	
}

table.stats th, table.stats td {
	text-align: left;
	padding-right: 2em;
	padding-left: 0em;
	padding-top: 0em;
	padding-bottom: 0.1em;
	border-bottom: 1px dashed #330000;
}

table.stats td {
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

table.stats tr > th:last-child, table.stats tr > td:last-child {
	padding-right: 0em;
}

/* Game controls */
table.gamecontrols {
	margin-left: 2em;
	margin-right: auto;
	margin-top: 0.5em;
	margin-bottom: 2em;
	/*width: 100%;*/ 
}
	
table.gamecontrols tr > td:first-child {		
	min-width: 150px;
	max-width: 300px;
	padding-right: 30px;
}

table.gamecontrols tr > td:first-child+td {		
	width: 100%;
}

table.gamecontrols th {
	text-align: left;
	border-bottom: 1px solid #330000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	min-width: 150px;
}

table.gamecontrols td {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #330000;
}

/* All Wings Considered */
#awc div.content {
	margin-left: 0em;
	margin-top: 0.5em;
	text-align: center;
}

/* Recent updates masonry */
.recent-updates {
	margin-left: auto;
	margin-right: auto;
}
.recent-updates-item { width: 250px; max-width: 250px;}
.recent-updates-item--width2 { width: 500px; max-width: 500px;}
.recent-updates-content {
	border: 1px solid rgba(255, 102, 0, .25);
	margin: 0.5em 0.5em 0.5em 0.5em;
	padding: 0.5em 0.5em 0.7em 0.5em;
	background-color: #111111;
	font-family: Orbitron, Arial;			
}
.recent-updates-content:hover {
	border: 1px solid rgba(255, 153, 0, .50);
}
.recent-updates-content img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	margin-bottom: 0.3em;
}
a.recent-updates-item-link {
	text-decoration: none;
	color: #ccc;
}

p + ul, p + ol {
	padding-top: 0.75em !important;
}

.twitter-tweet-rendered {
	display: block !important;
}

#twitter-widget-0 {
	width: 50% !important;
	max-width: 600px !important;
}