/*
Theme Name: DotMag (OCME Mod)
Theme URI: http://mythemeshop.com/themes/dotmag
Author: MyThemeShop + OCME c/o Ali
Author URI: 
Description: (*UPDATED 8/10/2016*) Modified DotMag theme for OCME Gaming Sites.
Version: 3.6
*****************************
** To start editing styles, skip to 'OCME STYLE TWEAKS FOR GAMING SITES'
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
html {
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}
ol, ul {
    list-style: none
}
blockquote, q {
    quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
button, input, select, textarea {
    margin: 0
}
:focus {
    outline: 0
}
a:link {
    -webkit-tap-highlight-color: #FF5E99
}
img {
    max-width: 100%;	}

 video, object, embed {
    max-width: 100%;
     height: auto;  }
iframe {
    max-width: 100%
}
blockquote {
    font-style: italic;
    font-weight: normal;
    font-family: Georgia,Serif;
    font-size: 15px;
    padding: 0 10px 20px 27px;
    position: relative;
    margin-top: 25px;
}
blockquote:after {
    position: absolute;
    content: '"';
    font-size: 40px;
    color: #D0D9E0;
    width: 50px;
    top: -5px;
    left: 0;
    font-family: arial;
}
blockquote p {
    margin-bottom: 10px
}
strong, b {
    font-weight: bold
}
em, i, cite {
    font-style: italic;
    font-family: georgia;
}
small {
    font-size: 100%
}
figure {
    margin: 10px 0
}
code, pre {
    font-family: monospace,consolas,sans-serif;
    font-weight: normal;
    font-style: normal;
}
pre {
    margin: 5px 0 20px 0;
    line-height: 1.3em;
    padding: 8px 10px;
    overflow: auto;
}
code {
    padding: 0 8px;
    line-height: 1.5;
}
mark {
    padding: 1px 6px;
    margin: 0 2px;
    color: black;
    background: #FFD700;
}
address {
    margin: 10px 0
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}
.sticky {

}
.gallery-caption {

}
.bypostauthor {

}
.wp-caption-text {

}
/*-[ Framework ]--------------------*/
body {
    line-height: 1;
    font: 13px/20px arial, sans-serif;
    color: #696868;
}
::-moz-selection {
    background: #222;
    color: white;
    text-shadow: none;
}
::selection {
    background: #222;
    color: white;
    text-shadow: none;
}
#page, .container {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    margin-bottom: 12px;
    color: #393d46;
}
h1 {
    font-size: 28px;
    line-height: 44px;
}
h2 {
    font-size: 24px;
    line-height: 40px;
}
h3 {
    font-size: 22px;
    line-height: 38px;
}
h4 {
    font-size: 20px;
    line-height: 24px;
}
h5 {
    font-size: 18px;
    line-height: 34px;
}
h6 {
    font-size: 16px;
    line-height: 24px;
}
.sub-title {
    font-size: 12px
}
p {
    margin-bottom: 20px
}
a {
    text-decoration: none;
    color: #34B7EA;
    -webkit-transition: background-color, color 0.2s linear;
    -moz-transition: background-color, color 0.2s linear;
    transition: background-color, color 0.2s linear;
}
a:hover {
    color: #00A8FF
}
a:link, a:visited, a:active {
    text-decoration: none
}
:target {
    padding-top: 20px
}
/*-[ Main container ]---------------*/
.main-container {
    width: 980px;
    margin: 0 auto;
    max-width: 100%;
}
#page, .container {
    min-width: 240px;
    overflow: visible;
}
.main-container #page {
    background: #EDEDED;
    background-image: url('images/border-left.png');
    background-position: top left;
    background-repeat: repeat-y;
}
#page {
    min-height: 100px;
    float: none;
    clear: both;
    overflow: hidden;
}
/*-[ Header ]-----------------------*/
body > header {
    float: left;
    width: 100%;
    position: relative;
}
.main-header {
    position: relative;
    float: left;
    width: 100%;
    z-index: 99;
}
#header {
    position: relative;
    width: 100%;
    float: left;
}
#header h1, #header h2 {
    font-size: 38px;
    display: block;
    float: left;
    display: inline-block;
    margin: 0;
    line-height: 98px;
    margin: 20px 0;
    color: #fff;
}
#header .content {
    width: 980px;
    margin: 0 auto;
    min-height: 138px;
    float: none;
    background: none;
}
.widget-header {
    float: right;
    max-width: 76%;
    margin-top: 22px;
}
#sliderBox {
    width: 99.8%;
    float: left;
    clear: both;
    background-image: url(images/blackStripes.png);
    background-repeat: repeat;
    border: 1px solid #1C1C1C;
    border-top: 0;
}
#breadCrumpBox {
    width: 980px;
    border-top: 1px solid #3d3d3d;
    float: left;
    clear: both;
    background-image: url(images/blackStripes.png);
    background-repeat: repeat;
    max-width: 100%;
}
/*-[ Navigation ]-----------------*/
.main-navigation {
    display: block;
    float: left;
    width: 100%;
    background: #313131;
    border-bottom: 1px solid #1C1C1C;
    text-shadow: 1px 1px #1C1C1C;
    background-image: url(images/blackStripes.png);
}
.main-navigation #navigation ul ul::after {
    border-color: transparent transparent rgba(238, 238, 238, 0.92)
}
.main-navigation ul li {
    float: left!important
}
.main-navigation #navigation {
    width: 980px;
    border-top: 0;
    line-height: 30px;
    color: #818080;
    float: none;
    max-width: 100%;
}
.main-navigation #navigation ul li a {
    color: #818080
}
.main-navigation li a {
    font-size: 12px;
    line-height: 0.6em;
    padding: 12px 12px;
    color: #fff;
    text-decoration: none;
}
.main-navigation li ul li a {
    margin-left: 0
}
.main-navigation .children {
    width: 100%
}
.main-navigation .children li .sf-sub-indicator, .secondary-navigation .children li .sf-sub-indicator {
    display: none
}
.secondary-navigation {
    width: 980px;
    margin: 0 auto;
    border-bottom: 1px solid #1C1C1C;
    max-width: 100%;
    min-height: 70px;
}

.secondary-navigation #navigation {
    display: block;
    width: 99.8%;
    border: 1px solid #1C1C1C;
    border-bottom: 8px solid #383838;
    background: #323232;
}
.secondary-navigation ul li {
    border-right: 1px solid #1C1C1C;
    border-left: 1px solid #3D3D3D;
    border-top: 1px solid #3D3D3D;
}
.secondary-navigation ul li.home_class a {
    width: 90px;
    padding: 0;
    text-align: center;
}
.secondary-navigation a {
    font-size: 14px;
    padding: 20px 25px;
    color: #a09f9f;
    text-decoration: none;
    float: left;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.secondary-navigation a:hover {
    color: #A09F9F
}
.secondary-navigation a .sub {
    font-size: 11px;
    font-weight: normal;
    font-family: arial;
    color: #9B9B9B;
}
.main-navigation a.sf-with-ul {
    padding-right: 20px
}
.sf-js-enabled li  ul.sf-with-ul {
    padding-right: 20px
}
.main-navigation #navigation .sf-sub-indicator {
    top: 23%
}
#navigation .sf-sub-indicator {
    display: block;
    position: absolute;
    right: 10%;
    top: 30%;
}
#navigation {
    margin: 0 auto;
    float: left;
}
#navigation select {
    display: none
}
#navigation ul {
    margin: 0 auto;
    position: relative;
}
.secondary-navigation .sf-with-ul {
    padding-right: 30px!important
}
#navigation ul li {
    float: left;
    position: relative;
}
#navigation ul .header-search {
    float: right
}
#navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited {
    overflow: hidden;
    display: block;
}
#navigation > ul > .current a {
    background: transparent;
    color: #5a5a5a !important;
}
#navigation ul li li {
    border: 1px solid #202020;
    line-height: 32px;
    border-top: 1px solid #3d3d3d;
    border-bottom: 1px solid #1C1C1C;
    background: #323232;
}
#navigation ul li li:hover {
    background: #383838
}
.main-navigation #navigation ul ul {
    top: 30px
}
#navigation ul ul {
    position: absolute;
    width: 202px;
    z-index: 1000;
    font-size: 12px;
    color: #798189;
    top: 59px;
    border-top: 1px solid #1C1C1C;
}
#navigation ul ul li {
    padding: 0
}
#navigation ul ul a, #navigation ul ul a:link, #navigation ul ul a:visited {
    position: relative;
    width: 150px;
    border-left: 0;
    margin: 0;
    line-height: 1;
    padding: 15px 25px;
}
.secondary-navigation li:hover, .current-menu-item, .current-page-item {
    background: #383838
}
#navigation ul ul li:first-child a {

}
#navigation ul ul li:last-child a {
    border-bottom: none
}
#navigation ul ul {
    opacity: 0;
    left: -999em;
}
#navigation ul li:hover ul {
    left: -2px;
    opacity: 1;
}
#navigation ul ul ul {
    top: -50px
}
#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li:hover ul ul ul ul {
    left: -999em;
    opacity: 0;
    color: #51c6f3;
}
#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li li li li:hover ul {
    opacity: 1;
    left: 195px;
}
#page-header:after {
    border-color: transparent transparent #D8D8D8;
    border-color: transparent transparent rgba(218, 218, 218, 0.92);
    border-style: solid;
    border-width: 6px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}
/*-[ Content ]--------------------*/
.content {
    margin: 0 auto;
    clear: both;
    float: left;
    background-image: url('images/border-right.png');
    background-position: top right;
    background-repeat: repeat-y;
    width: 100%;
}
.article {
    width: 66.8%;
    float: left;
    border-top: 0;
    background: #F4F4F4;
    margin-left: 1px;
    margin-top: -1px;
}
.single .article {
    background-image: url('images/border-right.png');
    background-repeat: repeat-y;
    background-position: right top;
}
.headerCategory {
    float: left;
    clear: both;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    color: #5e5d5d;
    background-image: url(images/greyline.png);
    background-repeat: repeat-x;
    width: 100%;
    background-position: left 35px;
    padding: 30px 0 15px 0;
}
.headerCategory span {
    background-color: #f4f4f4;
    line-height: 10px;
    padding-right: 30px;
    text-shadow: white 1px 1px 0px;
}
.content_align {
    margin: 0 auto;
    clear: both;
    width: 91.6%;
    overflow: hidden;
    background-image: url('images/border.png');
    background-position: top right;
    background-repeat: repeat-x;
}
.content_box_out {
    float: left;
    width: 49.75%;
    min-height: 452px;
    background-image: url('images/border.png');
    background-position: top left;
    background-repeat: repeat-x;
    border-right: 1px solid #fff;
    clear: left;
}
.content_box_out_no_border {
    background-image: url('images/border-right.png');
    background-position: top right;
    background-repeat: repeat-y;
    border-right: 0;
    clear: none;
    /* border-left: 1px solid #DBDBDB; */
}
.content_box_in_no_border {
    border-right: 0!important
}
.content_box_in {
    float: left;
    width: 100%;
    padding-bottom: 25px;
    background-image: url('images/border.png');
    background-position: top right;
    background-repeat: repeat-x;
}
.single_post {
    padding: 20px;
    overflow: hidden;
}
.single_page {
    background-color: white;
    padding: 22px;
    border-top: 5px solid #00A8FF;
}
.post-container {
    float: left
}
.post-content {
    overflow: hidden;
    font-size: 12px;
    line-height: 20px;
    margin-top: 5px;
    padding: 10px 0 20px 0;
    color: #696868;
    border-top: 1px dashed #8e8d8d;
    clear: both;
}
.post-single-content {
    border-top: 1px dotted #cecece;
    /* padding-top: 15px; */
}
.readMore {
    float: right;
    color: #fff;
    text-shadow: 0px -1px rgba(0, 0, 0, 0.22);
    position: relative;
}
.readMore a::before {
    content: "+";
    color: white;
    font-size: 16px;
    position: absolute;
    left: 7px;
}
.readMore a {
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #50C6F3;
    padding: 4px 9px 4px 21px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
    float: left;
}
.readMore  a:hover {
    color: #fff;
    background: #5E5D5D;
}
.ss-full-width {
    background: white;
    padding: 20px;
    overflow: hidden;
}
.ss-full-width #content_box {
    padding-right: 0;
    padding-left: 0;
}
.post.excerpt {
    clear: both;
    float: left;
}
.wp-post-image {
    float: left
}
.featured-thumbnail {
    max-width: 300px;
    float: left;
    width: 100%;
}
.featured-thumbnail-single {
    float: left;
    background-color: #f4f4f4;
    padding: 4px;
    -moz-box-shadow: 0px 0px 10px 2px #ccc;
    -webkit-box-shadow: 0px 0px 10px 2px #ccc;
    box-shadow: 0px 0px 10px 2px #ccc;
    margin-top: 25px;
}
.single_post #featured-thumbnail {
    max-width: 100%;
    margin-bottom: 20px;
}
#featured-thumbnail {
    float: left;
    max-width: 300px;
    width: 100%;
}
.featured-thumbnail img {
    margin-bottom: 0;
    width: 100%;
}
.title {
    margin-bottom: 5px;
    font-size: 20pt;
    line-height: 20px;
    clear: both;
    text-shadow: white 1px 1px 0px;
}
.title a {
    color: #5E5D5D;
    font-weight: bold;
}
.single-title {
    float: left;
    padding: 0 0 0 0;
    color: #5e5d5d;
    font-size: 28px;
    font-weight: bold;
    text-shadow: 1px 1px #FFF;
    line-height: 34px;
    margin-top: 20px;
}
.page h1.title {
    margin-bottom: 20px
}
.post-info {
    display: block;
    font-size: 12px;
    color: #8e8d8d;
    font-weight: normal;
    line-height: 1.5;
    text-shadow: white 1px 1px 0px;
}
.post-info a {
    color: #8e8d8d
}
.single-postmeta {
    clear: both;
    float: left;
    margin-bottom: 10px;
    color: #8e8d8d;
    font-size: 13px;
    text-shadow: 1px 1px #FFF;
    font-style: italic;
}
.single-postmeta a {
    color: #8e8d8d
}
.single-postmeta a:hover {
    text-decoration: underline
}
.home article header, .archive article header {
    margin-bottom: 5px
}
.single_post header {
    background-image: url(images/greyline.png);
    background-repeat: repeat-x;
}
article header {
    overflow: hidden;
    /* padding-top: 12px; */
    width: 100%;
}
.single article header {
    overflow: visible
}
.post-info a:hover {
    text-decoration: underline
}
.article img.left, .article img.alignleft, .wp-caption.alignleft {
    margin: 0.3em 1.571em 0.5em 0;
    display: block;
    float: left;
}
.article img.right, .article img.alignright, .wp-caption.alignright {
    margin: 0.3em 0 0.5em 1.571em;
    display: block;
    float: right;
}
.article img.center, .article img.aligncenter, .wp-caption.aligncenter {
    margin: 0.3em auto 0.5em auto;
    display: block;
}
.article img.aligncenter, .article img.alignnone {
    margin-top: 1em;
    margin-bottom: 1em;
    display: block;
}
.article ul {
    margin: 1.5em 0 1.571em 1.571em;
    list-style-type: circle;
}
.article ol {
    margin: 1.5em 0 1.571em 1.571em;
    list-style-type: decimal;
}
/*-[ Tab widget ]------------------------------*/
#tabber {
    display: block;
    height: auto;
    max-width: 300px;
    padding-bottom: 20px;
}
#tabber .inside {
    background: #f4f4f4;
    padding: 15px;
    border: 1px #d9d9d9 solid;
    border-top: 0;
}
#tabber ul.tabs {
    overflow: hidden;
    height: 40px;
    text-align: center;
}
#tabber ul.tabs li {
    background: none;
    float: left;
    display: inline;
    font-weight: bold;
    color: #696868;
    cursor: pointer;
    border-bottom: none;
    width: 49.8%;
    text-align: center;
}
#tabber ul.tabs li a {
    border: 1px solid #D9D9D9;
    color: #696868;
    display: block;
    float: left;
    margin: 0;
    text-align: center;
    line-height: 36px;
    text-transform: uppercase;
    width: 100%;
    padding: 1px 0;
}
#tabber ul.tabs li a.selected {
    background: #f4f4f4;
    margin: 0;
    border: 1px solid #d9d9d9;
    border-bottom: 0;
}
#tabber ul.tabs li.tab-recent-posts a {
    margin: 0;
    text-align: center;
}
#tabber ul.tabs li.tab-recent-posts a.selected {
    background: #f4f4f4
}
#tabber ul.tabs li a:hover {
    color: #696868;
    text-decoration: none;
}
#tabber .inside li {
    list-style: none;
    padding: 0 0 15px 0;
}
#tabber .inside li div.info {
    display: table
}
#tabber .inside li div.info .entry-title {
    font-size: 13px;
    margin-bottom: 0;
    color: #919191;
    text-transform: uppercase;
    font-weight: bold;
}
#tabber .inside li div.info .entry-title a:hover {
    color: #222
}
#tabber .inside li div.info p {
    color: #8f8e8e;
    font-style: italic;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0;
}
#tabber .inside li .meta {
    display: block
}
#tabber .tab-thumb {
    border: 1px solid #f0f0f0;
    padding: 4px;
    background: #fff;
    float: left;
    display: inline;
    margin: 0px 12px 0px 0px;
}
.post-number {
    position: relative;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 23px;
    font-weight: bold;
    color: #fff;
    bottom: 22px;
    background: #34B7EA;
}
#tabber .inside .tabsSep {
    margin-top: 7px;
    width: 100%;
    height: 1px;
    background-color: #e8e5de;
    clear: both;
    float: left;
}
/*-[ Popular Posts ]---------------------------*/
.popular-posts .wp-post-image {
    width: 65px;
    height: 50px;
    margin-top: 3px!important;
}
/*-[ Tweets Widget ]---------------------------*/
.tweets li {
    margin-bottom: 15px!important
}
.twitter-follow {
    background: url(images/small_twitter.png) no-repeat center left;
    padding: 5px 0 5px 20px;
    float: right;
}
/*-[ Form Input ]------------------*/
input, textarea, select {
    padding: 8px 12px;
    font-size: 12px;
    color: #5E656D;
}
textarea {
    overflow: auto;
    resize: vertical;
}
select {
    padding: 12px 20px
}
input:focus, textarea:focus {

}
::-webkit-input-placeholder {
    color: #585F65;
    text-shadow: 0 1px 1px rgba(255,255,255,0.4);
}
::-moz-input-placeholder {
    color: #585F65;
    text-shadow: 0 1px 1px rgba(255,255,255,0.4);
}
::-ie-input-placeholder {
    color: #585F65;
    text-shadow: 0 1px 1px rgba(255,255,255,0.4);
}
::-o-input-placeholder {
    color: #585F65;
    text-shadow: 0 1px 1px rgba(255,255,255,0.4);
}
::input-placeholder {
    color: #585F65;
    text-shadow: 0 1px 1px rgba(255,255,255,0.4);
}
/*-[ Tables ]--------------------*/
table {
    width: 100%;
    text-align: left;
    margin-bottom: 25px;
    border: 2px solid #F1F4F6;
}
thead {
    background: #F7F8F9;
    font-size: 14px;
    color: #585F65;
}
table th, table td {
    padding: 7px 15px;
    text-align: left;
}
thead th {
    padding: 14px
}
tbody th {
    font-weight: normal;
    border-bottom: 1px solid #F5F7F9;
}
/*-[ Line ]---------------------*/
hr {
    border: none;
    border-bottom: 1px solid #E5E5E5;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    width: 297px;
    margin: 35px 0;
    clear: both;
    position: relative;
}
/*-[ Search Form ]------------------*/
#searchform {
    float: left;
    width: 100%;
}
nav #searchform fieldset {
    border: 0
}
.article #searchform {
    width: 70%
}
.main-header #s {
    width: 170px;
    background-color: #383C45;
    color: #999999;
    padding: 0;
    padding-top: 7px;
}
.sidebar #searchform label {
    color: #444;
    padding-top: 10px;
    float: left;
    font-weight: bold;
}
#s {
    width: 74.5%;
    background-color: #F4F4F4;
    float: left;
    padding: 13px 12px;
    border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
    border: 1px solid #D9D9D9;
    border-right: none;
}
#sidebars fieldset {
    width: 100%
}
.footer-widgets fieldset {
    padding-top: 15px;
    width: 100%;
}
.footer-widgets #s {
    width: 91%;
    background-color: #1f1f1f;
    padding: 13px 12px;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border: 1px solid #000;
}
.sbutton {
    cursor: pointer;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.sbutton:hover {
    background-color: #5E5D5D!important
}
.sbutton {
    float: left;
    text-align: center;
    background-image: url(images/searchico.png);
    background-repeat: no-repeat;
    background-position: center;
    padding: 13px 22px;
    background-color: #33B7EA;
    border: 0;
    height: 43px;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.footer-widgets .sbutton {
    display: none
}
#sidebars .sbutton span {
    width: 16px;
    height: 16px;
}
.sidebar .sbutton {
    padding-top: 10px
}
.no-results {
    float: left;
    padding: 6.3%;
}
.breadcrumb {
    line-height: 55px;
    padding-left: 20px;
    color: #979696;
    text-shadow: 1px 1px #000;
}
/*-[ Read More ]-------------------*/
.read-more {
    margin: 0 0 0 10px;
    line-height: 1.4em;
    background: none;
    padding: 0;
    font-size: 16px;
}
/*-[ Top Ad in Post ]-------------------------------------*/
.topad {
    margin-bottom: 10px;
    clear: both;
}
/*-[ Bottom Ad in post ]-----------*/
.bottomad {
    float: left;
    clear: both;
}
/*-[ Sidebar ]---------------------*/
#sidebars p {
    line-height: 20px
}
.sidebar.c-4-12 {
    float: right;
    width: 31.3%;
    max-width: 300px;
    padding: 30px 0.9% 0 0;
    position: relative;
    border-bottom: 0;
}
.sidebar.c-4-12 a {
    color: #494949
}
.sidebar_rows {
    width: 100%;
    clear: both;
    float: left;
}
.sidebar_rows .sb_left, .sidebar_rows .sb_right {
    width: 50%;
    float: left;
}
.widget {
    overflow: hidden;
    list-style: none;
    padding-bottom: 20px;
}
.widget .title {
    font-weight: bold;
    text-transform: uppercase;
    color: #545E68;
    font-size: 12px;
}
.widget li {
    display: block;
    overflow: hidden;
    list-style-type: none;
    margin-bottom: 8px;
}
.widget h3 {
    font-size: 16px;
    line-height: 15px;
    margin: 0 0 15px 0;
    color: #696868;
    font-weight: bold;
    text-shadow: white 1px 1px 0px;
    padding-top: 20px;
    background-image: url('images/border.png');
    background-position: top left;
    background-repeat: repeat-x;
}
.advanced-recent-posts li, .popular-posts li, .category-posts li {
    list-style: none!important;
    margin: 0;
    overflow: hidden;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
    color: #aeaeae;
    padding-left: 0;
    background: none;
    padding-bottom: 15px;
    padding-top: 10px;
}
.advanced-recent-posts span {
    font-size: 12px;
    color: #7f7e7e!important;
    text-shadow: 1px 1px #000;
    padding-top: 5px;
}
.advanced-recent-posts p, .popular-posts p, .category-posts p {
    margin: 0
}
.category-posts a, .advanced-recent-posts a {
    display: block
}
/*-[ Social Buttons ]--------------------------*/
.shareit .share-item {
    display: block;
    margin: 0;
    float: left;
}
.share-item.facebookbtn, .share-item.linkedinbtn, .share-item.stumblebtn {
    width: 92px
}
.shareit {
    padding: 10px 0 5px 0;
    overflow: hidden;
    clear: both;
}
/*-[ Footer ]-------------------*/
body > footer {
    overflow: hidden;
    width: 100%;
}
body > footer .widget {
    padding: 10px 0 0 0;
    border: none;
    float: left;
    width: 100%;
}
body > footer .sidebar .widget .title {
    font-size: 135%;
    color: #D4D8DB;
}
footer .widget {
    margin-bottom: 0;
}
footer a {
    color: #000000;
}
footer {
    position: relative;
    overflow: hidden;
}
.f-widget-sep {
    float: left;
    width: 20px;
    height: 100%;
}
footer .container {
    width: 978px;
    margin: 0 auto;
    background-image: url(images/stripebg.png);
    background-repeat: repeat;
    border: 1px solid #010000;
    max-width: 99.6%;
}
footer p {
    color: #aeaeae;
}
.footer-widgets {
    overflow: hidden;
    padding-bottom: 10px;
    border: 1px solid #4C4C4C;
}
.footer-widgets h3 {
    color: #aeaeae;
    font-size: 16px;
    padding-bottom: 20px;
    margin: 0;
    background-image: url(images/foterstripe.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    text-shadow: 1px 1px #000;
    margin-bottom: 15px;
}
body > footer .widget .textwidget {
    color: #aeaeae;
    text-shadow: 1px 1px #000;
    padding-top: 12px;
}
.f-widget {
    width: 31.333%;
    padding: 0 1% 0 1%;
    padding-top: 10px;
    float: left;
    position: relative;
    color: #8D8D8D;
    margin-bottom: 30px;
}
.copyrights {
    float: left;
    width: 100%;
    clear: both;
    padding-bottom: 5px!important;
    padding-top: 12px;
    color: #979494;
    height: 35px;
    overflow: hidden;
}
#copyright-note {
    width: 100%;
    margin: 0 auto;
    clear: both;
    float: left;
    font-size: 12px;
    color: #a8a8a8;
    padding-top: 5px;
    position: relative;
}
.copyrights .footer-navigation {
    float: right;
    max-width: 50%;
}
.copyrights .footer-navigation ul {
    float: right
}
.copyrights .footer-navigation ul li {
    float: right!important
}
.copyrights .footer-navigation ul li a {
    font-size: 11px
}
.copyrights .footer-navigation #navigation {
    float: right;
    max-width: 100%;
}
.copyrights .footer-navigation #navigation ul li a {
    display: block;
    float: left;
    color: #fff;
}
.copyrights .footer-navigation #navigation ul li span {
    float: right;
    padding: 0 10px;
    color: #fff;
}
.copyrights .footer-navigation #navigation ul li.nospan span {
    display: none
}
#sidebars .wp-post-image, footer .wp-post-image {
    margin-bottom: 0;
    margin-top: 5px;
    margin-right: 10px;
}
.postsby {
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left: 2%;
    border-right: 1px solid #DBDBDB;
    margin-bottom: 0;
    width: 97.6%;
}
.textwidget a:hover {
    color: #222!important
}
/*-[ Related Posts ]---------------------------*/
.related-posts {
    margin-top: 10px;
    clear: both;
    float: left;
    padding: 0 2.8%;
    width: 94%;
}
.relatedthumb {
    color: #696868
}
.related-posts ul {
    margin-left: 0;
    padding: 0;
    margin: 0;
    margin-top: 0;
}
.related-posts h5 {
    line-height: 20px;
    padding-left: 80px;
    color: #919191;
    text-transform: uppercase;
    font-size: 13px;
}
.related-posts h3 {
    font-size: 16px;
    margin: 0;
    color: #696868;
    background-image: url(images/greyline.png);
    background-repeat: repeat-x;
    background-position: left 13px;
}
.relatedthumb img {
    width: 100px;
    height: 100px;
    margin-bottom: 0;
}
.related-posts ul li p {
    font-weight: bold;
    padding-top: 1px;
    margin-bottom: 0;
}
.related-posts li {
    width: 41.65%;
    float: left;
    list-style: none;
    margin: 0 4% 4% 0;
    background-color: #fff;
    padding: 3%;
    -webkit-box-shadow: 0px 0px 4px rgba(180, 180, 180, 0.55);
    -moz-box-shadow: 0px 0px 4px rgba(180, 180, 180, 0.55);
    box-shadow: 0px 0px 4px rgba(180, 180, 180, 0.55);
}
.rthumb {
    float: left;
    margin-right: 10px;
}
.related-posts .last {
    margin-right: 0
}
/*-[ AuthorBox ]---------------------------*/
.postauthor-top {
    margin-bottom: 10px
}
.postauthor-top h3 span {
    background-color: #F4F4F4;
    padding-right: 20px;
}
.postauthor p {
    padding-top: 0px;
    color: #696868;
}
.postauthor {
    margin: 0;
    padding: 3%;
    min-height: 125px;
    float: left;
    clear: both;
    width: 94%;
}
.postauthor h4 span {
    background-color: #F4F4F4;
    padding-right: 20px;
}
.postauthor h4 {
    font-weight: bold;
    font-size: 16px;
    color: #696868;
    background-image: url(images/greyline.png);
    background-repeat: repeat-x;
    background-position: left 7px;
}
.authorOutline {
    -webkit-box-shadow: 0px 0px 4px rgba(180, 180, 180, 0.55);
    -moz-box-shadow: 0px 0px 4px rgba(180, 180, 180, 0.55);
    box-shadow: 0px 0px 4px rgba(180, 180, 180, 0.55);
}
.authorOutlineIn {
    background-color: #fff;
    padding: 15px;
    overflow: hidden;
}
.postauthor h5 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    padding: 0;
    margin: 0;
    line-height: 24px;
}
.postauthor img {
    float: left;
    margin: 0 3% 0 0;
    width: 17.2%;
}
.postauthor h4 a {
    color: #473636
}
.clear {
    clear: both
}
.left {
    float: left
}
.right {
    float: right
}
.last {
    margin-right: 0
}
/*-[ Tag widget ]------------------------------*/
.tagcloud a {
    font-size: 14px!important;
    padding: 2px 10px;
    border-top: 1px solid #CACACA!important;
    border-left: 3px solid #00A8FF;
    margin-bottom: 10px;
    float: left;
    margin-right: 7px;
    background: #E9E9E9;
    border-right: 1px solid #CACACA!important;
    border-bottom: 1px solid #CACACA!important;
    color: #000;
}
.tags {
    margin: 20px 0 0 0;
    width: 100%;
    float: left;
}
.tags a {
    margin-left: 5px
}
/*-[ Subscribe Widget ]------------------------*/
.mts-subscribe input[type="text"] {
    color: #888;
    border: 1px solid #DFDFDF;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 69.5%;
    float: left;
    padding: 13px 9px;
    border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
    background: #F4F4F4;
}
.mts-subscribe input[type="text"]:hover {
    border: 1px solid #C1C1C1
}
.mts-subscribe input[type="submit"] {
    background: #34B7EA;
    cursor: pointer;
    color: white!important;
    padding: 13px 0;
    border: 0;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
    float: left;
    height: 43px;
    text-align: center;
    width: 30%;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.mts-subscribe input[type="submit"]:hover {
    background: #5E5D5D
}
/*-[ Ad Widgets ]------------------------------*/
.ad-125 ul {
    float: left;
    width: 100%;
    margin: 0;
    list-style: none;
    max-width: 100%;
}
.ad-125 li {
    float: left;
    border: none;
    list-style: none!important;
    padding-left: 0;
    background: none;
}
.ad-125 .evenad {
    float: right!important
}
footer .ad-300 img, footer .ad-125 img {
    padding: 0;
    border: 0;
}
/*-[ Calender Widget ]-------------------------*/
#wp-calendar {
    width: 300px
}
#wp-calendar td {
    text-align: center
}
#wp-calendar caption {
    font-size: 16px;
    padding-bottom: 10px;
    font-weight: bold;
}
#wp-calendar #prev {
    text-align: left;
    padding-left: 12px;
}
/*-[Comments]--------------*/
.total-comments h4 {
    font-size: 16px;
    color: #696868;
    font-weight: bold;
    background-image: url(images/greyline.png);
    background-repeat: repeat-x;
    background-position: left 7px;
    margin: 0 3% 0 3%;
    clear: both;
}
.total-comments h4 span {
    background-color: #F4F4F4;
    padding-right: 20px;
}
.cnumber {
    color: #34B7EA
}
#comments {
    margin: 0 3% 3% 3%;
    float: left;
    clear: both;
    width: 93.8%;
    margin-top: 15px;
}
#commentsIn {
    background-color: #fff;
    padding: 15px;
    float: left;
    -webkit-box-shadow: 0px 0px 4px rgba(180, 180, 180, 0.55);
    -moz-box-shadow: 0px 0px 4px rgba(180, 180, 180, 0.55);
    box-shadow: 0px 0px 4px rgba(180, 180, 180, 0.55);
}
#commentsAdd {
    padding: 3%;
    background-color: #fff;
    width: 87.7%;
    float: left;
    clear: both;
    margin: 0 3% 3% 3%;
    -webkit-box-shadow: 0px 0px 4px rgba(180, 180, 180, 0.55);
    -moz-box-shadow: 0px 0px 4px rgba(180, 180, 180, 0.55);
    box-shadow: 0px 0px 4px rgba(180, 180, 180, 0.55);
}
.comment-author.vcard {
    float: left;
    margin-right: 4%;
    width: 12%;
}
#comments div.avatar {
    float: left
}
#comments .avatar time {
    clear: both;
    float: left;
    font-size: 11px;
    color: #777;
}
#comments .comment-content {
    float: left;
    width: 79.8%;
    padding: 0;
    margin-bottom: 20px;
}
#comments .comment-content p {
    font-size: 13px;
    color: #696868;
}
#comments .children .comment-content {
    width: 360px
}
#comments .children .children .comment-content {
    width: 280px
}
ul.children .commentImageLeft {
    width: 60px;
    height: 90px;
    border-left: 1px solid #c1bbb6;
    border-bottom: 1px solid #c1bbb6;
    position: absolute;
    top: -50px;
    left: -70px;
}
input.text-input, #commentform input {
    padding: 11px
}
input#author, input#email, input#url {
    width: 400px;
    border: 1px solid #c6dff1;
    background: #fff;
    font-size: 14px;
    max-width: 50%;
    clear: both;
    float: left;
}
input#author, input#email, input#url, #comment {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    border-color: #c6dff1;
    -webkit-box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
}
#cancel-comment-reply-link {
    float: right;
    line-height: 24px;
    margin-top: 0;
}
#cancel-comment-reply-link {
    float: right;
    color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #34B7EA;
    padding: 4px 8px;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: bold;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
#cancel-comment-reply-link:hover {
    background: #5E5D5D
}
#commentform input#submit {
    float: right;
    color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 0;
    background: #34B7EA; /* Old browsers */
    padding: 5px 5px 5px 5px;
    margin-bottom: 15px;
    font-weight: bold;
    padding: 8px;
    cursor: pointer;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
#commentform input#submit:hover {
    background: #5E5D5D
}
ol.commentlist {
    margin-left: 0;
    float: left;
    margin-bottom: 0;
}
.commentlist li {
    list-style: none;
    margin: 0 0 20px 0;
    padding-left: 0;
    float: left;
    width: 100%;
}
.commentlist p {
    margin-bottom: 1em;
    line-height: 21px;
}
.borderComments {
    border-bottom: 1px dashed #E0E0E0;
    width: 100%;
    clear: both;
}
.fn {
    font-size: 14px;
    line-height: 12px;
    float: left;
    margin-bottom: 10px;
    font-weight: bold;
}
.dr {
    float: right;
    font-size: 12px;
    text-align: right;
    line-height: 12px;
    color: #696868;
}
.comment-reply-link {
    color: #696868
}
.fn a {
    color: #696868;
    text-transform: uppercase;
    font-weight: bold;
}
.fn a:hover {
    text-decoration: underline
}
.comment-meta {
    font-size: 12px;
    font-style: italic;
}
.comment-meta a {
    color: #888
}
.reply {
    background: url('images/comment-reply-bg.jpg') no-repeat;
    overflow: hidden;
    float: right;
}
.reply a {
    float: right;
    height: 25px;
    line-height: 25px;
    padding: 0 12px;
    color: #BDBDBD;
    font-size: 12px;
}
.commentlist .children {
    margin-left: 17%;
    margin-bottom: 0;
    margin-top: 0;
    float: right;
    width: 83%;
}
.commentlist .children li {
    margin-bottom: 0;
    padding-bottom: 0;
}
#respond h3 {
    margin-top: 18px;
    margin: 15px 0 0 0;
    padding: 0 0 20px 0;
    color: #696868;
    font-size: 16px;
}
.cancel-comment-reply a {
    float: right;
    margin-top: -8px;
    font-size: 14px;
}
.comment-awaiting-moderation {
    font-style: italic;
    font-weight: bold;
}
/*-[ Comment Form ]----------------------------*/
#commentform textarea {
    width: 96.4%;
    font-family: inherit;
    border: 1px solid #E7E7E7;
    background: #fff;
    font-size: 14px;
    padding: 5px 10px 10px 10px;
    line-height: 25px;
    font-family: georgia;
    font-style: italic;
    -webkit-box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
#commentform p {
    margin-bottom: 15px;
    float: left;
    width: 100%;
    clear: both;
}
#commentform p label {
    float: left;
    padding-bottom: 5px;
    padding-top: 5px;
}
.required {
    color: red;
    float: left;
    font-size: 18px;
    padding: 5px;
    padding-top: 9px;
}
.comment-notes .required {
    padding-top: 3px;
    padding-left: 0;
}
.comment-notes {
    font-style: italic
}
/*-[ pagination ]------------------*/
.pagination {
    clear: both;
    overflow: hidden;
    float: left;
    width: 99.6%;
    font-family: arial;
    background-image: url('images/border.png');
    background-position: top left;
    background-repeat: repeat-x;
    border-right: 1px solid #DBDBDB;
}
.pagination ul {
    list-style: none;
    margin: 0;
    padding: 20px 1.5%;
    float: left;
    width: 97%;
}
.pagination ul li {
    float: left
}
.currenttext, .pagination a:hover {
    color: #979494;
    margin: 0 5px 0 0;
    display: inline-block;
    float: left;
    line-height: 1.2em;
    text-decoration: none;
    padding: 5px 8px;
    border: 1px solid #dcdcdc;
}
.pagination a, .pagination2 {
    margin: 0 5px 0 0;
    display: inline-block;
    float: left;
    line-height: 1.2em;
    text-decoration: none;
    color: #979494;
    padding: 5px 8px;
    border: 1px solid #F4F4F4;
}
.pagination a:hover {
    color: #000
}
.pagination2 {
    clear: both
}
.top {
    float: right
}
.copyrights a:hover {
    color: #555
}
.pnavigation2 {
    display: block;
    width: 95.7%;
    overflow: hidden;
    padding: 20px 2%;
    float: left;
    border-right: 1px solid #DBDBDB;
    border-top: 1px solid #DBDBDB;
}
.nav-previous {
    float: left
}
.nav-next {
    float: right
}
/*-----------------------------------------------
/* Shortcodes
/*---------------------------------------------*/
/*-[ Notifications ]---------------------------*/
.message_box {
    margin: 15px 0
}
pre {
    overflow: auto;
    background: #F7F7F7 url('images/code.png') 10px 2px no-repeat;
    padding: 2em 1em 1em 1em;
    border: 1px solid #DDD;
    margin: 15px 0;
}
.note {
    background: #FEF4C8;
    color: #666;
    border: 1px solid #FDEBA5;
}
.note p {
    padding: 0.5em 1em 0.5em 2.5em;
    background: url('images/thumb.png') left no-repeat;
    margin: 0.3em 0.8em;
}
.announce {
    background: #D7EFFB;
    color: #666;
    border: 1px solid #BEE5F8;
}
.announce p {
    padding: 0.5em 1em 0.5em 2.5em;
    background: url('images/speaker.png') left no-repeat;
    margin: 0.3em 0.8em;
}
.success {
    background: #E8F6D2;
    color: #666;
    border: 1px solid #DEF1BF;
}
.success p {
    padding: 0.5em 1em 0.5em 2.5em;
    background: url('images/tick.png') left no-repeat;
    margin: 0.3em 0.8em;
}
.warning {
    background: #FFE7E7;
    color: #666;
    border: 1px solid #FFDBDB;
}
.warning p {
    padding: 0.5em 1em 0.5em 2.5em;
    background: url('images/cross.png') left no-repeat;
    margin: 0.3em 0.8em;
}
/*-[ Buttons ]---------------------------------*/
.buttons {
    font-size: 12px;
    text-decoration: none;
    position: relative;
    padding: 10px 20px 7px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 15px 25px 25px 0;
    padding: 12px 10px;
}
.format_text a.buttons {
    color: #fff!important
}
.format_text a.btn_white {
    color: #4F4F4F!important
}
.btn_brown {
    background-color: #D9C2A5;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D9C2A5), color-stop(100%, #C3A178));
    background-image: -webkit-linear-gradient(top, #D9C2A5, #C3A178);
    background-image: -moz-linear-gradient(top, #D9C2A5, #C3A178);
    background-image: -ms-linear-gradient(top, #D9C2A5, #C3A178);
    background-image: -o-linear-gradient(top, #D9C2A5, #C3A178);
    background-image: linear-gradient(top, #D9C2A5, #C3A178);
    border-top: 1px solid #BD986A;
    border-right: 1px solid #BD986A;
    border-bottom: 1px solid #9A7445;
    border-left: 1px solid #BD986A;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 0 #DFCC9F;
    -moz-box-shadow: inset 0 1px 0 0 #DFCC9F;
    box-shadow: inset 0 1px 0 0 #DFCC9F;
    color: white;
    font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    line-height: 1;
    padding: 8px 25px;
    text-shadow: 0 -1px 1px #BA905E;
    text-transform: uppercase;
    padding: 12px 10px;
}
.btn_brown:hover {
    background-color: #D1B593;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1B593), color-stop(100%, #BC966B));
    background-image: -webkit-linear-gradient(top, #D1B593, #BC966B);
    background-image: -moz-linear-gradient(top, #D1B593, #BC966B);
    background-image: -ms-linear-gradient(top, #D1B593, #BC966B);
    background-image: -o-linear-gradient(top, #D1B593, #BC966B);
    background-image: linear-gradient(top, #D1B593, #BC966B);
    border-top: 1px solid #BD986A;
    border-right: 1px solid #BD986A;
    border-bottom: 1px solid #9A7445;
    border-left: 1px solid #BD986A;
    -webkit-box-shadow: inset 0 1px 0 0 #DFCC9F;
    -moz-box-shadow: inset 0 1px 0 0 #DFCC9F;
    box-shadow: inset 0 1px 0 0 #DFCC9F;
    cursor: pointer;
    color: white!important;
}
.btn_brown:active {
    border: 1px solid #B2824C;
    -webkit-box-shadow: inset 0 0 8px 2px #C19B70;
    -moz-box-shadow: inset 0 0 8px 2px #C19B70;
    box-shadow: inset 0 0 8px 2px #C19B70;
}
.btn_blue {
    background-color: #A5B8DA;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #A5B8DA), color-stop(100%, #7089B3));
    background-image: -webkit-linear-gradient(top, #A5B8DA, #7089B3);
    background-image: -moz-linear-gradient(top, #A5B8DA, #7089B3);
    background-image: -ms-linear-gradient(top, #A5B8DA, #7089B3);
    background-image: -o-linear-gradient(top, #A5B8DA, #7089B3);
    background-image: linear-gradient(top, #A5B8DA, #7089B3);
    border-top: 1px solid #758FBA;
    border-right: 1px solid #6C84AB;
    border-bottom: 1px solid #5C6F91;
    border-left: 1px solid #6C84AB;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 0 #aec3e5;
    -moz-box-shadow: inset 0 1px 0 0 #aec3e5;
    box-shadow: inset 0 1px 0 0 #aec3e5;
    color: white;
    font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    line-height: 1;
    padding: 8px 25px;
    text-shadow: 0 -1px 1px #64799E;
    text-transform: uppercase;
    padding: 12px 10px;
}
.btn_blue:hover {
    background-color: #9badcc;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9badcc), color-stop(100%, #687fa6));
    background-image: -webkit-linear-gradient(top, #9badcc, #687fa6);
    background-image: -moz-linear-gradient(top, #9badcc, #687fa6);
    background-image: -ms-linear-gradient(top, #9badcc, #687fa6);
    background-image: -o-linear-gradient(top, #9badcc, #687fa6);
    background-image: linear-gradient(top, #9badcc, #687fa6);
    border-top: 1px solid #6d86ad;
    border-right: 1px solid #647a9e;
    border-bottom: 1px solid #546685;
    border-left: 1px solid #647a9e;
    -webkit-box-shadow: inset 0 1px 0 0 #a5b9d9;
    -moz-box-shadow: inset 0 1px 0 0 #a5b9d9;
    box-shadow: inset 0 1px 0 0 #a5b9d9;
    cursor: pointer;
    color: white!important;
}
.btn_blue:active {
    border: 1px solid #546685;
    -webkit-box-shadow: inset 0 0 8px 2px #7e8da6;
    -moz-box-shadow: inset 0 0 8px 2px #7e8da6;
    box-shadow: inset 0 0 8px 2px #7e8da6;
}
.btn_green {
    background-color: #6CB24C;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6CB24C), color-stop(100%, #52873A));
    background-image: -webkit-linear-gradient(top, #6CB24C, #52873A);
    background-image: -moz-linear-gradient(top, #6CB24C, #52873A);
    background-image: -ms-linear-gradient(top, #6CB24C, #52873A);
    background-image: -o-linear-gradient(top, #6CB24C, #52873A);
    background-image: linear-gradient(top, #6CB24C, #52873A);
    border-top: 1px solid #477532;
    border-right: 1px solid #477532;
    border-bottom: 1px solid #3A6029;
    border-left: 1px solid #477532;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 0 #8FC477;
    -moz-box-shadow: inset 0 1px 0 0 #8FC477;
    box-shadow: inset 0 1px 0 0 #8FC477;
    color: white;
    font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    line-height: 1;
    padding: 12px 10px;
    text-shadow: 0 -1px 1px #416B2D;
    text-transform: uppercase;
}
.btn_green:hover {
    background-color: #5F9D43;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #68AB49), color-stop(100%, #4A7834));
    background-image: -webkit-linear-gradient(top, #68AB49, #4A7834);
    background-image: -moz-linear-gradient(top, #68AB49, #4A7834);
    background-image: -ms-linear-gradient(top, #68AB49, #4A7834);
    background-image: -o-linear-gradient(top, #68AB49, #4A7834);
    background-image: linear-gradient(top, #68AB49, #4A7834);
    border-top: 1px solid #4E8037;
    border-right: 1px solid #4E8037;
    border-bottom: 1px solid #3A6029;
    border-left: 1px solid #4E8037;
    -webkit-box-shadow: inset 0 1px 0 0 #8FC477;
    -moz-box-shadow: inset 0 1px 0 0 #8FC477;
    box-shadow: inset 0 1px 0 0 #8FC477;
    cursor: pointer;
    color: white!important;
}
.btn_green:active {
    border: 1px solid #436D30;
    -webkit-box-shadow: inset 0 0 8px 2px #467131;
    -moz-box-shadow: inset 0 0 8px 2px #467131;
    box-shadow: inset 0 0 8px 2px #467131;
}
.btn_yellow {
    background-color: #FFDA6B;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFDA6B), color-stop(100%, #FEAE2D));
    background-image: -webkit-linear-gradient(top, #FFDA6B, #FEAE2D);
    background-image: -moz-linear-gradient(top, #FFDA6B, #FEAE2D);
    background-image: -ms-linear-gradient(top, #FFDA6B, #FEAE2D);
    background-image: -o-linear-gradient(top, #FFDA6B, #FEAE2D);
    background-image: linear-gradient(top, #FFDA6B, #FEAE2D);
    border-top: 1px solid #D6AB00;
    border-right: 1px solid #D6AB00;
    border-bottom: 1px solid #BC9600;
    border-left: 1px solid #D6AB00;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 0 #FFE599;
    -moz-box-shadow: inset 0 1px 0 0 #FFE599;
    box-shadow: inset 0 1px 0 0 #FFE599;
    color: #fff;
    line-height: 1;
    padding: 8px 25px;
    text-shadow: 0 1px 1px #BC9600;
    text-transform: uppercase;
    font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    line-height: 1;
    padding: 12px 10px;
}
.btn_yellow:hover {
    background-color: #FFD351;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFD351), color-stop(100%, #FDA00B));
    background-image: -webkit-linear-gradient(top, #FFD351, #FDA00B);
    background-image: -moz-linear-gradient(top, #FFD351, #FDA00B);
    background-image: -ms-linear-gradient(top, #FFD351, #FDA00B);
    background-image: -o-linear-gradient(top, #FFD351, #FDA00B);
    background-image: linear-gradient(top, #FFD351, #FDA00B);
    border-top: 1px solid #D6AB00;
    border-right: 1px solid #D6AB00;
    border-bottom: 1px solid #BC9600;
    border-left: 1px solid #D6AB00;
    -webkit-box-shadow: inset 0 1px 0 0 #FFE599;
    -moz-box-shadow: inset 0 1px 0 0 #FFE599;
    box-shadow: inset 0 1px 0 0 #FFE599;
    cursor: pointer;
    color: #fff!important;
}
.btn_yellow:active {
    border: 1px solid #F29202;
    -webkit-box-shadow: inset 0 0 8px 2px #F29202;
    -moz-box-shadow: inset 0 0 8px 2px #F29202;
    box-shadow: inset 0 0 8px 2px #F29202;
}
.btn_red {
    background-color: #E83030;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E83030), color-stop(100%, #B71414));
    background-image: -webkit-linear-gradient(top, #E83030, #B71414);
    background-image: -moz-linear-gradient(top, #E83030, #B71414);
    background-image: -ms-linear-gradient(top, #E83030, #B71414);
    background-image: -o-linear-gradient(top, #E83030, #B71414);
    background-image: linear-gradient(top, #E83030, #B71414);
    border-top: 1px solid #9C1111;
    border-right: 1px solid #9C1111;
    border-bottom: 1px solid #890F0F;
    border-left: 1px solid #9C1111;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 0 #FF6B6B;
    -moz-box-shadow: inset 0 1px 0 0 #FF6B6B;
    box-shadow: inset 0 1px 0 0 #FF6B6B;
    color: white;
    font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    line-height: 1;
    padding: 8px 25px;
    text-shadow: 0 -1px 1px #A01111;
    text-transform: uppercase;
    padding: 12px 10px;
}
.btn_red:hover {
    background-color: #E63131;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E63131), color-stop(100%, #9C1111));
    background-image: -webkit-linear-gradient(top, #E63131, #9C1111);
    background-image: -moz-linear-gradient(top, #E63131, #9C1111);
    background-image: -ms-linear-gradient(top, #E63131, #9C1111);
    background-image: -o-linear-gradient(top, #E63131, #9C1111);
    background-image: linear-gradient(top, #E63131, #9C1111);
    border-top: 1px solid #9C1111;
    border-right: 1px solid #9C1111;
    border-bottom: 1px solid #890F0F;
    border-left: 1px solid #9C1111;
    -webkit-box-shadow: inset 0 1px 0 0 #FE4C4C;
    -moz-box-shadow: inset 0 1px 0 0 #FE4C4C;
    box-shadow: inset 0 1px 0 0 #FE4C4C;
    cursor: pointer;
    color: white!important;
}
.btn_red:active {
    border: 1px solid #890F0F;
    -webkit-box-shadow: inset 0 0 8px 2px #890F0F;
    -moz-box-shadow: inset 0 0 8px 2px #890F0F;
    box-shadow: inset 0 0 8px 2px #890F0F;
}
.btn_white {
    background-color: #F7F7F7;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F7F7F7), color-stop(100%, #E0E0E0));
    background-image: -webkit-linear-gradient(top, #F7F7F7, #E0E0E0);
    background-image: -moz-linear-gradient(top, #F7F7F7, #E0E0E0);
    background-image: -ms-linear-gradient(top, #F7F7F7, #E0E0E0);
    background-image: -o-linear-gradient(top, #F7F7F7, #E0E0E0);
    background-image: linear-gradient(top, #F7F7F7, #E0E0E0);
    border-top: 1px solid #CECECE;
    border-right: 1px solid #CECECE;
    border-bottom: 1px solid #C4C4C4;
    border-left: 1px solid #CECECE;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 0 #FFFFFF;
    -moz-box-shadow: inset 0 1px 0 0 #FFFFFF;
    box-shadow: inset 0 1px 0 0 #FFFFFF;
    color: #4F4F4F;
    font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    line-height: 1;
    padding: 8px 25px;
    text-shadow: 0 -1px 1px #fff;
    text-transform: uppercase;
    padding: 12px 10px;
}
.btn_white:hover {
    background-color: #F4F4F4;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F4F4F4), color-stop(100%, #D3D3D3));
    background-image: -webkit-linear-gradient(top, #F4F4F4, #D3D3D3);
    background-image: -moz-linear-gradient(top, #F4F4F4, #D3D3D3);
    background-image: -ms-linear-gradient(top, #F4F4F4, #D3D3D3);
    background-image: -o-linear-gradient(top, #F4F4F4, #D3D3D3);
    background-image: linear-gradient(top, #F4F4F4, #D3D3D3);
    border-top: 1px solid #CECECE;
    border-right: 1px solid #CECECE;
    border-bottom: 1px solid #C4C4C4;
    border-left: 1px solid #CECECE;
    -webkit-box-shadow: inset 0 1px 0 0 #fff;
    -moz-box-shadow: inset 0 1px 0 0 #fff;
    box-shadow: inset 0 1px 0 0 #fff;
    cursor: pointer;
    color: #4F4F4F!important;
}
.btn_white:active {
    border: 1px solid #C1C1C1;
    -webkit-box-shadow: inset 0 0 8px 2px #C1C1C1;
    -moz-box-shadow: inset 0 0 8px 2px #C1C1C1;
    box-shadow: inset 0 0 8px 2px #C1C1C1;
}
/*-[ Video Shortcode ]-------------------------*/
.textwidget .youtube-video, .textwidget .vimeo-video, .textwidget .googlemaps {
    margin: 0
}
.youtube-video, .vimeo-video {
    margin: 10px 15px 10px 0
}
/*-[ Google Maps ]-----------------------------*/
.googlemaps {
    margin: 5px 15px 10px 0
}
/*-[ Columns ]---------------------------------*/
.one_half {
    width: 48%
}
.one_third {
    width: 30.66%
}
.two_third {
    width: 65.33%
}
.one_fourth {
    width: 22%
}
.three_fourth {
    width: 74%
}
.one_fifth {
    width: 16.8%
}
.two_fifth {
    width: 37.6%
}
.three_fifth {
    width: 58.4%
}
.four_fifth {
    width: 67.2%
}
.one_sixth {
    width: 13.33%
}
.five_sixth {
    width: 82.67%
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
    position: relative;
    margin-right: 4%;
    margin-bottom: 15px;
    float: left;
}
.column-last {
    margin-right: 0!important;
    clear: right;
}
/*-[ Tabs ]------------------------------------*/
.tab_widget {
    display: block;
    position: relative;
    margin: 0 0 20px 0;
}
.tab_widget ul.tabs {
    display: block;
    position: relative;
    list-style: none;
    height: 40px;
    border-bottom: 1px solid #DDD;
    margin: 0;
}
.tab_widget ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 39px;
    line-height: 39px;
    border: 1px solid #DDD;
    border-left: none;
    margin-bottom: -1px;
    overflow: hidden;
    position: relative;
}
.tab_widget ul.tabs li:first-child {
    border-left: 1px solid #DDD
}
.tab_widget ul.tabs li a {
    text-decoration: none;
    color: #888!important;
    font-size: 12px;
    display: block;
    padding: 0 10px;
    outline: none;
    font-weight: bold;
    text-shadow: 1px 1px 1px #FFF;
    border: none;
    border-left: 1px solid #F9F9F9;
}
.tab_widget ul.tabs li:first-child a {
    border-left: none
}
.tab_widget ul.tabs li a:hover {
    background: none
}
.tab_widget ul.tabs li.active, .tab_widget ul.tabs li.active a:hover {
    background: #FFF;
    border-bottom: 1px solid #FFF;
}
.tab_widget ul.tabs li.active {
    border-top: 1px solid #DDD
}
.tab_widget ul.tabs li.active a {
    color: #777
}
.tab_widget .tab_container {
    display: block;
    border-top: none;
    overflow: hidden;
    position: relative;
    clear: both;
    background: #FFF;
    border: 1px solid #DDD;
    border-top: none;
}
.tab_widget .tab_content {
    display: block;
    position: relative;
    padding: 15px;
}
/*-[ Toggle ]-----------------------*/
.toggle {
    display: block;
    position: relative;
    margin: 0 0 20px 0;
}
.toggle .togglet, .toggle .toggleta {
    display: block;
    position: relative;
    height: 36px;
    padding: 0 12px;
    background: #EEE;
    border: 1px solid #DDD;
    cursor: pointer;
    margin: 0;
}
.toggle .togglet span, .toggle .toggleta span {
    display: block;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #888;
    text-shadow: 1px 1px 1px #FFF;
    padding-left: 20px;
    background: url("images/toggle-down.png") no-repeat left;
}
.toggle .toggleta span {
    background: url("images/toggle-up.png") no-repeat left
}
.toggle .togglec {
    display: block;
    position: relative;
    padding: 15px;
    background: #FFF;
    border: 1px solid #DDD;
    border-top: none;
}
/*-[ Dividers ]--------------------------------*/
.divider {
    clear: both;
    display: block;
    padding-top: 20px;
    width: 100%;
    margin-bottom: 10px;
    text-align: right;
    padding-bottom: 5px;
    border-bottom: 5px solid #EEE;
}
.top-of-page {
    margin-bottom: 10px;
    text-align: right;
    padding-bottom: 5px;
    border-bottom: 5px solid #EEE;
}
/*-----------------------------------------------
/* Responsive
/*---------------------------------------------*/
@media screen and (max-width:1175px) { 
	.shareit {
	    position: relative!important;
	    width: 100%!important;
	    top: 0!important;
	    padding-left: 0px!important;
	    margin: 0!important;
	    padding-top: 0;
	}
}
@media screen and (max-width:980px) { 
	#page, .container {
	    max-width: 100%
	}
	.main-navigation #navigation, #header .content, .copyrights {
	    padding-left: 2%;
	    padding-right: 2%;
	    width: 96%;
	}
	img, embed {
	    max-width: 100%;
	    height: auto!important;
	}
	.ad-300 img {
	    max-width: 100%
	}
	.ad-125 li {
	    max-width: 40%
	}
	.footer-widgets #s, #sidebars #s {
	    width: 68%
	}
	.ad-125 img {
	    padding: 0;
	    background: #FAFAFA;
	    border: 0;
	}
	.mts-subscribe input[type="text"] {
	    width: 70%
	}
}
@media screen and (max-width:960px) { 
	.featured-thumbnail-single {
	    width: 98%
	}
}
@media screen and (max-width:900px) { 
	.widget-header {
	    max-width: 67.4%
	}
	nav #searchform {
	    display: none
	}
	.sliderContent, .sliderReadMore {
	    display: none
	}
}
@media screen and (max-width:865px) { 
	.secondary-navigation {
	    display: none
	}
	.js #navigation > ul {
	    display: none
	}
	.js #navigation select {
	    display: inline-block !important;
	    max-width: none;
	    border: none;
	    padding: 7px 15px;
	    width: 30%;
	    color: #fff;
	    background: #222;
	    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);
	    font-size: 12px;
	    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset , 0 1px 1px rgba(255, 255, 255, 0.9);
	    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset , 0 1px 1px rgba(255, 255, 255, 0.9);
	    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset , 0 1px 1px rgba(255, 255, 255, 0.9);
	    float: right;
	    border: 0;
	    border: 1px solid black;
	}
}
@media screen and (max-width:760px) { 
	#header {
	    margin: 0
	}
}
@media screen and (max-width:720px) { 
	.secondary-navigation a {
	    padding-top: 10px!important;
	    padding-bottom: 10px!important;
	}
	.flex-caption .sliderTitle {
	    font-size: 150%
	}
	.article {
	    width: 99.8%
	}
	#content_box {
	    padding-right: 0px;
	    padding-left: 0px!important;
	}
	.sidebar.c-4-12 {
	    float: left;
	    width: 100%;
	    padding-left: 2%;
	}
	.f-widget {
	    width: 44%
	}
	.f-widget-2 {
	    margin-right: 0
	}
	.ad-125 li {
	    max-width: 45%
	}
	.footer-widgets #s {
	    width: 70%
	}
	#comments {
	    margin-right: 0
	}
}
@media screen and (max-width:600px) { 
	.sidebar.c-4-12 {
	    width: 95%
	}
	.widget-header {
	    max-width: 100%;
	    float: left;
	    margin-top: 0;
	}
	.featured-thumbnail img {
	    width: 100%
	}
}
@media screen and (max-width:580px) { 
	.slidelink {
	    float: left;
	    width: 100%;
	}
	.flex-caption {
	    width: 100%;
	    padding-left: 0;
	}
	.flex-control-thumbs {
	    display: none
	}
	.sliderContent, .sliderReadMore {
	    display: block
	}
}
@media screen and (max-width:550px) { 
	.main-navigation {
	    width: 100%
	}
	.main-header #s {
	    width: 85%
	}
	.sbutton {
	    float: right
	}
	read-more {
	    font-size: 16px
	}
	.f-widget {
	    width: 95%
	}
	footer #s {
	    width: 65%
	}
}
@media screen and (max-width:420px) { 
	#navigation {
	    margin-top: 0;
	    margin-bottom: 0;
	}
	.js #navigation select {
	    width: 100%;
	    margin-right: 0;
	}
	.related-posts li {
	    width: 94%
	}
	.content_box_out {
	    width: 100%
	}
	#commentform textarea {
	    width: 92%
	}
}
@media screen and (max-width:400px) { 
	article header {
	    overflow: hidden
	}
	.slidertext {
	    display: none
	}
	.main-header #s {
	    width: 78%
	}
}
@media screen and (max-width:300px) { 
	nav fieldset, .js #navigation select {
	    width: 100%;
	    float: left;
	}
	.main-header #s {
	    width: 70%
	}
}

/******************************************  
 OCME TWEAK FOR GAMING SITES 
 dotMag Theme
 c/o Ali
 !! DO NOT EDIT !!
*******************************************/

#header h1, #header h2 {
    margin: 10px 0 !important;
    width: 250px;
    height: 110px;
}

#header h1 a, 
#header h2 a {
    height: 100%;
    width: 100%;
    background-size: contain !important;
    background-position: center center !important;
}

.post-single-content {
    border: none;
}

.single_post {
	padding: 0px 20px 20px;
}

.single_post .featured-thumbnail-single {
    margin: 0 10px;
    /* display: inline-block; */
	display: none !important;
}

.single_post header {
	display: none;
}

.single_post .featured-thumbnail-single img {
	object-fit: cover;
	width: 150px;
   	height: 150px;
}


.single_post .single-title {
    float: none;
    width: auto;
    clear: none;
    margin-top: 0;
}

.pagination {
	background: none;
}

.post-content > h2 {
    width: 100%;
    float: left;
}

.main-navigation #navigation ul {
    float: right;
}

#tabber .inside li div.info p {
    display: none;
}

.game-container {
	background: url('http://www.quickgamesite.com/wp-content/uploads/2017/03/bg_black.jpg') #1c1c1c;
    background-size: cover;
    text-align: center;
    margin: 5px;
}

.gameplayer {
    display: inline-block;
}


img {
	object-fit: cover;
}

.flex-caption .sliderInfo {
    display: none;
}

.secondary-navigation {
    min-height: auto;
}

	.secondary-navigation #navigation {
   		 text-align: center;
   		 width: 100%;
   		 border: none;
	}

	.secondary-navigation  #navigation ul {
   		text-align: center;
	}

	.secondary-navigation  #navigation ul li {
    		
   		float: none;
    		margin-top: 6px;
    		display: inline-block;
    		border: 1px solid #3D3D3D;
	}

.content {
   background: #FFF;
}

.main-container #page, .article, .single_page  {

    	background: none;
    	background-image: none;
	border: none;
}

.sidebar {
    padding: 10px;
}

#tabber {
   		background: #f4f4f4;
    		border: 1px solid #AEAEAE;
    		padding-bottom: 0;
}

#tabber .inside   {
    background: #FFF;
    border: none
}

#tabber ul.tabs li, #tabber ul.tabs li a {  
    background: none;
    border: none;
}

#tabber ul.tabs li a.selected {
    background: #FFF;
    border: none;
}

.widget-sidebar h3 {
    		background: none;
    		margin: 10px;
    		font-size: 14pt;
    		line-height: normal;
    		padding: 0;
    		border: none;
	}

.su-posts-default-loop .su-post-meta, .su-posts-default-loop .su-post-comments-link
{
    display: none;
}

.footer-widgets .su-post-excerpt,
.footer-widgets .su-post-title,
.footer-widgets p {
    text-align: left;
}

.su-post-thumbnail img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: 100% !important;
    height: 100% !important;
}

.su-carousel .su-carousel-slide a {
    height: 100% !important;
}
.su-carousel .su-carousel-slide a img {
    height: 100% !important;
}

.widget-sidebar li a, .widget-sidebar ul.menu a,
.footer-widgets li a, .footer-widgets ul.menu a {
    display: block;
    margin: 0px 10px !important;
    padding: 2px 10px !important;
    text-align: left;
    border: 1px solid #e2e2e2;
    text-transform: none;
}

#header .widget {
    margin-bottom: 0px;
}

.widget ul.menu a, .widget_meta ul a {
    padding: 0px 7px !important;
    margin: 0px !important;
    text-align: center;
}

footer .container {
    border: none;
    width: 980px;
    background: none;
    max-width: none;
    text-align: center;
}

.footer-widgets h3 {
    background: none;
    text-align: center;
    padding: 0 10px;
}
.f-widget .current-menu-item, .f-widget .current-page-item
{
	font-weight: bold;
}

.f-widget .current-menu-item a::before, .f-widget .current-page-item a::before {
    content: '\00bb\2002';
}
.f-widget .current-menu-item a::after, .f-widget .current-page-item a::after{
    content: '\2002\00ab';
}

footer .widget .textwidget {
    padding: 0;
}

#sliderBox {
    width: 100%;
}

.copyrights {
	min-height: auto;
}

#copyright-note .left
{ 
    margin-left: 20px;
}
#copyright-note .top
{ 
    margin-right: 20px;
}

.su-posts-default-loop h2.su-post-title {
    line-height: normal !important;
}

	.secondary-navigation li:hover, .current-menu-item, .current-page-item { background: none; }
	

/* OCME CSS Tweak For Small Thumbnails
 * Also eliminate white space after title and hide Play Now button */

#featured-thumbnail, .featured-thumbnail {
    max-width: 125px;
}

.featured-thumbnail img {
    width: 125px;
    height: 125px;
}

.home article header, .archive article header {
    margin: 5px;
    width: 150px;
    display: inline-block;
}

.post-content {
    float: none;
    border: none;
}

.post.excerpt #featured-thumbnail {
    margin-right: 5px;
}

.post.excerpt .readMore {
    display: none;
}

/* slider fix */
.flexslider .slides {
    width: 100%;
}
.flexslider .slides img {
    height: 250px !important;
}

/* hide headerCategory in Archive pages */

.headerCategory {
    display: none;
}
.post.excerpt {
    margin-top: 10px;
}

/******************************************  
 * OCME STYLE TWEAKS FOR GAMING SITES 
 *  DotMag Theme Mod c/o Ali
 *
 * !! Make your style customizations here.
 *    All values are optional. Leave blank to retain original values.
 *
 * Quick notes:
 * - to erase box backgrounds, set background-color to 'transparent'
 * - to erase borders/box-shadows, set values to 'none'
 * - Most font styles, sizes and colors can be modified through dotMag options in the Wordpress dashboard
 *
*******************************************/

/* Webpage body */

body
{
		background: url('http://www.313gamehub.com/wp-content/uploads/2017/03/313gamehubtop.png') 0px 150px repeat-x fixed,      url('https://www.toptal.com/designers/subtlepatterns/patterns/graphy.png') top center repeat fixed #6994f0 !important;

}

/* Header area (full-width) */

#header
{
	background-color:  !important;
	background-image: ;
	background-repeat: ;
	background-size: auto;
	background-position: ;
	background-attachment: ;

	border: none;
}

/* Top Menu (Pages, full-width) */

.main-navigation {

background-color: #1d9ee8;

background-image: none;

background-repeat:;

background-size:;

background-position:;

background-attachment:;

border: none;

text-shadow:;

border-bottom: 5px solid #cce9f9;
}

	/* Top Menu - text links */
	
	.main-navigation #navigation ul li a 
	{
	       font-family: 'Exo 2';
	       font-size: 12pt;
	       color: #f9f9f9;
	       background:;
	       text-shadow: none;
	}

	/* Top Menu - text-links hover */
	
	.main-navigation #navigation ul li a:hover 
	{
    		color: white;
    		background-color: #5bbef7;
 }

/* Main Menu (Categories) */

.secondary-navigation { border: none; }

.secondary-navigation #navigation
{
	background: #1d9ee8;
	margin-left: -4px;
	border: 5px solid #5bbef7;
	box-shadow:;
}

	/* Main Menu - Text Link Boxes */
	
	.secondary-navigation #navigation ul li {
    
   		 border: none;
	}

	/* Main Menu - Text Links */
	
	.secondary-navigation a {

		/* Menu font is not editable in Theme Settings page so you may edit it here: */

font-family: 'Exo 2', Oswald, Arial, Impact, Helvetica, sans-serif;

font-size: 20pt;

color: #f9f9f9;

background:;

border:;

text-shadow:;

box-shadow:;

border-bottom: 5px solid transparent;

padding: 15px 25px 15px;

font-weight: bold;
}
	
	/* Main Menu - Text Links Hovered */
	
	.secondary-navigation a:hover {
		background:;
		color: white !important;
		background-color: #5bbef7;
	}


	
/* Homepage Slider Box */

#sliderBox {
	background: #ffffff;
	border: none;
	border-bottom: 10px solid #cce9f9;
}

	/* Homepage Slider - Title Link */
	
	.flex-caption .sliderTitle, .flex-caption a {

color: #d74ca5;

text-shadow: none;
}

	/* Homepage Slider - Text Content (Description) */ 
	
	.flex-caption .sliderContent {
        font-family: 'Exo 2';
        color: #4f5d65;
        font-size: 12pt;
        text-shadow: none;
 }

/* Content Area - Box */
/* Applicable for the whole content area (article + sidebar)
 * Separate class can also be used for article and sidebar below. */
 
.content { 

    background: #FFF;
    background-image: none;
	background-repeat: ;
	background-size: ;
	background-position: ;
	background-attachment: ;

	border: none;

}

/* Content Area - Headings */
/* You may edit the font style of the headings in the Theme Settings page instead. */

#content_box h1, .article h1
{
	font-size:;
	color: #1d9ee8;
	text-align: center;
	background:;
	border: none;
	border-bottom: 1px solid #5bbef7;
	margin: 0 10px 10px;
	padding:  10px  0;
}

/* Content Area - Headings (with Links) */

.title a {
    color: #445192;
    font-size: 14pt;
}

/* Content Area - Headings (with Links, Hovered) */

.title a:hover {
    color: ;
}

/* Archive Page - Post excerpts */

.content_box_out {
    min-height: 150px; 	/* adjust to fit your thumbnail/text size */
}

/* Archive Page - Game titles */
.content_align h2.title {
    max-height: 35pt; 		/* your title font size x 2 to limit your title to 2 lines 	*/
    overflow: hidden; 	/* will hide part of title that exceeds the max-height 		*/
}

/* Archive Page - Content Box Borders */
/* set as blank to retain original borders */
 
.content_box_out, .content_box_out_no_border, .content_box_in, .content_align
{
   background: none; /* set as NONE for no borders */
   border-color: transparent; /* set as transparent for no borders */ 
}

/* Game Page - Related Post Boxes and Comments Box */

.related-posts li {
    background-color: ;
	border: ;
	box-shadow: ;
    font-size: 14pt;
}

#commentsAdd {
    background-color: #;
}

#respond h3 {
    color: #;
}

/* Main Page Area */
/* For the main (content) area.
			Leave blank to use values from .content above. */
			
.article {

background: none !important;

background-image: none;

background-repeat:;

background-size:;

background-position:;

background-attachment:;

border: none;
}

	/* All text in content/article area. */
	p {
   	 color: #535353;
	font-size: 11pt;
	}



	/* All link text in content/article area. */
	
	.content a { 
	
		color: #b5060d;
	}
	
	/* All hovered link text in content/article area. */
	
	.content a:hover { 
	
    	color: #c58c00;
	}
	
	/* Play Now buttons in Category/Archive pages */
	
	.readMore a { 
	
		color: #fff;
		text-shadow: ;
		background: ;
	}
	
	/* Play Now buttons (Hovered) */
	
	.readMore a:hover {
    		color: ;
    		background: ;
	}

/* Sidebar Area */
/* For the sidebar area.
 * Leave blank to use values from .content above. */
 
.sidebar {

background: #cce9f9;

background-image: none;

background-repeat:;

background-size:;

background-position:;

background-attachment:;

border: none;
}

	/* Sidebar Area - Tab Widget Box */
	
	#tabber {
   	    background: #F4F4F4;
    	border: ;
	}

	/* Sidebar Area - Tab Widget Active Tab and Box */
	
	#tabber .inside, #tabber ul.tabs li a.selected {
	    background: #FFF !important;
	    border: ;
	}
	
	#tabber .inside {
    	font-size: ;
	}

	/* Sidebar Area - Headings */
	
	.widget-sidebar h3 {

background:;

border-bottom: 1px solid #d74ca5;

padding:;

color: #d74ca5;

font-size: 18pt;

line-height:;

text-align: center;

}
	
	/* Sidebar - Text Menu Links */
	
	.widget-sidebar li a, .widget-sidebar ul.menu a
	{
		color: #000;
		text-align: left;
    		text-transform: none;

		background: ;
    		border: none;
	}

	/* Sidebar - Text Menu Links Hovered */
	
	.widget-sidebar li a:hover, .widget-sidebar ul.menu a:hover
	{	
		color: ;

		background: #FFF;
		border: ;
	}

/* Game Page - Related Posts */


.related-posts li {
    font-size: ;
}


/* Footer */
/* For the footer area (980px max only).
 * For seamless whole-width background, place values in body instead. */
 
footer .container {
   
background: #1d9ee8;
   
border: none;
}

	/* All paragraph text in footer area */
	
	footer p 
	{ 	color: ;	}
	
	/* All text links in footer and copyright area */
	
	footer a 
	{	color: ;	}
 
 	/* All hovered links in footer and copyright area */
	
	footer a:hover 
	{	color: ;	}

/* Footer Widget Area */
/* Also for the footer area (980px max only).
 * For seamless whole-width background, place values in body instead. */
 
.footer-widgets { 

	background-color: ;
	background-image: ;
	background-repeat: ;
	background-size: auto;
	background-position: ;
	background-attachment: ;

   	border: none;
    padding-top: ;
	padding-bottom: ;

	
	min-height: ; 			/* for flexible height footer */
	height: ; 				/* for fixed height footer */
							/* preferably the height of your footer art so it doesn't get cut */

}

	/* Footer - Columns */

	.f-widget {
		/* for FLEXIBLE column widths:
			- set width to 'auto'
			- set both min and max widths */
	
		/* for FIXED column widths:
			- set width to desired width (in px) or leave blank to use default
			- leave min and max-widths blank */

    		width: 30%;

    		/*min-width: 180px;
   			max-width: 300px;*/

    		margin-top: 15px;
			background: ;
	}
	
	/* Footer Widget Headings */

	.footer-widgets h3 {

background:;

border:;

padding:;

color: #ffffff;

font-size: 18pt;

line-height:;

text-align:;

}

	/* Footer - Menu Items */
	
	.footer-widgets  li a, .footer-widgets ul.menu a
	{
	   font-family: 'Exo 2';
	   font-size: 12pt;
	   color: #5bbef7;
	   text-align: center;
	   text-transform: none;
	   background: #000000;
	   border-radius: 20px;
	   padding: 3px 0 !important;
	   margin: 0 25px !important;
	   border: none;
	}

	/* Footer - Menu Items Text Link */
	
	.footer-widgets li a:hover, .footer-widgets ul.menu a:hover
	{
		color: #000000;
		background: #ffffff;
		border:;
	}

/* Copyright area below footer. */

.copyrights {
    background: #5bbef7;
    border: none;
}

/* Copyright area text. */

#copyright-note {
    font-family: 'Exo 2'; font-size: 10pt;
    color: white;

}

/* For FB Comments 
 * Display box in a new line before thumbnail and description */
 
 #wpdevar_comment_1 {
    float: left;
    margin-top: 20px;
}

/* For FB Send/Like Button */

#fb_send_like {
    padding: 10px;
    background-color: #FFF; /* customize to fit your theme */
}

/* SHORTCODES ULTIMATE
 * Adjust size of thumbnails
 * do not remove '!important' tag! */
 
 /* for default-loop posts 
  * CONTENT AREA */
.content .su-posts-default-loop .su-post-thumbnail
{
    width: 150px !important;
    height: 150px !important;
}

/* (Optional) SIDEBAR/FOOTER AREA */
.sidebar .su-posts-default-loop .su-post-thumbnail,
.footer-widgets .su-posts-default-loop .su-post-thumbnail
{
    width:  !important;
    height:  !important;
}

 /* for teaser-loop posts 
  * SIDEBAR/FOOTER AREA */
.su-posts-teaser-loop .su-post-thumbnail {
    width: 135px !important;
    height: 100px !important;
}

.postauthor-top h3 span {
    background: none;
    font-size: 18pt;
    padding: 0 0 0 20px;
    color: #e45d00;
}

.relatedtitle {
    font-family: 'Exo 2';
    font-size: 12pt;
}


h2.heading-latest {
    text-align: center;
    margin: 0;
    color: #505050;
}

.su-posts-teaser-loop h2.su-post-title {
    line-height: 12pt  !important;
    padding-top: 10px !important;
  /*  max-height: 28pt  !important; */
    overflow: hidden  !important;
    font-size: 12pt !important; 
}

    .su-posts-teaser-loop h2.su-post-title a {
        color: #445192;
    }
    .su-posts-teaser-loop h2.su-post-title a:hover {
        color: #900202;
    }

/* for wide banner in footer */

footer .widget-header {
    float: left;
    display: block;
    margin: 0;
    text-align: center;
    min-width: 100%;
}

    footer .widget-header .textwidget {
    text-align: center;
    }

.footer-widgets {
    display: block;
    width: 100%;
}


#logo{ width:360px !important;}