@charset "UTF-8";
/* CSS Document */

html, 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, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav 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;
}

#comments-form .grippie {
    max-width: calc(100% - 20px) !important;
    width: auto !important;
}

#jc span.comments-vote {
    display: none !important;
}

/* portrait styles */

.portrait {
    height: auto;
    width: auto;
    border: 5px solid #fff;
    box-sizing: border-box;
}

/* change colors to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colors to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

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

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border color to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

main {
	display: block;
}

.fancybox-close {
    background-image: url(/images/site-graphics/closepollbg.png);
    background-size: 100%;
}

.fancybox-close:hover {
    background-image: url(/images/site-graphics/closepollbg.png);
    background-size: 100%;
}

#ed .ed-video {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin: 0;}
#ed .ed-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin: 0;} 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#ed .ed-reply-content img {
	max-width: 100%;
  	height: auto;
}

#ed.ed-dialog {
    border: none !important;
}

#ed .o-label--clean-o {
    margin: 0px 5px;
  	display: none;
}

#ed.view-index .ed-post-item__title {
    font-size: 20px;
}

#jc .rbox .comment-box .comment-body {
    padding: 10px 0;
    line-height: 22px;
}

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] ABOUT THE AUTHOR [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

#author_infobox {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #ccc;
    border-radius: 7px;
    margin: 5px 10px;
    padding: 10px;
    overflow: hidden;
    clear: both;
    box-sizing: border-box;
}

.author_infobox_name:after {
	visibility: hidden;  
	display: block;
	font-size: 0;
	content: ".";
	clear: both;
	height: 0;
 }

#author_infobox span.marginleft {
    margin-left: 10px;
    display: block;
    margin-bottom: 5px;
    margin-top: 10px;
}

#author_infobox span.bold {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    padding-top: 5px;
}

#author_infobox .author_infobox_aboutme, #author_infobox .author_infobox_articles {
    font-size: 110%;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
}

#author_infobox .author_infobox_description {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
}

#author_infobox .author_infobox_description ul {
    line-height: 16px;
}

#author_infobox .author_infobox_description li {
    margin-bottom: 5px;
}

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] BREEZING FORMS [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

button#bfSubmitButton {
    background-color: #FBCC26 !important;
    color: #ffffff !important;
    border-radius: 0;
    padding: 16px;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    margin: 10px;
    display: block;
    box-sizing: border-box;
    border: none;
}

button#bfSubmitButton:hover {
  	background-color: #895809 !important;
  	cursor: pointer;
}

.bfQuickMode .controls {
	width: 100%;
  	box-sizing: border-box;
  	padding: 10px;
}

.bfQuickMode .controls div:nth-child(1) {
 	position: relative; 
  	padding: 0;
  	min-height: 20px;
  	width: 100%;
}

.bfQuickMode .controls .control-label {
    color: #444;
    min-width: 0;
  	position: absolute;
    left: 0;
    top: 0;
    width: 35%;
    max-width: 100%;
}

.bfQuickMode input[type="text"] {
    position: absolute;
    right: 0;
    top: 0;
    width: 65%;
    max-width: 100%;
}

.bfQuickMode textarea {
    position: absolute;
    right: 0;
    top: 0;
    width: 65%;
    max-width: 100%;
}

#bfElemWrap16 {
	height: 127px;
}

#newrecaptcha {
    float: right;
    width: 302px;
}

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] SINGLE ARTICLE PAGE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

article #jc p.message {
	padding: 5px 10px;
}

article #jc h4 {
    background: none;
    padding: 5px 20px;
    box-sizing: border-box;
}

article #jc div.comments-policy {
    padding: 10px;
    box-sizing: border-box;
    width: calc(100% - 40px);
    font-size: 14px;
    line-height: 22px;
}

article #jc p.message br {
	display: none;
}

article #jc form#comments-form textarea {
    width: calc(100% - 20px);
    max-width: 100% !important;
    min-height: 140px;
}

article #jc form#comments-form div.gripple {
	width: calc(100% - 20px);
    max-width: 100% !important;
}

article #jc #comments-form .btn div {
    margin: 0;
    float: none;
    padding: 0;
}

article #jc #comments-form-send div a {
    background-color: #FBCC26 !important;
    color: #ffffff !important;
    width: 180px;
    box-sizing: border-box;
    border-radius: 0;
    padding: 16px;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    margin: 0;
    display: block;
    box-sizing: border-box;
    height: auto;
}

article #jc #comments-form-send div a:hover {
	background-color: #895809 !important;
}

article .item-page {
	background-color: #eee;
	border: 1px solid #FECF27;
  	box-sizing: border-box;
}

article .item-page h2 {
	background: #03263b;
	background: -moz-linear-gradient(left,  #03263b 0%, #076195 50%, #03263b 100%);
	background: -webkit-linear-gradient(left,  #03263b 0%,#076195 50%,#03263b 100%);
	background: linear-gradient(to right,  #03263b 0%,#076195 50%,#03263b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03263b', endColorstr='#03263b',GradientType=1 );
	text-transform: uppercase;
	color: #fff;
    text-align: center;
    display: block;
    font-size: 24px;
	font-weight: bold;
    padding: 14px 10px;
}

article .item-page .article-info dt {
	display: none;
}

article .item-page .article-info dd {
    background: #222222;
    background: -moz-linear-gradient(left, #222222 0%, #3e3e3e 50%, #222222 100%);
    background: -webkit-linear-gradient(left, #222222 0%,#3e3e3e 50%,#222222 100%);
    background: linear-gradient(to right, #222222 0%,#3e3e3e 50%,#222222 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#222222',GradientType=1 );
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 0;
    padding: 0;
    margin-bottom: 10px;
    font-weight: normal;
}

article .item-page h2 a {
    color: #fff;
    z-index: 2;
    position: relative;
}

article .item-page .item-image {
	text-align: center;
  	margin-bottom: 10px;
}

article .item-page .item-image img {
	border: 5px solid #fff;
	height: auto;
	max-width: 100%;
	box-sizing: border-box;
}

article .item-page ol {
	margin: 0 20px;
    line-height: 22px;
}

article .item-page ol li {
    margin: 0 20px 20px;
    line-height: 24px;
}

article .item-page ul {
	margin: 0 20px;
    line-height: 22px;
}

article .item-page ul li {
  	margin-bottom: 20px;
}

article .item-page q {
    display: block;
    background-color: #ddd;
    padding: 20px 50px;
	background-image: url(../images/quotetop.png), url(../images/quotebottom.png);
	background-repeat: no-repeat, no-repeat;
	background-position: top left, bottom right;
}

article .item-page div[itemprop="articleBody"] {
	padding: 0 10px;
}

article .item-page div[itemprop="articleBody"] p {
    padding: 10px;
	line-height: 24px;
}

article .item-page div[itemprop="articleBody"] p img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}

article .item-page div[itemprop="articleBody"] h1 {
    font-size: 22px;
    text-align: center;
    margin: 15px 0;
    text-transform: uppercase;
    font-weight: bold;
}

article .item-page div[itemprop="articleBody"] h3 {
    font-size: 18px;
    text-align: left;
    margin: 15px 0;
    text-transform: uppercase;
    font-weight: bold;
	padding: 0 10px;
}

article div#comments-footer a {
	display: none;
}

article div#jc .rbox {
    margin: 0;
    padding: 4px 8px;
    width: calc(100% - 20px);
    line-height: 100%;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    box-sizing: border-box;
}

article div#jc .comments-buttons {
    margin-top: 10px;
}

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] JCOMMENTS MODULE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

nav.readMoreBar {
    display: none;
}

nav.readMoreBar nav.shareIcons {
    height: 160px;
    position: absolute;
    background: #444;
    top: -172px;
    border: solid 1px #FBCC26;
    width: 60px;
    left: -7px;
    display: none;
}

nav.readMoreBar nav.shareIcons a img {
	box-sizing: border-box;
  	max-width: 100%;
  	padding: 10px;
  	height: auto;
  	border-bottom: 1px solid #fff;
}  

nav.readMoreBar nav.shareIcons a:nth-child(3) img {
 	border: none; 
}

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] FORUM [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

#ed {
	background-color: #eee;
	border: 1px solid #FECF27;
  	padding: 20px;
  	box-sizing: border-box;
  	overflow-x: hidden;
}

#ed ul.nav-tabs {
    background-color: transparent;
    margin-bottom: 0;
    border: none;
    padding: 0;
}

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] TWITTER [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

#example1 {
    background-image: url(/images/site-graphics/twitterbird.png);
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: 0px 3px;
    height: 41px;
}

#actionbar h3 {
  	display: none;
}

#example1 h2 {
  clear:both;
}

#example1 p, #example1 a {
  font-size: 16px;
  margin: 0;
  color: #fff;
}

#example1 a, a:visited {
  color:#fff;
}

#example1 a:hover {
  color:#FECF27;
}

#example1 ul li {
    list-style: none;
    overflow: hidden;
    border: none;
    margin: 0;
    padding: 0;
}

#example1 ul li:hover {

}

#example1 .user, #example1 .tweet, #example1 .timePosted {
  float:left;
}

#example1 .user {
  display: none;
}

#example1 .tweet {
    width: calc(100% - 42px);
    font-size: 12px;
    line-height: 14px;
    padding-left: 42px;
}

#example1 .tweet a {
  	font-size: 12px;
  	line-height: 14px;
  	font-weight: bold;
  	color: #fff;
}

#example1 .tweet a:hover {
	color: #FECF27;
}

#example1 .timePosted {
  display: none;
}

#example1 .user {
  clear:left;
}

#example1 .user a {
 width: 100px;
}

#example1 .user span span {
  width:100px;
  display:block;
  margin-top:10px;
}

#example1 .user img, #example1 .user a > span {
  float:left;
}

#example1 .interact {
  float:left;
  width:10%;
  margin-top:-7px;
  display: none;
}

#example1 .interact a {
  margin-left:5px;
  float:left;
}

#example1 .user a > span {
  margin-left:10px;
}

#example1 .media img {
  max-width:250px;
  max-height:250px;
}

#example1 #linkage {
  position:fixed;
  top:0px;
  right:0px;
  background-color:#3d3d3d;
  color:#ffffff;
  text-decoration:none;
  padding:5px;
  width:10%;
  font-family:arial;
}

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] ALTERNATE PAGES [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

/*.control-label label:hover:after {
    content: attr(data-content);
  	background-color: #fff;
  	padding: 10px;
  	border: 1px solid #444;
  	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}*/

img.halfit {
	width: 50%;
  	height: auto;
}

/* [-][-][-][-][-][-][-] Registration Complete Page [-][-][-][-][-][-][-] */

article .registration-complete {
	background-color: #eee;
    margin-bottom: 20px;
	border: 1px solid #FECF27;
  	padding: 20px;
  	min-height: 400px;
}

article .registration-complete::before {
    content: "Thank you for registering a user account at www.Supergirl.tv. In order to assure the quality of our site, an email has been sent to your provided email account to verify your information. Once verified, your request will be sent to our administrative team to approve. Upon approval, you should be notified of your account's activation. Thank you and we look forward to seeing you on our site! El May Arah! If you are seeing this page after clicking the link in the provided email, then our admin team has just been notified of your confirmed information. Thank";
    font-size: 16px;
    line-height: 22px;
}

/* [-][-][-][-][-][-][-] Category Pages [-][-][-][-][-][-][-] */

article .category-list {
	background-color: #eee;
    margin-bottom: 20px;
	border: 1px solid #FECF27;
}

article .category-list form table {
    width: 100%;
    border-top: #333 solid 45px;
}

article .category-list form table tbody tr {
    width: 100%;
    display: block;
	box-sizing: border-box;
	padding: 0;
}

article .category-list form table tbody td {
	width: 100%;
    display: block;
	box-sizing: border-box;
	padding: 0;
}

article .category-list form table tbody tr a {
	box-sizing: border-box;
    padding: 10px;
  	display: block;
	width: 100%;
}

article .category-list form table tbody tr a:hover {
	background-color: #444;
}

article .category-list form table tbody tr:nth-child(even) {
	background-color: rgba(0,0,0,0.1);
}

article .category-list form table thead {
	display: none;
}


/* [-][-][-][-][-][-][-] Blog Pages [-][-][-][-][-][-][-] */

article .blog {
	background-color: #eee;
    margin-bottom: 20px;
	border: 1px solid #FECF27;
}

article .blog .page-header h2 {
  	background: #03263b;
	background: -moz-linear-gradient(left, #03263b 0%, #076195 50%, #03263b 100%);
	background: -webkit-linear-gradient(left, #03263b 0%,#076195 50%,#03263b 100%);
	background: linear-gradient(to right, #03263b 0%,#076195 50%,#03263b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03263b', endColorstr='#03263b',GradientType=1 );
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	display: block;
	font-size: 24px;
	font-weight: bold;
	padding: 14px 10px;
}  

article .blog .page-header h2 a {
	color: #fff;
}

article .blog .muted {
  	display: none;
}

article .blog div.items-leading:first-child {
	border: none;
  	padding: 0;
}

article .blog div.items-row {
    border: 0;
    height: auto;
}

article .blog div.items-row h3 {
	padding: 20px 20px 0;
    font-size: 18px;
    text-transform: uppercase;
}

article .blog div.items-row ol {
	padding: 10px 10px 0 10px;
} 

article .blog div.items-row ol li {
    padding: 8px 10px;
    list-style-type: decimal;
    list-style-position: inside;
  	line-height: 22px;
} 
  
article .blog img {
  	max-width: 100%;
  	height: auto;
}

article .blog div.items-leading:first-child p {
    padding: 10px 20px 0;
}

article .blog div.items-leading:first-child p img {
    padding: 10px 0 0;
}

article .blog .cat-children h3 {
    padding: 10px;
    text-align: center;
    background: #222222;
    background: -moz-linear-gradient(left, #222222 0%, #3e3e3e 50%, #222222 100%);
    background: -webkit-linear-gradient(left, #222222 0%,#3e3e3e 50%,#222222 100%);
    background: linear-gradient(to right, #222222 0%,#3e3e3e 50%,#222222 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#222222',GradientType=1 );
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;
}

article .blog .cat-children h3.page-header {
    background: none;
    padding: 0;
    text-transform: initial;
    font-size: 17px;
}

article .blog .cat-children div {
    border-top: 1px solid #444;
    background: #dddddd;
    background: -moz-linear-gradient(left, #dddddd 0%, #eeeeee 50%, #dddddd 100%);
    background: -webkit-linear-gradient(left, #dddddd 0%,#eeeeee 50%,#dddddd 100%);
    background: linear-gradient(to right, #dddddd 0%,#eeeeee 50%,#dddddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#dddddd',GradientType=1 );
    text-align: center;
}

article .blog .cat-children div a {
    display: block;
    width: 100%;
	padding: 10px;
	box-sizing: border-box;
}

article .blog .cat-children div a:hover {
	background-color: #444;
  	cursor: pointer;
}

/* [-][-][-][-][-][-][-] Reset Page [-][-][-][-][-][-][-] */

article .reset {
	background-color: #eee;
    margin-bottom: 20px;
	border: 1px solid #FECF27;
    padding: 20px;
}

article .reset fieldset p {
    line-height: 22px;
    margin-bottom: 20px;
}

article .reset .control-group .controls input {
    width: calc(100% - 30px);
    padding: 10px;
}

article .reset .control-group .control-label {
	padding: 0px 0px 10px 0px;
}

article .reset .control-group .btn-primary {
    background-color: #FBCC26;
    color: #fff;
    border: 0;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 0 0 6px rgba(0,0,0,0.5);
    padding: 10px 20px;
    height: 43px;
    text-transform: uppercase;
  	cursor: pointer;
}

article .reset .control-group .btn-primary:hover {
	background-color: #895809;
}

/* [-][-][-][-][-][-][-] Remind Page [-][-][-][-][-][-][-] */

article .remind {
	background-color: #eee;
    margin-bottom: 20px;
	border: 1px solid #FECF27;
    padding: 20px;
}

article .remind fieldset p {
    line-height: 22px;
    margin-bottom: 20px;
}

article .remind .control-group .controls input {
    width: calc(100% - 30px);
    padding: 10px;
}

article .remind .control-group .control-label {
	padding: 0px 0px 10px 0px;
}

article .remind .control-group .btn-primary {
    background-color: #FBCC26;
    color: #fff;
    border: 0;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 0 0 6px rgba(0,0,0,0.5);
    padding: 10px 20px;
    height: 43px;
    text-transform: uppercase;
  	cursor: pointer;
}

article .remind .control-group .btn-primary:hover {
	background-color: #895809;
}

/* [-][-][-][-][-][-][-] Login Page [-][-][-][-][-][-][-] */

article .login {
  	background-color: #eee;
    margin-bottom: 20px;
	border: 1px solid #FECF27;
    padding: 20px;
}

article ul.nav-tabs {
	background-color: #eee;
    margin-bottom: 20px;
	border: 1px solid #FECF27;
    padding: 20px;
}

article .login .control-group .control-label {
	padding: 10px 0px 0px 10px;
}

article .login .control-group .controls {
    padding: 10px;
}

article .login .control-group .controls input {
    width: calc(100% - 30px);
    padding: 10px;
}

article ul.nav-tabs li {
	margin-left: 20px;
}

article .login .control-group .btn-primary {
    background-color: #FBCC26;
    color: #fff;
    border: 0;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 0 0 6px rgba(0,0,0,0.5);
    padding: 10px 20px;
    height: 43px;
    text-transform: uppercase;
  	cursor: pointer;
}

article .login .control-group .btn-primary:hover {
	background-color: #895809;
}

article .login .control-group input#remember {
    width: 20px;
    height: 20px;
    margin: 0;
}

/* [-][-][-][-][-][-][-] Logout Page [-][-][-][-][-][-][-] */

article .logout {
  	background-color: #eee;
    margin-bottom: 20px;
	border: 1px solid #FECF27;
    padding: 20px;
}

/* [-][-][-][-][-][-][-] Profile Page [-][-][-][-][-][-][-] */

article .profile {
  	background-color: #eee;
    margin-bottom: 20px;
	border: 1px solid #FECF27;
    padding: 20px;
}

article .profile fieldset {
    padding: 20px;
    border: 1px solid #444;
    margin-top: 20px;
}

article .profile fieldset legend {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    padding: 0 10px;
}

article .profile fieldset dl dt {
    padding: 10px 0;
    font-size: 18px;
    font-weight: bold;
}

article .profile fieldset dl dd {
  
}


/* [-][-][-][-][-][-][-] Profile Edit Page [-][-][-][-][-][-][-] */

article .profile-edit {
	background-color: #eee;
    margin-bottom: 20px;
	border: 1px solid #FECF27;
    padding: 20px;
}

article .profile-edit fieldset {
    border: 1px #444 solid;
    margin-bottom: 20px;
    padding: 20px;
}

article .profile-edit fieldset legend {
	padding: 0 10px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
}

article .profile-edit .control-group:nth-child(odd) {
	background-color: rgba(0,0,0,0.05);
}

article .profile-edit .control-group .control-label {
	padding: 10px 0px 0px 10px;
}

article .profile-edit .control-group .controls {
    padding: 10px;
}

article .profile-edit .control-group .controls input {
    width: calc(100% - 30px);
    padding: 10px;
}

article .profile-edit .control-group .controls textarea {
  	width: calc(100% - 30px);
    padding: 10px;
}

article .profile-edit .control-group .btn-primary {
    background-color: #FBCC26;
    color: #fff;
    border: 0;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 0 0 6px rgba(0,0,0,0.5);
    padding: 10px 20px;
    height: 43px;
    text-transform: uppercase;
  	cursor: pointer;
}

article .profile-edit .control-group .btn-primary:hover {
	background-color: #895809;
}

/* [-][-][-][-][-][-][-] Registration Page [-][-][-][-][-][-][-] */

article .registration {
	background-color: #eee;
    margin-bottom: 20px;
	border: 1px solid #FECF27;
    padding: 20px;
}

article .registration #member-registration fieldset {
    border: 1px #444 solid;
    margin-bottom: 20px;
    padding: 20px;
}

article .registration #member-registration fieldset legend {
	padding: 0 10px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
}

article .registration #member-registration .control-group:nth-child(odd) {
	background-color: rgba(0,0,0,0.05);
}

article .registration #member-registration .control-group .control-label {
	padding: 10px 0px 0px 10px;
}

article .registration #member-registration .control-group .controls {
    padding: 10px;
}

article .registration #member-registration .control-group .controls input {
    width: calc(100% - 30px);
    padding: 10px;
}

article .registration #member-registration .control-group .controls textarea {
  	width: calc(100% - 30px);
    padding: 10px;
}

article .registration #member-registration .control-group .btn-primary {
    background-color: #FBCC26;
    color: #fff;
    border: 0;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 0 0 6px rgba(0,0,0,0.5);
    padding: 10px 20px;
    height: 43px;
    text-transform: uppercase;
  	cursor: pointer;
}

article .registration #member-registration .control-group .btn-primary:hover {
	background-color: #895809;
}
  
/* [-][-][-][-][-][-][-] Search Page [-][-][-][-][-][-][-] */

.search #searchForm {
    background-color: #eee;
    margin-bottom: 20px;
	border: 1px solid #FECF27;
    padding: 20px;
}

.search .btn-group {
  	width: 100%;
}

.search #searchForm .searchintro {
	margin-bottom: 10px;
}  

.search #searchForm .phrases-box label {
	margin-right: 20px;
}

.search #searchForm .phrases-box label input {
  	margin: 0 10px 0 0;
}

.search #searchForm .phrases-box {
    padding: 10px;
    border-bottom: 1px #444 dashed;
    margin-bottom: 10px;
}

.search #searchForm .ordering-box {
    padding: 10px 10px 20px 0px;
    border-bottom: 1px #444 dashed;
    margin-bottom: 10px;
}

.search #searchForm .counter {
	font-size: 13px;
}

.search #searchForm .ordering-box .chzn-single {
  	width: 170px;
  	margin-left: 5px;
} 

.search #searchForm .only {
    padding: 10px 0;
    border-bottom: 1px #444 dashed;
    margin-bottom: 10px;
}

.search #searchForm .form-limit {
    padding: 10px 0;
    border-bottom: 1px #444 dashed;
    margin-bottom: 20px;
}

.search .btn-group .inputbox {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
}

.search .btn-group .btn {
    width: auto;
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
}

.search .search-results {
	background-color: #eee;
	padding: 20px;
	border: 1px solid #FECF27;
	margin-bottom: 20px;
}

.search .search-results .result-title {
    margin-bottom: 5px;
    font-size: 18px;
}

.search .search-results .result-category {
    font-size: 13px;
    margin-bottom: 5px;
}

.search .search-results .result-text {
    font-size: 16px;
    line-height: 22px;
}

.search .search-results .result-created {
    margin: 5px 0 25px 0;
    font-size: 13px;
    font-weight: bold;
}

span.highlight {
    background-color: #FECF27;
    font-weight: bold;
    padding: 2px 4px;
}

/* [-][-][-][-][-][-][-] Archived [-][-][-][-][-][-][-] */

article .archive #archive-items {
    background-color: #ddd;
    padding: 20px;
    border: 1px solid #FECF27;
    margin-bottom: 20px;
}

article .archive #archive-items .page-header {
    display: block;
    text-align: center;
    padding: 15px;
    background: #03263b;
    background: -moz-linear-gradient(left, #03263b 0%, #076195 50%, #03263b 100%);
    background: -webkit-linear-gradient(left, #03263b 0%,#076195 50%,#03263b 100%);
    background: linear-gradient(to right, #03263b 0%,#076195 50%,#03263b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03263b', endColorstr='#03263b',GradientType=1 );
    font-size: 18px;
}

article .archive #archive-items .page-header a {
  	color: #fff;
}

article .archive #archive-items .published {
    background: #222222;
    background: -moz-linear-gradient(left, #222222 0%, #3e3e3e 50%, #222222 100%);
    background: -webkit-linear-gradient(left, #222222 0%,#3e3e3e 50%,#222222 100%);
    background: linear-gradient(to right, #222222 0%,#3e3e3e 50%,#222222 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#222222',GradientType=1 );
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 14px;
}

article .archive #archive-items .intro {
	padding: 10px;
	border: 1px solid #444;
    margin-bottom: 20px;
    background-color: #eee;
}
  
article .archive #archive-items dt.article-info-term {
  	display: none;
}

article .archive .filters {
    margin-bottom: 20px;
    padding: 20px;
    background: #222222;
	background: -moz-linear-gradient(left, #222222 0%, #3e3e3e 50%, #222222 100%);
	background: -webkit-linear-gradient(left, #222222 0%,#3e3e3e 50%,#222222 100%);
	background: linear-gradient(to right, #222222 0%,#3e3e3e 50%,#222222 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#222222',GradientType=1 );
    border: 1px solid #FECF27;
}

article .archive .filters br {
	display: none;  
}

article .archive .filters .chzn-container {
    width: 25% !important;
}

article .archive .filters .btn-primary {
  	background-color: #FBCC26;
    width: 20%;
    color: #fff;
    border: none;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 0 0 10px rgba(0,0,0,0.5);
    padding: 3px;
    float: right;
    cursor: pointer;
    text-transform: uppercase;
}

article .archive .filters .btn-primary:hover {
  	background-color: #895709;
}

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] WRAPPER [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

.wrapper {
	width: 1400px;
	margin: 0 auto;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

.hide {
	display: none;
}

.buffer {
	box-sizing: border-box;
	padding: 0 20px;
}

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] STYLES [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

body {
	margin: 0;
	font-family: "Lato", sans-serif;
	background-color: #111722;
	font-size: 16px;
}

a:link {
	text-decoration: none;
	color: #0693e3;
	font-weight: bold;
}

a:visited {
	text-decoration: none;
	color: #0693e3;
	font-weight: bold;	
}

a:active {
	text-decoration: none;
	color: #0693e3;
	font-weight: bold;	
}

a:hover {
	text-decoration: none;
	color: #fecf27;
	font-weight: bold;	
}

p {
	font-family: Arial, Helvetica, sans-serif;
}

.gold {
	color: #fecf27 !important;
}

.selected {
	background: #fecf27 !important;
}

h4 {
	border-bottom: 1px solid #fecf27;
	background: #222222;
	background: -moz-linear-gradient(left,  #222222 0%, #3e3e3e 50%, #222222 100%);
	background: -webkit-linear-gradient(left,  #222222 0%,#3e3e3e 50%,#222222 100%);
	background: linear-gradient(to right,  #222222 0%,#3e3e3e 50%,#222222 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#222222',GradientType=1 );
	display: block;
	font-size: 12px;
	font-weight: bold;
	width: 100%;
	color: #fff;
	padding: 5px 0;
	text-align: center;
	text-transform: uppercase;
}

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] COUNTDOWN MODULE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

.scd-all-wrapper {
    width: 100%;
    font-size: inherit;
    display: flex !important;
}

.scd-title-row {
    float: none;
    margin: 0 0.6vw 0 0;
    text-align: left;
    background-image: url(../images/clock.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 48px;
    max-height: 40px;
    flex-shrink: 2;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.scd-counter-row {
    float: none;
    margin: 0 0 0 5px;
    display: flex;
}

.scd-digits-row {
    float: none;
    text-align: center;
}

.scd-label-row {
    float: none;
    text-align: center;
    margin: 4px 0.3em;
}

#smartcountdown-512-title-after {
  	display: none;
}

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] SEARCH MODULE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

.search .element-invisible {
  	display: none;
}

.search input.search-query {
    width: calc(100% - 64px);
    box-sizing: border-box;
    margin-right: 10px;
    height: 42px;
    margin-top: -7px;
  	-webkit-appearance: none;
}

.search button.btn {
    width: 49px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 8px;
    box-sizing: border-box;
    font-size: 20px;
    text-transform: uppercase;
    border: none;
    margin: 0px 0;
    background-color: #FBCC26;
    text-shadow: 0 0 8px rgba(0,0,0,0.5);
    height: 42px;
}

.search button.btn:hover {
	background-color: #8a5809;
  	cursor: pointer;
}

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] LATEST NEWS MODULE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

ul.latestnews {
  
}

ul.latestnews li {
    list-style: none;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
}

ul.latestnews li:nth-child(odd) {
  	background-color: rgba(0,0,0,0.5);
}

ul.latestnews li a {
    color: #fff;
    display: block;
    width: 100%;
    display: flex;
}

ul.latestnews li a:hover {
  	color: #FBCC26;
}

div.imageContainer {
    border: 1px solid #FBCC26;
    height: 60px;
    min-width: 60px;
    background-position: 50%;
    background-size: cover;
}

div.information {
    margin-left: 10px;
    font-size: 16px;
    line-height: 20px;
}

div.information p.date {
    font-weight: normal;
    margin-top: 2px;
    color: #ccc;
    font-size: 14px;
}

aside #latestnews .btn {
    background-color: #FBCC26 !important;
    color: #ffffff !important;
    width: calc(100% - 20px);
    box-sizing: border-box;
    border-radius: 0;
    padding: 16px;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    margin: 10px auto;
    display: block;
    box-sizing: border-box;
}

aside #latestnews .btn:hover {
    background-color: #8a5809 !important;
}

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] HUD ELEMENTS [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

#loginhud {
    min-height: 220px;
    background: -moz-linear-gradient(left, #721f00 0%, #a42c00 50%, #721f00 100%);
    background: -webkit-linear-gradient(left, #721f00 0%,#a42c00 50%,#721f00 100%);
    background: linear-gradient(to right, #721f00 0%,#a42c00 50%,#721f00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#721f00', endColorstr='#721f00',GradientType=1 );
    border: 1px solid #fecf27;
    z-index: 20;
    position: fixed;
    min-width: 300px;
    right: 50%;
    top: 75px;
    margin-right: -680px;
	box-shadow: 0 0 15px rgba(0,0,0,0.75);
}

.login-greeting {
    display: block;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    background-color: #444;
    margin-bottom: 20px;
}

.logout-button .btn-primary {
    margin: 0 10px;
    width: calc(100% - 20px);
    background-color: #FECF27;
    border: none;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px;
    box-sizing: border-box;
    text-shadow: 0 0 8px rgba(0,0,0,0.8);
}

.logout-button .btn-primary:hover {
	background-color: #865509;
  	cursor: pointer;
}

.logout-button input.btn-primary::before {
    content: "Glad to see you again! If you have any questions, don't forget there is the chat feature. If we aren't on, you can always reach an admin by visiting the contact page. Have a good time!";
    display: block;
    width: 300px;
    box-sizing: 100%;
    color: #fff;
    margin: 0 auto;
    padding: 10px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 19px;
}

#mobilehud {
	display: none;
}

/* [-][-][-][-][-][-][-] LOG IN STYLES [-][-][-][-][-][-][-] */

.userdata {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
}

.userdata .input-prepend {
  	margin-bottom: 10px;
}

.userdata .add-on label {
    color: #fff;
    width: 90px;
    display: inline-block;
}

.userdata input.input-small {
    width: calc(100% - 104px);
    height: 25px;
}

label.control-label {
  	color: #fff;
}

.userdata ul {
  
}

.userdata ul li {
  	list-style: none;
}

.userdata ul li a {
  	color: #fff;
}

.userdata ul li a:hover {
  	color: #FBCC26;
}

.userdata button.btn {
    width: 100%;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 12px;
    box-sizing: border-box;
    font-size: 20px;
    text-transform: uppercase;
    border: none;
    margin: 10px 0;
    background-color: #FBCC26;
    text-shadow: 0 0 8px rgba(0,0,0,0.5);
}

.userdata button.btn:hover {
	background-color: #8a5809;
  	cursor: pointer;
}

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] ID STYLES and HTML 5 ELEMENTS [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

#mainimage {
    height: 75px;
    width: 100%;
    background-image: url(../images/bgcity.jpg);
    background-size: cover;
  	position: fixed;
  	top: 0;
	z-index: 3;
}

header {
	width: 100%;
	height: 75px;
	position: fixed;
	top: 0;
	z-index: 4;
}

#screen {
	width: 100%;
	height: 75px;
	position: fixed;
	top: 0;
	z-index: 1;
	background-color: rgba(0,0,0,0.4);
}

#social {
    width: 33%;
    float: none;
    text-align: left;
    box-sizing: border-box;
    padding-left: 20px;
    display: inline-block;
    vertical-align: middle;
}

#social a {
	margin-right: 5px;
}

#logo {
    text-align: center;
    width: 34%;
    float: none;
    font-weight: bold;
    position: relative;
    z-index: 4;
    box-sizing: border-box;
    padding: 0px 8px 0;
    display: inline-block;
    vertical-align: middle;
}

#logo a {
	position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

#login {
    width: 33%;
    float: none;
    text-align: right;
    color: #fff;
    line-height: 75px;
    box-sizing: border-box;
    padding-right: 20px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}

.logintarget {
    cursor: pointer;
    border: 1px solid #fff;
    padding: 5px 10px;
    background-color: rgba(0,0,0,0.5);
}

.logintarget:hover {
	background-color: #fecf27;
  	text-shadow: 0 0 10px rgba(0,0,0,0.75);
}

#supergirl {
    display: none;
}

/* [-][-][-][-][-][-][-] Target Styles [-][-][-][-][-][-][-] */

.twittertarget {
	display: none;
}

.latestnewstarget {
	display: none;
}

.searchtarget {
	display: none;
}

.pollstarget {
	display: none;
}

.affiliatestarget {
	display: none;
}

/* [-][-][-][-][-][-][-] Animation Fixed Styles [-][-][-][-][-][-][-] */

.cityfixed {
	background-position: 100% -104.33px !important; 
}

.supergirlfixed {
	background-position: 44.7% -389.33px !important;
}

.fixed {
	position: fixed;
	top: -313px;
	z-index: 3;
}

.actionfixed {
	position: fixed !important;
	top: 125px;
}

.mainbump {
	margin-top: 514px;
}

.navfix {
	position: fixed;
	top: 75px;
	z-index: 9;
}

/* [-][-][-][-][-][-][-] Nav Section [-][-][-][-][-][-][-] */

nav {
	background: #721f00;
	background: -moz-linear-gradient(left,  #721f00 0%, #a42c00 50%, #721f00 100%);
	background: -webkit-linear-gradient(left,  #721f00 0%,#a42c00 50%,#721f00 100%);
	background: linear-gradient(to right,  #721f00 0%,#a42c00 50%,#721f00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#721f00', endColorstr='#721f00',GradientType=1 );
	height: 48px;
	width: 100%;
	border-top: 1px solid #fecf27;
	border-bottom: 1px solid #fecf27;
	z-index: 3;
  	position: fixed;
  	top: 75px;
}

.navclose {
	display: none;
}

nav ul {
	text-align: center;
}

nav ul .tabletsocial {
	display: none;
}

nav ul li {
    display: inline-block;
    font-weight: bold;
    color: #fff;
    margin: 7px 0;
}

nav ul li ul {
	display: none !important;
}  

nav ul li ul li {
	display: none;
}  
  
nav ul li img {
    vertical-align: -6px;
	padding-right: 4px;
	height: auto;
	width: 25px;
}

nav ul li a:link {
    color: #fff;
    text-decoration: none;
    padding: 6px 14px;
    display: block;
    font-size: 17px;
}

nav ul li a:visited {
	color: #fff;
	text-decoration: none;
}

nav ul li a:active {
	color: #fff;
	text-decoration: none;
}

nav ul li a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #fecf27;
	text-shadow: 0 0 5px rgba(0,0,0,0.75)
}

nav ul li:not(:first-child) {
	border-left: 1px solid #fff;
}

.navbars {
	display: none;
}

.loginmobile {
  	display: none;
}

/* [-][-][-][-][-][-][-] Action Bar Section [-][-][-][-][-][-][-] */

#actionbar {
	width: 100%;
	height: 75px;
	border-bottom: 1px solid #fecf27;
	background: #222222;
	background: -moz-linear-gradient(left,  #222222 0%, #3e3e3e 50%, #222222 100%);
	background: -webkit-linear-gradient(left,  #222222 0%,#3e3e3e 50%,#222222 100%);
	background: linear-gradient(to right,  #222222 0%,#3e3e3e 50%,#222222 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#222222',GradientType=1 );
	position: fixed;
	z-index: 3;
	box-shadow: 0 10px 10px rgba(0,0,0,0.5);
  	top: 125px;
}

#actionbar .cell {
    width: 33.33%;
    float: left;
    box-sizing: border-box;
    min-height: 41px;
    margin: 17px 0;
    padding: 0 20px;
  	max-height: 41px;
}

#actionbar .cell:not(:first-child) {
	border-left: 1px solid #fff;
}

/* [-][-][-][-][-][-][-] Main Section [-][-][-][-][-][-][-] */

main {
	width: 100%;
	background: #243149;
    background-image: radial-gradient(ellipse at center,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.8) 100%),url(../images/bg_texture.png),linear-gradient(to right,#243149 0%,#257fbf 50%,#243149 100%);
    background-image: -moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.8) 100%),url(../images/bg_texture.png),-moz-linear-gradient(left,#243149 0%,#257fbf 50%,#243149 100%);
    background-image: -webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.8) 100%),url(../images/bg_texture.png),-webkit-linear-gradient(left,#243149 0%,#257fbf 50%,#243149 100%);
    background-repeat: no-repeat,repeat,no-repeat;
    background-blend-mode: normal,overlay,normal;
    background-attachment: fixed,fixed,fixed;
    background-position: top,top,top;
    padding-bottom: 20px;
  	margin-top: 200px;
}

article {
	float: left;
	width: 54.4%;
	margin: 20px 1.3% 0;
	font-family: Arial, Helvetica, sans-serif;
}

article .moduletable + p {
  	padding: 0;
}

aside {
	width: 21.5%;
	min-height: 20px;
	padding-top: 20px;
}

main .left {
	float: left;
}

main .right {
	float: right;	
}

aside #latestnews {
	background: #721f00;
	background: -moz-linear-gradient(left,  #721f00 0%, #a42c00 50%, #721f00 100%);
	background: -webkit-linear-gradient(left,  #721f00 0%,#a42c00 50%,#721f00 100%);
	background: linear-gradient(to right,  #721f00 0%,#a42c00 50%,#721f00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#721f00', endColorstr='#721f00',GradientType=1 );
	width: 100%;
	border: 1px solid #fecf27;
	box-sizing: border-box;
	display: block;
}

aside #latestnews .archived {
    padding: 10px;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
}

aside #latestnews hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #fff;
    margin: 5px 10px;
    padding: 0;
}

aside #polls {
	background: #064e77;
	background: -moz-linear-gradient(left,  #064e77 0%, #076195 50%, #064e77 100%);
	background: -webkit-linear-gradient(left,  #064e77 0%,#076195 50%,#064e77 100%);
	background: linear-gradient(to right,  #064e77 0%,#076195 50%,#064e77 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#064e77', endColorstr='#064e77',GradientType=1 );
	width: 100%;
	border: 1px solid #fecf27;
	box-sizing: border-box;
	margin-bottom: 20px;
	display: block;
}

aside #affiliates {
	background: #064e77;
	background: -moz-linear-gradient(left,  #064e77 0%, #076195 50%, #064e77 100%);
	background: -webkit-linear-gradient(left,  #064e77 0%,#076195 50%,#064e77 100%);
	background: linear-gradient(to right,  #064e77 0%,#076195 50%,#064e77 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#064e77', endColorstr='#064e77',GradientType=1 );
	width: 100%;
	border: 1px solid #fecf27;
	box-sizing: border-box;
	display: block;
}

aside #affiliates p {
    color: #fff;
    padding: 0 10px 10px;
    font-size: 12px;
    line-height: 14px;
    font-style: italic;
}

aside #affiliates img {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    margin: 0px 10px 10px;
    box-sizing: border-box;
}

aside h3 {
    display: block;
    color: #fff;
    padding: 19px 0 0px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    background-image: #222222;
    background-image: -moz-linear-gradient(left, #222222 0%, #3e3e3e 50%, #222222 100%);
    background-image: -webkit-linear-gradient(left, #222222 0%,#3e3e3e 50%,#222222 100%);
    background-image: linear-gradient(to right, #222222 0%,#3e3e3e 50%,#222222 100%);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% 45px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#222222',GradientType=1 );
    box-sizing: border-box;
    margin-bottom: 10px;
    height: 66px;
}

aside h3::after {
    background-image: url(../images/triangle.png);
    height: 22px;
    width: 100%;
    background-size: 100% 22px;
    display: block;
    content: "";
    margin-top: 10px;
  	background-repeat: no-repeat;
}

/* [-][-][-][-][-][-][-] Primary Articles [-][-][-][-][-][-][-] */

.jcomments-links a {
  	color: #fff;
}

.jcomments-links a:hover {
  	color: #F2C525;
}

article div.items-leading:first-child .jcomments-links {
    margin-top: 10px;
    clear: both;
    text-align: left;
    position: absolute;
    bottom: 0;
    width: calc(100% + 40px);
    background: #222222;
    background: -moz-linear-gradient(left, #222222 0%, #3e3e3e 50%, #222222 100%);
    background: -webkit-linear-gradient(left, #222222 0%,#3e3e3e 50%,#222222 100%);
    background: linear-gradient(to right, #222222 0%,#3e3e3e 50%,#222222 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#222222',GradientType=1 );
    padding: 10px 20px;
    box-sizing: border-box;
    left: 0;
    right: 0;
    position: relative;
    margin-left: -20px;
}

article div.items-leading:first-child {
    background-color: #eee;
    margin-bottom: 20px;
    box-sizing: border-box;
    border: 1px solid #FBCC26;
}

article div.items-leading:first-child .item-image {
    text-align: center;
    margin: 20px auto 10px;
}

article div.items-leading:first-child .item-image img {
	border: 5px solid #fff;
	height: auto;
	max-width: 100%;
	box-sizing: border-box;
}

article div.items-leading:first-child .intro {
    padding: 0 20px;
}

article .blog-featured h2 {
	background: #03263b;
	background: -moz-linear-gradient(left,  #03263b 0%, #076195 50%, #03263b 100%);
	background: -webkit-linear-gradient(left,  #03263b 0%,#076195 50%,#03263b 100%);
	background: linear-gradient(to right,  #03263b 0%,#076195 50%,#03263b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03263b', endColorstr='#03263b',GradientType=1 );
	text-transform: uppercase;
	color: #fff;
    text-align: center;
    display: block;
    font-size: 24px;
	font-weight: bold;
    padding: 14px 10px;
}

article .blog-featured h2 a {
    color: #fff;
    z-index: 2;
    position: relative;
}

article .blog-featured h3 {
	background: #222222;
	background: -moz-linear-gradient(left,  #222222 0%, #3e3e3e 50%, #222222 100%);
	background: -webkit-linear-gradient(left,  #222222 0%,#3e3e3e 50%,#222222 100%);
	background: linear-gradient(to right,  #222222 0%,#3e3e3e 50%,#222222 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#222222',GradientType=1 );
	text-transform: uppercase;
	color: #fff;
    text-align: center;
	font-size: 16px;
	padding:10px;
	margin-bottom: 20px;
	font-weight: normal;
}

article div.intro ol {
	margin: 0 20px;
    line-height: 22px;
}

article div.intro ol li {
  	margin-bottom: 20px;
}

article div.items-leading:first-child p {
	padding: 0 0px 20px;
	line-height: 24px;
}

article div.items-leading:first-child q {
    display: block;
    background-color: #ddd;
    padding: 20px 50px;
	background-image: url(../images/quotetop.png), url(../images/quotebottom.png);
	background-repeat: no-repeat, no-repeat;
	background-position: top left, bottom right;
}

/* [-][-][-][-][-][-][-] Secondary Articles [-][-][-][-][-][-][-] */

article div.items-row .jcomments-links {
    margin-top: 10px;
    clear: both;
    text-align: left;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
    box-sizing: border-box;
    padding: 10px 10px;
    background: #222222;
    background: -moz-linear-gradient(left, #222222 0%, #3e3e3e 50%, #222222 100%);
    background: -webkit-linear-gradient(left, #222222 0%,#3e3e3e 50%,#222222 100%);
    background: linear-gradient(to right, #222222 0%,#3e3e3e 50%,#222222 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#222222',GradientType=1 );
}


article div.items-row {
    background-color: #eee;
    margin-bottom: 20px;
    box-sizing: border-box;
    border: 1px solid #FBCC26;
    overflow: hidden;
    height: 326px;
	position: relative;
}

article div.items-row::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 36px;
    left: -20px;
    right: -20px;
    box-shadow: 0 -20px 20px rgba(238,238,238,0.75) inset;
}

article div.items-row:nth-child(even) .item-image {
    float: none;
    position: relative;
    width: 400px;
    z-index: 2;
    margin: 20px auto 10px;
    border: 5px solid #fff;
}


article div.items-row:nth-child(odd) .item-image {
    float: none;
    position: relative;
    width: 400px;
    z-index: 2;
    margin: 20px auto 10px;
    border: 5px solid #fff;
}

article div.items-row:nth-child(odd) .item-image img {
	width: 100%;
	height: 100%;
}

article div.items-row:nth-child(even) .item-image img {
	width: 100%;
	height: 100%;
}

article div.items-row h3 {
	margin-bottom: 0;
}

article div.items-row p {
    padding: 10px 20px 0;
    line-height: 24px;
}

article div.items-row q {
    display: block;
    background-color: #ddd;
    padding: 20px 50px;
	background-image: url(../images/quotetop.png), url(../images/quotebottom.png);
	background-repeat: no-repeat, no-repeat;
	background-position: top left, bottom right;
}

/* [-][-][-][-][-][-][-] Pagination Section [-][-][-][-][-][-][-] */

.pagination {
    background: #222222;
	background: -moz-linear-gradient(left,  #222222 0%, #3e3e3e 50%, #222222 100%);
	background: -webkit-linear-gradient(left,  #222222 0%,#3e3e3e 50%,#222222 100%);
	background: linear-gradient(to right,  #222222 0%,#3e3e3e 50%,#222222 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#222222',GradientType=1 );
    border: 1px solid #FBCC26;
}

.pagination p {
    float: none;
    text-align: center;
    color: white;
    margin-top: 7px;
    margin-bottom: 7px;
}

.pagination ul {
    padding: 0px;
    list-style: none;
    margin: 0;
    background: #e3e3e3;
    text-align: center;
}

.pagination ul li {
    padding: 4px;
    display: inline-block;
    margin: 5px 0;
}

.pagination ul li a {
    background: #A42C00;
    color: #ffffff;
    text-decoration: none;
    padding: 7px 10px;
}

.pagination ul li a:hover {
  	background-color: #FBCC26;
  	color: #fff;
}

.pagination a {
    text-align: center;
    display: block;
    box-sizing: border-box;
    padding: 10px;
    color: #fff;
}

.pagination a:hover {
	color: #FECF27;
}

/* [-][-][-][-][-][-][-] Footer Section [-][-][-][-][-][-][-] */

footer {
	background: #222222;
	background: -moz-linear-gradient(left,  #222222 0%, #3e3e3e 50%, #222222 100%);
	background: -webkit-linear-gradient(left,  #222222 0%,#3e3e3e 50%,#222222 100%);
	background: linear-gradient(to right,  #222222 0%,#3e3e3e 50%,#222222 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#222222',GradientType=1 );
	width: 100%;
	min-height: 50px;
	border-top: #fecf27 solid 1px;
	padding: 20px 20px 40px;
	box-sizing: border-box;
}

footer .footercontainer {
    background-image: url(../images/footerlines.png);
    background-repeat: repeat-y;
    background-size: contain;
}

footer .cell {
	box-sizing: border-box;
	width: 25%;
	min-height: 10px;
	float: left;
	padding: 0 20px;
}

footer .cell h3 {
	color: #fff;
	text-align: center;
	padding-bottom: 20px;
	text-transform: uppercase;
	font-size: 18px;
}

footer .cell .left {
	float: left;
}

footer .cell .right {
	float: right;
}

footer .cell p {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

footer .cell ul {
	
}

footer .cell ul li {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 15px;
	font-size: 14px;
	line-height: 20px;
	margin-top: 6px;
}

footer #copyright {
	text-align: center;
	color: #fff;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 40px;
}

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

@media all and (max-width: 1400px) and (min-width: 1025px) {

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] WRAPPER [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

.wrapper {
	width: 100%;
}

#loginhud {
    margin-right: -48.57vw;
}

/* [-][-][-][-][-][-][-] Header Section [-][-][-][-][-][-][-] */

#logo img {
	width: 100%;
	height: 100%;
}

.logintarget {
    cursor: pointer;
    font-size: 14px;
}

/* [-][-][-][-][-][-][-] Nav Section [-][-][-][-][-][-][-] */

nav ul li a:link {
    padding: 8px 0.86vw;
    font-size: 1.14vw;
}
  
nav ul li img {
    width: 23px;
}  
  
nav ul li {
    margin: 6px 0;
}  
  
/* [-][-][-][-][-][-][-] Action Bar Section [-][-][-][-][-][-][-] */  
  
#actionbar .cell {
    padding: 0 1.43vw;
}  
  
/* [-][-][-][-][-][-][-] Countdown Module [-][-][-][-][-][-][-] */    
  
.scd-digits-row {
    float: none;
    text-align: center;
    min-width: 29px;
}  
  
.scd-digit {
    display: inline-block;
    position: relative;
    overflow: hidden;
    font-size: 1.43vw !important;
}
  
.scd-label-row {
    float: none;
    text-align: center;
    margin: 3px 0;
    min-width: 100% !important;
    font-size: 1vw !important;
}  

/* [-][-][-][-][-][-][-] Main Section [-][-][-][-][-][-][-] */
  
div.information {
    margin-left: 10px;
    font-size: 1.14vw;
    line-height: 20px;
}  

article div.items-leading:first-child .intro p {
	line-height: 1.71vw;
	font-size: 1.14vw;
}

article div.items-leading:first-child .intro q {
	font-size: 1.14vw;
}

article div.items-row:nth-child(odd) .item-image {
	width: 54%;
}

article div.items-row:nth-child(even) .item-image {
	width: 54%;
}

/* [-][-][-][-][-][-][-] Secondary Articles [-][-][-][-][-][-][-] */
  
article div.items-row::after {
    bottom: 2.57vw;  
}
  
article div.items-row .jcomments-links {
    margin-top: 0.714vw;
    clear: both;
    text-align: left;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
    box-sizing: border-box;
    padding: 0.714vw 0.714vw;
    background: #222222;
    background: -moz-linear-gradient(left, #222222 0%, #3e3e3e 50%, #222222 100%);
    background: -webkit-linear-gradient(left, #222222 0%,#3e3e3e 50%,#222222 100%);
    background: linear-gradient(to right, #222222 0%,#3e3e3e 50%,#222222 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#222222',GradientType=1 );
  	font-size: 1.142vw;
}  
  
article div.items-row p {
    padding: 1.43vw 1.43vw 0;
    line-height: 1.714vw;
    font-size: 1.142vw;
}

article div.items-row {
    height: 23.06vw;
}

article .blog-featured h2 {
    font-size: 1.71vw;
    padding: 1.14vw 0.714vw 0.714vw;
}

article .blog-featured h3 {
	font-size: 1.14vw;
	padding: 0.714vw;
	margin-bottom: 1.43vw;
}

/* [-][-][-][-][-][-][-] Footer Section [-][-][-][-][-][-][-] */

footer .cell p {
	font-size: 1vw;
	line-height: 1.43vw;
}

footer .cell ul li {
	margin-left: 1.07vw;
	font-size: 1vw;
	line-height: 1.43vw;
	margin-top: 0.43vw;
}

footer .cell h3 {
	padding-bottom: 1.43vw;
	font-size: 1.285vw;
}

footer #copyright {
	font-size: 11px;
}

}

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

@media all and (max-width: 1024px) and (min-width: 600px) {

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] WRAPPER [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

.wrapper {
	width: 100%;
}

#loginhud {
    margin-right: -48.57vw;
}

.buffer {
	box-sizing: border-box;
	padding: 0px;
}

#social img {
    display: none;
}

#mainimage {
    background-size: 1200px;
  	position: relative;
}

#social {
    width: 23%;
}

#logo {
    width:54%;
}

#logo img {
	padding: 0 8%;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

#login {
    width: 23%;
    font-size: 14px;
}
  
header {
    position: absolute;
}
  
nav {
    position: relative;
    top: 0;
}
  
#actionbar {
    position: relative;
    top: 0;
  	z-index: 2;
}  
  
#screen {
    position: absolute;
}  
  
/* [-][-][-][-][-][-][-] Countdown Module [-][-][-][-][-][-][-] */    

.scd-all-wrapper {
    max-width: 330px;
    font-size: inherit;
    display: flex !important;
    margin: 0 auto;
}  
  
.scd-digits-row {
    float: none;
    text-align: center;
    min-width: 29px;
}  
  
.scd-digit {
    display: inline-block;
    position: relative;
    overflow: hidden;
    font-size: 20px !important;
}
  
.scd-title-row {
    float: none;
    margin: 0 0.6vw 0 0;
    text-align: left;
    background-image: url(../images/clock.png);
    background-repeat: no-repeat;
    padding-left: 32px;
    max-height: 60px;
    flex-shrink: 2;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    background-size: 24px;
    background-position: 0px 9px;
    font-size: 12px !important;
    min-width: 60px;
    padding-top: 5px;
}
  
.scd-counter-row {
    float: none;
    margin: 0 0 0 5px;
    display: flex;
    padding-top: 3px;
}  
  
.scd-label-row {
    float: none;
    text-align: center;
    margin: 3px 0;
    min-width: 100% !important;
    font-size: 10px !important;
}  

/* [-][-][-][-][-][-][-] Action Bar [-][-][-][-][-][-][-] */  
  
#actionbar .cell {
    width: 50%;
  	padding: 0 10px;
}  

  
#actionbar .cell:nth-child(3) {
    display: none;
}   
  
/* [-][-][-][-][-][-][-] Nav Styles [-][-][-][-][-][-][-] */

.navbars {
    display: block;
    position: absolute;
    right: 0px;
    cursor: pointer;
    padding: 5px;
    height: 38px;
    background-image: url(../images/navbars.png);
    background-repeat: no-repeat;
    width: 100px;
    background-position: right 5px;
    color: #fff;
    font-weight: bold;
    line-height: 38px;
}

.navbars:hover {
	background-color: #fecf27;
}

.navbars img {
	height: 100%;
	width: 100%;
}

.navclose {
    display: block;
    position: fixed;
    top: 0;
    background: #a42c00;
    height: 43px;
    width: 43px;
    z-index: 60;
    right: 271px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
	cursor: pointer;
	background-image: url(../images/close-x.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.navclose:hover {
	background-color: #fecf27;
}

nav ul {
    position: fixed;
    top: 0;
    width: 270px;
    right: 0;
    background: #000000;
    z-index: 50;
    height: 100%;
	display: none;
	border-left: 1px solid #fff;
	box-shadow: 0 0 0 9000px rgba(0,0,0,0.6);
}

nav ul .tabletsocial {
    display: block;
    padding: 10px 5px;
    text-align: center;
    position: absolute;
    top: 520px;
    z-index: 60;
}
nav ul .tabletsocial::before {
    content: "SOCIAL MEDIA";
    color: #fff;
    padding: 2px 10px 10px;
    display: block;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
}



nav ul::before {
    content: "SUPERGIRL.TV MENU";
    color: #fff;
    padding: 11px 10px;
    display: block;
    font-weight: bold;
    font-size: 21px;
    border-bottom: 1px solid #fff;
    text-transform: uppercase;
}

nav ul li {
    width: 100%;
    margin: 0;
	border-left: none;
	text-align: left;
}

nav ul li:not(:first-child) {
	border-left: none;
}

nav ul li:nth-child(even) {
	background: #021926;
	background: -moz-linear-gradient(left,  #021926 0%, #053f61 50%, #021926 100%);
	background: -webkit-linear-gradient(left,  #021926 0%,#053f61 50%,#021926 100%);
	background: linear-gradient(to right,  #021926 0%,#053f61 50%,#021926 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#021926', endColorstr='#021926',GradientType=1 );
}

nav ul li a:link {
    padding: 12px 14px;
	border-bottom: 1px solid #fff;
}

nav ul li {
	background: #03263b;
	background: -moz-linear-gradient(left,  #03263b 0%, #076195 50%, #03263b 100%);
	background: -webkit-linear-gradient(left,  #03263b 0%,#076195 50%,#03263b 100%);
	background: linear-gradient(to right,  #03263b 0%,#076195 50%,#03263b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03263b', endColorstr='#03263b',GradientType=1 );
}

/* [-][-][-][-][-][-][-] Target Styles [-][-][-][-][-][-][-] */

.twittertarget {
	background: #721f00;
	background: -moz-linear-gradient(left,  #721f00 0%, #a42c00 50%, #721f00 100%);
	background: -webkit-linear-gradient(left,  #721f00 0%,#a42c00 50%,#721f00 100%);
	background: linear-gradient(to right,  #721f00 0%,#a42c00 50%,#721f00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#721f00', endColorstr='#721f00',GradientType=1 );
	width: 80px;
	border-right: 1px solid #fecf27;
	border-top: 1px solid #fecf27;
	border-bottom: 1px solid #fecf27;
	box-sizing: border-box;
	display: block;
	cursor: pointer;
}  
  
.twittertarget img {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 10px;
}  
  
.latestnewstarget {
	background: #721f00;
	background: -moz-linear-gradient(left,  #721f00 0%, #a42c00 50%, #721f00 100%);
	background: -webkit-linear-gradient(left,  #721f00 0%,#a42c00 50%,#721f00 100%);
	background: linear-gradient(to right,  #721f00 0%,#a42c00 50%,#721f00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#721f00', endColorstr='#721f00',GradientType=1 );
	width: 80px;
	border-right: 1px solid #fecf27;
	border-top: 1px solid #fecf27;
	border-bottom: 1px solid #fecf27;
	box-sizing: border-box;
	display: block;
	cursor: pointer;
	margin-bottom: 20px;
}

.latestnewstarget img {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 10px;
}

.pollstarget {
	display: background: #064e77;
	background: -moz-linear-gradient(left,  #064e77 0%, #076195 50%, #064e77 100%);
	background: -webkit-linear-gradient(left,  #064e77 0%,#076195 50%,#064e77 100%);
	background: linear-gradient(to right,  #064e77 0%,#076195 50%,#064e77 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#064e77', endColorstr='#064e77',GradientType=1 );
	width: 80px;
	border-left: 1px solid #fecf27;
	border-top: 1px solid #fecf27;
	border-bottom: 1px solid #fecf27;
	box-sizing: border-box;
	display: block;
	margin-bottom: 20px;
	cursor: pointer;
}

.pollstarget img {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 10px;
}

.affiliatestarget {
	background: #064e77;
	background: -moz-linear-gradient(left,  #064e77 0%, #076195 50%, #064e77 100%);
	background: -webkit-linear-gradient(left,  #064e77 0%,#076195 50%,#064e77 100%);
	background: linear-gradient(to right,  #064e77 0%,#076195 50%,#064e77 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#064e77', endColorstr='#064e77',GradientType=1 );
	width: 80px;
	border-left: 1px solid #fecf27;
	border-top: 1px solid #fecf27;
	border-bottom: 1px solid #fecf27;
	box-sizing: border-box;
	display: block;
	cursor: pointer;
}

.affiliatestarget img {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 10px;
}

/* [-][-][-][-][-][-][-] Main Section [-][-][-][-][-][-][-] */

main {
	margin-top: 0;   
}  
  
article {
    width: calc(100% - 200px);
    margin: 20px;
}

aside {
	width: 80px;
	min-height: 20px;
	padding-top: 20px;
}

main .left {
	float: left;
}

main .right {
	float: right;	
}

aside #latestnews {
	display: none;
	position: absolute;
    left: 100px;
    z-index: 3;
	width: calc(100% - 200px);
	box-shadow: 0px 10px 30px rgba(0,0,0,0.9);
}

aside #affiliates {
	display: none;
	position: absolute;
    right: 100px;
    z-index: 2;
	width: calc(75% - 200px);
	box-shadow: 0px 10px 30px rgba(0,0,0,0.9);
}

aside #polls {
	display: none;
	position: absolute;
    left: 100px;
    z-index: 2;
	width: calc(100% - 200px);
	box-shadow: 0px 10px 30px rgba(0,0,0,0.9);
}
  
#actionbar .cell:nth-child(3) {
    display: none;
    position: absolute;
    top: 79px;
    background: #721f00;
	background: -moz-linear-gradient(left, #721f00 0%, #a42c00 50%, #721f00 100%);
	background: -webkit-linear-gradient(left, #721f00 0%,#a42c00 50%,#721f00 100%);
	background: linear-gradient(to right, #721f00 0%,#a42c00 50%,#721f00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#721f00', endColorstr='#721f00',GradientType=1 );
    left: 100px;
    border: 1px solid #FBCC26;
    width: calc(100% - 200px);
    min-height: 206px;
    padding: 10px;
    box-sizing: border-box;
	box-shadow: 0px 10px 30px rgba(0,0,0,0.9);
}  
  
#actionbar .cell:nth-child(3) h3 {
    display: block;
    color: #fff;
    padding: 19px 0 0px;
    font-weight: bold;
    text-align: center;
    width: calc(100% + 20px);
    text-transform: uppercase;
    background-image: #222222;
    background-image: -moz-linear-gradient(left, #222222 0%, #3e3e3e 50%, #222222 100%);
    background-image: -webkit-linear-gradient(left, #222222 0%,#3e3e3e 50%,#222222 100%);
    background-image: linear-gradient(to right, #222222 0%,#3e3e3e 50%,#222222 100%);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% 45px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#222222',GradientType=1 );
    box-sizing: border-box;
    height: 66px;
    margin: -10px -10px 10px;
}
  
#actionbar .cell:nth-child(3)  h3::after {
    background-image: url(../images/triangle.png);
    height: 22px;
    width: 100%;
    background-size: 100% 22px;
    display: block;
    content: "";
    margin-top: 10px;
    background-repeat: no-repeat;
}

#example1 ul li {
    overflow: initial;
}  
  
#example1 .tweet {
    width: calc(100% - 80px);
    font-size: 16px;
    line-height: 22px;
    padding-left: 80px;
  	float: none;
} 
  
#example1 .tweet a {
    font-size: 16px;
    line-height: 23px;
    font-weight: bold;
    color: #fff;
}  
  
#example1 {
    background-image: url(/images/site-graphics/twitterbird.png);
    background-size: 70px;
    background-repeat: no-repeat;
    background-position: top left;
    height: auto;
}  
  
#example1 .timePosted {
    display: block;
    width: calc(100% + 20px);
    margin: 10px -10px 0;
    box-sizing: border-box;
    padding: 10px;
    font-size: 13px;
    text-align: right;
    border-top: 1px #fff dashed;
  	float: none;
}  
  
#example1 .timePosted a {  
	font-size: 13px;
}
  
#example1 .interact {
    float: none;
    width: calc(100% + 20px);
    display: block;
    margin: 0 -10px -10px;
    text-align: center;
    background-color: #444;
    height: auto;
    padding: 10px 0;
	border-top: 1px solid #FECF27;
}
  
#example1 .interact a {
    margin: 0;
    float: none;
    padding: 0 10px;
}  
  
#example1 .interact a:nth-child(2) {
    border-left: 1px solid #fff;
  	border-right: 1px solid #fff;
}  
  
/* [-][-][-][-][-][-][-] Primary Articles [-][-][-][-][-][-][-] */

article div.items-leading:first-child .intro p {
    line-height: 22px;
    font-size: 14px;
}

/* [-][-][-][-][-][-][-] Secondary Articles [-][-][-][-][-][-][-] */

article div.items-row p {
    padding: 1.95vw 1.95vw 0;
    line-height: 22px;
    font-size: 14px;
}

article div.items-row:nth-child(even) .item-image {
    float: none;
    margin-right: 0;
    position: relative;
    width: auto;
    z-index: 2;
    height: auto;
    overflow: hidden;
    max-width: 100%;
}



article div.items-row:nth-child(even) .item-image img {
    width: 400px;
    height: 200px;
    left: 50%;
    position: relative;
    margin-left: -200px;
}

article div.items-row:nth-child(odd) .item-image {
    float: none;
    margin-right: 0;
    position: relative;
    width: auto;
    z-index: 2;
    height: auto;
    overflow: hidden;
    max-width: 100%;
  	margin-left: 0;
}


article div.items-row:nth-child(odd) .item-image img {
    width: 400px;
    height: 200px;
    left: 50%;
    position: relative;
    margin-left: -200px;
}

article .blog-featured h2 {
	font-size: 20px;
}

article div.items-row {
    height: 444px;
}

/* [-][-][-][-][-][-][-] Footer [-][-][-][-][-][-][-] */

footer {
	padding: 20px 10px 40px;
}

footer .footercontainer {
    background-image: url(../images/footerlines2.png);
}

footer .cell {
    width: 50%;
	height: 330px;
	margin-bottom: 10px;
}

footer .cell:nth-child(3) {
	margin-top: 20px;
}

footer .cell:nth-child(4) {
	margin-top: 20px;
}

footer .cell p {
	font-size: 13px;
}

footer .cell ul li {
	font-size: 13px;
}
  
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] BREEZING FORMS [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

button#bfSubmitButton {
    background-color: #FBCC26 !important;
    color: #ffffff !important;
    border-radius: 0;
    padding: 16px;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    margin: 10px;
    display: block;
    box-sizing: border-box;
    border: none;
}

.bfQuickMode .controls {
	width: 100%;
  	box-sizing: border-box;
  	padding: 10px;
}

.bfQuickMode .controls div:nth-child(1) {
 	position: relative; 
  	padding: 0;
  	min-height: 32px;
  	width: 100%;
}

.bfQuickMode .controls .control-label {
    color: #444;
    min-width: 0;
  	position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    max-width: 100%;
}

.bfQuickMode input[type="text"] {
    position: absolute;
    right: initial;
    top: 21px;
    width: 100%;
    max-width: 100%;
    left: 0;
}

.bfQuickMode textarea {
    position: absolute;
    right: initial;
    top: 20px;
    width: 100%;
    max-width: 100%;
    left: 0;
}

#bfElemWrap16 {
	height: 127px;
}

#newrecaptcha {
    float: left;
    width: auto;
  	margin-top: 30px;
}  
  
#bfLabel26  {
	margin-top: 10px;  
}
  
.portrait {
    height: auto;
    width: 150px;
    border: 5px solid #fff;
    box-sizing: border-box;
}
  
article .item-page .item-image {
    text-align: center;
    margin-bottom: 0;
    margin: 0 10px 10px;
}  

article .item-page h2 {
    font-size: 20px;
}  
  
article .item-page ol li {
    margin: 0 20px 20px;
    line-height: 24px;
}  
  
}

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] NEW MEDIA SIZE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

@media all and (max-width: 599px) and (min-width: 0px) {

/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] WRAPPER [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

.wrapper {
	width: 100%;
}

#social img {
    display: none;
}

.buffer {
	box-sizing: border-box;
	padding: 0px;
}

/* [-][-][-][-][-][-][-] Animation Fixed Styles [-][-][-][-][-][-][-] */

.cityfixed {
	background-position: top !important; 
}

.supergirlfixed {
	background-position: top !important;
}

.fixed {
	position: relative;
	top: auto;
	z-index: auto;
}

.actionfixed {
	position: relative !important;
	top: auto;
}

.mainbump {
	margin-top: 0px;
}

.navfix {
	position: relative;
	top: 0;
	z-index: 9;
}
  
header {
    position: relative;
}  

/* [-][-][-][-][-][-][-] Nav Styles [-][-][-][-][-][-][-] */

.loginmobile {
    display: block;
    position: absolute;
    left: 0px;
    cursor: pointer;
    padding: 5px 5px 5px 45px;
    height: 38px;
    background-image: url(../images/loginicon.png);
    background-repeat: no-repeat;
    min-width: 80px;
    background-position: left 6px;
    color: #fff;
    font-weight: bold;
    line-height: 38px;
    background-size: 38px;
}

.loginmobile:hover {
	background-color: #fecf27;
}

.loginmobile img {
	height: 100%;
	width: 100%;
}  
  
nav {
    z-index: 9;
    position: relative;
    top: 0;
} 
  
.navbars {
    display: block;
    position: absolute;
    right: 0px;
    cursor: pointer;
    padding: 5px;
    height: 38px;
    background-image: url(../images/navbars.png);
    background-repeat: no-repeat;
    width: 100px;
    background-position: right 5px;
    color: #fff;
    font-weight: bold;
    line-height: 38px;
}

.navbars:hover {
	background-color: #fecf27;
}

.navbars img {
	height: 100%;
	width: 100%;
}

.navclose {
    display: block;
    position: fixed;
    top: 0;
    background: #a42c00;
    height: 43px;
    width: 43px;
    z-index: 60;
    right: 271px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
	cursor: pointer;
	background-image: url(../images/close-x.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.navclose:hover {
	background-color: #fecf27;
}

nav ul {
    position: fixed;
    top: 0;
    width: 270px;
    right: 0;
    background: #000000;
    z-index: 50;
    height: 100%;
	display: none;
	border-left: 1px solid #fff;
	box-shadow: 0 0 0 9000px rgba(0,0,0,0.6);
}

nav ul .tabletsocial {
    display: block;
    padding: 10px 5px;
    text-align: center;
    position: absolute;
    top: 480px;
    z-index: 60;
}

nav ul .tabletsocial::before {
    content: "SOCIAL MEDIA";
    color: #fff;
    padding: 2px 10px 10px;
    display: block;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
}

nav ul .tabletsocial img {
   
}

nav ul::before {
    content: "SUPERGIRL.TV MENU";
    color: #fff;
    padding: 11px 10px;
    display: block;
    font-weight: bold;
    font-size: 21px;
    border-bottom: 1px solid #fff;
    text-transform: uppercase;
}

nav ul li {
    width: 100%;
    margin: 0;
	border-left: none;
	text-align: left;
}

nav ul li:not(:first-child) {
	border-left: none;
}

nav ul li:nth-child(even) {
	background: #021926;
	background: -moz-linear-gradient(left,  #021926 0%, #053f61 50%, #021926 100%);
	background: -webkit-linear-gradient(left,  #021926 0%,#053f61 50%,#021926 100%);
	background: linear-gradient(to right,  #021926 0%,#053f61 50%,#021926 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#021926', endColorstr='#021926',GradientType=1 );
}

nav ul li a:link {
    padding: 10px 14px;
	border-bottom: 1px solid #fff;
}

nav ul li {
	background: #03263b;
	background: -moz-linear-gradient(left,  #03263b 0%, #076195 50%, #03263b 100%);
	background: -webkit-linear-gradient(left,  #03263b 0%,#076195 50%,#03263b 100%);
	background: linear-gradient(to right,  #03263b 0%,#076195 50%,#03263b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03263b', endColorstr='#03263b',GradientType=1 );
}

/* [-][-][-][-][-][-][-] Main Section [-][-][-][-][-][-][-] */

#social {
	display: none;
}

#login {
	display: none;
}

#logo {
    width: 100%;
    height: 40px;
    padding-top: 4px;
}

#logo a img {
    width: 270px;
    height: auto;
    padding: 3px 0 0;
    box-sizing: border-box;
}
 
#mainimage {
    height: 40px;
    width: 100%;
    background-image: url(../images/bgcity.jpg);
    background-size: 600px;
    position: relative;
}
  
#supergirl {
    background-image: url(../images/supergirl.png);
    background-repeat: no-repeat;
    position: absolute;
    z-index: 3;
    background-position: center -12px;
    width: 100%;
    height: 240px;
    background-size: 300px;
    top: 0;
}

#screen {
	width: 100%;
	height: 40px;
    position: absolute;
}

#actionbar {
    height: auto;
    top: 0;
    position: relative;
}

#actionbar .cell {
    width: 100%;
    float: none;
    min-height: 40px;
    margin: 0px 0 5px;
    padding: 5px 10px;
  	max-height: 51px
}
  
#actionbar .cell {
    margin: 0;
}  

#actionbar .cell:not(:first-child) {
	border-left: none;
}
  
#actionbar .wrapper .cell:first-child {
    display: none;
    position: fixed;
    bottom: 93px;
    background: #721f00;
    background: -moz-linear-gradient(left, #721f00 0%, #a42c00 50%, #721f00 100%);
    background: -webkit-linear-gradient(left, #721f00 0%,#a42c00 50%,#721f00 100%);
    background: linear-gradient(to right, #721f00 0%,#a42c00 50%,#721f00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#721f00', endColorstr='#721f00',GradientType=1 );
    min-height: 120px;
    border: 1px #FBCC26 solid;
    z-index: 100;
    padding: 5px 10px 10px;
    box-shadow: 0 -375px 0px 400px rgba(0,0,0,0.6);
  	max-height: 200px;
}
  
#actionbar .wrapper .cell:last-child {
    display: none;
    position: fixed;
    bottom: 93px;
    background: #721f00;
    background: -moz-linear-gradient(left, #721f00 0%, #a42c00 50%, #721f00 100%);
    background: -webkit-linear-gradient(left, #721f00 0%,#a42c00 50%,#721f00 100%);
    background: linear-gradient(to right, #721f00 0%,#a42c00 50%,#721f00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#721f00', endColorstr='#721f00',GradientType=1 );
    min-height: 120px;
  	max-height: 293px;
    border: 1px #FBCC26 solid;
    box-shadow: 0 -375px 0px 400px rgba(0,0,0,0.6);
    z-index: 100;
}

#actionbar .cell:nth-child(odd) {
	display: none;	
}

article {
    width: 100%;
    margin: 0px;
	padding: 10px;
	box-sizing: border-box;	
  	min-height: 480px;
}

aside {
	width: 0;
	min-height: 0px;
	padding-top: 0px;
}
  
main {
	margin-top: 0;    
}  

main .left {
	float: left;
}

main .right {
	float: right;	
}

aside #latestnews {
    display: none;
    position: fixed;
    left: 0;
    z-index: 10;
    width: 100%;
    box-shadow: 0px -375px 0px 400px rgba(0,0,0,0.6);
    top: 0;
    bottom: 93px;
    overflow-x: hidden;
    overflow-y: scroll;
}

aside #affiliates {
    display: none;
    position: fixed;
    left: 0;
    z-index: 10;
    width: 100%;
    box-shadow: 0px -375px 0px 400px rgba(0,0,0,0.6);
    top: 0;
    bottom: 93px;
    overflow-x: hidden;
    overflow-y: scroll;
}

aside #affiliates img {
    width: calc(100% - 20px);
    height: auto;
    margin: 0px 10px 10px;
    box-sizing: border-box;
}

aside #polls {
    display: none;
    position: fixed;
    left: 0;
    z-index: 10;
    width: 100%;
    box-shadow: 0px -375px 0px 400px rgba(0,0,0,0.6);
    top: 0;
    bottom: 73px;
    overflow-x: hidden;
    overflow-y: scroll;
}

/* [-][-][-][-][-][-][-] Targets [-][-][-][-][-][-][-] */

#loginhud {
    min-height: 199px;
    background: -moz-linear-gradient(left, #721f00 0%, #a42c00 50%, #721f00 100%);
    background: -webkit-linear-gradient(left, #721f00 0%,#a42c00 50%,#721f00 100%);
    background: linear-gradient(to right, #721f00 0%,#a42c00 50%,#721f00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#721f00', endColorstr='#721f00',GradientType=1 );
    border: 1px solid #fecf27;
    z-index: 20;
    position: absolute;
    min-width: 300px;
    right: 0;
    top: 89px;
    margin-right: 0;
    box-shadow: 0 0 15px rgba(0,0,0,0.75);
    left: 0;
}
  
#mobilehud {
	display: block;
	position: fixed;
	width: 100%;
	bottom: 0;
	height: 68px;
	border-top: #fecf27 1px solid;
	border-bottom: #fecf27 1px solid;
	background: #222222;
	background: -moz-linear-gradient(left,  #222222 0%, #3e3e3e 50%, #222222 100%);
	background: -webkit-linear-gradient(left,  #222222 0%,#3e3e3e 50%,#222222 100%);
	background: linear-gradient(to right,  #222222 0%,#3e3e3e 50%,#222222 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#222222',GradientType=1 );
	z-index: 5;
	box-sizing: border-box;
}

.twittertarget {
    display: block;
    position: fixed;
    width: 20%;
  	left: 80%;
    bottom: 5px;
    z-index: 8;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
	z-index: 6;
	cursor: pointer;
}
  
.twittertarget img {
    height: auto;
    width: 50px;
    padding: 0 5px 5px;
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
}
  
  .latestnewstarget {
    display: block;
    position: fixed;
    width: 20%;
    bottom: 5px;
    z-index: 8;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
	border-right: 1px solid #fff;
	z-index: 6;
	cursor: pointer;
}

.latestnewstarget img {
    height: auto;
    width: 50px;
    padding: 0 5px 5px;
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
}
  
.searchtarget {
    display: block;
    position: fixed;
    width: 20%;
    bottom: 5px;
  	left: 60%;
    z-index: 8;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
	border-right: 1px solid #fff;
	z-index: 6;
	cursor: pointer;
}  
  
.searchtarget img {
    height: auto;
    width: 50px;
    padding: 0 5px 5px;
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
}

.pollstarget {
    display: block;
    position: fixed;
    width: 20%;
    bottom: 5px;
    z-index: 8;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
	left: 20%;
	border-right: 1px solid #fff;
	z-index: 6;
	cursor: pointer;
}

.pollstarget img {
    height: auto;
    width: 50px;
    padding: 0 5px 5px;
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
}

.affiliatestarget {
    display: block;
    position: fixed;
    width: 20%;
    bottom: 5px;
    z-index: 8;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
	left: 40%;
	border-right: 1px solid #fff;
	z-index: 6;
	cursor: pointer;
}

.affiliatestarget img {
    height: auto;
    width: 50px;
    padding: 0 5px 5px;
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
}

h4 {
    font-size: 10px;
    font-weight: normal;
    background: none;
    border: none;
	padding: 5px 0;
}

/* [-][-][-][-][-][-][-] Primary Articles [-][-][-][-][-][-][-] */
  
article .item-page h2 {
    font-size: 18px;
}  

article div.items-leading:first-child .jcomments-links {
    width: calc(100% + 20px);
    margin-left: -10px;
}  
  
article .item-page div[itemprop="articleBody"] p {
    line-height: 24px;
    font-size: 16px;
}  
  
article .item-page ol li {
    line-height: 24px;
    font-size: 16px;
}  
  
article .blog-featured h2 {
	font-size: 18px;
}

article .blog-featured h3 {
	font-size: 14px;
}

article div.items-leading:first-child h3 {
	margin-bottom: 10px;
}

article div.items-leading:first-child .intro p {
    padding-top: 10px;
    line-height: 21px;
	font-size: 14px;
  	padding-bottom: 10px;
}

article div.items-leading:first-child .intro q {
    padding: 10px 32px;
    background-size: 25px;
}

article div.items-leading:first-child .intro {
    padding: 0 10px 0px;
}

article div.items-leading:first-child .item-image {
    text-align: center;
    margin: 0;
}
  
article div.items-leading:first-child .item-image img {
  	border: none;
}

/* [-][-][-][-][-][-][-] Secondary Articles [-][-][-][-][-][-][-] */

article div.items-row q {
    padding: 10px 32px;
    background-size: 25px;
}

article div.items-row {
	height: 440px;
}

article div.items-row:nth-child(even) .item-image {
    float: none;
    margin: 0 auto;
	max-width: 100%;
  	border: none;
}

article div.items-row:nth-child(even) .item-image img {
	border: none;  
}
  
article div.items-row:nth-child(odd) .item-image {
    float: none;
    margin: 0 auto;
	max-width: 100%;
  	border: none;
}
  
article div.items-row:nth-child(odd) .item-image img {
	border: none;  
}

article div.items-row:nth-child(even) .item-image::before {
    background-image: url(../images/mobiletriangle.svg);
    background-position: bottom center;
}

article div.items-row:nth-child(odd) .item-image::before {
    background-image: url(../images/mobiletriangle.svg);
    background-position: bottom center;
}

/*article div.items-row p {
    padding: 10px 10px 0;
    line-height: 21px;
    font-size: 14px;
}*/
  
article div.items-row p {
    padding: 10px;
    line-height: 24px;
    font-size: 16px;
}  


/* [-][-][-][-][-][-][-] Footer [-][-][-][-][-][-][-] */

footer {
	padding: 20px 10px 40px;
}

footer .footercontainer {
    background-image: none;
}

footer .cell {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
}

footer .cell:nth-child(3) {
	margin-top: 0;
}

footer .cell:nth-child(4) {
	margin-top: 0;
}

footer .cell p {
	font-size: 13px;
}

footer .cell ul li {
	font-size: 13px;
}

footer #copyright {
    margin-top: 20px;
}

footer .cell h3 {
	padding-bottom: 10px;
}

footer #copyright {
	margin-bottom: 23.44vw;
}
  
.pagination ul li a {
    padding: 7px 10px;
    font-size: 12px;
}  
  
/* [-][-][-][-][-][-][-] Countdown Module [-][-][-][-][-][-][-] */   
  
.scd-all-wrapper {
    max-width: 358px;
    display: flex !important;
    margin: 0 auto;
}  
  
.scd-unit-horz {
    margin: 0 !important;
  	min-width: 41px;
}  
  
#smartcountdown-512-title-before {
    min-width: 75px;
	text-align: left;
}
  
.scd-counter-row {
    display: flex;
}  
  
.scd-unit-vert {
    text-align: center;
} 
  
.scd-digits-row {
    float: none;
    text-align: center;
}  
  
.scd-label-row {
    text-align: center;
    font-size: 11px !important;
} 
  
/* [-][-][-][-][-][-][-] Twitter [-][-][-][-][-][-][-] */    
  
#example1 {
    background-image: url(/images/site-graphics/twitterbird.png);
    background-size: 85px;
    background-repeat: no-repeat;
    background-position: top left;
    height: auto;
}
  
#example1 ul li {
    list-style: none;
    overflow: initial;
    border: none;
    margin: 0;
    padding: 0;
}
  
#example1 .tweet {
    width: calc(100% - 100px);
    font-size: 16px;
    line-height: 22px;
    padding-left: 100px;
    padding-bottom: 10px;
  	float: none;
}
  
#example1 .tweet a {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    color: #fff;
}
  
#example1 .timePosted {
    display: block;
    width: 100%;
    text-align: right;
    padding: 10px 0;
    box-sizing: border-box;
    border-top: 1px #fff dashed;
  	float: none;
}
  
#example1 .timePosted a {
    font-size: 13px;
}
  
#example1 .interact {
    float: none;
    width: calc(100% + 20px);
    display: block;
    padding: 10px 0;
    text-align: center;
    background-color: #444;
    position: relative;
    margin: 0 -10px -5px;
    z-index: 1;
    border-top: 1px solid #FBCC26;
}  

#example1 .interact a {
    padding: 0 15px;
    font-size: 18px;
  	float: none;
}  
  
#example1 .interact a:nth-child(2) {
	border-left: 1px solid #fff;
  	border-right: 1px solid #fff;
} 
  
.zfix {
	z-index: 10 !important;  
}
  
#actionbar h3 {
    display: block;
    color: #fff;
    padding: 19px 0 0px;
    font-weight: bold;
    text-align: center;
    width: calc(100% + 20px);
    text-transform: uppercase;
    background-image: #222222;
    background-image: -moz-linear-gradient(left, #222222 0%, #3e3e3e 50%, #222222 100%);
    background-image: -webkit-linear-gradient(left, #222222 0%,#3e3e3e 50%,#222222 100%);
    background-image: linear-gradient(to right, #222222 0%,#3e3e3e 50%,#222222 100%);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% 45px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#222222',GradientType=1 );
    box-sizing: border-box;
    height: 66px;
    margin: -5px -10px 10px;
}

#actionbar h3::after {
    background-image: url(../images/triangle.png);
    height: 22px;
    width: 100%;
    background-size: 100% 22px;
    display: block;
    content: "";
    margin-top: 10px;
  	background-repeat: no-repeat;
}  
  
/* [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] BREEZING FORMS [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] */

button#bfSubmitButton {
    background-color: #FBCC26 !important;
    color: #ffffff !important;
    border-radius: 0;
    padding: 16px;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    margin: 10px;
    display: block;
    box-sizing: border-box;
    border: none;
}

.bfQuickMode .controls {
	width: 100%;
  	box-sizing: border-box;
  	padding: 10px;
}

.bfQuickMode .controls div:nth-child(1) {
 	position: relative; 
  	padding: 0;
  	min-height: 32px;
  	width: 100%;
}

.bfQuickMode .controls .control-label {
    color: #444;
    min-width: 0;
  	position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    max-width: 100%;
}

.bfQuickMode input[type="text"] {
    position: absolute;
    right: initial;
    top: 21px;
    width: 100%;
    max-width: 100%;
    left: 0;
}

.bfQuickMode textarea {
    position: absolute;
    right: initial;
    top: 20px;
    width: 100%;
    max-width: 100%;
    left: 0;
}

#bfElemWrap16 {
	height: 127px;
}

#newrecaptcha {
    float: left;
    width: auto;
    margin-top: 30px;
    overflow: hidden;
    max-width: 100%;
} 
  
#bfLabel26  {
	margin-top: 10px;  
}  
  
article .item-page .article-info dd {
    margin: 0px;
}  
  
article .item-page .item-image img {
    border: 0;
}  
  
#ed.view-index .ed-post-item__title {
    font-size: 16px;
} 
  
#ed .o-avatar--lg {
    width: 44px;
    height: 44px;
  }  
  
article .blog div.items-leading:first-child p {
    padding: 10px;
}

article .item-page div[itemprop="articleBody"] {
    padding: 0 0px;
}  
  
#ed {
    background-color: #eee;
    border: 1px solid #FECF27;
    padding: 10px;
    box-sizing: border-box;
    overflow-x: hidden;
}  
  
  /* portrait styles */

.portrait {
  	height: auto;
  	width: 100px;
}
  
 /* Author Box styles */  
  
#author_infobox .author_infobox_image_profile img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: 86px;
}
  
#author_infobox span.marginleft {
    margin-left: 0;
    display: block;
    margin-bottom: 5px;
    margin-top: 10px;
} 
  
#author_infobox .author_infobox_articles_hits, #author_infobox .author_infobox_articles_date {
    font-size: 80%;
    display: block;
    font-style: italic;
}  
  
}