@charset "utf-8";
body { font-size : 12px; font-weight : 400; font-family: 'arial', sans-serif; background : #111111; background-size : 100% auto; background-position : top center; color: #e1e1e1; padding : 0; margin : 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
/***********************************************************************/
/************************** BASIC ELEMENTS ****************************/
/*********************************************************************/
/*** LINKS ***/
a, a:link, a:visited,  a:hover, a:visited:hover { text-decoration : none; }
a, a:link, a:visited, a:hover {
       -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
a {
color : #0086C4;
text-decoration : none;
}
a:link {
color : #0086C4;
text-decoration : none;
}
a:visited {
color : #0086C4;
text-decoration : none;
}
a:hover {
color : #009EE2;
text-decoration : none;
}
a:visited:hover {
color : #009EE2;
text-decoration : none;
}
.holder { display : block; position : relative; margin : 0 0 0 0; border : 0; padding : 0 0 0 0; overflow : hidden; }
/*** PARAGRAPHS ***/
p { font-size : 20px; font-weight : 400; line-height : 35px; color : #e1e1e1; }
blockquote {
  background: #e2e2e2;
  border : 1px #0086C4 solid;
  border-left: 10px solid #0086C4;
  margin: 20px;
  padding: 0.5em 10px;
  font-weight : 600;
  quotes: "\201C""\201D""\2018""\2019";
  color : #111111;
}
blockquote p { line-height : 32px; color : #111111; font-style : italic;  margin-bottom : 10px; }
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: block;
}
/*** HEADERS ***/
h1, h2, h3, h4, h5, h6 { margin-left : 0; font-weight : 700; }
h1 { font-size : 28px; margin-bottom : 5px; margin-top : 0; margin-left : 0; margin-right : 0; }
h2 { font-size : 18px; margin-bottom : 10px; }
h3 { font-size : 16px; margin-bottom : 5px; }
/** HEADINGS Modifiers **/
.page_title { line-height : 20px; font-size : 18px; margin : 0 15px 10px 15px; }
.page_description { line-height : 16px; font-size : 14px; margin : 0 15px 0 15px; }
/***********************************************************************/
/************************** END BASIC ELEMENTS ************************/
/*********************************************************************/
/********************** ICONS ***************************************/
[data-icon]::before {
  content: attr(data-icon);
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  vertical-align: middle;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
   
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
[right-icon]::after {
  content: attr(right-icon);
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  vertical-align: middle;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
   
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
/********************************** SITE LOGO *************************/
.sf_light_logo {
    background-image: url("/app/logo_light2.png");
    background-repeat : no-repeat;
    background-size : 32px auto;
	background-position: left center;
	padding-left : 35px;
}
/************************************************* WEB BANNER **********/
.web_banner { display : block; position : relative; overflow : hidden; width : 100%; height : 200px; background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
.web_banner img { display : block; position : relative; width : auto; height : 160px; margin : 20px auto auto 20px; }
/*************************************************** LAYOUT STYLING ******/
.desktop { display : block; position : relative; overflow-y : auto; display : block; width : 1200px; min-width : 1200px; max-width : 1200px; min-height : 1000px; height : auto; margin-left : auto; margin-right : auto; margin-bottom : 0; padding : 0 0 0 0; background: none; border : 0; }
.leftbar { display : none; position : relative; margin : 0 0 0 0; padding-top : 0; float : left; width : 200px; max-width : 200px; overflow : hidden;
	 background : none; 
 }
 .leftbar .heading { 	display:block;
	text-decoration:none;
	color : #fff;
	font-size:16px;
	line-height:32px;
	font-weight:700;
	text-transform : uppercase; letter-spacing : 1px;
	padding:0 15px; }
.leftbar .info { position : relative; display : block; width : 190px; margin:0; padding:0; background : #121212; } .leftbar .info p { 
	font-size:12px;
	line-height:14px; padding : 5px; }
.rightbar { display : block; position : relative; width : 67%; margin-left : 0; margin-right : 0; overflow : hidden; float : left; padding : 0 0 0 0; background : none; }
.rightbar2 { display : block; position : relative; width : 33%; margin-left : 0; margin-right : 0; overflow-y : auto; float : right; padding : 0 0 0 0; background : #111111; }
.content { display : block; position : relative; margin : 0; min-width : 100%; width : auto; max-width : 100%; overflow : hidden; padding : 0 0 0 0; margin-left : 0; margin-right : 0; float : left; }
/********************************* EXPANDABLE SIDEBAR **********************/
.expand_sidebar { visibility : hidden; display : block; position : absolute; z-index : 9000; width : 50px; height : 50px; border-top-left-radius : 20%; border-bottom-left-radius : 20%; top : 2px; right : 0; left : auto; bottom : auto; background-image:
    linear-gradient(
      to right, 
      #111111, #010101
    ); border : 2px #010101 solid; border-right : 0; line-height : 50px; font-size : 25px; font-weight : 600; color : #e1e1e1; vertical-align : middle; cursor : pointer; text-align : center; overflow : hidden; }
/****************************** PROFILE MENU ******************************/
.online_stats { display : block; min-height : 70px; padding-left : 110px; color : #606060; }
.online_stats span { display : block; line-height : 20px; font-size : 12px; margin : 0 0 5px 0; }
.online_stats span b { padding : 5px 10px 5px 10px; background : #212121; border-radius : 3px; font-weight : 400; margin-right : 5px; color : #e1e1e1; }
.rank_bar { display: block; position:absolute; margin-top:45px;margin-left:10px;
    background-color: #191919;
    border: 2px solid #111111;
    width: 90px;
    height: 5px;
    overflow : visible;
}
.rank_bar_color { position : relative; min-width : 10%; background-image: linear-gradient(#A7E5E5, #6F9999); height : 3px; border : 1px #111111 solid; }
.next_rank { position : relative; margin-top : 8px; line-height : 12px; font-size : 12px; color : #606060; }
.swap { display : block; float : right; padding-right : 10px; }
/*************************************** MAIN MENU NAVIGATION ************/
.mainmenu, .bottom {
    list-style: none; display : block; position : relative; width : 100%; height : 40px; line-height : 40px; background : #131313; overflow : hidden;
}
.mainmenu { overflow : visible; }
.mainmenu { position : absolute; top : 0; left : 0; right : 0; bottom : auto; z-index : 99999; margin : 0 0 0 0; padding : 0 0 0 0; }
.menu_item { width : 10%; display : block; position : relative; float : left; margin : 0; padding : 0; line-height : 40px; }
.menu_item a, .menu_item a:link, .menu_item a:visited { display : block; position : relative; text-align : center; background-color : #111111; color : #fff; font-size : 16px; font-weight : 600;  height : 45px; line-height : 40px; border : 1px #111111 solid;
}
.menu_item a:hover, .menu_item a:visited:hover { background : #111111; color : #fff; }
.menu_item a span { font-size : 8px; }
.menu_item a img { height : 50px; width : auto; border : 0; margin-left : auto; margin-right : auto; margin-top : 5px; margin-bottom : 5px; display : block; }
.sm_link a, .sm_link a:link, .sm_link a:visited { background: #114168; color : #e1e1e1; }
.logobit { width : 20%; }
.logobit a { font-size : 20px; font-weight : 700; text-transform : uppercase; }
.interaction { width : 40%; background : #111111; margin-left : auto; margin-right : auto; border-bottom-left-radius : 5px; border-bottom-right-radius : 5px; }
.interact { width : 25%; }
.interact a, .interact a:link, .interact a:visited { color : #28A3E0; }
.open_apps { font-size : 14px; cursor: pointer; }
.close_apps { color : #cccccc; font-size : 16px; font-weight : 300; display : block; line-height : 20px; padding: 10px 20px 10px 20px; cursor : pointer; }
.you, .notifs, .network_show { cursor : pointer; }
.submenu { position : relative; z-index : 1; }
/************************************** EXPANDABLE JAVA MENUS **********/
.apps {
    display : block; position : relative; width : 100%; float : left; overflow: hidden;
}
.yourmenu {
    position : absolute; width : 350px; min-height : 200px; top : 40px; left : auto; right : 0;  margin : 0; padding :0; display : none; z-index : 999999; background : #131313;
}
.loginmod { backdrop-filter: blur(10px); }
.sf_network {
    position : absolute; width : 500px; top : 40px; left : 0; right :auto;  background : #131313; margin : 0; padding :0; display : none; z-index : 8000; overflow : hidden;
}
.notifications {
    position : absolute; width : 350px; min-height : 200px; top : 40px; left : auto; right :0; bottom : 0; background : #131313; margin : 0; padding :0; border :0; display : none; z-index : 999999;
}
.notify_new { display : block; float : right; width : 5px; height : 5px; position : relative; background: #FFF700; border : 1px #000000 solid; border-radius : 2px; }
.apps ul, .yourmenu ul {
    width : 100%; overflow : hidden;
	list-style:none;
	position:relative;
	margin:0;
	padding:0;
	background : none;
}
.apps ul li, .yourmenu ul li { width : 100%;	position:relative;
	float:none;
	margin:0;
	padding:0;
	background: none; }
.apps ul li a, .apps ul li a:link, .apps ul li a:visited, .yourmenu ul li a, .yourmenu ul li a:link, .yourmenu ul li a:visited {
    display:block;
	text-decoration:none;
	font-weight:600;
	text-transform : uppercase; letter-spacing : 1px;
	font-size:14px;
	line-height:30px;
	/* top right bottom left */
	padding: 5px 20px 5px 20px;
       -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
    background : #131313;
    border-top : 0;
    border-bottom : 1px #111111 solid;
    color : #e1e1e1;
}
.yourmenu ul li a, .yourmenu ul li a:link, .yourmenu ul li a:visited {
    line-height : 20px;
}
.apps ul li a:hover, .yourmenu ul li a:hover { background : #131313; }
.addtopicbanner { display : none; z-index : 9000; position : fixed; width : 100%; bottom : 250px; left : 0; top : auto; right : 0; min-height : 100px; line-height : 50px; overflow : hidden; color : #cccccc; background : none; }
.topic_image_contain { position : relative; overflow : hidden; display : block; width : 50%; margin : 0 auto 0 auto; background : #111111; border : 2px #010101 solid; border-radius : 10px; }
/********************************************* BOTTOM ********************/
.bottom { height : auto; line-height : 14px; font-size : 14px; text-align : center; color : #606060; padding : 0 0 50px 0; }
.bottom p { font-size : 12px; line-height : 12px; color : #cccccc; }
.bottom ul { list-style : none; width : 100%; margin : 0 0 0 0; } .bottom ul li { display : block; width : auto; float : left; margin : 5px 0 5px 0; padding : 0 20px 0 0; }
.bottom ul li a, .bottom ul li a:link, .bottom ul li a:visited { line-height : 20px; font-weight : 400; }
/************************************ TEMPLATE STYLING ****************/
.headings { display : block; position : relative; width : 100%; height : 45px; line-height : 45px; background: #111111; overflow : hidden; font-size : 14px; font-weight : 600; text-transform : uppercase; letter-spacing : 1px; color : #e1e1e1; padding-left: 10px; }
.headings h1 { font-size : 14px; font-weight : 600; }
.showmore { display : block; position : relative; width : 55%; height : 40px; line-height : 40px; background: #114168; border : 2px #010101 solid; overflow : hidden; font-size : 14px; text-transform : uppercase; letter-spacing : 1px; font-weight : 600; text-align : center; color : #e1e1e1; padding-left: 10px; margin : 10px auto 10px auto; border-radius : 5px; }
.showmore:hover { background : #191919; }
.showmore a, .showmore a:link, .showmore a:visited { color : #e1e1e1; }
.showmore a:hover, .showmore a:visited:hover { color : #fff; }
/****************************************** BULLETIN BLOCK *****************/
.bulletin_wrap { width : 44%; float : right; position: relative; overflow: hidden; display: block;
}
.bulletin {
    display : block; position : relative; height : 220px; overflow : hidden; padding : 0 0 0 0; margin : 0 0 0 0; background-size : cover; background-position : center; 
}
.bulletin span { display : block; position : relative; overflow : hidden; text-align : center; padding: 100px 20px 10px 20px; color : #fff; line-height : 20px; font-size : 18px; font-weight : bold; }
/*********************************** HORIZ SCROLL BLOCKS **************/
.scrollblock { 
  -webkit-overflow-scrolling: touch;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
}
.scroll { display : inline-block; }
.scroll_item { position : relative; display : block; width : 240px; height : 150px; background : #111111; border : 1px #111111 solid; border-radius : 3px; background-size : cover; background-position : center; background-repeat : no-repeat; margin : 4px 2px 4px 2px; }
.sc1 { position : relative; display : block; width : 240px; height : 150px; background : transparent url('/app/g.png') repeat; }
.scroll_item a, .scroll_item a:link, .scroll_item a:visited { position : absolute; top : auto; bottom : 10px; left : 0; right : 0; color : #e1e1e1; font-weight : 600; font-size : 15px; line-height : 15px; padding : 10px; white-space: normal; max-height : 90px; text-align : center; text-overflow: ellipsis; }
.scroll_item img { width : 100%; height : auto; overflow : hidden; }

.scroll2_item { position : relative; display : block; width : 150px; height : 160px; background : #111111; border : 1px #111111 solid; border-radius : 3px; background-size : cover; background-position : center; background-repeat : no-repeat; margin : 4px 2px 4px 2px; }
.sc2 { position : relative; display : block; width : 150px; height : 160px; background : transparent url('/app/g.png') repeat; }
.scroll2_item span { display: block; position :absolute; bottom : 10px; left : 10px; color : #cccccc; font-size : 12px; line-height : 10px; }
.scroll2_item a, .scroll2_item a:link, .scroll2_item a:visited { position : absolute; top : auto; bottom : 25px; left : 0; right : 0; text-align : left; color : #e1e1e1; font-weight : 600; font-size : 14px; line-height : 14px; padding : 10px; white-space: normal; max-height : 90px; text-overflow: ellipsis; }
.scroll2_item img { width : 20px; height : 20px; overflow : hidden; }

.scrollnet_item { position : relative; display : block; width : 150px; height : 100px; background : #272727; border-right : 1px #111111 solid; background-size : cover; background-position : center; background-repeat : no-repeat; margin : 0 0 0 0; }
.scnet { position : relative; display : block; width : 150px; height : 100px; background : transparent url('/app/g.png') repeat; }
.scrollnet_item span { display: block; position :absolute; bottom : 10px; left : 10px; color : #e1e1e1; font-size : 12px; line-height : 10px; }
.scrollnet_item a, .scrollnet_item a:link, .scrollnet_item a:visited { position : absolute; top : auto; bottom : 25px; left : 0; right : 0; text-align : left; color : #fff; font-size : 16px; line-height : 16px; padding : 10px; white-space: normal; max-height : 90px; text-overflow: ellipsis; }
.scrollnet_item img { width : 20px; height : 20px; overflow : hidden; }
/************************************** SPAN CLASSES **********************/
.quickstats { font-size : 12px; line-height : 12px; display : inline-block; margin : 0; padding : 0 0 0 15px; color : #cccccc; }
.quickstats span {
    padding: 5px 10px 5px 10px;
    background: #212121;
    border-radius: 3px;
    font-weight: 400;
    margin-right: 5px;
    color: #e1e1e1;
}
.quickinfo { font-size : 12px; line-height : 12px;  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; display : inline-block; margin : 0; padding : 5px 10px 5px 10px; color : #fff; background : #222222; background-image:
    linear-gradient(
      #333333, #111111
    ); border : 1px #111111 solid; border-left : 0; font-weight : 600; }
.first_one { border-left : 1px #111111 solid; border-top-left-radius : 5px; border-bottom-left-radius : 5px; }
.last_one { border-left : 1px #111111 solid; border-top-right-radius : 5px; border-bottom-right-radius : 5px; }
.quickrank { background : #212121; line-height : 20px; color : #e1e1e1; font-weight : 400; padding : 0 10px 0 2px; margin : 0 0 0 15px; border-radius : 3px; }
.bigtext1 { font-size : 20px; line-height : 20px; font-weight : 600; padding : 5px; }
.normaltext { font-size : 12px; line-height : 12px; font-weight : 400; padding : 5px; }
.fullwidth { width : 100%; display : block; }
.pad15 { padding : 15px 15px 0 15px; }
.green { color : #00B700; }
.red { color : #D80000; }
.bg_red { background: #D80000; }
.bigger { font-size : 12px; line-height : 12px; }
.biggest { font-size : 24px; line-height : 24px; }
.alerted { background-color : #00B700; color : #fff; }
/********************************************* BREADCRUMB LINKS ********/
.top_stats { display : block; position : relative; float: right; width : auto; line-height : 35px; height : 35px; overflow: hidden; font-size : 12px; color : #cccccc; padding: 0 20px 0 0; }
#breadcrumbcontain {
position : relative;
margin-left : 0; margin-top : 40px; margin-bottom : 0; margin-right : 0; padding-top : 0;
background : #111111;
min-width : 350px;
width : 100%;
margin-bottom : 0;
min-height : 35px;
height : 35px;
overflow : hidden;
margin-left : auto; margin-right : auto;
}
.breadcrumb { 
list-style: none; 
overflow: hidden; 
margin-top : 0;
margin-left : 0;
padding-left : 0;
padding-top : 0;
color : #cccccc;
}
.breadcrumb li { 
color : #cccccc;
float: left; 
}
.breadcrumb li a {
color : #cccccc;
text-decoration: none; 
text-transform : uppercase;
letter-spacing : 2px;
padding: 10px 0 10px 50px;
background: #111111;
position: relative; 
display: block;
float: left;
font-size : 12px;
text-overflow: ellipsis;
}
.breadcrumb li a:after { 
color : #cccccc;
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 30px solid transparent;     /* Go big on the size, and let overflow hide */
	border-bottom: 30px solid transparent;
	border-left: 30px solid #111111;
	position: absolute;
	top: 50%;
	margin-top: -30px; 
	left: 100%;
	z-index: 2; 
}
.breadcrumb li a:before { 
color : #cccccc;
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 30px solid transparent;       
	border-bottom: 30px solid transparent;
	border-left: 30px solid #111111;
	position: absolute;
	top: 50%;
	margin-top: -30px; 
	margin-left: 1px;
	left: 100%;
	z-index: 1; 
}
.breadcrumb li:first-child a {
color : #cccccc;
	padding-left: 10px;
}
.breadcrumb li:last-child a {
	background: #111111 !important;
	pointer-events: none;
	cursor: default;
}
.breadcrumb li:last-child a:after { 
color : #cccccc;
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 30px solid transparent;       
	border-bottom: 30px solid transparent;
	border-left: 30px solid #111111;
	position: absolute;
	top: 50%;
	margin-top: -30px; 
	margin-left: 1px;
	left: 100%;
	z-index: 1; 
}
.breadcrumb li a:hover { background: #111111; }
.breadcrumb li a:hover:after { border-left-color: #111111 !important; }
.rollwrap {
display : block;
width : 100%;
height : 210px;
position : relative;
overflow : auto;
}
/************************************************** INPUT STYLING ******/
button {
border : none;
}
.button, a.button, a.button:visited {
    width : auto;
    display : block;
    background: #114168;
    color: #ffffff;
    padding : 0 10px 0 10px;
    background-position: right;
    border: 2px solid #111111;
    border-radius: 5px;
    margin : 5px 0 5px 0;
    line-height : 40px;
    font-size: 14px;
    font-weight : 600;
    text-transform : none;
}
.black_button, a.black_button, a.black_button:visited {
    width : auto;
    display : block;
    background: #222222;
    color: #ffffff;
    padding : 0 10px 0 10px;
    background-position: right;
    border: 3px solid #111111;
    border-radius: 5px;
    margin : 5px 0 5px 0;
    line-height : 40px;
    font-size: 14px;
    font-weight : 600;
    text-transform : none;
}
.addblogpost {
    display : block;
    min-width: 100%;
    width : auto;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    font-weight : 600;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    text-indent : 10px;
    overflow: hidden;
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: #131313;
    color: #fff;
    border : 0;
}
.file-upload {
  display: block;
    position: relative;
    overflow: hidden;
    height: 50px;
    line-height: 50px;
    background: #222222;
    background-position: left center;
    padding-left: 5px;
    padding-right : 15px;
    margin: 0 15px 15px 0;
    font-size: 16px;
    font-weight : 600;
    color: #fff;
    border: 2px #111111 solid;
    border-radius : 5px;
    cursor: pointer;
}
.file-upload input.file-input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 16px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
 }
select {
width: 100%;
height : 50px;
padding : 10px;
line-height : 50px;
font-size : 20px;
font-weight : 600;
background : #131313;
color : #fff;
border : 0;
}
input.big { width : auto; margin : 0;  font-weight : 600; font-size : 20px; line-height : 50px; background : #131313; padding : 0; text-indent : 15px; color : #fff; }
/******************************************************* SEARCH FORM ******/
.search-form {
  overflow: hidden;
  position: relative;
}
.search-input {
  /* take full width of form */
  width: 100%;
  font-size : 16px; line-height : 20px; background : #141414; color : #cccccc; border : 0; padding-top : 5px; padding-bottom : 5px;
}
.search-button {
  position: absolute; 
  /* push outside the form, hiding it */
  left: 100%;
  width: var(--searchButtonWidth);
}
.search-input:not(:placeholder-shown) ~ .search-button {
  /* pull back the negative value of the width */
  transform: translateX(calc(-1 * var(--searchButtonWidth)));
}
.search-button {
  position: absolute; 
  left: 100%;
  width: var(--searchButtonWidth);
  /* animate it */
  transition: 0.2s;
}
input:-internal-autofill-selected {
 background-color : #121212;
 color : #fff;
}
button, .search-button {
background-color: #114168;
    font-size : 14px;
    line-height : 20px;
    padding-top : 5px; padding-bottom : 5px;
    text-transform : uppercase;
    color : #fff;
}
/********************************************** SIDEBAR LIST ITEMS ******/
.nordered { list-style : none; display : block; margin : 0 0 0 0; padding : 0 0 0 0; max-width : 190px; height : auto; overflow:auto; }
.nordered li { display : block; list-style : none; margin : 0 0 0 0; padding : 0; }
.nordered li a, .nordered li a:link, .nordered li a:visited { display : block; font-size : 15px; line-height : 17px; padding : 10px; font-weight : 400; background : #121212; border-bottom : 1px #131313 solid; color : #cccccc; }
.nordered li a span { display : block; font-size : 12px; line-height : 14px; text-transform : uppercase; letter-spacing : 1px; font-weight : 300;  }
.nordered li a:hover, .nordered li a:visisted:hover { background : #131313; color : #e1e1e1; }
.nordered li a img { display : block; width : 30px; height : auto; float : right; margin-left : 15px; }
/************************************** CONTENT STYLING *****************/
.fndm { position : fixed; min-width : 100%; width : 100%; min-height : 100%; height : 100%; z-index : -1; padding-top : 0; background-position : top center; background-repeat : no-repeat; background-size : cover; }
.fndmobi { position : fixed; min-width : 100%; width : 100%; min-height : 100%; height : 100%; z-index : -1; top : 0; background : url('/app/bg-mobi.jpg') no-repeat; background-size : fill; background-position : top center; }
.fndmimg { width : 100%; height : 100%; overflow : hidden; }
.fndmobimg { min-width : 100%; width : auto; min-height : 400px; height : 100%; max-height : 100%; }
.fndmpush { position: relative; width: 100%; height: 250px; display: block; }
/******************************** BILLBOARD ********************************/
.billboard {
    display: block;
    position: relative;
    overflow: hidden;
    display: block;
    width: auto;
    min-width: 730px;
    max-width: 730px;
    min-height: 100px;
    max-height: 100px;
    padding-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 10px;
    background: transparent;
}
/*************************************** POST VIEW STYLING ***********/ 
.pvs { display : block; position: relative; margin-bottom: 1px; margin-left : auto; margin-right : auto; margin-top : 0; padding: 0 0 0 0; background: #131313; float: left; overflow: hidden; width : 100%; border-bottom : 1px #111111 solid; }
.pv1 { position: relative; margin: 0; padding: 0 0 0 0; border: 0; float: left; overflow: hidden; width: 25%; }
.pv1_trend { width : 45%; }
.pv1 img { width : 90%; height : auto; border : 1px #111111 solid; border-radius : 5px; margin : 5%; }
.pv2 { position: relative; margin: 0; padding-top: 0; border: 0; float: left; overflow: hidden; width: 75%; }
.pv2_trend { width : 55%; }
.pv2 header, .pv2 h2 { font-size : 20px; font-weight : 400; margin : 0 0 0 0; padding : 5px 5px 2px 5px; line-height : 26px; }
.header_trend { font-size : 25px; line-height : 30px; padding-top : 20px; }
.pv2 p { margin : 0; padding : 5px 10px 5px 10px; font-size : 16px; line-height : 20px; color : #cccccc; }
.pv2 p span { display : inline-block; font-size : 14px; color : #dddddd; padding-right : 5px; }
/*********** ITERATIONS *********/
.iter { display : block; position : relative; margin : 0 0 0 0; padding : 0 0 0 0; background : #151515; }
.iteration { display : block; padding : 20px; margin : 0 0 0 0; color : #cccccc; }
.iteration h2 { color : #fff; font-size : 20px; line-height : 20px; margin : 0 0 0 0; font-weight : 300; }
/************************************** MODERATION BUTTONS *************/
.blk { position : relative; display:inline-block; min-width : 50px; width:auto; height : 40px; margin : 0 0 0 0; overflow : hidden; padding :0 0 0 0; }
.blk a, .blk a:link, .blk a:visited { position : relative; display : block; margin-left :5px; margin-right : auto; margin-top : 2px; background : #222222; padding : 0 10px 0 10px; color : #fff; border : 2px #111111 solid; border-radius : 5px; font-size : 14px; line-height : 28px; font-weight : 700; cursor : pointer; }
.blk a:hover { color : #cccccc; }
a.action, a.action:link, a.action:visited, .tile a.action, .fd a.action, a.delete { display : block; float : right; font-size : 16px; line-height : 32px; margin : 5px 0 5px 0; color : #fff; padding : 0 10px 0 10px; font-weight : 400; background : #003E68; width : auto; text-align : center; border : 3px #010101 solid; }
a.addbanner { display : block; visibility : visible; }
a.delete { background : #D80000; }
a.action:hover, a.delete:hover { background : #111111; }
.lefticon { position : relative; float : left; margin-right : 10px; width : 20px; height : 20px; border-radius : 3px; }
/************************************** LIST STYLING FOR SIDEBAR *******/
.ordered { list-style : none; display : block; margin : 0 0 0 0; padding : 0 0 0 0; }
.ordered li { display : block; list-style : none; margin : 1px 0 0 0; padding : 0; }
.ordered li a, .ordered li a:link, .ordered li a:visited { display : block; font-size : 16px; line-height : 18px; padding : 10px; font-weight : 400; background : #131313; border : 1px #111111 solid; }
.ordered li a span { display : block; font-size : 12px; line-height : 16px; letter-spacing : 1px; font-weight : 400; color : #cccccc;  }
.ordered li a:hover, .ordered li a:visisted:hover { background : #131313; color : #e1e1e1; }
.ordered li a img { display : block; width : 25px; height : auto; float : right; margin-left : 15px; }
/************************************************ ACTIVITY FEED *********/
.acts { display : block; position: relative; margin : 0 0 0 0; padding: 0 0 0 0; background: #131313; float: left; overflow: hidden; border-bottom : 1px #111111 solid; width : 100%; }
.act1 { position: relative; margin: 0; padding-top: 0; border: 0; float: left; overflow: hidden; width: 20%; max-width : 55px; }
.act1 img { width : 35px; height : 35px; border : 0; margin-top : 12px; margin-left : 10px; border-radius : 3px; }
.act2 { position: relative; margin: 0; padding-top: 0; border: 0; float: left; overflow: hidden; width: 80%; font-size : 16px; line-height : 18px; color : #cccccc; }
.act3 { position: relative; margin: 0; padding-top: 0; border-top: 1px #e1e1e1 solid; overflow: hidden; width: 100%; font-size : 11px; line-height : 11px; }
.act2 h2, .pv2 h3, .pv2 h4 { font-size : 16px; font-weight : 600; margin : 0 0 0 0; margin-left : 0; padding : 0 0 10px 0; line-height : 32px; }
.act2 header.mobile { font-size : 20px; font-weight : 600; margin : 0; padding : 0 0 0 15px; margin-top : 5px; line-height : 21px; }
.act2 img.float { position : relative; float : right; width : 40%; height : auto; border : 0; margin-left : 10px; margin-right : 0; margin-top : 0; margin-bottom : 0; }
.act2 p { padding-left : 15px; margin : 0; font-size : 16px; line-height : 18px; color : #cccccc; }
.act_preview { display : block; width : 100%; margin-left : auto; margin-right : auto; margin-top : 0; margin-bottom : 0; padding : 0 0 0 0; border-radius : 3px; overflow : hidden; background-size : 100% auto; background-position : top center; background-repeat : no-repeat; min-height : 200px; height : 200px; }
.act_preview img { position : relative; display : block; overflow : hidden; width : 100%; height : auto; border-top-left-radius : 5px; border-top-right-radius : 5px; }
.actprev { display : block; position : absolute; bottom : 0; top :auto; min-height : 50px; max-height : 100px; font-size : 16px; line-height : 16px; margin : 0 0 0 0; padding : 5px; background : #fff; border-top : 1px #e1e1e1 solid; }
/**************************************** POLL STYLING ********************/
.polls { 
padding : 5px 0 0 0;  
}
.poll_options { display : block; width : 30%; float : left; font-size : 18px; line-height : 24px; font-weight : 400; }
.poll_votes { display : block; width : 60%; float : left; padding-top : 5px; }
.poll_vote { display : block; width : 10%; float : left; padding-top : 5px; }
.poll_bar { display: block; position:relative;
    background-color: #191919;
    border: 2px solid #111111;
    width: 100%;
    height: 24px;
    overflow : hidden;
    background-image: linear-gradient(#121212, #151515);
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.poll_bar_color { position : relative; min-width : 1%; background-image: linear-gradient(#A7E5E5, #6F9999); height : 22px; border : 1px #111111 solid; }
a.votefor, a.votedfor:link, a.votefor:visited { 
    display:block;
    width: auto;
    background-image: linear-gradient(#003E68, #003559);
    color: #ffffff;
    text-align : center;
    border: 2px solid #111111;
    border-left : 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    font-size: 14px;
    line-height : 14px;
    font-weight: 600;
    padding-top:5px;padding-bottom:5px;
}
a.votefor:hover, a.votefor:visited:hover { background: #00B700; }
.color_white { color : #fff; }
/****************************************** NEWS / FORUM HEADING STYLES ***/
.exclusive_tag { position : relative; display : block; margin : 0 auto 0 auto; min-width : 100px; font-size : 20px; line-height : 45px; padding : 0 15px 0 15px; text-align : center; text-transform : uppercase; font-weight : 600; font-style: italic; background : #000; color : #fff; letter-spacing : 2px; }
.scnews_header { position : relative; display : block; width : 100%; min-height : 450px; background : #121212; border-bottom : 1px #111111 solid;  background-size : cover; background-position : center; background-repeat : no-repeat; margin : 0 0 0 0; }
.scnews_bg { position : relative; display : block; width : 100%; min-height : 450px; background : transparent url('/app/g.png') repeat; }
.scnews_header b { display: block; position :absolute; bottom : 20px; left : 0; right : 0; text-align : center; letter-spacing : 4px; font-weight : 400; color : #fff; font-size : 12px; line-height : 12px; text-transform : uppercase; }
.scnews_header h1 { position : absolute; top : auto; bottom : 40px; left : 20px; right : 20px; text-align : center; color : #fff; font-size : 32px; line-height : 34px; padding : 10px; white-space: normal; text-overflow: ellipsis; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
.scnews_header a, .scnews_header a:visited, .scnews_header a:link { color : #fff; }
.scnews_type { display : block; position : absolute; top : 0; left : 0; background : #111111; padding : 5px 10px 5px 10px; line-height : 12px; color : #e1e1e1; font-size : 12px; letter-spacing : 1px; text-align : left; text-transform : uppercase; border : 2px #111111 solid; border-top : 0; border-bottom-right-radius : 3px; }
.scnews_header img { width : 20px; height : 20px; overflow : hidden; }
/*************************************** ADDITIONAL CONTENT STLYING ****/
.fd {
    display : block;
    position: relative;
    margin : 0 0 5px 0;
    padding-right : 10px;
    background: #fff;
    border : 0;
    border-radius : 0;
    float: left;
    overflow: hidden;
    min-width : 100%;
    width : auto;
    max-width : 100%;
    height : 200px;
    height : auto;
}
.fd img { display : block; position : relative; width : auto; max-width : 100%; margin-left : auto; margin-right : auto; border : 0; overflow : hidden; }
.fd h1, .fd h4 { display : block; width : 100%; font-size : 26px; font-weight : 500; margin : 0; padding : 0; margin-top : 10px; margin-left : auto; margin-right : auto; margin-bottom : 10px; color : #111111; }
.fd h2 { display : block; width : 90%; font-size : 20px; font-weight : 500; margin : 0; padding : 0; margin-top : 10px; margin-left : auto; margin-right : auto; margin-bottom : 10px; color : #111111; }
.fd h1 span, .fd h2 span, .fd h4 span { display : block; width : 40px; margin-left : 0; display : block; font-size : 8px; text-transform : uppercase; color : #fff; letter-spacing : 1px; border-radius : 4px; margin-right : 10px; padding : 0 0 0 0; height : 16px; line-height : 16px; float : none; text-align : center; }
.fd h1.title {  display : block; position : relative; overflow: visible; top : 0; left : auto; right : auto; margin-top : 0; margin-bottom : 0; padding : 10px 0 0 0; font-size: 40px; line-height: 45px; text-align : center; text-transform : uppercase; color : #222222; font-weight : 800; }
.fd h1 span.fdnews, .fd h2 span.fdnews, .fd h4 span.fdnews  { background : #004A7F; }
.fd h1 span.fdtopic, .fd h2 span.fdtopic, .fd h4 span.fdtopic { background : #A0A0A0; }
.fd h1 span.fdimg, .fd h2 span.fdimg, .fd h4 span.fdimg { background : #00960F; }
.fd h1 span.fdreview, .fd h2 span.fdreview, .fd h4 span.fdreview { background : #E25A00; }
.fd h1 span.fdvideo, .fd h2 span.fdvideo, .fd h4 span.fdvideo { background : #E00000; }
.fd p { width : 90%; font-size : 12px; color : #222222; margin-left : auto; margin-right : auto; margin-top : 5px; margin-bottom : 5; text-transform : uppercase; line-height : 15px; }
.fd .articlecontent h1 { width : 90%; font-size : 36px; color : #222222; margin-left : auto; margin-right : auto; margin-top : 5px; margin-bottom : 5; line-height : 30px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight : 600; }
.fd .articlecontent h3 { width : 90%; font-size : 16px; color : #222222; margin-left : auto; margin-right : auto; margin-top : 5px; margin-bottom : 5; line-height : 18px; font-weight : 600; }
.fd .articlecontent h2 { width : 90%; font-size : 32px; color : #222222; margin-left : auto; margin-right : auto; margin-top : 5px; margin-bottom : 5; line-height : 30px; font-weight : 600; }
.fd .articlecontent p { font-size : 20px; line-height : 32px; text-transform : none; }
.fd p span { width : 40px; margin-left : 0; display : block; font-size : 8px; text-transform : uppercase; color : #fff; letter-spacing : 1px; border-radius : 4px; margin-right : 10px; padding : 0 0 0 0; height : 16px; line-height : 16px; float : left; text-align : center; }
ul.fdul {
list-style : none; width : 90%; height : 30px; line-height : 30px; overflow : hidden; display : block; margin-top : 5px; margin-bottom : 10px; margin-left : 10px; margin-right : auto; padding : 0 0 0 0; }
ul.fdul li { display : inline-block; width : auto; float : right; height : 30px; line-height : 30px; overflow : hidden; padding : 0 0 0 0; margin : 0 0 0 0; font-size : 14px; }
ul.fdul li.c { float : left; }
ul.fdul li.v { padding-right : 20px; }
ul.fdul li a img, ul.fdul li.c a img { width : 30px; height : auto; margin : 0 0 0 0; border : 0; }
ul.fdul li img.fromfandom { height : 25px; width : auto; border-radius : 50%; }
ul.fdul li a, ul.fdul li a:link, ul.fdul li a:visited { color : #082843; font-weight : 600; padding-left : 5px; }
.nws2 ul.fdul { width : auto; margin-left : 10px; }
.fd .pmoviepanel { position : relative; float : left; display : block; overflow : show; width : 32%; max-width : 200px; min-height : 180px; height : auto;  padding : 5px; margin : 15px; border-right : 1px #cccccc dashed; border-bottom : 1px #cccccc dashed; }
.fd .pmoviepanel img { position : relative; min-wdith : 100%; max-width : 190px; width : auto; height : auto; border : 1px #cccccc solid; margin-bottom : 5px; }
.fd .pmoviepanel p { position : relative; display : block; margin-top : 0; font-size : 14px; line-height : 16px; margin-left : 10px; font-weight : 600; }
.fd p.rating span { width : auto; min-width : auto; height : 28px; min-height : 28px; font-size : 20px; line-height : 28px; }
.fd .pmoviepanel p span { display : block; overflow : hidden; margin-top : 0; margin-bottom : 10px; width : 100%; font-size : 12px; color : #565656; text-transform : uppercase; text-align : left; }
.fd .pmoviepanel a.learn { 
display : block; overflow : hidden;
background: #003E68;
    color: #ffffff;
    padding-top: 5px;
    padding-bottom: 5px;
    background-position: right;
    border: 2px solid #003E68;
    border-radius: 3px;
    margin-bottom: 5px;
    margin-left : 10px; margin-right : 10px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align : center;
}
.fd p img, .fd img { width : auto; max-width : 100%; height : auto; overflow : hidden; }
.articlecontent ol {
     color : #111111; 
 }
.articlecontent li {
   padding : 10px 10px 10px 10px;
   color : #111111;
   font-size : 20px; line-height : 32px;
 }
 /************************************************ TILE STYLING **********/
.tile { background : none; font-size : 16px; line-height : 16px; position : relative; overflow : hidden; margin : 0; padding : 5px; min-width : 90%; width : auto; max-width : 100%; display : block; }
.tile h1 { font-size : 32px; line-height : 32px; margin : 15px; }
.tile h1.t { font-size : 16px; line-height : 16px; margin-left : 0; }
.tile h1.nml { margin-left : 0; }
.tile h2 { font-size : 24px; line-height : 24px; margin-bottom : 0; }
.tile h5, .tile h6 { font-size : 14px; line-height : 20px; margin-bottom : 0; }
.tile h3 span, .tile h4 span, .tile h5 span, .tile h6 span { display :block; position : relative; float : right; font-size : 12px; line-height : 16px; background : #003E68; border: 2px solid #003E68; color : #fff; letter-spacing : 3px; padding-left : 5px; padding-right : 5px; margin-right : 5px; border-radius : 3px; text-transform : uppercase; }
.tile h3 span a, .tile h3 span a:link, .tile h4 span a:visited, .tile h4 span a, .tile h4 span a:link, .tile h4 span a:visited, .tile h5 span a, .tile h5 span a:link, .tile h5 span a:visited, .tile h6 span a, .tile h6 span a:link, .tile h6 span a:visited { color : #fff; }
.tile h3.blg { font-size : 20px; line-height : 20px; }
.tile p { max-width : 100%; overflow : hidden; font-size : 18px; line-height : 22px; }
.tile p.name { line-height : 18px; margin-bottom : 0; }
.tile p span.pubdate { font-size : 12px; color : #cccccc; float : right; display : block; margin-right : 15px; }
.tile p.small { font-size : 12px; line-height : 16px; margin-top : 0; margin-bottom : 0; }
.tile p.pinfo { font-size : 14px; line-height : 16px; margin-top : 5px; margin-bottom : 0; }
.tile p.vws { font-size : 40px; color : #003E68; font-weight : 600; margin-top : 0; margin-bottom : 0; margin-left : 5px; line-height : 40px; }
.tile p.vws span { display : block; font-size : 12px; line-height : 12px; width : 100%; margin-top : 4px; color : #003E68; }
.tile img { float : left; margin-right : 10px; margin-left : 0; }
.tile p img { width : 98%; height : auto; margin-left : auto; margin-right : auto; display : block; }
.tile img { max-width : 90%; height : auto; margin-left : auto; margin-right : auto; display : block; }
.tile ul.fdul { padding-top : 10px; margin-bottom : 0; }
.tile a, .tile a:link, .tile a:visited { font-weight : 600; }
.tile a.sub { display : block; width : 70px; text-align : center; color : #fff; background : #1C4A71; border : 1px #123049 solid;  border-radius : 3px; font-size : 12px; line-height : 14px; height : 14px; margin : 5px 0 5px 0; }
.tile a.sub:hover { background : #123049; }
.fd .tile { width : 90%; margin-left : auto; margin-right : auto; background : none; }
.fd .tile p { text-transform : none; }
.articlecontent img { width : auto; max-width : 450px; height : auto; }
/******************************************* MOVIE PAGE STYLING ********/
.movie_rating {
position : relative;
width : 50px; height : 50px;
text-align : center;
padding : 5px;
font-size : 30px;
color : #ffffff;
background : #194872;
border : 3px #10304C solid;
border-radius : 50%;
float : right; margin-top : 0; margin-left : 5px;
line-height : 50px;
}
img.movie_page_poster {
position : relative;
width : 97%;
height : auto;
border : 2px #010101 solid;
}
ul.movie_info {
list-style : none;
}
ul.movie_info li {
display : block;
overflow : hidden;
margin-bottom : 1px; margin-top : 0;
padding : 2px;
font-size : 12px;
width : 100%;
}
/************************************** REVIEWS **************************/
.reviewblock { position : relative; overflow : hidden; display : block; width : 33.333%; height : 320px; float : left; }
.reviewblock p { margin-left : 3px; margin-right : 3px; margin-top : 3px; margin-bottom : 0; font-size : 14px; color : #fff; }
.reviewblock img.reviewposter { width : 95%; height : auto; position : relative; display : block; margin-left : auto; margin-right :auto; border : 2px #222222 solid; border-radius : 3px; }
.reviewblock img.reviewstarsbig { position : relative; border : 0; height : 10px; max-width : 150px; margin-left : 3px; margin-right : auto; margin-top : 1px; margin-bottom : 3px; }
h1.reviewpage { font-weight : 200; font-size : 48px; }
p.rating {
    font-size: 1.1em;
    font-weight: bold;
    letter-spacing: 1px;
    padding-bottom: 10px;
}
p.rating span {
    color: #ffffff;
    background: #004A7F;
    border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
}
img.review_poster {
    position: relative;
    margin-top: 0;
    margin-left: 0;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
    width: 200px;
    height: 295px;
    border: 5px #222222 solid;
    border-radius: 4px;
    z-index: 140;
}
/************************************************ GALLERY PAGE STYLING *****/
.albwrap { 
display : block; position : relative; margin : 0 0 5px 0; padding : 0 0 0 0; width : 50%; overflow : hidden; float : left;
}
.album { margin : 5px 5px 5px 5px; border : 1px #cccccc solid; border-radius : 3px; background : #fff; height : 255px; }
.aboutalbum { display : block; position : relative; margin : 0 0 0 0; padding : 0 0 0 0; width : 100%; height : 50px; background : #fff; color : #c1c1c1; line-height : 12px; font-size : 12px; overflow : hidden; }
.aboutalbum span, .albuminfo span { display : block; position : relative; padding : 10px; margin : 0 0 0 0; color : #444444; }
.aboutalbum b { color : #111111; font-size : 18px; line-height : 18px; font-weight : 600; }
.album_img { display : block; position : relative; margin : 0 0 0 0; padding : 0 0 0 0; width : 100%; height : 150px; overflow : hidden; }
.album_img img { display : block; position : relative; width : auto; height : 150px; margin-top : 0; margin-left : auto; margin-right : auto; border : 0; overflow : hidden; }
.albuminfo { display : block; position : relative; width : 100%; height : 50px; margin : 0 0 0 0; padding : 0 0 0 0; background : #fff; color : #111111; line-height : 14px; font-size : 14px; overflow : hidden; }
.thumbwrap { display : block; position : relative; margin : 0 0 5px 0; padding : 0 0 0 0; width : 25%; overflow : hidden; float : left; }
.thumb { margin : 5px 5px 5px 5px; border : 1px #cccccc solid; border-radius : 3px; background : #fff; height : 210px; }
.thumb:hover { border-color : #003E68; }
.thumbimg { display : block; position : relative; margin : 0 0 0 0; padding : 0 0 0 0; width : 100%; height : 100px; overflow : hidden; }
.thumbimg img { display : block; position : relative; min-width : 100%; width : auto; height : 150px; margin-top : 0; margin-left : auto; margin-right : auto; border : 0; overflow : hidden; }
.thumbinfo { display : block; position : relative; margin : 0 0 0 0; padding : 0 0 0 0; width : 100%; height : 55px; background : #fff; color : #444444; overflow : hidden; }
.thumbinfo span { display : block; overflow : hidden; position : relative; padding : 10px; text-align : center; line-height : 14px; font-size : 14px; }
/************************* REPLIES *********************************/
.reply {  position : relative; display : block; overflow : hidden; width : auto; background : #131313; border-bottom : 3px #111111 solid; margin : 1px 0 0 0; padding : 10px 10px 10px 10px;
}
.member_name { margin : 0 0 0 0; font-size : 14px; line-height : 20px; font-weight : 700; text-indent : 15px; }
.tile img.smallsquare { width : 50px; height : 50px; border : 0; border-radius : 5px; }
.des { margin : 0 0 0 0; font-size : 14px; line-height : 16px; font-weight : 300; }
.latest { margin : 5px 0 0 0; padding : 5px 0 0 0; border-top : 1px #202020 solid; font-size : 12px; line-height : 16px; font-weight : 300; }
.signatures { display : block; width : 100%; overflow : hidden; text-align : center; font-size : 12px; }
.signatures img { max-width : 98%; height : auto; border : 0; }

/*********************************** PROFILE AND BLOG PAGES ********/
.display_banner { display : block; position : relative; overflow : visible; height : 90px; background-size : cover; background-position : top center; background-repeat : no-repeat; padding-top : 110px; border-bottom : 2px #111111 solid; }
.display_banner img.editbanner { position : absolute; top : 0; overflow : hidden; }
.guest { display : block; position : relative; background : #161616; color : #e1e1e1; font-style: italic; line-height : 20px; font-size : 16px; text-align : center; width : 85%; margin : 25px auto 25px auto; padding : 40px 20px 40px 20px; border : 2px #101010 solid; border-radius : 5px; }
.guest p { font-size : 16px; line-height : 25px; margin : 0; padding : 0; }
.guest p em { font-size : 12px; }
.profile_sig { display : block; position : relative; background : #131313; color : #e1e1e1; font-style: italic; line-height : 20px; font-size : 16px; text-align : center; width : 85%; margin : 25px auto 25px auto; padding : 40px 20px 40px 20px; border : 2px #101010 solid; border-radius : 5px; }
.profile_sig p { font-size : 16px; line-height : 20px; margin : 0; padding : 0; }
.profile_sig span { display : block; position : absolute; top : 0; left : 0; padding : 0 10px 0 10px; line-height : 12px; color : #e1e1e1; font-size : 12px; letter-spacing : 1px; text-align : left; background : #121212; border-right : 1px #101010 solid; border-bottom : 1px #101010 solid; border-bottom-right-radius : 5px; }
.moviebanner { height : 60px; padding-top : 50px; }
.blog_name { text-align : center; line-height : 24px; font-size : 24px; font-weight : 700; padding-top : 15px; text-transform : uppercase; }
.profile_name { text-align : left; line-height : 24px; font-size : 24px; font-weight : 700; padding-top : 20px; }
.profile_name span { line-height : 12px; font-size : 12px; color : #606060; padding : 0 0 0 15px; }
.dispwrap { margin : 0 auto; width : 100%; overflow : hidden;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover; 
background-position : top center; 
background-repeat : no-repeat; }
.dispcover { position : absolute; margin : 0; top : 0; bottom : auto; left : 0; right : 0; width : 100%; overflow : hidden; -webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover; background-position : top center; background-repeat : no-repeat; height : 170px; }

.dispprof { height : 160px; }

.disp { position : relative; display : block; overflow : hidden; padding : 0px; }
.dispimg, .profimg { display : block; background-color: #191919; border: 2px solid #111111; position: relative; margin-top : 0; margin-left : auto; margin-right : auto; margin-bottom : 0; width: 100px; height: 100px; }
.profimg { margin-left : 10px; }
.movieposter { width : 120px; height : 178px; }
.dispimg img, .profimg img { position : relative; width : 90px; height : 90px; padding : 5px; }
.movieposter img { width : 110px; height : 168px; }
.disposter { background-color: #191919; border: 1px solid #111111; margin-left: 10px; margin-top: 100px; position: absolute; width: 200px; height: 280px; float:left; }
.disposter img { position : relative; width : 190px; height : 270px; padding : 5px; }
.display { padding : 0 0 0 0; border-top : solid 1px #dedede; width: 100%; background-color: #fcfcfc; margin-top : 180px; margin-bottom : 0; min-height : 120px; margin-left : -1px; margin-right : -1px; word-break : normal; }
.display_prof { margin-top : 160px; }
.display h2, .display h1 { padding-left : 220px; font-size : 30px; line-height : 32px; margin : 5px 0 0 5px; color : #000; width : auto; word-break : normal; }
.display h2.prof, .display h1.prof { padding-left : 120px; }
a.edit, a.editprof {
    position: absolute; overflow : hidden;
    display: block;
    width: 200px; max-width : 200px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    text-transform : uppercase; letter-spacing : 2px;
    color: #fff;
    background: #003E68;
    border : 1px #003254 solid;
    margin-top: 390px;
    margin-left : 10px;
    margin-right: auto;
    text-align: center;
}
.editprof { width : 100px; margin-top : 210px; }
.display ul { list-style : none; display : block; padding-left : 227px; margin-top : 5px; margin-bottom : 0; }
.display ul.prof { padding-left : 127px; }
.display ul li, .display ul li.profi { display : block; width : 100%; float : left; color : #111111; padding : 0 0 0 0; margin : 0 0 0 0; height : 20px; line-height : 20px; font-size : 14px; font-weight : 600; background-size : 14px 14px; background-position : left center; background-repeat :no-repeat; text-indent : 20px; }
.display ul li.profi { display : block; width : 25%; float : left; color : #111111; padding : 0 0 0 0; margin : 0 0 0 0; height : 30px; line-height : 30px; font-size : 18px; font-weight : 600; background-size : 20px 20px; background-position : left center; background-repeat :no-repeat; text-indent : 25px; }
.display ul li.nopad { padding-left : 0; }
.display ul li.profi span { display : block; width : 100%; overflow : hidden; text-indent : 0px; text-transform : uppercase; font-size : 12px; line-height : 10px; }
/***************************** GALLERY **************************/
.masonwrapper {
    width: 95%;
    margin: 3em auto;
}
.masonry {
    margin: 1.5em 0;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
}
.item {
    display: inline-block;
    background: #131313;
    background-size : cover;
    background-repeat : no-repeat;
    border : 1px #111111 solid;
    padding: 0 0 0 0;
    margin: 0 0 1.5em;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.item:hover { background : #141414; }
.item img { width : 100%; height : auto; overflow : hidden; border : 0; margin : 0 0 0 0; }
.item span { position : relative; display : block; color : #cccccc; margin : 0 0 0 0; padding : 5px 15px 5px 15px; font-size : 14px; font-weight : 400; line-height : 14px; }
.item a, .item a:link, .item a:visited, .item a span { color : #fff; font-weight : 600; }

@media only screen and (max-width: 480px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}
@media only screen and (min-width: 700px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}
@media only screen and (min-width: 900px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}
@media only screen and (min-width: 1100px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}
@media only screen and (min-width: 1280px) {
    .wrapper {
        margin-left : auto; margin-right : auto;
    }
}
/**************************************************** PAGINATION ********/
#pagination {
  float: none;
  min-width : 100%;
  display : block;
  overflow : visible;
  padding : 0 5px 0 5px;
  margin : 0 0 0 0;
}
#pagination ul {
  width : 100%;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style: none;
}
#pagination li {
  display: inline;
  margin: 0;
  padding: 0;
}
#pagination a {
  float: left;
  padding: 0 0 0 4px;
  text-decoration: none;
}
#pagination a span {
  float: left;
  display: block;
font-size : 20px; line-height : 40px; margin : 5px 0 5px 0; color : #e1e1e1; padding : 0 10px 0 10px; font-weight : 400; background : #121212; width : auto; text-align : center; border : 2px #111111 solid;
}
#pagination a span:hover { background : #111111; color : #fff; }
/************************ GLOBAL MODIFIERS ***********************/
.hidden { display : none; }
.smaller { font-size : 10px; }
.small { line-height : 12px; font-size : 12px; }
.about { font-size : 12px; line-height : 14px; margin : 0; padding : 10px 10px 10px 10px; }
.by { font-size : 6px; }
.center { text-align : center; }
.alert { color : #D30000; font-weight : 600; }
.w100, .w20, .w30, .w50, .w80, .w90, .w10, .w5, .w7, .w23, .w35, .w65, .w70, .w75, .w40 { position : relative; overflow : hidden; display : block; }
.w5 { width : 5%; float : left; }
.w7 { width : 7%; float : left; }
.w10 { width : 10%; float : left; }
.w15 { width : 15%; float : left; }
.w16 { width : 16.666%; float : left; }
.w20 { width : 20%; float : left; }
.w25 { width : 25%; float : left; }
.w22 { width : 22%; float : left; }
.w23 { width : 23%; float : left; }
.w30 { width : 33.3%; float : left; }
.w35 { width : 36%; float : left; }
.wr35 { width : 35%; float : left; }
.wr30 { width : 30%; float : left; }
.w40 { width : 40%; float : left; }
.w50 { width : 50%; float : left; }
.w60 { width : 60%; float : left; }
.w65 { width : 64%; float : right; }
.w70 { width : 70%; float : left; }
.w75 { width : 75%; float : left; }
.w80 { width : 80%; float : left; }
.w90 { width : 90%; float : left; }
.w100 { width : 100%; }
.center { text-align : center; }
.noborderleft { border-left : 0; }
.noborder { border : 0; }
.borderbottom { border-bottom : 1px #010101 solid; }
.noborderbtm { border-bottom : 0; }
.noborderright{ border-right : 0; }
.nomargin { margin : 0 0 0 0; }
.nomarginbottom { margin-bottom : 0; }
.nopadding { padding : 0 0 0 0; }
.nomargintop { margin-top : 0; }
.nodisplay { display: none; }
.nml { margin-left : 0; }
.mln { margin-left : -10px; }
.margintop45 { margin-top : 45px; }
.nopadleft { padding-left : 0; }
.padleft { padding-left : 10px; }
.sidebar { font-size : 18px; line-height : 25px; }
.height180 { height : 165px; }
.height140 { height : 140px; }
.height185 { height : 185px; }
.height190 { height : 190px; }
.height120 { height : 120px; }
.height80 { height : 80px; }
.height450 { height : 450px; overflow : hidden; }
.floatleft, img.floatleft { float : left; }
.floatright { float : right; }
.square { width : 100px; height : 100px; border : 2px #141414 solid; }
.bgheightauto { background-size : 100% auto; }
.width100 { width : 100px; height : auto; }
.width200 { width : 200px; height : auto; }
.ic { width : 60px; height : 60px; }
.ico { width : 30px; height : 30px; }
.auto { width : 100%; height : auto; float : none; }
.galleryview { width : 100%; height : auto; }
.tv { min-width : 50px; max-width : 50px; height : 50px; }
.overflow_x { overflow-x : scroll; }
.overflow_y { oveflow-y : scroll; height : 250px; }
.smallposter { position : relative; float : left; width : 50px; height : 80px; margin-right : 10px;  }
.font_color_yellow { color : #E2BD00; }
.push { position : relative; width : 100%; height : 55px; display : block; }
.push60 { position : relative; width : 100%; height : 60px; display : block; }
.extra40 { height : 95px; }
.extratall { height : 110px; }
.lineheightsmall { line-height : 12px; }
.light { background : #e1e1e1; border-color : #e1e1e1; color : #001928; }
.light h1, .light p { color : #001928; }
.indent20 { text-indent : 20px; }
.adzone { position : relative; margin : 0 0 0 0; background : #222222; min-height : 50px; height : auto; max-height : 100px; padding : 15px 15px 15px 15px; }
.bgblue { background-image: linear-gradient(#245782, #082742); }
.borderblue { border-top : 5px #003E68 solid; }
.padit { display : block; margin : 0 0 0 0; padding : 10px 10px 10px 10px; }
.setw100 { min-width : 100%; }
table.mceLayout, textarea.tinyMCE {
    width: 100% !important;
}
.color_vip { color : #F892ED; }
.bg_vip { background-color : #F892ED; }
.yellow { color : #FFFB17; }


/************************************** FLUID MODIFIERS ****************/
.onlymobi { visibility: hidden; display : none; }
.notmobi { visibility: visible; display : block; }
.onmobile { visibility: hidden; display : none; }
@media screen and (max-width: 480px) {
.expand_sidebar { visibility : visible; } 
.onmobile { visibility: visible; display : none; }
.onlymobi { visibility: visible; display : block; }
.mainmenu { height : 50px; line-height : 50px; overflow : hidden; }
.scnews_header, .scnews_bg { min-height : 350px; }
.scnews_header h1 { font-size : 24px; line-height : 28px; }
#breadcrumbcontain { margin-top : 50px; }
.menu_item a img { height : 30px; margin-left : 0; margin-top : 10px; margin-bottom : 10px; }
.menu_item { width : 15%; }
.logobit { width : 40%; }
.menu_item a, .menu_item a:link, .menu_item a:visited { font-size : 20px; }
.apps { width : 100%; top : 50px; }
.yourmenu, .notifications, .sf_network { top : 50px; }
.yourmenu { width : 100%; left : 0; right : 0; }

#primary_nav_wrap ul a
{
	font-weight:700;
	text-transform : uppercase; letter-spacing : 1px;
	font-size:18px;
	line-height:32px;
	/* top right bottom left */
	padding: 10px 10px 10px 10px;
}
#primary_nav_wrap img { max-width : 32px; max-height : 32px; }
.notmobi { visibility: hidden; display : none; }
.bollboard { width: auto; min-width: 90%; max-width: 100%; min-height: 90px; max-height: 100px; padding-top: 5px; overflow : hidden; }
#scfdnav { min-width : 100%; width: 100%; max-width : 100%; }
.scifiedlogo, .scfdnavmiddle, .scfdnavmiddle2, .scfdnavright, .desktop { position : relative; min-width : 100%;  width :100%; max-width : 100%; left : 0; right : 0; margin-left :0; border-left :0; border-right :0; border-top : 0; border-top-left-radius: 0; border-top-right-radius : 0; }
.scifiedlogo { display : none; height : 100px; border-bottom : 0; }
.scfdnavright { margin-top : 45px; }
.scfdnavmiddle2 {display :none; }
.scifiedlogo { border-top : 0; }
.scifiedlogo img { position : relative; width : 80%; }
.leftbar { display : none; }
.rightbar, .rightbar2 { width : 100%; }
a.submit { display : none; }
.albwrap { width : 100%; float : none; }
.thumbwrap { width : 50%; }
.pvs { width : 100%; padding: 5px 5px 5px 5px; }
.pv1 { width : 30%; } .pv1 img { margin : 15px 0 0 0; width : 100%; }
.pv2 { width : 70%; } .pv2 p { visibility : hidden; padding : 0 0 0 0; width : 0px; height : 0px; }
.pv2 header h2 { font-size : 16px; line-height : 20px; padding : 10px 10px 10px 10px; }
.pv1_trend, .pv2_trend { width :100%; }
.pv2 header { font-size : 18px; line-height : 20px; }
.header_trend { font-size : 20px; line-height : 22px; padding-top : 10px; }
.pv1_trend img { width : 100%; height : auto; border : 0; border-radius : 0; margin : 0 0 0 0; }
.sf_network { width : 100%; }
/* SIDEBAR SWITCH */
.rightbar2 { display : none; position : absolute; z-index : 9000; width : 100%; top : 0; right : 0; left : auto; bottom : auto; float : none; }
/* Mobile Bulletin */
.bulletin_wrap { float : none; width : 390px; margin:  15px auto 0 auto; }
/* POLLS */
.poll_options { width : 40%; }
.poll_votes { width : 45%; }
.poll_vote { width : 15%; }
.pmoviepanel img { min-width : 30%; max-width : 30%; }
.display { min-height : 150px; }
.display ul li.profi { height : 40px; line-height : 40px; width : 50%; }
.billboard { display : none; visibility : hidden; }
::-webkit-scrollbar { height : 0; visibility : hidden;}
}
/************************************************** END FLUID MODIFIERS ****/
.wr10 { width : 10%; float : left; }
.wr20 { width : 20%; float : left; }
.wr90 { width : 90%; float : left; }
.textalignleft { text-align : left; }