@font-face {
font-family: 'MyWebFont';
src: url(//www.horrorsociety.com/wp-content/themes/hsv9/webfont.eot); src: url(//www.horrorsociety.com/wp-content/themes/hsv9/webfont.eot?#iefix) format('embedded-opentype'), url(//www.horrorsociety.com/wp-content/themes/hsv9/webfont.svg#svgFontName) format('svg'),
url(//www.horrorsociety.com/wp-content/themes/hsv9/webfont.woff) format('woff'), url(//www.horrorsociety.com/wp-content/themes/hsv9/webfont.ttf)  format('truetype');
}
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;
-webkit-font-smoothing: subpixel-antialiased;
}
html {
overflow-x: hidden;
}
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, video, object, embed {
max-width: 100%;     
height: auto!important;
}
iframe { max-width: 100% }
blockquote {
font-style: normal;
font-weight: normal;
font-family: arial;
font-size: 15px;
color: #ccc;
position: relative;
margin-top: 25px;
background: #222;
margin-bottom: 10px;
border-left: 8px solid #990000;
padding: 10px 10px 10px 40px;
}
blockquote:after {
position: absolute;
font-size: 40px;
color: #D0D9E0;
width: 50px;
top: -5px;
left: 0;
font-family: arial;
}
blockquote p { margin-bottom: 10px }
strong, b { font-weight: bold; color: #FFF;}
em, i, cite {
font-style: italic;
}
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 {
border: 1px solid #444;
text-align: center;
background-color: #2c2c2c;
padding-top: 4px;
margin-bottom: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 14px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
.sticky { }
.gallery-caption { }
.bypostauthor { }
.wp-caption-text {   text-align: center; } .tinymenu {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #666;
text-decoration: none;
width: 100%;
margin-top: 20px;
margin-right: auto;
margin-bottom: 5px;
margin-left: auto;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #999;	
}
.tinymenu a { 
color: #cc0000;
}
.tinymenu a:hover { 
color: #fff;
}
.tinymenu a:visited { 
color: #cc0000;
}
#topbar {
width: 100%;
background-color: #000;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
color: #cccccc;
border-bottom: 1px solid #333;
}
.topbar {
width: 98%;
padding: 0px;
height: 24px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
font-size: 12px;
color: #cccccc;
font-weight: normal;
font-variant: normal;
text-transform: none;
background-color: #000;
}
.topmenuab {
float: left;
padding: 0px;
text-align: left;
}
.topmenuba {
float: right;
color: #ccc;
padding: 0px;
text-align: right;
}
.topmenuba a {
color: #ccc;
text-decoration: none;
}
.topmenuba a:visited {
color: #ccc;
text-decoration: underline;
}
.topmenuba a:hover {
color: #fff;
text-decoration: underline;
}
#toplogos {
width: 100%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
}
.adcontaina {
float: left;
}
.adcontainb {
width: 728px;
height: 90px;
float: right;
padding-top: 10px;
padding-right: 5px;
}
.newsheadline {
background-color: #000;
background-image: url(http://www.horrorsociety.com/wp-content/uploads/2013/11/headlines-small.jpg);
background-repeat: no-repeat;
background-position: left top;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #C00;
padding: 0px;
height: 45px;
margin-bottom: 10px;
margin-top: 15px;
}
.ihmdb {
width:180px;
height:280px;
float:left;
margin: 5px 18px 30px 0px;
padding:0px;
border:0px solid #333;
display: inline;
}
body {
line-height: 1;
font: 14px/22px arial, sans-serif;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
color: #bbbbbb;
}
}
::-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: 600;
margin-bottom: 12px;
font-family: 'Signika', sans-serif;
color: #ccc;
}
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: 24px;
line-height: 34px;
}
h6 {
font-size: 16px;
line-height: 24px;
}
.sub-title { font-size: 12px }
p { margin-bottom: 40px }
a {
text-decoration: none;
color: #dd0000;
}
a:hover { color: #fff; text-decoration: underline;}
a:link, a:visited, a:active { text-decoration: none; color: #dd0000; }
hr {
height: 1px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #666;	
} .main-wrapper {
width: 1058px;
max-width: 100%;
margin: 0 auto;
}
.main-container {
background-color: #000;
clear: both;
width: 1058px;
margin: 0 auto;
max-width: 100%;
}
#page, .container {
max-width: 1058px;
min-width: 240px;
overflow: visible;
}
#page {
padding-top: 10px;
min-height: 100px;
float: none;
clear: both;
overflow: hidden;
}
.main-container #page { padding: 25px 1% 0 2%;} body > header {
float: left;
width: 100%;
position: relative;
}
.main-header {
position: relative;
float: left;
width: 100%;
z-index: 99;
}
#header {
position: relative;
width: 99%;
float: left;
margin: 0;
background-color: #000;
padding: .5%;
padding-top: 15px;
}
#header h1, #header h2 {
font-size: 38px;
float: left;
display: inline-block;
line-height: 1;
margin: 20px 0;
}
.widget-header {
float: right;
max-width: 76%;
margin-bottom: 12px;
} .main-navigation {
display: block;
float: left;
width: 100%;
margin-top: 0px;
background: #333;
}
.main-navigation #navigation ul ul { border-bottom: 1px solid #eee }
.main-navigation #navigation ul ul::after { border-color: transparent transparent rgba(238, 238, 238, 0.92) }
.main-navigation #navigation {
border: 1px solid #EEE;
width: 958px;
max-width: 100%;
border-top: 0;
background: #333;
}
.main-navigation #navigation ul li li {
background: #333;
border: 0px solid #eee;
border-bottom: 0;
}
.main-navigation #navigation ul li li a {
color: #5a5a5a;
text-shadow: 0 0;
}
.main-navigation li a {
font-size: 15px;
line-height: 1.2em;
padding: 13px;
color: #FFF;
text-decoration: none;
text-transform: uppercase;
border-right: 1px solid #eee;
font-family: 'Oswald', sans-serif;
}
.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 {
background: #333;
display: block;
float: left;
width: 100%;
border-top: 3px solid #990000;
}
.secondary-navigation ul li { }
.secondary-navigation a {
font-size: 25px;
color: #fff;
font-weight: 300;
text-align: left;
text-decoration: none;
text-transform: uppercase;
padding-top: 8px;
padding-right: 11px;
padding-bottom: 8px;
padding-left: 11px;
font-family: 'Oswald', sans-serif;
border-right: 0px solid #000;
-webkit-transition: background-color 0.1s linear;
-moz-transition: background-color 0.1s linear;
transition: background-color 0.1s linear;
}
.secondary-navigation a:hover, .secondary-navigation ul ul a:hover, .current-menu-item a {
background: #990000;
color: #fff;
}
.secondary-navigation a .sub {
font-size: 11px;
font-weight: normal;
font-family: 'Oswald', sans-serif;
color: #fff;
background: #000;
}
.sf-js-enabled li a.sf-with-ul { padding-right: 25px }
.sf-js-enabled li  ul.sf-with-ul { padding-right: 20px }
.secondary-navigation #navigation {
margin: 0 1% 0px;
width: 98%;
background: #333;
}
#navigation {
margin: 0 auto;
font-size: 12px;
float: left;
width: 100%;
}
#navigation select { display: none }
#navigation ul { margin: 0 auto }
#navigation .menu { }
#navigation ul li {
float: left;
position: relative;
}
#navigation ul .header-search { float: right }
#navigation > ul > li:last-child { border-right: none }
#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 {
background: #333;
border: 0px solid #eee;
border-bottom: 0;
}
#navigation ul ul {
position: absolute;
width: 152px;
padding: 10px 0 0 0;
padding-top: 0;
z-index: 400;
font-size: 14px;
color: #798189;
border-bottom: 0px solid #eee;
}
#navigation ul ul li { padding: 0;   font-size: 14px;}
#navigation ul ul a, #navigation ul ul a:link, #navigation ul ul a:visited {
padding: 9px 10px;
position: relative;
width: 150px;
border-left: 0;
border-right: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
border-bottom: 1px solid   rgba(255, 255, 255, 0.05);
margin: 0;
font-size: 16px;
text-transformation: capitalize;
}
#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: auto;
opacity: 1;
}
#navigation ul ul ul { top: -8px }
#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li:hover ul ul ul ul {
left: -999em;
opacity: 0;
}
#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, #navigation ul ul:after {
content: "";
display: block;
height: 0;
position: absolute;
width: 0;
}
#navigation ul ul:after {
left: 10px;
top: -5px;
}
#navigation ul ul ul:after {
border-color: transparent #282E33 transparent transparent;
border-color: transparent rgba(14,19,22,0.92) transparent transparent;
left: -12px;
top: 20px;
} .article {
width: 64.6%;
float: left;
margin-bottom: 10px;
}
.home .article, .archive .article { width: 100% }
#content_box {
float: left;
width: 100%;
}
#content { overflow: hidden } .buddyarticle {
float: left;
margin-bottom: 10px;
}
.buddyarticle, .buddyarchive .buddyarticle {    }
#buddycontent_box {
float: left;
width: 60.6%;
}
#buddycontent { overflow: hidden }
.post {
float: left;
width: 100%;
}
.single_post {
background-color: #000;
float: left;
width: 100%;
}
.single_page { background-color: #000; }
.post-content {
font-size: 14px;
line-height: 18px;
clear: both;
margin-bottom: 8px;
}
.excerpt .post-content {
margin-bottom: 5px;
overflow: hidden;
}
.post-single-content {
font-size: 15px;
line-height: 24px;
}
.post-single-content a {
text-decoration: none;
color: #dd0000;
}
.post-single-content a:hover {
color: #fff;
text-decoration: none;
}
.post-single-content a:visited {
text-decoration: underline;
}
.readMore {
float: left;
font-size: 13px;
font-weight: 400;
color: #dd0000;
position: absolute;
bottom: 0px;
}
.readMore a { color: #dd0000; }
.readMore a:hover { color: #FFFFFF; }
.readMore span { font-weight: 400; }
.ss-full-width {
margin-bottom: 30px;
overflow: hidden;
}
.ss-full-width #content_box {
padding-right: 0;
padding-left: 0;
}
.post.excerpt {
float: left;
margin-bottom: 30px;
margin-right: 1.6%;
margin-left: 1.1%;
background-color: #2c2c2c;
padding: 10px;
position: relative;
max-width: 28.5%;
overflow: hidden;
border: 1px solid #444;
}
.wp-post-image { float: none; border: 0px solid #666; }
.featured-thumbnail {
max-width: 580px;
float: none;
width: 100%;
}
#featured-thumbnail {
float: left;
max-width: 580px;
width: 100%;
position: relative;
}
#featured-thumbnail:hover .category-head { background: #30363E }
.featured-thumbnail img {
margin-bottom: 0;
width: 100%;
}
#blog #content_box .excerpt {
max-height: 380px;
min-height: 380px;
}
.title {
margin-bottom: 5px;
font-size: 24px;
line-height: 26px;
clear: both;
padding-top: 10px;
font-weight: normal;
}
.single-title {
float: left;
padding: 0 0 0 0;
margin-bottom: 10px;
color: #fff;
font-size: 36px;
line-height: 40px;
text-transform: capitalize;
}
.title a {
color: #fff;
font-weight: normal;
text-transform: capitalize;
}
.title a:hover {
color: #dd0000;
font-weight: normal;
text-transform: capitalize;
}
.page h1.title {
margin: 0;
padding: 0;
color: #fff;
text-transform: capitalize;
}
.post-info {
display: block;
font-size: 12px;
color: #777;
font-weight: 300;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
line-height: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
}
.post-info a {
color: #777;
}
.single-postmeta {
clear: both;
font-size: 12px;
color: #999;
float: left;
border-bottom: 1px solid #999;
width: 100%;
line-height: 13px;
}
.single-postmeta a {
color: #cc0000;
}
.single-postmeta a:hover {
color: #FFF;
}
.home article header, .archive article header {
margin-bottom: 5px;
position: relative;
}
article header {
margin-bottom: 10px;
float: left;
width: 100%;
}
.category-head {
background: #990000;
color: #fff;
padding: 0px 10px;
position: absolute;
bottom: 3%;
right: 0;
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
transition: all 0.25s linear;
font-family: 'Signika', sans-serif;
font-size: 15px;
font-weight: 600;
}
.category-head:first-letter { text-transform: uppercase }
.post-info a {
color: #cc0000;
padding: 5px 0;
display: inline-block;
}
.single .post-info a { color: #cc0000; }
.single .post-info a:hover { color: #fff; }
.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.1em auto 20px auto;
display: block;
text-align: center;
font-color: #000;
}
.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;
} #tabber {
display: block;
height: auto;
margin: 0px 0px 25px 0px;
overflow: hidden;
max-width: 314px;
}
#tabber .inside {
background: #333;
padding: 0 0 25px 0;
border-width: 1px;
border-style: solid;
border-color: #e2e2e2;
margin-top: -1px;
padding: 15px;
}
#tabber ul.tabs {
overflow: hidden;
height: 40px;
text-align: center;
}
#tabber ul.tabs li {
background: none;
float: left;
display: inline;
font-size: 14px;
font-weight: bold;
color: #fff;
cursor: pointer;
border-bottom: none;
width: 46%;
text-align: center;
}
#tabber ul.tabs li a {
background: #fff;
border: 1px solid #e2e2e2;
color: #999;
display: block;
float: left;
margin: 0;
text-align: center;
padding: 2px 0 2px 0;
line-height: 34px;
text-transform: uppercase;
width: 98.8%;
font-family: 'Signika', sans-serif;
}
#tabber ul.tabs li a.selected {
background: #fff;
border-width: 3px 1px 0;
border-style: solid;
border-color: #a74472 #e2e2e2 #e2e2e2;
margin: 0;
padding: 0 0 3px 0;
color: #444;
text-decoration: none;
line-height: 38px;
line-height: 34px;
text-align: center;
}
#tabber ul.tabs li.tab-recent-posts a {
margin: 0;
border-left: 0;
text-align: center;
}
#tabber ul.tabs li.tab-recent-posts a.selected {
background: #fff;
width: 98%;
line-height: 34px;
text-align: center;
}
#tabber ul.tabs li a:hover {
color: #000;
text-decoration: none;
}
#tabber .inside li {
list-style: none;
padding: 15px 0 0 0;
}
#tabber .inside li a { line-height: 18px }
#tabber .inside li div.info {
display: table;
top: 0px !important;
margin: 0px !important;
padding: 0px !important;
}
#tabber .inside li div.info .entry-title {
font-size: 13px;
margin-bottom: 0;
color: #919191;
}
#tabber .inside li a { color: #999 }
#tabber .inside li div.info p { color: #919191 }
#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: #333;
bottom: 22px;
background: #2DB2EB;
}
#tabber .inside .tabsSep {
margin-top: 7px;
width: 100%;
height: 1px;
background-color: #e8e5de;
clear: both;
float: left;
} .tweets li { margin-bottom: 15px!important }
.twitter-follow {
background: url(//www.horrorsociety.com/wp-content/themes/hsv9/images/small_twitter.png) no-repeat center left;
padding: 5px 0 5px 20px;
float: right;
} 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);
} table {
width: 100%;
text-align: left;
margin-bottom: 10px;
border: 0px solid #F1F4F6;
}
thead {
background: #F7F8F9;
font-size: 14px;
color: #585F65;
}
table th, table td {
padding: 0px;
text-align: left;
}
thead th { padding: 0px }
tbody th {
font-weight: normal;
border-bottom: 1px solid #F5F7F9;
} 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;
} #searchform {
float: left;
clear: both;
width: 100%;
}
nav #searchform { float: right }
nav #searchform fieldset {
padding: 5px 0 5px 15px;
border: 0;
border-left: 1px solid #eee;
}
#searchform fieldset { float: left }
.sbutton { border: 0!important }
.main-header #s { width: 150px }
#s {
width: 77%;
background-color: #f4f4f4;
border: 1px solid #ddd;
float: left;
padding: 8px 0;
text-indent: -10px;
}
footer #s { width: 70% }
.footer-widgets fieldset, #sidebars fieldset { width: 100% }
.footer-widgets .sbutton, #sidebars .sbutton {
float: right;
text-align: center;
}
.sbutton {
background: #990000;
color: #fff;
padding: 0;
height: 33px;
cursor: pointer;
width: 19%;
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
transition: all 0.25s linear;
}
footer .sbutton { width: 25% }
.breadcrumb {
margin-bottom: 20px;
line-height: 24px;
} .read-more {
margin: 0 0 0 10px;
line-height: 1.4em;
background: none;
padding: 0;
font-size: 16px;
} .topad {
margin-bottom: 10px;
clear: both;
} .bottomad {
float: left;
clear: both;
} #sidebars p { line-height: 20px }
.sidebar.c-4-12 {
float: right;
width: 32.0%;
max-width: 320px;
background: #000000;
}
.widget {
margin-bottom: 27px;
overflow: hidden;
line-height: 20px;
padding: 5px;
}
#sidebars .widget { background: #333; border: 1px solid #444; }
.widget .title {
font-weight: bold;
text-transform: uppercase;
color: #fff;
font-size: 13px;
}
.widget li {
display: block;
overflow: hidden;
list-style-type: none;
padding-left: 15px;
margin-bottom: 7px;
font-size: 14px;
}
.widget li a { color: #fff }
.widget li a:hover { color: #cc0000 }
.widget h3 {
font-size: 15px;
line-height: 18px;
margin: 5px auto 15px auto;
}
footer .widget h3 span {
background: 000;
color: #666;
padding: 0;
font-weight: 400;
font-size: 18px;
}
.widget h3 span {
background: #990000;
color: #fff;
padding: 5px 8px;
font-weight: 400;
font-size: 18px;
margin: 5px auto 15px auto;
}
.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: #aaa;
padding-left: 0;
background: none;
margin-bottom: 10px;
}
.advanced-recent-posts p, .popular-posts p, .category-posts p { margin: 0 }
.category-posts a, .advanced-recent-posts a { display: block } .popular-posts time {
display: block;
font-style: italic;
font-size: 14px;
} .share-item.facebookbtn, .share-item.linkedinbtn, .share-item.stumblebtn { width: 92px }
.shareit {
padding: 12px 10px 7px 10px;
overflow: hidden;
clear: both;
background-color: #333;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
}
.shareit .share-item {
display: block;
margin: 0;
float: left;
height: 25px;
} .social-profile-icons { overflow: hidden }
.social-profile-icons ul li {
background: none;
border: none;
float: left;
list-style-type: none;
margin: 0 5px 10px;
padding: 0;
text-indent: -999em;
}
.social-profile-icons ul li a {
display: block;
width: 32px;
height: 32px;
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
transition: all 0.25s linear;
}
.social-profile-icons ul li a:hover { opacity: 0.7 }
.social-dribbble a { background: url(//www.horrorsociety.com/wp-content/themes/hsv9/images/social-dribbble.png) no-repeat }
.social-email a { background: url(//www.horrorsociety.com/wp-content/themes/hsv9/images/social-mail.png) no-repeat }
.social-facebook a { background: url(//www.horrorsociety.com/wp-content/themes/hsv9/images/social-facebook.png) no-repeat }
.social-gplus a { background: url(//www.horrorsociety.com/wp-content/themes/hsv9/images/social-googleplus.png) no-repeat }
.social-linkedin a { background: url(//www.horrorsociety.com/wp-content/themes/hsv9/images/social-linkedin.png) no-repeat }
.social-pinterest a { background: url(//www.horrorsociety.com/wp-content/themes/hsv9/images/social-pinterest.png) no-repeat }
.social-rss a { background: url(//www.horrorsociety.com/wp-content/themes/hsv9/images/social-rss.png) no-repeat }
.social-stumbleupon a { background: url(//www.horrorsociety.com/wp-content/themes/hsv9/images/social-stumbleupon.png) no-repeat }
.social-twitter a { background: url(//www.horrorsociety.com/wp-content/themes/hsv9/images/social-twitter.png) no-repeat }
.social-youtube a { background: url(//www.horrorsociety.com/wp-content/themes/hsv9/images/social-youtube.png) no-repeat }
.social-flickr a { background: url(//www.horrorsociety.com/wp-content/themes/hsv9/images/social-flickr.png) no-repeat }
.social-lastfm a { background: url(//www.horrorsociety.com/wp-content/themes/hsv9/images/social-lastfm.png) no-repeat }
.social-tumblr a { background: url(//www.horrorsociety.com/wp-content/themes/hsv9/images/social-tumblr.png) no-repeat }
.social-vimeo a { background: url(//www.horrorsociety.com/wp-content/themes/hsv9/images/social-vimeo.png) no-repeat } body > footer {
overflow: hidden;
width: 100%;
}
body > footer .footeText {
width: 980px;
margin: 22px auto;
text-align: center;
color: #fff;
font-size: 14px;
font-weight: bold;
}
body > footer .footeText a {
color: #fff;
border-bottom: 2px solid #ee3f02;
}
body > footer .widget { padding: 10px 0 0 0 }
body > footer .sidebar .widget .title {
font-size: 135%;
color: #fff;
}
footer .widget { margin-bottom: 20px }
footer .widget li a { color: #bbb }
footer {
position: relative;
overflow: hidden;
}
footer .container { background-color: #222 }
footer p { color: #bbb; }
.footer-widgets {
overflow: hidden;
padding: 10px 3% 10px 3%;
width: 94%;
margin: 0;
}
.footer-widgets h3 {
font-size: 16px;
text-transform: uppercase;
color: #fff;
}
.f-widget {
width: 23%;
float: left;
position: relative;
color: #bbb;
margin-bottom: 30px;
margin-right: 2%;
}
.copyrights {
width: 100%;
font-size: 13px;
clear: both;
padding-bottom: 30px;
color: #bbb;
margin: 0 auto;
background-color: #000;
}
.copyrights a {
font-size: 13px;
color: #dd0000;
}
.copyrights a:hover {
font-size: 13px;
color: #fff;
}
.copyrights a:visited {
font-size: 13px;
color: #dd0000;
}
#copyright-note {
width: 100%;
margin: 0 auto;
clear: both;
max-width: 100%;
background-color: #000;
}
#copyright-note a { color: #535353 }
@media screen and (max-width:1021px) { 
.copyrights {
width: 100%;
}
#copyright-note {
width: 100%;
}
}
#sidebars .wp-post-image, footer .wp-post-image {
margin-bottom: 0;
margin-top: 2px;
margin-right: 10px;
}
.postsby { margin-bottom: 25px }
.textwidget a:hover { color: #222!important } .related-posts {
border-top: 1px solid #555;
background-color: #000;
margin-top: 30px;
clear: both;
float: left;
padding: 3% 0 0;
width: 100%;
}
.postauthor p { padding-top: 0px }
.related-posts ul {
margin-left: 0;
padding: 0;
margin: 0;
overflow: hidden;
margin-top: 0;
width: 100%;
}
.related-posts h5 {
line-height: 20px;
padding-left: 80px;
color: #919191;
text-transform: uppercase;
font-size: 13px;
}
.related-posts h3 {
font-size: 15px;
margin: 0;
color: #fff;
}
.related-posts h3 span, .postauthor h4 span, .total-comments, #respond h4 span {
background: #990000;
padding: 0px 15px;
font-weight: 300;
font-size: 18px;
color: #fff;
}
.relatedthumb img {
width: auto;
height: auto;
margin-top: 5px;
margin-bottom: 0;
}
.postauthor-top { margin-bottom: 10px }
.related-posts li {
width: 31.6%;
float: left;
list-style: none;
margin-right: 2.6%;
}
.related-posts a {
color: #fff;
font-weight: 300;
font-size: 20px;
}
.rthumb { float: left;
width: 180px;
height: 120px; }
.single .related-posts .relatedthumb span {
clear: both;
display: block;
float: left;
font-size: 15px;
margin-bottom: 16px;
width: 100%;
text-align: center;
}
.related-posts li span { float: left }
.related-posts .last { margin-right: 0 }
.tags {
margin: 20px 0 20px 0;
width: 100%;
float: left;
}
.tags a { margin-left: 5px }
.postauthor {
border-top: 1px solid #555;
margin: 30px 0 0px 0;
padding: 3% 0 0;
min-height: 125px;
background-color: #333;
border-top: 1px solid #333;
float: left;
clear: both;
width: 100%;
}
.postauthor h4 {
color: #fff;
font-weight: bold;
font-size: 18px;
}
.postauthor h5 {
font-weight: 600;
font-size: 22px;
padding: 0;
margin: 0;
line-height: 24px;
margin-bottom: 5px;
}
.postauthor img {
float: left;
margin: 5px 20px 15px 5px;
}
.postauthor h4 a { color: #473636 }
.clear { clear: both }
.left { float: left }
.right { float: right }
.last { margin-right: 0 !important } .tagcloud a {
font-size: 13px!important;
padding: 2px 10px;
margin-bottom: 10px;
float: left;
margin-right: 7px;
background: #A02E64;
color: #fff;
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
transition: all 0.25s linear;
}
.tagcloud a:hover {
color: #fff;
background: #30363e;
} .mts-subscribe input[type="text"] {
background: #30363e;
color: #fff;
border: none;
font-style: italic;
-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: 70%;
float: left;
padding: 9px;
}
.mts-subscribe input[type="text"]:hover { border: none }
.mts-subscribe input[type="submit"] {
background: #A02E64;
cursor: pointer;
color: white!important;
padding: 8px 0;
border: 0;
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
transition: all 0.25s linear;
float: left;
text-align: center;
width: 30%;
height: 33px;
}
.mts-subscribe input[type="submit"]:hover, .sbutton:hover { background: #222 } .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;
margin-bottom: 15px;
}
.ad-300 img { background: #FAFAFA }
.ad-125 .evenad { float: right!important }
footer .ad-300 img, footer .ad-125 img {
padding: 0;
background: #FAFAFA;
border: 0;
} #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;
} .total-comments {
font-size: 15px;
float : left;
font-weight: 600;
}
.cnumber { color: #2DB2EB }
#comments {
padding: 3% 0 0;
background-color: #000;
border-top: 1px solid #e2e2e2;
margin-top: 30px;
float: left;
clear: both;
width: 100%;
padding-bottom: 30px;
border-bottom: 1px solid #E2E2E2;
}
#commentsAdd {
padding: 3% 0 0;
background-color: #000;
margin-top: 0;
width: 100%;
float: left;
clear: both;
margin-bottom: 20px;
}
#comments .avatar {
float: left;
margin-right: 20px;
}
.comment time {
padding-left: 10px;
color: #ccc;
font-size: 11px;
float: right;
font-style: italic;
}
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: 300px;
border: 1px solid #E2E2E2;
background: #fff;
font-size: 14px;
clear: both;
max-width: 85%;
display: block;
}
input#author:hover, input#email:hover, input#url:hover, #comment:hover { border-color: #A02E64 }
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;
}
.contactform input[type="text"] { width: 90%; }
#respond {
border-top: 0;
overflow: hidden;
}
#cancel-comment-reply-link {
float: right;
line-height: 24px;
margin-top: 0;
}
#cancel-comment-reply-link {
padding: 3px 20px;
color: white;
cursor: pointer;
background: #222;
}
#commentform input#submit {
font-size: 12px;
line-height: 22px;
background-color: #A02E64;
padding: 5px 25px;
color: #fff;
text-decoration: none;
float: right;
cursor: pointer;
display: inline-block;
text-transform: uppercase;
border: none;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
#commentform input#submit:hover {
background: #30363e;
color: #fff;
}
ol.commentlist {
margin-left: 0;
overflow: hidden;
float: left;
}
.commentlist li {
list-style: none;
margin: 0 0 2% 0;
float: left;
width: 100%;
position: relative;
background-color: #333;
}
.commentLeft {
float: left;
max-width: 14%;
margin-left: 5px;
margin-top: 10px;
}
.children .commentLeft { margin-left: 20px }
.commentRight {
float: left;
width: 83%;
}
.commentRight p { margin-left: 20px }
.children .commentRight {
float: left;
width: 80%;
}
.commentlist li > div {
border: 1px solid #e2e2e2;
overflow: hidden;
padding: 0 10px 10px;
}
.commentlist p {
margin-bottom: 1em;
line-height: 21px;
}
.fn {
font-size: 16px;
line-height: 1.375em;
font-weight: bold;
font-family: arial;
}
.fn a {
color: #666;
text-transform: uppercase;
font-weight: bold;
}
.comment-meta {
font-size: 12px;
font-style: italic;
margin-left: 20px;
}
.comment-meta a { color: #888 }
.reply {
margin-top: 10px;
overflow: hidden;
background: #a02d64;
float: left;
}
.reply a {
float: right;
padding: 2px 14px;
color: #fff;
font-size: 14px;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.reply a:hover {
background: #2f363e;
color: #fff;
}
.commentlist .children {
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
margin-top: 2%;
float: right;
width: 95%;
}
.commentlist .children li > div { margin-bottom: 0 }
.comment-author { margin: 10px 0 0 20px }
.children  .commentArrow {
background: #993365 url(//www.horrorsociety.com/wp-content/themes/hsv9/images/cmtarrow.png) no-repeat;
background-position: 2px 50%;
width: 16px;
height: 100%;
left: 0;
float: left;
position: absolute;
}
.avatar { float: left }
#respond h4 {
margin-top: 18px;
font-size: 18px;
margin: 0;
padding: 0 0 20px 0;
float: left;
}
.cancel-comment-reply a {
float: right;
margin-top: -8px;
font-size: 14px;
}
.comment-awaiting-moderation {
font-style: italic;
font-weight: bold;
} #commentform {
overflow: hidden;
padding: 3%;
border: 0px solid #E2E2E2;
margin-top: 10px;
width: 93.6%;
}
#commentform textarea {
width: 96.4%;
font-family: inherit;
border: 1px solid #E2E2E2;
background: #fff;
font-size: 14px;
padding: 5px 10px 10px 10px;
line-height: 25px;
font-family: georgia;
font-style: italic;
}
#commentform p {
margin-bottom: 15px;
float: left;
width: 100%;
clear: both;
}
#commentform p label {
padding-bottom: 5px;
padding-top: 5px;
}
.comment-notes, .required { display: none }
.comment-notes .required {
padding-left: 0;
padding-top: 3px;
}
.comment-notes { font-style: italic }   .paginationb_wrapper {
width: 100%;
clear: both;
padding: 10px 0;
position: relative;
font-size: 1.1em;
line-height:1em;
}
.paginationb {
display: inline-block;
}
.paginationb span, .paginationb a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
font-weight: normal;
}
.paginationb a:hover{
color:#fff;
background: #cc0000;
}
.paginationb .current{
padding:6px 9px 5px 9px;
background: #cc0000;
color:#fff;
} .pagination {
border-bottom: 1px solid #666;
border-top: 1px solid #666;
clear: both;
overflow: hidden;
margin-bottom: 20px;
padding: 10px 0;
float: left;
width: 100%;
font-family: arial;
background-color: #000;
}
.pagination ul {
list-style: none;
margin: 0 auto 0 auto;
}
.pagination ul li { float: left }
.currenttext, .pagination a:hover {
background: #a02e64;
color: #fff;
margin: 0 5px 0 0;
display: inline-block;
float: left;
line-height: 1.2em;
text-decoration: none;
padding: 5px 8px;
}
.pagination a, .pagination2 {
background: #999;
margin: 0 5px 0 0;
display: inline-block;
float: left;
line-height: 1.2em;
text-decoration: none;
color: #000;
padding: 5px 8px;
}
.pagination a:hover { color: #fff }
.pagination2 {
clear: both;
margin-bottom: 10px;
}
.top { float: right }
.top a { color: #BBB }
.top a:hover { color: #555 }
.toplink { color: #979494!important }
.toplink:hover { color: #ccc!important }
.pnavigation2 {
display: block;
width: 100%;
overflow: hidden;
padding: 10px 0;
float: left;
margin-bottom: 10px;
}
.nav-previous { float: left }
.nav-next { float: right }    .message_box { margin: 15px 0 }
pre {
overflow: auto;
background: #F7F7F7 url(//www.horrorsociety.com/wp-content/themes/hsv9/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(//www.horrorsociety.com/wp-content/themes/hsv9/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(//www.horrorsociety.com/wp-content/themes/hsv9/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(//www.horrorsociety.com/wp-content/themes/hsv9/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(//www.horrorsociety.com/wp-content/themes/hsv9/images/cross.png) left no-repeat;
margin: 0.3em 0.8em;
} .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;
} .googlemaps { margin: 5px 15px 10px 0 } .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;
} .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;
background-image: linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%);
background-image: -o-linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%);
background-image: -moz-linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%);
background-image: -webkit-linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%);
background-image: -ms-linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.09, rgb(230,230,230)), color-stop(0.55, rgb(238,238,238)) );
}
.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;
} .textwidget .youtube-video, .textwidget .vimeo-video, .textwidget .googlemaps { margin: 0 }
.youtube-video, .vimeo-video { margin: 10px 15px 10px 0; width: 640px; height: 360px;} .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(//www.horrorsociety.com/wp-content/themes/hsv9/images/toggle-down.png) no-repeat left;
}
.toggle .toggleta span { background: url(//www.horrorsociety.com/wp-content/themes/hsv9/images/toggle-up.png) no-repeat left }
.toggle .togglec {
display: block;
position: relative;
padding: 15px;
background: #FFF;
border: 1px solid #DDD;
border-top: none;
} .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;
}
#primary_nav_wrap
{
margin: 0px 0px 5px 0px;
width:100%;
}
#primary_nav_wrap ul
{
list-style:none;
position:relative;
float:left;
margin:0;
padding:0;
background-color: #333;
width:100%;
}
#primary_nav_wrap ul a
{
display:block;
color:#EAEAEA;
text-decoration:none;
font-weight:300;
font-size:22px;
line-height:32px;
padding:0 9px;
font-family:'Oswald', sans-serif;
}
#primary_nav_wrap ul li
{
position:relative;
float:left;
margin:0;
padding:0
}
#primary_nav_wrap ul li.current-menu-item
{
background:#990000;
}
#primary_nav_wrap ul li:hover
{
background:#990000;
}
#primary_nav_wrap ul ul
{
display:none;
position:absolute;
top:100%;
left:0;
background:#000;
z-index: 105;
padding:0
}
#primary_nav_wrap ul ul li
{
float:none;
width:200px
}
#primary_nav_wrap ul ul a
{
line-height:100%;
padding:5px 15px;
font-size:18px;
}
#primary_nav_wrap ul ul ul
{
top:0;
left:100%
}
#primary_nav_wrap ul li:hover > ul
{
display:block;
width:200px
}
.toplogos {
width: 100%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
}
#sub_nav_wrap
{
margin: 0px;
}
#sub_nav_wrap ul
{
list-style:none;
position:relative;
float:left;
margin-bottom:15px;
padding:0;
background-color:#333333;
width: 100%;
}
#sub_nav_wrap ul a
{
display:block;
color:#ccc;
text-decoration:none;
font-weight:700;
font-size:12px;
padding:0 15px;
font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}
#sub_nav_wrap ul li
{
position:relative;
float:left;
margin:0;
padding:0;
}
#sub_nav_wrap ul li.current-menu-item
{
background:#000;
}
#sub_nav_wrap ul li:hover
{
background:#000;
}
#sub_nav_wrap ul ul
{
display:none;
position:absolute;
top:100%;
left:0;
background:#333;
z-index: 105;
padding:0;
}
#sub_nav_wrap ul ul li
{
float:none;
width:100px;
}
#sub_nav_wrap ul ul a
{
line-height:100%;
padding:5px 15px;
}
#sub_nav_wrap ul ul ul
{
top:0;
left:100%;
}
#sub_nav_wrap ul li:hover > ul
{
display:block;
width:100px;
}
.post-actions {
position: absolute;
width:  300px;
bottom:  14px;
cursor: pointer;
display: block;
font-size: 9px;
text-transform: uppercase;
}
.post-actions a {
font-size: 9px;
text-transform: uppercase;
color: #CCC;
}
.post-actions a:hover {
font-size: 9px;
text-transform: uppercase;
text-decoration: underline;
color: #FFF;
}
.post-actions {
width:  300px;
cursor: pointer;
display: inline-block;
font-size: 13px;
margin-bottom: 10px;
}   @media screen and (max-width:1022px) { 
.shareit {
position: relative!important;
width: 97%!important;
top: 0!important;
padding-left: 3%!important;
margin: 0!important;
padding-top: 10px!important;
-webkit-box-shadow: none!important;
-moz-box-shadow: none!important;
box-shadow: none!important;
background-color: #f2f2f2!important;
border-top: 1px solid #e2e2e2!important;
border-bottom: 1px solid #e2e2e2!important;
border-right: 0!important;
}
}
@media screen and (max-width:960px) { 
#page, .container, .main-container { max-width: 100% }
.article { width: 66.3% }
.sidebar.c-4-12 { width: 30% }
.related-posts li { margin-right: 10px }
img, embed {
max-width: 100%;
height: auto!important;
}
.ad-300 img { max-width: 100% }
.ad-125 li { max-width: 40% }
.ad-125 img {
padding: 0;
background: #FAFAFA;
border: 0;
}
.mts-subscribe input[type="text"] { width: 70% }
}
@media screen and (max-width:900px) { 
.widget-header { max-width: 70% }
nav #searchform { display: none }
.flexslider {display: none;}
.adcontainb {
float: none;
text-align: center;
margin: 0 auto;
}
.adcontainc { display: none;}
}
@media screen and (max-width:865px) { 
.secondary-navigation { width: 100% }
.main-navigation #navigation {
text-align: center;
border: none;
}
#navigation ul {
float: none;
display: inline-block;
}
.js #navigation > ul { display: none }
.js #navigation select {
display: inline-block !important;
max-width: none;
border: none;
padding: 7px 15px;
width: 100%;
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);
margin-top: 4px;
margin-bottom: 4px;
float: left;
margin-right: 15px;
}
.copyrights { max-width: 100% }
.secondary-navigation #navigation { border: 0!important }
.tinymenu {display: none;}
.toplogos { margin: 0px auto 10px auto;}
.adcontaina {
float: none;
text-align: center;
}
.post.excerpt {
margin-right: 1.1%;
margin-left: 1.1%;
max-width: 27.0%;
}
}
@media screen and (max-width:760px) { 
#header { margin: 0 }
}
@media screen and (max-width:727px) { 
.adcontainb {display: none;} 
.sidebar.c-4-12 { display: none; }
}
@media screen and (max-width:720px) { 
.secondary-navigation a {
padding-top: 10px!important;
padding-bottom: 10px!important;
}
.article { width: 99.8% }
#content_box {
padding-right: 0px;
padding-left: 0px!important;
}
.sidebar.c-4-12 {
float: left;
width: 100%;
}
.footer-widgets #s, #sidebars #s { width: 68% }
.f-widget {
width: 44%;
clear: right;
}
.f-widget-3 { clear: left }
.f-widget-2 { margin-right: 0 }
.ad-125 li { max-width: 45% }
.footer-widgets #s { width: 70% }
#comments { margin-right: 0 }
.flex-caption { width: 50%!important }
.slidertext { display: none }
.slidertitle { font-size: 130%!important }
}
@media screen and (max-width:600px) { 
.widget-header {
max-width: 96%;
float: left;
}
#content_box { width: 100%;}
.goog300 {display: block;}
}
@media screen and (max-width:580px) { 
.post.excerpt {
max-width: 100%;
height: 435px;
padding: 10px;
}
.post.excerpt.last { margin-right: 2%!important }
}
@media screen and (max-width:550px) { 
.main-navigation { width: 100% }
.main-header #s { width: 85% }
.flex-caption {
bottom: -8%;
width: 85%;
}
.excerpt .post-content { overflow: hidden }
.sbutton { float: right }
read-more { font-size: 16px }
.f-widget { width: 95% }
footer #s { width: 65% }
}
@media screen and (max-width:460px) { 
.related-posts li { width: 100% }
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
width: 100%;
margin-right: 0;
}
.wp-post-image { float: none; border: 0px solid #666;  width: 97%; height: auto!important;}
img, embed {max-width: 100%; height: auto!important;}
#content_box { width: 100%;}
#blog #content_box .excerpt {max-height: 300px; border-top: solid 0px #333;}
}
@media screen and (max-width:415px) { 
#navigation {
margin-top: 0;
margin-bottom: 0;
}
.secondary-navigation {
width: 100%;
height: 35px;
}
.js #navigation select {
width: 100%;
margin-right: 0;
}
#content_box { width: 98%;}
#blog #content_box .excerpt {max-height: 300px;}
}
@media screen and (max-width:400px) { 
article header { overflow: hidden }
.post.excerpt {
max-width: 100%;
height: 480px;
border-bottom: solid 0px #333;
}
#content_box { width: 100%;}
#blog #content_box .excerpt {max-height: 300px;}
.slidertext { display: none }
.main-header #s { width: 78% }
.footer-widgets #s, #sidebars #s { width: 64% }
.commentlist li > div { padding: 0 5px 5px }
.commentLeft { margin-left: 0 }
.reply a { padding: 2px 4px }
.children .commentRight { width: 75% }
.comment .m-t-6 { width: 80% }
#commentform textarea { width: 90% }
.copyrights span, .copyrights .top { float: left }
}
@media screen and (max-width:300px) { 
nav fieldset, .js #navigation select {
width: 100%;
float: left;
}
.post.excerpt { max-width: 100% height: 480px;}
#content_box { width: 100%;}
#blog #content_box .excerpt {max-height: 300px;}
.main-header #s { width: 70% }
.footer-widgets #s, #sidebars #s { width: 52% }
.sidebar.c-4-12 { width: 85% }
.single .related-posts .relatedthumb span { text-align: left }
.comment .m-t-6 { width: 55% }
#cancel-comment-reply-link {
float: left;
margin-bottom: 10px;
}
.slidertitle {
font-size: 100%!important;
line-height: 1.1;
}
}
image ads using div ----------------------------------------------------------------------
.td-visible-desktop - for desktop
.td-visible-tablet-portrait - for tablet portrait
.td-visible-phone - for mobile
*/
.td-visible-desktop {
display: table;
}
.td-visible-tablet-portrait,
.td-visible-phone {
display: none;
} @media (min-width: 768px) and (max-width: 1023px) {
.td-visible-tablet-portrait {
display: table;
}
.td-visible-desktop {
display: none;
}
.td-visible-phone {
display: none;
}
} @media (min-width: 300px) and (max-width: 767px)  {
.td-visible-phone {
display: table;
margin: 20px auto 10px auto;
}
.td-visible-desktop {
display: none;
}
.td-visible-tablet-portrait {
display: none;
}
}
.td-a-rec-id-header img {
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0; }
#topadvert {
margin-top: 40px;
}  #buddypress div.pagination {
background: transparent;
border: none;
color: #888;
font-size: 90%;
margin: 0;
position: relative;
display: block;
float: left;
width: 100%;
padding: 10px 0;
}
#member-dir-count-top {
display: none;
}
#buddypress div.pagination .pag-count {
float: left;
margin-left: 10px;
}
#buddypress div.pagination .pagination-links {
float: right;
margin-right: 10px;
}
#buddypress div.pagination .pagination-links span,
#buddypress div.pagination .pagination-links a {
font-size: 90%;
padding: 0 5px;
}
#buddypress div.pagination .pagination-links a:hover {
font-weight: bold;
}
#buddypress noscript div.pagination {
margin-bottom: 15px;
}
#buddypress #nav-above {
display: none;
}
#buddypress .paged #nav-above {
display: block;
} #buddypress img.wp-smiley {
border: none !important;
clear: none !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
}
#buddypress .clear {
clear: left;
} #buddypress #activity-stream {
margin-top: -5px;
}
#buddypress #activity-stream p {
margin: 5px 0;
}
#buddypress #item-body form#whats-new-form {
margin: 0;
padding: 0;
}
#buddypress .home-page form#whats-new-form {
border-bottom: none;
padding-bottom: 0;
}
#buddypress form#whats-new-form #whats-new-avatar {
float: left;
}
#buddypress form#whats-new-form #whats-new-content {
margin-left: 55px;
padding: 0 0 20px 20px;
}
#buddypress form#whats-new-form p.activity-greeting {
line-height: 0.5em;
padding-top: 3px;
margin-bottom: 5px;
margin-left: 75px;
}
#buddypress form#whats-new-form {
padding: 20px 0 15px;
}
#buddypress form#whats-new-form textarea {
height: 37px !important;
}
#buddypress form#whats-new-form textarea:focus {
height: 70px !important;
}
body.no-js #buddypress form#whats-new-form textarea {
height: 50px !important;
}
#buddypress form#whats-new-form #whats-new-options select {
max-width: 200px;
margin-bottom: 0;
}
#buddypress form#whats-new-form #whats-new-submit {
float: right;
}
body.no-js #buddypress #whats-new-options {
height: auto;
} #buddypress ul.activity-list li {
overflow: hidden;
padding: 15px 0 0;
list-style: none;
}
#buddypress .activity-list .activity-avatar {
float: left;
}
#buddypress ul.item-list.activity-list li.has-comments {
padding-bottom: 15px;
}
body.activity-permalink #buddypress ul.activity-list li.has-comments {
padding-bottom: 0;
}
#buddypress .activity-list li.mini {
position: relative;
padding: 5px 0;
}
#buddypress .activity-list li.mini .activity-avatar img.avatar,
#buddypress .activity-list li.mini .activity-avatar img.FB_profile_pic {
margin-top: 10px;
height: 20px;
width: 20px;
}
#buddypress .activity-permalink .activity-list li.mini .activity-avatar img.avatar,
#buddypress .activity-permalink .activity-list li.mini .activity-avatar img.FB_profile_pic {
height: auto;
margin-left: 0;
width: auto;
}
#buddypress .activity-list li.mini .activity-content {
margin-left: 25px;
}
body.activity-permalink #buddypress .activity-list > li:first-child {
padding-top: 0;
}
#buddypress .activity-list li .activity-content {
position: relative;
}
#buddypress .activity-list li.mini .activity-content p {
margin: 0;
}
#buddypress .activity-list li.mini .activity-comments {
clear: both;
font-size: 120%;
}
body.activity-permalink #buddypress li.mini .activity-meta {
margin-top: 4px;
}
#buddypress .activity-list li .activity-inreplyto {
color: #888;
font-size: 80%;
}
#buddypress .activity-list li .activity-inreplyto > p {
margin: 0;
display: inline;
}
#buddypress .activity-list li .activity-inreplyto blockquote,
#buddypress .activity-list li .activity-inreplyto div.activity-inner {
background: none;
border: none;
display: inline;
margin: 0;
overflow: hidden;
padding: 0;
}
#buddypress .activity-list .activity-content {
margin: 0 0 0 70px;
}
body.activity-permalink #buddypress .activity-list li .activity-content {
border: none;
font-size: 100%;
line-height: 150%;
margin-left: 170px;
margin-right: 0;
padding: 0;
}
body.activity-permalink #buddypress .activity-list li .activity-header > p {
margin: 0;
padding: 5px 0 0 0;
}
#buddypress .activity-list .activity-content .activity-header,
#buddypress .activity-list .activity-content .comment-header {
color: #888;
line-height: 220%;
}
#buddypress .activity-header {
margin-right: 20px;
}
#buddypress .activity-header a,
#buddypress .comment-meta a,
#buddypress .acomment-meta a {
text-decoration: none;
}
#buddypress .activity-list .activity-content .activity-header img.avatar {
float: none !important;
margin: 0 3px !important;
}
#buddypress a.bp-secondary-action,
#buddypress span.highlight {
background: #990000;
font-size: 8pt;
color: #ccc;
padding: 2px 5px;
margin-right: 5px;
text-decoration: none;
text-transform: uppercase;
line-height: 15px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#buddypress .activity-list .activity-content .activity-inner,
#buddypress .activity-list .activity-content blockquote {
margin: 10px 10px 5px 0;
overflow: hidden;
}
#buddypress .activity-list li.new_forum_post .activity-content .activity-inner,
#buddypress .activity-list li.new_forum_topic .activity-content .activity-inner {
border: 2px solid #EAEAEA;
border-width: 0 0 0 2px;
margin-left: 5px;
padding-left: 10px;
}
body.activity-permalink #buddypress .activity-content .activity-inner,
body.activity-permalink #buddypress .activity-content blockquote {
margin-left: 0;
margin-top: 5px;
}
#buddypress .activity-inner > p {
word-wrap: break-word;
}
#buddypress .activity-inner > .activity-inner {
margin: 0;
}
#buddypress .activity-inner > blockquote {
margin: 0;
}
#buddypress .activity-list .activity-content img.thumbnail {
border: 2px solid #eee;
float: left;
margin: 0 10px 5px 0;
}
#buddypress .activity-read-more {
margin-left: 1em;
white-space: nowrap;
}
#buddypress .activity-list li.load-more,
#buddypress .activity-list li.load-newest {
background: #f0f0f0;
font-size: 110%;
margin: 15px 0;
padding: 10px 15px;
text-align: center;
}
#buddypress .activity-list li.load-more a,
#buddypress .activity-list li.load-newest a {
color: #4D4D4D;
} body.activity-permalink #buddypress div.activity-meta {
margin-bottom: 6px;
}
#buddypress div.activity-meta {
text-align: right;
}
#buddypress div.activity-meta a{
background-color: #222;
font-size: 85%;
}
#buddypress div.activity-meta a:hover{
padding: 4px 8px;
line-height: 15px;
color: inherit;
background-color: #990000;
font-size: 85%;
}
#buddypress div.activity-meta a:hover {
text-decoration: none;
line-height: 15px;
font-size: 85%;
}
#buddypress a.activity-time-since {
color: #aaa;
text-decoration: none;
}
#buddypress a.activity-time-since:hover {
color: #888;
text-decoration: underline;
}
#buddypress a.bp-primary-action,
#buddypress #reply-title small a {
font-size: 90%;
margin-right: 5px;
text-decoration: none;
}
#buddypress a.bp-primary-action span,
#buddypress #reply-title small a span {
background: #999;
color: #fff;
font-size: 90%;
padding: 1px 5px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#buddypress a.bp-primary-action:hover span,
#buddypress #reply-title small a:hover span {
background: #555;
color: #fff;
}
#buddypress div.activity-comments {
margin: 0 0 0 70px;
overflow: hidden; position: relative;
width: auto;
clear: both;
}
body.activity-permalink #buddypress div.activity-comments {
background: none;
margin-left: 170px;
width: auto;
}
#buddypress div.activity-comments > ul {
padding: 0 0 0 10px;
}
#buddypress div.activity-comments ul,
#buddypress div.activity-comments ul li {
border: none;
list-style: none;
}
#buddypress div.activity-comments ul {
clear: both;
margin: 0;
}
#buddypress div.activity-comments ul li {
border-top: 1px solid #eee;
padding: 10px 0 0;
}
body.activity-permalink #buddypress .activity-list li.mini .activity-comments {
clear: none;
margin-top: 0;
}
body.activity-permalink #buddypress div.activity-comments ul li {
border-width: 1px;
padding: 10px 0 0 0;
}
#buddypress div.activity-comments > ul > li:first-child {
border-top: none;
}
#buddypress div.activity-comments ul li:last-child {
margin-bottom: 0;
}
#buddypress div.activity-comments ul li > ul {
margin-left: 30px;
margin-top: 0;
padding-left: 10px;
}
body.activity-permalink #buddypress div.activity-comments ul li > ul {
margin-top: 10px;
}
body.activity-permalink #buddypress div.activity-comments > ul {
padding: 0 10px 0 15px;
}
#buddypress div.activity-comments div.acomment-avatar img {
border-width: 1px;
float: left;
height: 25px;
margin-right: 10px;
width: 25px;
}
#buddypress div.activity-comments div.acomment-content {
font-size: 80%;
margin: 5px 0 0 40px;
}
#buddypress div.acomment-content .time-since,
#buddypress div.acomment-content .activity-delete-link,
#buddypress div.acomment-content .comment-header {
display: none;
}
body.activity-permalink #buddypress div.activity-comments div.acomment-content {
font-size: 90%;
}
#buddypress div.activity-comments div.acomment-meta {
color: #888;
font-size: 80%;
}
#buddypress div.activity-comments form.ac-form {
display: none;
padding: 10px;
}
#buddypress div.activity-comments li form.ac-form {
margin-right: 15px;
clear: both;
}
#buddypress div.activity-comments form.root {
margin-left: 0;
}
#buddypress div.activity-comments div#message {
margin-top: 15px;
margin-bottom: 0;
}
#buddypress div.activity-comments form .ac-textarea {
background: #fff;
border: 0px inset #ccc;
margin-bottom: 10px;
padding: 8px;
}
#buddypress div.activity-comments form textarea {
border: none;
background: transparent;
box-shadow: none;
outline: none;
color: #555;
font-family: inherit;
font-size: 100%;
height: 60px;
padding: 0;
margin: 0;
width: 100%;
}
#buddypress div.activity-comments form input {
margin-top: 5px;
}
#buddypress div.activity-comments form div.ac-reply-avatar {
float: left;
}
#buddypress div.ac-reply-avatar img {
border: 1px solid #eee;
}
#buddypress div.activity-comments form div.ac-reply-content {
color: #888;
margin-left: 50px;
padding-left: 15px;
}
#buddypress div.activity-comments form div.ac-reply-content a {
text-decoration: none;
}
#buddypress .acomment-options {
float: left;
margin: 5px 0 5px 40px;
}
#buddypress .acomment-options a {
color: #999;
}
#buddypress .acomment-options a:hover {
color: inherit;
} #buddypress div.dir-search {
float: right;
margin: -55px 0 0 0;
}
#buddypress .dir-form {
clear: both;
} #buddypress div#message {
clear: both;
margin: 0 0 15px;
}
#buddypress #message.info {
margin-bottom: 0;
}
#buddypress div#message.updated {
clear: both;
}
#buddypress div#message p,
#sitewide-notice p {
font-size: 90%;
display: block;
padding: 10px 15px;
}
#buddypress div#message.error p {
background-color: #fdc;
border: 1px solid #a00;
clear: left;
color: #800;
}
#buddypress div#message.updated p {
background-color: #efc;
border: 1px solid #591;
color: #250;
}
#buddypress #pass-strength-result {
background-color: #eee;
border-color: #ddd;
border-style: solid;
border-width: 1px;
display: none;
margin: 5px 5px 5px 0;
padding: 5px;
text-align: center;
width: 150px;
}
#buddypress .standard-form #basic-details-section #pass-strength-result {
width: 90%;
}
#buddypress #pass-strength-result.error,
#buddypress #pass-strength-result.bad {
background-color: #ffb78c;
border-color: #ff853c !important;
display: block;
}
#buddypress #pass-strength-result.good {
background-color: #ffec8b;
border-color: #fc0 !important;
display: block;
}
#buddypress #pass-strength-result.short {
background-color: #ffa0a0;
border-color: #f04040 !important;
display: block;
}
#buddypress #pass-strength-result.strong {
background-color: #c3ff88;
border-color: #8dff1c !important;
display: block;
}
#buddypress .standard-form#signup_form div div.error {
background: #faa;
color: #a00;
margin: 0 0 10px 0;
padding: 6px;
width: 90%;
}
#buddypress div.accept,
#buddypress div.reject {
float: left;
margin-left: 10px;
}
#buddypress ul.button-nav li {
float: left;
margin: 0 10px 10px 0;
list-style: none;
}
#buddypress ul.button-nav li.current a {
font-weight: bold;
}
#sitewide-notice #message {
left: 2%;
position: fixed;
top: 1em;
width: 96%;
z-index: 9999;
}
#sitewide-notice.admin-bar-on #message {
top: 3.3em;
}
#sitewide-notice strong {
display: block;
margin-bottom: -1em;
} #buddypress .standard-form label,
#buddypress .standard-form span.label {
display: block;
font-weight: bold;
margin: 15px 0 5px 0;
width: auto;
}
#buddypress .standard-form div.checkbox label:nth-child(n+2),
#buddypress .standard-form div.radio div label {
color: #888;
font-size: 100%;
font-weight: normal;
margin: 5px 0 0 0;
}
#buddypress .standard-form#sidebar-login-form label {
margin-top: 5px;
}
#buddypress .standard-form input[type=text] {
width: 75%;
}
#buddypress .standard-form#sidebar-login-form input[type=text],
#buddypress .standard-form#sidebar-login-form input[type=password] {
padding: 4px;
width: 95%;
}
#buddypress .standard-form#signup_form input[type=text],
#buddypress .standard-form#signup_form input[type=password],
#buddypress .standard-form#signup_form textarea,
#buddypress .form-allowed-tags,
#buddypress #commentform input[type=text],
#buddypress #commentform textarea {
width: 90%;
}
#buddypress .standard-form#signup_form div.submit {
float: right;
}
#buddypress div#signup-avatar img {
margin: 0 15px 10px 0;
}
#buddypress .standard-form textarea {
width: 75%;
height: 120px;
}
#buddypress .standard-form textarea#message_content {
height: 200px;
}
#buddypress .standard-form#send-reply textarea {
width: 97.5%;
}
#buddypress .standard-form p.description {
color: #888;
font-size: 80%;
margin: 5px 0;
}
#buddypress .standard-form div.submit {
clear: both;
padding: 15px 0 0 0;
}
#buddypress .standard-form p.submit {
margin-bottom: 0;
padding: 15px 0 0 0;
}
#buddypress #group-creation-previous {
float: left;
}
#buddypress #group-creation-next,
#buddypress #group-creation-finish {
float: right;
}
#buddypress .standard-form div.radio ul {
margin: 10px 0 15px 38px;
list-style: disc;
}
#buddypress .standard-form div.radio ul li {
margin-bottom: 5px;
}
#buddypress .standard-form a.clear-value {
display: block;
margin-top: 5px;
outline: none;
}
#buddypress .standard-form #basic-details-section,
#buddypress .standard-form #blog-details-section,
#buddypress .standard-form #profile-details-section {
float: left;
width: 48%;
}
#buddypress .standard-form #profile-details-section {
float: right;
}
#buddypress .standard-form #blog-details-section {
clear: left;
}
#buddypress .standard-form input:focus,
#buddypress .standard-form textarea:focus,
#buddypress .standard-form select:focus {
background: #fafafa;
color: #555;
}
#buddypress form#send-invite-form {
margin-top: 20px;
}
#buddypress div#invite-list {
background: #f5f5f5;
height: 400px;
margin: 0 0 10px;
overflow: auto;
padding: 5px;
width: 160px;
}
#buddypress form.standard-form .left-menu {
float: left;
}
#buddypress form.standard-form .left-menu #invite-list ul{
margin:1%;
list-style: none;
}
#buddypress form.standard-form .left-menu #invite-list ul li {
margin:0 0 0 1%;
}
#buddypress form.standard-form .main-column {
margin-left: 190px;
}
#buddypress form.standard-form .main-column ul#friend-list {
clear:none;
float: left;
}
#buddypress form.standard-form .main-column ul#friend-list h4 {
clear:none;
} #buddypress .wp-editor-wrap a.button,
#buddypress .wp-editor-wrap button,
#buddypress .wp-editor-wrap input[type=submit],
#buddypress .wp-editor-wrap input[type=button],
#buddypress .wp-editor-wrap input[type=reset] {
padding: 0 10px 1px;
} #buddypress a.loading,
#buddypress input.loading {
-webkit-animation: loader-pulsate .5s infinite ease-in-out alternate;
-moz-animation: loader-pulsate .5s infinite ease-in-out alternate;
border-color: #aaa;
}
@-webkit-keyframes loader-pulsate {
from {
border-color: #aaa;
-webkit-box-shadow: 0 0 6px #ccc;
box-shadow: 0 0 6px #ccc;
}
to {
border-color: #ccc;
-webkit-box-shadow: 0 0 6px #f8f8f8;
box-shadow: 0 0 6px #f8f8f8;
}
}
@-moz-keyframes loader-pulsate {
from {
border-color: #aaa;
-moz-box-shadow: 0 0 6px #ccc;
box-shadow: 0 0 6px #ccc;
}
to {
border-color: #ccc;
-moz-box-shadow: 0 0 6px #f8f8f8;
box-shadow: 0 0 6px #f8f8f8;
}
}
#buddypress a.loading:hover,
#buddypress input.loading:hover {
color: #777;
}
#buddypress input[type="submit"].pending,
#buddypress input[type="button"].pending,
#buddypress input[type="reset"].pending,
#buddypress input[type="submit"].disabled,
#buddypress input[type="button"].disabled,
#buddypress input[type="reset"].disabled,
#buddypress button.pending,
#buddypress button.disabled,
#buddypress div.pending a,
#buddypress a.disabled {
border-color: #eee;
color: #bbb;
cursor: default;
}
#buddypress input[type="submit"]:hover.pending,
#buddypress input[type="button"]:hover.pending,
#buddypress input[type="reset"]:hover.pending,
#buddypress input[type="submit"]:hover.disabled,
#buddypress input[type="button"]:hover.disabled,
#buddypress input[type="reset"]:hover.disabled,
#buddypress button.pending:hover,
#buddypress button.disabled:hover,
#buddypress div.pending a:hover,
#buddypress a.disabled:hover {
border-color: #eee;
color: #bbb;
} #buddypress ul#topic-post-list {
margin: 0;
width: auto;
}
#buddypress ul#topic-post-list li {
padding: 15px;
position: relative;
}
#buddypress ul#topic-post-list li.alt {
background: #f5f5f5;
}
#buddypress ul#topic-post-list li div.poster-meta {
color: #888;
margin-bottom: 10px;
}
#buddypress ul#topic-post-list li div.post-content {
margin-left: 54px;
}
#buddypress div.topic-tags {
font-size: 80%;
}
#buddypress div.admin-links {
color: #888;
font-size: 80%;
position: absolute;
top: 15px;
right: 25px;
}
#buddypress div#topic-meta {
margin: 0;
padding: 5px 19px 30px;
position: relative;
}
#buddypress div#topic-meta div.admin-links {
right: 19px;
top: -36px;
}
#buddypress div#topic-meta h3 {
margin: 5px 0;
}
#buddypress div#new-topic-post {
display: none;
margin: 20px 0 0 0;
padding: 1px 0 0 0;
}
#buddypress table.notifications,
#buddypress table.notifications-settings,
#buddypress table.profile-settings,
#buddypress table.profile-fields,
#buddypress table.wp-profile-fields,
#buddypress table.messages-notices,
#buddypress table.forum {
width: 100%;
}
#buddypress table.notifications thead tr,
#buddypress table.notifications-settings thead tr,
#buddypress table.profile-settings thead tr,
#buddypress table.profile-fields thead tr,
#buddypress table.wp-profile-fields thead tr,
#buddypress table.messages-notices thead tr,
#buddypress table.forum thead tr {
background: #eaeaea;
}
#buddypress table#message-threads {
clear: both;
margin: 0;
width: auto;
}
#buddypress table.profile-fields {
margin-bottom: 20px;
}
#buddypress table.profile-fields:last-child {
margin-bottom: 0;
}
#buddypress table.profile-fields p {
margin: 0;
}
#buddypress table.profile-fields p:last-child {
margin-top: 0;
}
#buddypress table.notifications tr td,
#buddypress table.notifications-settings tr td,
#buddypress table.profile-settings tr td,
#buddypress table.profile-fields tr td,
#buddypress table.wp-profile-fields tr td,
#buddypress table.messages-notices tr td,
#buddypress table.forum tr td,
#buddypress table.notifications tr th,
#buddypress table.notifications-settings tr th,
#buddypress table.profile-fields tr th,
#buddypress table.wp-profile-fields tr th,
#buddypress table.messages-notices tr th,
#buddypress table.forum tr th {
padding: 8px;
vertical-align: middle;
}
#buddypress table.notifications tr td.label,
#buddypress table.notifications-settings tr td.label,
#buddypress table.profile-fields tr td.label,
#buddypress table.wp-profile-fields tr td.label,
#buddypress table.messages-notices tr td.label,
#buddypress table.forum tr td.label {
border-right: 1px solid #eaeaea;
font-weight: bold;
width: 25%;
}
#buddypress table tr td.thread-info p {
margin: 0;
}
#buddypress table tr td.thread-info p.thread-excerpt {
color: #888;
font-size: 80%;
margin-top: 3px;
}
#buddypress table.forum td {
text-align: center;
}
#buddypress table.notifications tr.alt td,
#buddypress table.notifications-settings tr.alt td,
#buddypress table.profile-settings tr.alt td,
#buddypress table.profile-fields tr.alt td,
#buddypress table.wp-profile-fields tr.alt td,
#buddypress table.messages-notices tr.alt td,
#buddypress table.forum tr.alt td {
background: #f5f5f5;
}
#buddypress table.notification-settings {
margin-bottom: 20px;
text-align: left;
}
#buddypress #groups-notification-settings {
margin-bottom: 0;
}
#buddypress table.notifications th.icon,
#buddypress table.notifications td:first-child,
#buddypress table.notification-settings th.icon,
#buddypress table.notification-settings td:first-child {
display: none;
}
#buddypress table.notification-settings th.title,
#buddypress table.profile-settings th.title {
width: 80%;
}
#buddypress table.notification-settings .yes,
#buddypress table.notification-settings .no {
text-align: center;
width: 40px;
}
#buddypress table.forum {
margin: 0;
width: auto;
clear: both;
}
#buddypress table.forum tr.sticky td {
font-size: 110%;
background: #fff9db;
border-top: 1px solid #ffe8c4;
border-bottom: 1px solid #ffe8c4;
}
#buddypress table.forum tr.closed td.td-title {
padding-left: 35px;
}
#buddypress table.forum td p.topic-text {
color: #888;
font-size: 100%;
}
#buddypress table.forum tr > td:first-child,
#buddypress table.forum tr > th:first-child {
padding-left: 15px;
}
#buddypress table.forum tr > td:last-child,
#buddypress table.forum tr > th:last-child {
padding-right: 15px;
}
#buddypress table.forum tr th#th-title,
#buddypress table.forum tr th#th-poster,
#buddypress table.forum tr th#th-group,
#buddypress table.forum td.td-poster,
#buddypress table.forum td.td-group,
#buddypress table.forum td.td-title {
text-align: left;
}
#buddypress table.forum tr td.td-title a.topic-title {
font-size: 110%;
}
#buddypress table.forum td.td-freshness {
white-space: nowrap;
}
#buddypress table.forum td.td-freshness span.time-since {
font-size: 80%;
color: #888;
}
#buddypress table.forum td img.avatar {
float: none;
margin: 0 5px -8px 0;
}
#buddypress table.forum td.td-poster,
#buddypress table.forum td.td-group {
min-width: 140px;
}
#buddypress table.forum th#th-title {
width: 80%;
}
#buddypress table.forum th#th-freshness {
width: 25%;
}
#buddypress table.forum th#th-postcount {
width: 15%;
}
#buddypress table.forum p.topic-meta {
font-size: 80%;
margin: 5px 0 0 0;
} #buddypress .item-body {
margin: 20px 10px;
}
#buddypress .item-body h4,
#buddypress #item-body h4 {
font-size: 20pt;
}
#buddypress span.activity {
display: inline-block;
font-size: 80%;
opacity: 0.8;
padding: 0;
}
#buddypress span.user-nicename {
color: #777;
display: inline-block;
font-size: 120%;
font-weight: bold;
}
#buddypress div#message p,
#sitewide-notice p {
color: #666;
background: #F7F7F7;
padding: .5em 1.618em;
margin-bottom: 2.618em;
border-color: #e6db55;
border-style: solid;
border-width: 0 0 0 5px;
margin-left: 0;
clear: both;
}
#buddypress div#item-header {
overflow: hidden;
}
#buddypress div#item-header div#item-header-content {
margin-left: 0;
}
#buddypress div#item-header h2 {
line-height: 120%;
margin: 0 0 15px 0;
}
#buddypress div#item-header h2 a {
color: #777;
text-decoration: none;
}
#buddypress div#item-header img.avatar {
float: left;
margin: 0 15px 19px 0;
width: 128px;
height: auto;
}
#buddypress div#item-header h2 {
margin-bottom: 5px;
}
#buddypress div#item-header h2 span.highlight {
font-size: 60%;
font-weight: normal;
line-height: 170%;
vertical-align: middle;
display: inline-block;
}
#buddypress div#item-header h2 span.highlight span {
background: #a1dcfa;
color: #fff;
cursor: pointer;
font-weight: bold;
font-size: 80%;
margin-bottom: 2px;
padding: 1px 4px;
position: relative;
right: -2px;
top: -2px;
vertical-align: middle;
}
#buddypress div#item-header div#item-meta {
font-size: 90%;
overflow: hidden;
margin: 15px 0 5px 0;
padding-bottom: 10px;
}
#buddypress div#item-header div#item-actions {
float: right;
margin: 0 0 15px 15px;
text-align: right;
width: 20%;
}
#buddypress div#item-header div#item-actions h3 {
margin: 0 0 5px 0;
font-weight: bold;
font-size: inherit;
}
#buddypress div#item-header ul {
margin-bottom: 15px;
overflow: hidden;
}
#buddypress div#item-header ul h5,
#buddypress div#item-header ul span,
#buddypress div#item-header ul hr {
display: none;
}
#buddypress div#item-header ul li {
float: right;
list-style: none;
}
#buddypress div#item-header ul img.avatar,
#buddypress div#item-header ul.avatars img.avatar {
height: 30px;
margin: 2px;
width: 30px;
}
#buddypress div#item-header div.generic-button,
#buddypress div#item-header a.button {
float: left;
margin: 10px 10px 0 0;
}
#buddypress div#item-header div#message.info {
line-height: 80%;
}
#buddypress ul.item-list {
border-top: 1px solid #eaeaea;
width: 100%;
list-style: none;
clear: both;
margin: 0;
padding: 0;
}
body.activity-permalink #buddypress ul.item-list,
body.activity-permalink #buddypress ul.item-list li.activity-item {
border: none;
}
#buddypress ul.item-list li {
border-bottom: 1px solid #eaeaea;
padding: 15px 0;
margin: 0;
position: relative;
list-style: none;
}
#buddypress ul.single-line li {
border: none;
}
#buddypress ul.item-list h5{
margin-top: 0;
}
#buddypress ul.item-list li img.avatar {
float: left;
margin: 0 20px 0 0;
}
#buddypress ul.item-list li div.item-title,
#buddypress ul.item-list li h4 {
margin: 0;
font-weight: 600;
font-size: 16px;
}
#buddypress ul.item-list li div.item-title span {
color: #999;
font-weight: normal;
font-size: 10pt;
}
#buddypress ul.item-list li div.item-desc {
color: #888;
font-size: 90%;
margin: 10px 0 0 70px;
width: 90%;
}
#buddypress ul.item-list li div.action {
position: absolute;
top: 15px;
right: 0;
text-align: right;
}
#buddypress ul.item-list li div.meta {
color: #888;
font-size: 80%;
margin-top: 10px;
}
#buddypress ul.item-list li h5 span.small {
float: right;
font-size: 80%;
font-weight: normal;
}
#buddypress div.item-list-tabs {
background: #333;
overflow: hidden;
padding-bottom: 10px;
}
#buddypress div.item-list-tabs.activity-type-tabs,
#buddypress div.item-list-tabs#object-nav {
border-bottom: 1px solid #eee;
}
#buddypress div.item-list-tabs .feed a{
padding: 2px 5px;
font-size: 10pt;
background: orange !important;
color: #FFF;
line-height: 15px;
}
#crumbs a.bp-title-button {
display: none;
}
a.bp-title-button {
vertical-align: middle;
padding: 2px 5px;
font-size: 10pt;
margin-left: 10px;
line-height: 19px;
}
#buddypress div.item-list-tabs ul {
margin: 0;
padding: 0;
}
#buddypress div.item-list-tabs ul li {
float: left;
margin: 0;
list-style: none;
display: block;
max-height: 35px;
}
#buddypress div.item-list-tabs#subnav ul li {
margin-top: 0;
}
#buddypress div.item-list-tabs ul li.last {
float: right;
margin: 7px 0 0;
}
#buddypress div.item-list-tabs#subnav ul li.last {
margin-top: 0px;
}
#buddypress div.item-list-tabs ul li.last select {
max-width: 175px;
padding: 3px;
}
#buddypress div.item-list-tabs ul li a,
#buddypress div.item-list-tabs ul li span,
#members-list-options a,
#groups-list-options a {
display: block;
color: #bbb;
padding: 5px 12px;
text-decoration: none;
background-color: #333;
margin-right: 3px;
margin-bottom: 3px;
opacity: .85;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#buddypress div.item-list-tabs ul li a:hover,
#members-list-options a:hover,
#groups-list-options a:hover{
background-color: #990000;
color: #fff;
}
#buddypress div.item-list-tabs ul li a span,
#buddypress #members-directory-form div.item-list-tabs ul li.selected span {
background: #F88C00;
border-radius: 50%;
color: #FFF;
display: inline;
font-size: 70%;
margin-left: 2px;
margin-right: 0;
padding: 3px 6px;
text-align: center;
vertical-align: middle;
}
#buddypress div.item-list-tabs ul li.selected a span,
#buddypress div.item-list-tabs ul li.current a span,
body.dark-skin #buddypress div.item-list-tabs ul li.selected a span,
body.dark-skin #buddypress div.item-list-tabs ul li.current a span{
background: #FFF;
color: #777;
}
#buddypress div.item-list-tabs ul li.selected a,
#buddypress div.item-list-tabs ul li.current a,
#members-list-options a.selected,
#groups-list-options a.selected{
background: #F88C00;
color: #FFF;
}
#buddypress #members-directory-form div.item-list-tabs ul li.selected a {
background: transparent;
padding: 8px 0;
color: inherit;
vertical-align: bottom;
}
#buddypress div#item-nav ul li.loading a {
background-position: 88% 50%;
}
#buddypress div.item-list-tabs#object-nav {
margin-top: 0;
}
#buddypress div.item-list-tabs#subnav {
padding: 20px 0 15px;
background: transparent;
overflow: hidden;
}
#buddypress #members-directory-form div.item-list-tabs#subnav {
margin-top: -40px;
padding: 0;
}
#buddypress #admins-list li,
#buddypress #mods-list li,
#buddypress #members-list li {
overflow: auto;
list-style: none;
} #buddypress table#message-threads tr.unread td {
background: #fff9db;
border-top: 1px solid #ffe8c4;
border-bottom: 1px solid #ffe8c4;
font-weight: bold;
}
#buddypress li span.unread-count,
#buddypress tr.unread span.unread-count {
background: #dd0000;
color: #fff;
font-weight: bold;
padding: 2px 8px;
}
#buddypress div.item-list-tabs ul li a span.unread-count {
padding: 1px 6px;
color: #fff;
}
#buddypress div.messages-options-nav {
background: #eee;
font-size: 80%;
margin: 0;
padding: 5px 15px;
text-align: right;
}
#buddypress div#message-thread div.message-box {
margin: 0;
padding: 15px;
}
#buddypress div#message-thread div.alt {
background: #f4f4f4;
}
#buddypress div#message-thread p#message-recipients {
margin: 10px 0 20px 0;
}
#buddypress div#message-thread img.avatar {
float: left;
margin: 0 10px 0 0;
vertical-align: middle;
}
#buddypress div#message-thread strong {
font-size: 100%;
margin: 0;
}
#buddypress div#message-thread strong a {
text-decoration: none;
}
#buddypress div#message-thread strong span.activity {
margin-top: 4px;
}
#buddypress div#message-thread div.message-metadata {
overflow: hidden;
}
#buddypress div#message-thread div.message-content {
margin-left: 45px;
}
#buddypress div#message-thread div.message-options {
text-align: right;
}
#buddypress #message-threads img.avatar {
max-width: none;
}
#buddypress div.message-search {
float: right;
margin: 0 20px;
} #buddypress div.profile h4 {
margin-bottom: auto;
margin-top: 15px;
}
#buddypress #profile-edit-form ul.button-nav {
margin-top: 15px;
}
body.no-js #buddypress .field-visibility-settings-toggle,
body.no-js #buddypress .field-visibility-settings-close {
display: none;
}
#buddypress .field-visibility-settings {
display: none;
margin-top: 10px;
}
body.no-js #buddypress .field-visibility-settings {
display: block;
}
#buddypress .current-visibility-level {
font-weight: bold;
font-style: normal;
}
#buddypress .field-visibility-settings,
#buddypress .field-visibility-settings-toggle,
#buddypress .field-visibility-settings-notoggle {
color: #888;
}
#buddypress .field-visibility-settings-toggle a,
#buddypress .field-visibility-settings a {
font-size: 80%;
}
body.register #buddypress div.page ul {
list-style: none;
}
#buddypress .standard-form .field-visibility-settings label {
margin: 0;
font-weight: normal;
}
#buddypress .field-visibility-settings legend,
#buddypress .field-visibility-settings-toggle {
font-style: italic;
}
#buddypress .field-visibility-settings .radio {
list-style: none;
margin-bottom: 0;
}
#buddypress .field-visibility select {
margin: 0;
} .widget.buddypress div.item-avatar img.avatar {
width: 16%;
float: left;
margin: 2%;
height: auto;
max-width: 50px;
}
.widget.buddypress .item-list {
padding: 0;
border: 0 none;
}
.widget.buddypress .item-list li {
padding: 10px 0;
border-bottom: 1px solid #f2f2f2;
}
#members-list-options,
#groups-list-options {
padding: 0 0 10px;
font-size: 0;
text-align: center;
}
#members-list-options a,
#groups-list-options a {
display: inline-block;
font-size: 10pt;
}
#members-list-options a.loading:after,
#groups-list-options a.loading:after {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-left: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
text-align: right;
content: "\f110";
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
#members-list-options a:last-child,
#groups-list-options a:last-child {
margin: 0;
}
.widget.buddypress span.activity {
display: inline-block;
font-size: 80%;
opacity: 0.8;
padding: 0;
}
.widget.buddypress div.item-options {
font-size: 90%;
margin: 0 0 1em 0;
padding: 1em 0;
}
.widget.buddypress div.item-meta,
.widget.buddypress div.item-content {
font-size: 11px;
margin-left: 38px;
}
.widget.buddypress ul.item-list img.avatar {
height: auto;
margin: 0;
margin-right: 10px;
width: 40px;
}
.widget.buddypress div.item-avatar img {
height: 40px;
margin: 1px;
width: 40px;
}
.widget.buddypress div.avatar-block{
overflow: hidden;
}
#bp-login-widget-form {
overflow: hidden;
}
.bbp-login-form fieldset legend {
display: none;
}
.bbp-login-form label {
width: 140px;
display: inline-block;
}
.widget.buddypress #bp-login-widget-form label {
width: 27%;
display: inline-block;
}
#sidebar #bp-login-widget-user-login,
#sidebar #bp-login-widget-user-pass {
width: 70%;
}
.widget.buddypress #bp-login-widget-form .forgetmenot {
float: left;
margin-top: 10px;
}
.widget.buddypress #bp-login-widget-form .forgetmenot label {
width: auto;
}
.bp-login-widget-register-link {
display: block;
clear: both;
padding: 5px 0;
}
.widget.buddypress #bp-login-widget-form #bp-login-widget-submit {
float: right;
clear: none;
margin-top: 5px;
margin-right: 2%;
}
.widget.buddypress .bp-login-widget-user-avatar {
float: left;
width: 60px;
}
.widget.buddypress .bp-login-widget-user-links > div {
padding-left: 60px;
}
.widget.buddypress .bp-login-widget-user-links > div {
margin-bottom: .5rem;
}
.widget.buddypress .bp-login-widget-user-links > div.bp-login-widget-user-link a {
font-weight: bold;
}  @media only screen and (max-width: 480px ){
#buddypress div.dir-search {
float: right;
margin-top: -50px;
text-align: right;
}
#buddypress div.dir-search input[type="text"] {
margin-bottom: 1em;
width: 50%;
}
a.bp-title-button {
margin-left: 10px;
}
#buddypress form.standard-form .main-column div.action{
position: relative;
margin-bottom:1em;
}
#buddypress form.standard-form .main-column ul#friend-list h4{
width:100%;
}
} @media only screen and (max-width: 320px) {
#buddypress div.dir-search {
clear: left;
float: left;
margin-top: 0;
text-align: left;
}
#buddypress li#groups-order-select {
clear: left;
float: left;
}
#buddypress ul.item-list li div.action {
clear: left;
float: left;
margin-top: 0;
margin-left: 70px;
position: relative;
top: 0;
right: 0;
text-align: left;
}
#buddypress ul.item-list li div.item-desc {
clear: left;
float: left;
margin: 10px 0 0;
width: auto;
}
#buddypress li div.item {
margin-left: 70px;
width: auto;
}
#buddypress ul.item-list li div.meta {
margin-top: 0;
}
#buddypress .item-desc p {
margin: 0 0 10px;
}
#buddypress div.pagination .pag-count {
margin-left: 0;
}
} @media only screen and (max-width: 240px) {
#buddypress div.dir-search {
float: left;
margin: 0;
}
#buddypress div.dir-search input[type="text"] {
width: 50%;
}
#buddypress li#groups-order-select {
float: left;
}
#buddypress ul.item-list li img.avatar {
width: 30px;
height: auto;
}
#buddypress ul.item-list li div.action,
#buddypress li div.item{
margin-left: 45px;
}
h1 a.bp-title-button {
clear: left;
float: left;
margin: 10px 0 20px;
}
} body.dark-skin #buddypress ul.item-list li,
body.dark-skin #buddypress ul.item-list,
body.dark-skin .widget.buddypress .item-list li,
body.dark-skin #buddypress div.item-list-tabs.activity-type-tabs,
body.dark-skin #buddypress div.item-list-tabs#object-nav,
body.dark-skin .activity-list li.bbp_topic_create .activity-content .activity-inner,
body.dark-skin .activity-list li.bbp_reply_create .activity-content .activity-inner{
border-color: #474747;
}
body.dark-skin #buddypress div.item-list-tabs ul li a,
body.dark-skin #buddypress div.item-list-tabs ul li span,
body.dark-skin #members-list-options a,
body.dark-skin #groups-list-options a {
background-color: #2F2F2F;
} body.rtl #buddypress div.pagination,
body.rtl #buddypress form#whats-new-form #whats-new-avatar,
body.rtl #buddypress .activity-list .activity-avatar,
body.rtl #buddypress #group-creation-previous,
body.rtl #buddypress .standard-form #basic-details-section,
body.rtl #buddypress .standard-form #blog-details-section,
body.rtl #buddypress .standard-form #profile-details-section,
body.rtl #buddypress form.standard-form .left-menu,
body.rtl #buddypress form.standard-form .main-column ul#friend-list,
body.rtl #buddypress div#item-header div.generic-button,
body.rtl #buddypress div#item-header a.button,
body.rtl #buddypress div.item-list-tabs ul li,
body.rtl .widget.buddypress div.item-avatar img.avatar,
body.rtl .widget.buddypress #bp-login-widget-form .forgetmenot,
body.rtl .widget.buddypress .bp-login-widget-user-avatar {
float: right;
}
body.rtl #buddypress form#whats-new-form #whats-new-submit,
body.rtl #buddypress div.dir-search,
body.rtl #buddypress .standard-form#signup_form div.submit,
body.rtl #buddypress #group-creation-next,
body.rtl #buddypress #group-creation-finish,
body.rtl #buddypress .standard-form #profile-details-section,
body.rtl #buddypress div#item-header ul li,
body.rtl #buddypress ul.item-list li h5 span.small,
body.rtl #buddypress div.message-search,
body.rtl #buddypress div.item-list-tabs ul li.last {
float: left;
}
body.rtl #buddypress div.pagination .pag-count {
float: right;
margin-right: 10px;
margin-left: 0;
}
body.rtl #buddypress div.pagination .pagination-links {
float: left;
margin-left: 10px;
margin-right: 0;
}
body.rtl #buddypress .clear {
clear: right;
}
body.rtl #buddypress form#whats-new-form #whats-new-content {
margin-right: 55px;
margin-left: 0;
padding: 0 20px 20px 0;
}
body.rtl #buddypress form#whats-new-form p.activity-greeting {
margin-right: 75px;
margin-left: 0;
}
body.rtl #buddypress .activity-permalink .activity-list li.mini .activity-avatar img.avatar,
body.rtl #buddypress .activity-permalink .activity-list li.mini .activity-avatar img.FB_profile_pic {
margin-right: 0;
}
body.rtl #buddypress .activity-list li.mini .activity-content {
margin-right: 25px;
margin-left: 0;
}
body.rtl #buddypress .activity-list .activity-content {
margin: 0 70px 0 0;
}
body.rtl body.activity-permalink #buddypress .activity-list li .activity-content {
margin-left: 0;
margin-right: 170px;
}
body.rtl #buddypress .activity-header {
margin-right: 0;
margin-left: 20px;
}
body.rtl #buddypress a.bp-secondary-action,
body.rtl #buddypress span.highlight {
margin-right: 5px;
margin-left: 0;
}
body.rtl #buddypress .activity-list .activity-content .activity-inner,
body.rtl #buddypress .activity-list .activity-content blockquote {
margin: 10px 0 5px 10px;
overflow: hidden;
}
body.rtl #buddypress .activity-list li.new_forum_post .activity-content .activity-inner,
body.rtl #buddypress .activity-list li.new_forum_topic .activity-content .activity-inner {
border-width: 0 2px 0 0;
margin-left: 0;
margin-right: 5px;
padding-left: 0;
padding-right: 10px;
}
body.rtl body.activity-permalink #buddypress .activity-content .activity-inner,
body.rtl body.activity-permalink #buddypress .activity-content blockquote {
margin-right: 0;
}
body.rtl #buddypress .activity-list .activity-content img.thumbnail {
float: right;
margin: 0 0 5px 10px;
}
body.rtl #buddypress .activity-read-more {
margin-right: 1em;
margin-left: 0;
}
body.rtl #buddypress div.activity-meta,
body.rtl #buddypress div.messages-options-nav,
body.rtl #buddypress div#message-thread div.message-options {
text-align: left;
}
body.rtl #buddypress a.bp-primary-action,
body.rtl #buddypress #reply-title small a {
margin-left: 5px;
margin-right: 0;
}
body.rtl #buddypress div.activity-comments {
margin: 0 70px 0 0;
}
body.rtl.activity-permalink #buddypress div.activity-comments {
margin-right: 170px;
margin-left: 0;
}
body.rtl #buddypress div.activity-comments > ul {
padding: 0 10px 0 0 ;
}
body.rtl #buddypress div.activity-comments ul li > ul {
margin-right: 30px;
margin-left: 0;
padding-right: 10px;
padding-left: 0;
}
body.rtl.activity-permalink #buddypress div.activity-comments > ul {
padding: 0 15px 0 10px;
}
body.rtl #buddypress div.activity-comments div.acomment-avatar img {
float: right;
margin-left: 10px;
margin-right: 0;
}
body.rtl #buddypress div.activity-comments div.acomment-content {
margin: 5px 40px 0 0 ;
}
body.rtl #buddypress div.activity-comments li form.ac-form {
margin-right: 0;
margin-left: 15px;
}
body.rtl #buddypress div.activity-comments form.root {
margin-right: 0;
}
body.rtl #buddypress div.activity-comments form div.ac-reply-avatar {
float: right;
}
body.rtl #buddypress div.activity-comments form div.ac-reply-content {
margin-right: 50px;
margin-left: 0;
padding-right: 15px;
padding-left: 0;
}
body.rtl #buddypress .acomment-options {
margin: 5px 40px 5px 0;
}
body.rtl #buddypress div#message.error p,
body.rtl #buddypress .standard-form #blog-details-section {
clear: right;
}
body.rtl #buddypress #pass-strength-result {
margin: 5px 0 5px 5px;
}
body.rtl #buddypress div.accept,
body.rtl #buddypress div.reject {
float: right;
margin-right: 10px;
margin-left: 0;
}
body.rtl #buddypress ul.button-nav li {
float: right;
margin: 0 0 10px 10px;
}
body.rtl #buddypress div#signup-avatar img {
margin: 0 0 10px 15px;
}
body.rtl #buddypress .standard-form div.radio ul {
margin: 10px 38px 15px 0;
}
body.rtl #buddypress form.standard-form .left-menu #invite-list ul li {
margin:0 1% 0 0;
}
body.rtl #buddypress form.standard-form .main-column {
margin-left: 0;
margin-right: 190px;
}
body.rtl #buddypress .wp-editor-wrap a.button,
body.rtl #buddypress .wp-editor-wrap button,
body.rtl #buddypress .wp-editor-wrap input[type=submit],
body.rtl #buddypress .wp-editor-wrap input[type=button],
body.rtl #buddypress .wp-editor-wrap input[type=reset] {
padding: 1px 10px 0;
}
body.rtl #buddypress ul#topic-post-list li div.post-content {
margin-right: 54px;
margin-left: 0;
}
body.rtl #buddypress div.admin-links {
left: 25px;
right: auto;
}
body.rtl #buddypress div#topic-meta div.admin-links {
left: 19px;
right: auto;
}
body.rtl #buddypress table.notification-settings {
text-align: right;
}
body.rtl #buddypress table.forum tr.closed td.td-title {
padding-left: 0;
padding-right: 35px;
}
body.rtl #buddypress table.forum tr > td:first-child,
body.rtl #buddypress table.forum tr > th:first-child {
padding-left: 0;
padding-right: 15px;
}
body.rtl #buddypress table.forum tr > td:last-child,
body.rtl #buddypress table.forum tr > th:last-child {
padding-right: 0;
padding-left: 15px;
}
body.rtl #buddypress table.forum tr th#th-title,
body.rtl #buddypress table.forum tr th#th-poster,
body.rtl #buddypress table.forum tr th#th-group,
body.rtl #buddypress table.forum td.td-poster,
body.rtl #buddypress table.forum td.td-group,
body.rtl #buddypress table.forum td.td-title {
text-align: right;
}
body.rtl #buddypress table.forum td img.avatar {
margin: 0 0 -8px 5px;
}
body.rtl #buddypress div#message p,
body.rtl #sitewide-notice p {
border-width: 0 5px 0 0;
margin-right: 0;
}
body.rtl #buddypress div#item-header div#item-header-content {
margin-right: 0;
}
body.rtl #buddypress div#item-header img.avatar {
float: right;
margin: 0 0 19px 15px;
}
body.rtl #buddypress div#item-header h2 span.highlight span {
right: auto;
left: -2px;
}
body.rtl #buddypress div#item-header div#item-actions {
float: left;
margin: 0 15px 15px 0;
text-align: left;
}
body.rtl #buddypress ul.item-list li img.avatar {
float: right;
margin: 0 0 0 20px;
}
body.rtl #buddypress ul.item-list li div.item-desc {
margin: 10px 70px 0 0;
}
body.rtl #buddypress ul.item-list li div.action {
right: auto;
left: 0;
text-align: left;
}
body.rtl a.bp-title-button {
margin-left: 0;
margin-right: 10px;
}
body.rtl #buddypress div.item-list-tabs ul li a,
body.rtl #buddypress div.item-list-tabs ul li span,
body.rtl #members-list-options a,
body.rtl #groups-list-options a {
margin-right: 0;
margin-left: 3px;
}
body.rtl #buddypress div.item-list-tabs ul li a span,
body.rtl #buddypress #members-directory-form div.item-list-tabs ul li.selected span {
margin-left: 0;
margin-right: 2px;
}
body.rtl #buddypress div#message-thread img.avatar {
float: right;
margin: 0 0 0 10px;
}
body.rtl #buddypress div#message-thread div.message-content {
margin-right: 45px;
margin-left: 0;
}
body.rtl #members-list-options a.loading:after,
body.rtl #groups-list-options a.loading:after {
margin-right: .618em;
margin-left: 0;
text-align: left;
}
body.rtl .widget.buddypress div.item-meta,
body.rtl .widget.buddypress div.item-content {
margin-right: 38px;
margin-left: 0;
}
body.rtl .widget.buddypress ul.item-list img.avatar {
margin-left: 10px;
margin-right: 0;
}
body.rtl .widget.buddypress #bp-login-widget-form #bp-login-widget-submit {
float: left;
margin-left: 2%;
margin-right: 0;
}
body.rtl .widget.buddypress .bp-login-widget-user-links > div {
padding-right: 60px;
padding-left: 0;
} @media only screen and (max-width: 480px ){
body.rtl #buddypress div.dir-search {
float: left;
text-align: left;
}
body.rtl a.bp-title-button {
margin-left: 0;
margin-right: 10px;
}
}
@media only screen and (max-width: 320px) {
body.rtl #buddypress div.dir-search {
clear: right;
float: right;
text-align: right;
}
body.rtl #buddypress li#groups-order-select,
body.rtl #buddypress ul.item-list li div.item-desc {
clear: right;
float: right;
}
body.rtl #buddypress ul.item-list li div.action {
clear: right;
float: right;
margin-left: 0;
margin-right: 70px;
right: auto;
left: 0;
text-align: right;
}
body.rtl #buddypress li div.item {
margin-right: 70px;
margin-left: 0;
}
body.rtl #buddypress div.pagination .pag-count {
margin-right: 0;
}
}
@media only screen and (max-width: 240px) {
body.rtl #buddypress div.dir-search,
body.rtl #buddypress li#groups-order-select {
float: right;
}
body.rtl #buddypress ul.item-list li div.action,
body.rtl #buddypress li div.item{
margin-right: 45px;
margin-left: 0;
}
body.rtl h1 a.bp-title-button {
clear: right;
float: right;
}
}
.twoColFixRt #container { 
width: 1050px; 
margin: 0 auto; 
text-align: left;
}
.twoColFixRt #sidebar1 {
float: right;
width: 350px; 
}
.twoColFixRt #mainContent { 
margin: 0 0px 0 0; 
padding: 0 0px;
} 
.fltrt { 
float: right;
margin-left: 8px;
}
.fltlft { 
float: left;
margin-right: 8px;
}
.clearfloat { 
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
.attachment-thumbnails { clear: both; float: left; font-size: 11px; line-height: 1.6em; } 
.attachment-thumbnails img { height: 200px; margin:0 20px 15px 0; width: 125px; } 
.attachment-thumbnails .active img { border:2px solid #990000; }
@media only screen and (max-width: 480px) {
.relatedsix { 
display: none;
}
}.woocommerce ul.products li.product h3 {
font-size: 19px;
font-weight: 600;
line-height: 19px;
padding-top: 0px; }
.woocommerce ul.products li.product .price {
font-weight: 600;
color: #fff;
font-size: 14px; }
.single-product .product_title {
font-size: 28px;
line-height: 36px;
margin-bottom: 0px;
}
.single-product .product .summary .price {
font-size: 24px;
color: #fff;
font-weight: 800;
margin: 20px 0px 18px 0px;
}
.woocommerce .product a.button,
.woocommerce .product #respond input#submit,
.woocommerce .checkout input#place_order,
.woocommerce .woocommerce.widget .button {
border: none;
box-shadow: none;
color: #ffffff;
background: none #333333;
font-size: 12px;
padding: 10px;
text-shadow: none;
border-radius: 3px;  }
.woocommerce .product a.button:hover,
.woocommerce .product #respond input#submit:hover,
.woocommerce .checkout input#place_order:hover,
.woocommerce .woocommerce.widget .button:hover {
background-color: #990000;
color: #ffffff;
}
@media (min-width: 768px) and (max-width: 1023px) {
.woocommerce .product a.button,
.woocommerce .product #respond input#submit,
.woocommerce .checkout input#place_order,
.woocommerce .woocommerce.widget .button {
font-size: 10px;
padding: 8px;
}
}
@media (max-width: 767px) {
.woocommerce .product a.button,
.woocommerce .product #respond input#submit,
.woocommerce .checkout input#place_order,
.woocommerce .woocommerce.widget .button {
margin-top: 5px;
}
}
.single-product .product .summary .cart .button {
border: none;
box-shadow: none;
color: #ffffff;
background: none #333;
font-size: 12px;
padding: 10px;
text-shadow: none;
border-radius: 3px;
}
.single-product .product .summary .cart .button:hover {
background-color: #990000;
color: #ffffff;
}
.woocommerce .page-title {
font-size: 24px;
font-weight: 600;
line-height: 32px;
margin: 1px 0 20px;
}@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: local('Montserrat-Regular'), url(http://fonts.gstatic.com/s/montserrat/v6/zhcz-_WihjSQC0oHJ9TCYC3USBnSvpkopQaUR-2r7iU.ttf) format('truetype');
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
src: local('Montserrat-Bold'), url(http://fonts.gstatic.com/s/montserrat/v6/IQHow_FEYlDC4Gzy_m8fcvEr6Hm6RMS0v1dtXsGir4g.ttf) format('truetype');
}
@media only screen and (min-width:1021px) { 
#cssmenu
{ display: none;}
}
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#cssmenu #menu-button {
display: none;
}
#cssmenu {
font-family: Montserrat, sans-serif;
background: #333333;
border-bottom: 2px solid #990000;
}
#cssmenu > ul > li {
float: right;
}
#cssmenu.align-center > ul {
font-size: 0;
text-align: center;
}
#cssmenu.align-center > ul > li {
display: inline-block;
float: none;
}
#cssmenu.align-center ul ul {
text-align: left;
}
#cssmenu.align-right > ul > li {
float: right;
}
#cssmenu > ul > li > a {
padding: 17px;
font-size: 12px;
letter-spacing: 1px;
text-decoration: none;
color: #dddddd;
font-weight: 700;
text-transform: uppercase;
}
#cssmenu > ul > li:hover > a {
color: #ffffff;
}
#cssmenu > ul > li.has-sub > a {
padding-right: 30px;
}
#cssmenu > ul > li.has-sub > a:after {
position: absolute;
top: 22px;
right: 11px;
width: 8px;
height: 2px;
display: block;
background: #dddddd;
content: '';
}
#cssmenu > ul > li.has-sub > a:before {
position: absolute;
top: 19px;
right: 14px;
display: block;
width: 2px;
height: 8px;
background: #dddddd;
content: '';
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
top: 23px;
height: 0;
}
#cssmenu ul ul {
position: absolute;
left: -9999px;
}
#cssmenu.align-right ul ul {
text-align: right;
}
#cssmenu ul ul li {
height: 0;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
#cssmenu li:hover > ul {
left: auto;
}
#cssmenu.align-right li:hover > ul {
left: auto;
right: 0;
}
#cssmenu li:hover > ul > li {
height: 35px;
}
#cssmenu ul ul ul {
margin-left: 100%;
top: 0;
}
#cssmenu.align-right ul ul ul {
margin-left: 0;
margin-right: 100%;
}
#cssmenu ul ul li a {
border-bottom: 1px solid rgba(150, 150, 150, 0.15);
padding: 11px 15px;
width: 670px;
font-size: 12px;
text-decoration: none;
color: #dddddd;
font-weight: 400;
background: #333333;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
color: #ffffff;
}
#cssmenu ul ul li.has-sub > a:after {
position: absolute;
top: 16px;
right: 11px;
width: 8px;
height: 2px;
display: block;
background: #dddddd;
content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
right: auto;
left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
position: absolute;
top: 13px;
right: 14px;
display: block;
width: 2px;
height: 8px;
background: #dddddd;
content: '';
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
right: auto;
left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
top: 17px;
height: 0;
}
@media only screen and (min-width:280px) and (max-width: 1020px)  { 
#cssmenu {
width: 100%;
}
#cssmenu ul {
width: 100%;
display: none;
}
#cssmenu.align-center > ul {
text-align: left;
}
#cssmenu ul li {
width: 100%;
border-top: 1px solid rgba(120, 120, 120, 0.2);
}
#cssmenu ul ul li,
#cssmenu li:hover > ul > li {
height: auto;
}
#cssmenu ul li a,
#cssmenu ul ul li a {
width: 100%;
border-bottom: 0;
}
#cssmenu > ul > li {
float: none;
}
#cssmenu ul ul li a {
padding-left: 25px;
}
#cssmenu ul ul ul li a {
padding-left: 35px;
}
#cssmenu ul ul li a {
color: #dddddd;
background: none;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a {
color: #ffffff;
}
#cssmenu ul ul,
#cssmenu ul ul ul,
#cssmenu.align-right ul ul {
position: relative;
left: 0;
width: 100%;
margin: 0;
text-align: left;
}
#cssmenu > ul > li.has-sub > a:after,
#cssmenu > ul > li.has-sub > a:before,
#cssmenu ul ul > li.has-sub > a:after,
#cssmenu ul ul > li.has-sub > a:before {
display: none;
}
#cssmenu #menu-button {
display: block;
padding: 17px;
color: #dddddd;
cursor: pointer;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
}
#cssmenu #menu-button:after {
position: absolute;
top: 22px;
right: 17px;
display: block;
height: 4px;
width: 20px;
border-top: 2px solid #dddddd;
border-bottom: 2px solid #dddddd;
content: '';
}
#cssmenu #menu-button:before {
position: absolute;
top: 16px;
right: 17px;
display: block;
height: 2px;
width: 20px;
background: #dddddd;
content: '';
}
#cssmenu #menu-button.menu-opened:after {
top: 23px;
border: 0;
height: 2px;
width: 15px;
background: #ffffff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#cssmenu #menu-button.menu-opened:before {
top: 23px;
background: #ffffff;
width: 15px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#cssmenu .submenu-button {
position: absolute;
z-index: 99;
right: 0;
top: 0;
display: block;
border-left: 1px solid rgba(120, 120, 120, 0.2);
height: 46px;
width: 46px;
cursor: pointer;
}
#cssmenu .submenu-button.submenu-opened {
background: #262626;
}
#cssmenu ul ul .submenu-button {
height: 34px;
width: 34px;
}
#cssmenu .submenu-button:after {
position: absolute;
top: 22px;
right: 19px;
width: 8px;
height: 2px;
display: block;
background: #dddddd;
content: '';
}
#cssmenu ul ul .submenu-button:after {
top: 15px;
right: 13px;
}
#cssmenu .submenu-button.submenu-opened:after {
background: #ffffff;
}
#cssmenu .submenu-button:before {
position: absolute;
top: 19px;
right: 22px;
display: block;
width: 2px;
height: 8px;
background: #dddddd;
content: '';
}
#cssmenu ul ul .submenu-button:before {
top: 12px;
right: 16px;
}
#cssmenu .submenu-button.submenu-opened:before {
display: none;
}
}@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 300;
src: local('Oswald Light'), local('Oswald-Light'), url(http://fonts.gstatic.com/s/oswald/v10/HqHm7BVC_nzzTui2lzQTDaCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
}