html{margin:0;padding:0;border:0;}body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block;}body{line-height:1.5;background:white;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;float:none!important;}table,th,td{vertical-align:middle;}blockquote:before,blockquote:after,q:before,q:after{content:'';}blockquote,q{quotes:"" "";}a img{border:none;}:focus{outline:0;}html{font-size:100.01%;}body{font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;}h1,h2,h3,h4,h5,h6{font-weight:normal;color:#111;}h1{font-size:3em;line-height:1;margin-bottom:0.5em;}h2{font-size:2em;margin-bottom:0.75em;}h3{font-size:1.5em;line-height:1;margin-bottom:1em;}h4{font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}h5{font-size:1em;font-weight:bold;margin-bottom:1.5em;}h6{font-size:1em;font-weight:bold;}h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{margin:0;}p{margin:0 0 1.5em;}.left{float:left!important;}p .left{margin:1.5em 1.5em 1.5em 0;padding:0;}.right{float:right!important;}p .right{margin:1.5em 0 1.5em 1.5em;padding:0;}a:focus,a:hover{color:#09f;}a{color:#06c;text-decoration:underline;}blockquote{margin:1.5em;color:#666;font-style:italic;}strong,dfn{font-weight:bold;}em,dfn{font-style:italic;}sup,sub{line-height:0;}abbr,acronym{border-bottom:1px dotted #666;}address{margin:0 0 1.5em;font-style:italic;}del{color:#666;}pre{margin:1.5em 0;white-space:pre;}pre,code,tt{font:1em 'andale mono','lucida console',monospace;line-height:1.5;}li ul,li ol{margin:0;}ul,ol{margin:0 1.5em 1.5em 0;padding-left:1.5em;}ul{list-style-type:disc;}ol{list-style-type:decimal;}dl{margin:0 0 1.5em 0;}dl dt{font-weight:bold;}dd{margin-left:1.5em;}table{margin-bottom:1.4em;width:100%;}th{font-weight:bold;}thead th{background:#c3d9ff;}th,td,caption{padding:4px 10px 4px 5px;}tfoot{font-style:italic;}caption{background:#eee;}.small{font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}.large{font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}.hide{display:none;}.quiet{color:#666;}.loud{color:#000;}.highlight{background:#ff0;}.added{background:#060;color:#fff;}.removed{background:#900;color:#fff;}.first{margin-left:0;padding-left:0;}.last{margin-right:0;padding-right:0;}.top{margin-top:0;padding-top:0;}.bottom{margin-bottom:0;padding-bottom:0;}label{font-weight:bold;}fieldset{padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}legend{font-weight:bold;font-size:1.2em;margin-top:-0.2em;margin-bottom:1em;}fieldset,#IE8#HACK{padding-top:1.4em;}legend,#IE8#HACK{margin-top:0;margin-bottom:0;}input[type=text],input[type=password],input.text,input.title,textarea{background-color:#fff;border:1px solid #bbb;}input[type=text]:focus,input[type=password]:focus,input.text:focus,input.title:focus,textarea:focus{border-color:#666;}select{background-color:#fff;border:1px solid #bbb;}input[type=text],input[type=password],input.text,input.title,textarea,select{margin:0.5em 0;}input.text,input.title{width:300px;padding:5px;}input.title{font-size:1.5em;}textarea{width:390px;height:250px;padding:5px;}form.inline{line-height:3;}form.inline p{margin-bottom:0;}.error,.alert,.notice,.success,.info{padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}.error,.alert{background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}.notice{background:#fff6bf;color:#514721;border-color:#ffd324;}.success{background:#e6efc2;color:#264409;border-color:#c6d880;}.info{background:#d5edf8;color:#205791;border-color:#92cae4;}.error a,.alert a{color:#8a1f11;}.notice a{color:#514721;}.success a{color:#264409;}.info a{color:#205791;}.container{width:1024px;margin:0 auto;}.column,div.span-1,div.span-2,div.span-3,div.span-4,div.span-5,div.span-6,div.span-7,div.span-8,div.span-9,div.span-10,div.span-11,div.span-12,div.span-13,div.span-14,div.span-15,div.span-16,div.span-17,div.span-18,div.span-19,div.span-20,div.span-21,div.span-22,div.span-23,div.span-24{float:left;margin-right:8px;}.last,div.last{margin-right:0;}.span-1{width:35px;}.span-2{width:78px;}.span-3{width:121px;}.span-4{width:164px;}.span-5{width:207px;}.span-6{width:250px;}.span-7{width:293px;}.span-8{width:336px;}.span-9{width:379px;}.span-10{width:422px;}.span-11{width:465px;}.span-12{width:508px;}.span-13{width:551px;}.span-14{width:594px;}.span-15{width:637px;}.span-16{width:680px;}.span-17{width:723px;}.span-18{width:766px;}.span-19{width:809px;}.span-20{width:852px;}.span-21{width:895px;}.span-22{width:938px;}.span-23{width:981px;}.span-24,div.span-24{width:1024px;margin:0;}input.span-1,textarea.span-1,input.span-2,textarea.span-2,input.span-3,textarea.span-3,input.span-4,textarea.span-4,input.span-5,textarea.span-5,input.span-6,textarea.span-6,input.span-7,textarea.span-7,input.span-8,textarea.span-8,input.span-9,textarea.span-9,input.span-10,textarea.span-10,input.span-11,textarea.span-11,input.span-12,textarea.span-12,input.span-13,textarea.span-13,input.span-14,textarea.span-14,input.span-15,textarea.span-15,input.span-16,textarea.span-16,input.span-17,textarea.span-17,input.span-18,textarea.span-18,input.span-19,textarea.span-19,input.span-20,textarea.span-20,input.span-21,textarea.span-21,input.span-22,textarea.span-22,input.span-23,textarea.span-23,input.span-24,textarea.span-24{border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important;}input.span-1,textarea.span-1{width:23px!important;}input.span-2,textarea.span-2{width:66px!important;}input.span-3,textarea.span-3{width:109px!important;}input.span-4,textarea.span-4{width:152px!important;}input.span-5,textarea.span-5{width:195px!important;}input.span-6,textarea.span-6{width:238px!important;}input.span-7,textarea.span-7{width:281px!important;}input.span-8,textarea.span-8{width:324px!important;}input.span-9,textarea.span-9{width:367px!important;}input.span-10,textarea.span-10{width:410px!important;}input.span-11,textarea.span-11{width:453px!important;}input.span-12,textarea.span-12{width:496px!important;}input.span-13,textarea.span-13{width:539px!important;}input.span-14,textarea.span-14{width:582px!important;}input.span-15,textarea.span-15{width:625px!important;}input.span-16,textarea.span-16{width:668px!important;}input.span-17,textarea.span-17{width:711px!important;}input.span-18,textarea.span-18{width:754px!important;}input.span-19,textarea.span-19{width:797px!important;}input.span-20,textarea.span-20{width:840px!important;}input.span-21,textarea.span-21{width:883px!important;}input.span-22,textarea.span-22{width:926px!important;}input.span-23,textarea.span-23{width:969px!important;}input.span-24,textarea.span-24{width:1012px!important;}.append-1{padding-right:43px;}.append-2{padding-right:86px;}.append-3{padding-right:129px;}.append-4{padding-right:172px;}.append-5{padding-right:215px;}.append-6{padding-right:258px;}.append-7{padding-right:301px;}.append-8{padding-right:344px;}.append-9{padding-right:387px;}.append-10{padding-right:430px;}.append-11{padding-right:473px;}.append-12{padding-right:516px;}.append-13{padding-right:559px;}.append-14{padding-right:602px;}.append-15{padding-right:645px;}.append-16{padding-right:688px;}.append-17{padding-right:731px;}.append-18{padding-right:774px;}.append-19{padding-right:817px;}.append-20{padding-right:860px;}.append-21{padding-right:903px;}.append-22{padding-right:946px;}.append-23{padding-right:989px;}.prepend-1{padding-left:43px;}.prepend-2{padding-left:86px;}.prepend-3{padding-left:129px;}.prepend-4{padding-left:172px;}.prepend-5{padding-left:215px;}.prepend-6{padding-left:258px;}.prepend-7{padding-left:301px;}.prepend-8{padding-left:344px;}.prepend-9{padding-left:387px;}.prepend-10{padding-left:430px;}.prepend-11{padding-left:473px;}.prepend-12{padding-left:516px;}.prepend-13{padding-left:559px;}.prepend-14{padding-left:602px;}.prepend-15{padding-left:645px;}.prepend-16{padding-left:688px;}.prepend-17{padding-left:731px;}.prepend-18{padding-left:774px;}.prepend-19{padding-left:817px;}.prepend-20{padding-left:860px;}.prepend-21{padding-left:903px;}.prepend-22{padding-left:946px;}.prepend-23{padding-left:989px;}div.border{padding-right:4px;margin-right:5px;border-right:1px solid #eee;}div.colborder{padding-right:24px;margin-right:25px;border-right:1px solid #eee;}.pull-1{margin-left:-43px;}.pull-2{margin-left:-86px;}.pull-3{margin-left:-129px;}.pull-4{margin-left:-172px;}.pull-5{margin-left:-215px;}.pull-6{margin-left:-258px;}.pull-7{margin-left:-301px;}.pull-8{margin-left:-344px;}.pull-9{margin-left:-387px;}.pull-10{margin-left:-430px;}.pull-11{margin-left:-473px;}.pull-12{margin-left:-516px;}.pull-13{margin-left:-559px;}.pull-14{margin-left:-602px;}.pull-15{margin-left:-645px;}.pull-16{margin-left:-688px;}.pull-17{margin-left:-731px;}.pull-18{margin-left:-774px;}.pull-19{margin-left:-817px;}.pull-20{margin-left:-860px;}.pull-21{margin-left:-903px;}.pull-22{margin-left:-946px;}.pull-23{margin-left:-989px;}.pull-24{margin-left:-1032px;}.pull-1,.pull-2,.pull-3,.pull-4,.pull-5,.pull-6,.pull-7,.pull-8,.pull-9,.pull-10,.pull-11,.pull-12,.pull-13,.pull-14,.pull-15,.pull-16,.pull-17,.pull-18,.pull-19,.pull-20,.pull-21,.pull-22,.pull-23,.pull-24{float:left;position:relative;}.push-1{margin:-43px 1.5em 43px;}.push-2{margin:-86px 1.5em 86px;}.push-3{margin:-129px 1.5em 129px;}.push-4{margin:-172px 1.5em 172px;}.push-5{margin:-215px 1.5em 215px;}.push-6{margin:-258px 1.5em 258px;}.push-7{margin:-301px 1.5em 301px;}.push-8{margin:-344px 1.5em 344px;}.push-9{margin:-387px 1.5em 387px;}.push-10{margin:-430px 1.5em 430px;}.push-11{margin:-473px 1.5em 473px;}.push-12{margin:-516px 1.5em 516px;}.push-13{margin:-559px 1.5em 559px;}.push-14{margin:-602px 1.5em 602px;}.push-15{margin:-645px 1.5em 645px;}.push-16{margin:-688px 1.5em 688px;}.push-17{margin:-731px 1.5em 731px;}.push-18{margin:-774px 1.5em 774px;}.push-19{margin:-817px 1.5em 817px;}.push-20{margin:-860px 1.5em 860px;}.push-21{margin:-903px 1.5em 903px;}.push-22{margin:-946px 1.5em 946px;}.push-23{margin:-989px 1.5em 989px;}.push-24{margin:-1032px 1.5em 1032px;}.push-1,.push-2,.push-3,.push-4,.push-5,.push-6,.push-7,.push-8,.push-9,.push-10,.push-11,.push-12,.push-13,.push-14,.push-15,.push-16,.push-17,.push-18,.push-19,.push-20,.push-21,.push-22,.push-23,.push-24{float:right;position:relative;}.prepend-top{margin-top:1.5em;}.append-bottom{margin-bottom:1.5em;}.box{padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}hr{background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}hr.space{background:#fff;color:#fff;}.clearfix:after,.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}.clearfix,.container{display:block;}.clear{clear:both;}.left{float:left;}.right{float:right;} { float: left; }
.right { float: right; }
/* --------------------------------------------------------------
search.css
-------------------------------------------------------------- */
.gsc-control-cse { font-family: Helvetica, Verdana, sans-serif; border: #dbdbdb !important; background-color: #dbdbdb !important; }
input.gsc-input { border-color: #8A99A6; }
input.gsc-search-button { border-color: #8A99A6; background-color: #D0D1D4; }
.gsc-tabHeader.gsc-tabhInactive { border-color: #B2BDC6; background-color: #B2BDC6; }
.gsc-tabHeader.gsc-tabhActive { border-color: #8A99A6; background-color: #8A99A6; }
.gsc-tabsArea { border-color: #8A99A6; }
.gsc-webResult.gsc-result { border-color: #dbdbdb !important; background: #dbdbdb; }
.gsc-webResult.gsc-result:hover { border-color: #D2D6DC !important; background-color: #EDEDED; box-shadow: 2px 2px 5px #333;}
.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b { color: #aa0000 !important;; }
.gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b { color: #aa0000 !important;; }
.gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b { color: #aa0000 !important;; }
.gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b { color: #aa0000 !important;; }
.gsc-cursor-page { color: #aa0000; }
a.gsc-trailing-more-results:link { color: #aa0000; }
.gs-webResult .gs-snippet { color: #5F6A73; }
.gs-webResult div.gs-visibleUrl { color: #5F6A73; }
.gs-webResult div.gs-visibleUrl-short { color: #5F6A73; }
.gs-webResult div.gs-visibleUrl-short { display: none; }
.gs-webResult div.gs-visibleUrl-long { display: block; }
.gsc-cursor-box { border-color: #DBDBDB; background: #DBDBDB; }
.gsc-result { margin-bottom: 0px !important; }
.gsc-cursor-box { margin-bottom: 0px !important; }
.gsc-results {
padding-bottom: 0px !important;
}
.gsc-results .gsc-cursor-page { border-color: #dbdbdb; background: #dbdbdb; }
.cse .gsc-results .gsc-cursor-page.gsc-cursor-current-page, .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
border-color: #333 !important;
background-color: #333 !important;
color: white !important;
text-shadow: none !important;
}
.gs-promotion { border-color: #D2D6DC; background-color: #D0D1D4; }
.gs-promotion a.gs-title:link, .gs-promotion a.gs-title:link *, .gs-promotion .gs-snippet a:link { color: #aa0000 !important; }
.gs-promotion a.gs-title:visited, .gs-promotion a.gs-title:visited *, .gs-promotion .gs-snippet a:visited { color: #aa0000 !important; }
.gs-promotion a.gs-title:hover, .gs-promotion a.gs-title:hover *, .gs-promotion .gs-snippet a:hover { color: #333; }
.gs-promotion a.gs-title:active, .gs-promotion a.gs-title:active *, .gs-promotion .gs-snippet a:active { color: #aa0000 !important; }
.gs-title {
font-size: 1.1em;
margin-bottom: 0.1em;
height: 1.7em !important;
}
.gs-promotion .gs-snippet, .gs-promotion .gs-title .gs-promotion-title-right, .gs-promotion .gs-title .gs-promotion-title-right * { color:
#333333; }
.gs-promotion .gs-visibleUrl, .gs-promotion .gs-visibleUrl-short { color: #5F6A73; }
.gsc-input input.gsc-input { background: none repeat scroll 0% 0% white !important; }
/* --------------------------------------------------------------
Magnific Popup: magnific-popup.css
-------------------------------------------------------------- */
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.9;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 14px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; }
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 24px;
font-size: 14px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; }
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; }
}
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }
/* --------------------------------------------------------------
slidedeck.skin.css
-------------------------------------------------------------- */
/* Main Deck
-------------------------------------------------------------- */
.skin-fxguide dl.slidedeck {
margin: 0;
height: 290px;
margin-top: 10px;
}
/* Slides
-------------------------------------------------------------- */
.skin-fxguide dl.slidedeck dd {
padding: 32px 50px;
background: url('../images/slidedeck/slides.png') center bottom repeat-x #101115;
background: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#2c2b2b));
background: -moz-linear-gradient(top, #4c4c4c, #2c2b2b);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#2c2b2b');
color: #fff;
}
.skin-fxguide .slide .recent-content {
width: 300px;
}
.skin-fxguide .slide .recent-content a {
color: #FFF;
}
.skin-fxguide .slide .recent-content a:hover {
color: #CCC;
}
.skin-fxguide.deck-articles .slide .recent-content {
width: 270px;
}
.skin-fxguide.deck-articles .slide .recent-content .views {
color: #666;
font-style: italic;
font-size: 11px;
}
.skin-fxguide.deck-articles .slide .feature-desc ol {
font-size: 14px;
margin-top: -15px;
}
.skin-fxguide .slide .recent-content h2 {
color: #fff;
font-size: 22px;
line-height: 27px;
margin-bottom: -4px;
}
.skin-fxguide .slide .recent-content h2.downsize {
font-size: 19px;
line-height: 24px;
}
.skin-fxguide .slide .recent-content .posted_on {
color: #999;
font-size: 12px;
display: block;
padding-top: 4px;
}
.skin-fxguide .slide .recent-content p {
color: #797979;
font-size: 12px;
line-height: 20px;
}
.skin-fxguide .slide .recent-content a.subscribe {
color: #999;
font-size: 14px;
position: absolute;
bottom: 20px;
}
.skin-fxguide .slide .recent-content a.subscribe img {
float: left;
margin: -6px 6px 0px 0px;
}
.skin-fxguide .slide .logo {
width: 260px;
height: 291px;
position: absolute;
right:0px;
top: 0px;
}
.skin-fxguide .slide h2 {
text-shadow: 1px 1px 3px #333;
}
.skin-fxguide dd.slide_1 h2 {
font-size: 30px !important;
line-height: 40px !important;
width: 300px;
}
.skin-fxguide dd.slide_1 p {
padding-top: 20px;
font-size: 18px !important;
line-height: 24px !important;
width: 320px;
}
/* .deck-podcasts */
.skin-fxguide.deck-podcasts dd.slide_1 .logo {
background: url('../images/slidedeck/logo-podcasts-all.png') no-repeat;
}
.skin-fxguide.deck-podcasts dd.slide_2 .logo {
background: url('../images/slidedeck/logo-fxpodcasts.png') no-repeat;
}
.skin-fxguide.deck-podcasts dd.slide_3 .logo {
background: url('../images/slidedeck/logo-fxguidetv.png') no-repeat;
}
.skin-fxguide.deck-podcasts dd.slide_4 .logo {
background: url('../images/slidedeck/logo-fxguidetves.png') no-repeat;
}
.skin-fxguide.deck-podcasts dd.slide_5 .logo {
background: url('../images/slidedeck/logo-therc.png') no-repeat;
}
.skin-fxguide.deck-podcasts dd.slide_6 .logo {
background: url('../images/slidedeck/logo-thevfxshow.png') no-repeat;
}
/* .deck-articles */
.skin-fxguide.deck-articles dd img.attachment-hero {
position: absolute;
height: 100%;
width: auto;
z-index: -1;
top:0;
left:68px;
z-index: -1;
}
.skin-fxguide.deck-articles dd .logo {
width: 280px;
}
.skin-fxguide.deck-articles dd.slide_1 .logo {
background: url('../images/slidedeck/logo-articles-all.png') no-repeat;
}
.skin-fxguide.deck-articles dd.slide_2 .logo {
background: url('../images/slidedeck/logo-fxfeature.png') no-repeat;
}
.skin-fxguide.deck-articles dd.slide_3 .logo {
background: url('../images/slidedeck/logo-quicktake.png') no-repeat;
}
.skin-fxguide.deck-articles dd.slide_4 .logo {
background: url('../images/slidedeck/logo-recommend.png') no-repeat;
}
.skin-fxguide.deck-articles dd.slide_5 .logo {
background: url('../images/slidedeck/logo-hot-fxfeature.png') no-repeat;
width: 355px;
}
.skin-fxguide.deck-articles dd.slide_6 .logo {
background: url('../images/slidedeck/logo-hot-quicktake.png') no-repeat;
width: 355px;
}
/* Spines
-------------------------------------------------------------- */
.skin-fxguide dl.slidedeck dt {
position: relative;
cursor: pointer;
height: 65px;
line-height: 60px;
font-size: 20px !important;
font-family: "GothamHTF Book", "Trebuchet MS", Arial, Helvetica, sans-serif !important;
font-weight: normal !important;
letter-spacing: 1px;
color: #666 !important;
text-align: right !important;
padding-right: 45px;
padding-top: 3px;
/* text-shadow: -1px -1px 1px #d2d3da;*/
background: transparent url('../images/slidedeck/spines.png') center 0 no-repeat;
}
.skin-fxguide dl.slidedeck dt:hover {
background: url('../images/slidedeck/spines.png') center -169px no-repeat;
color: #000 !important;
}
.skin-fxguide dl.slidedeck dt.active, .slmidedeck dt.active:hover {
cursor: default;
color: #333 !important;
height: 85px;
/* text-shadow: 1px -1px 1px #CCC;*/
background: url('../images/slidedeck/spines.png') center -83px no-repeat;
}
/* Index
-------------------------------------------------------------- */
.skin-fxguide dl.slidedeck dt .index {
font-size: 24px;
font-weight: bold;
/*margin: 0px 0px 22px -20px;*/
margin: 0px 0px 24px 225px;
width: 20px !important;
height: 20px !important;
text-indent: -8000px;
overflow: hidden;
position: absolute;
background: url(../images/ui/icons-sprite.png) no-repeat;
/* color: #666 !important;
text-shadow: -1px 1px 1px #d2d3da;*/
}
.skin-fxguide dl.slidedeck dt:hover .index { color:#000 !important; }
.skin-fxguide dl.slidedeck dt.active .index {
/* text-shadow: 0 0 7px #fff;
color: #000 !important;*/
}
/* .deck-podcasts */
.skin-fxguide.deck-podcasts dl.slidedeck dt.spine_1 .index {
background-position: -200px;
}
.skin-fxguide.deck-podcasts dl.slidedeck dt.spine_2 .index {
background-position: 0px;
}
.skin-fxguide.deck-podcasts dl.slidedeck dt.spine_3 .index {
background-position: -60px;
}
.skin-fxguide.deck-podcasts dl.slidedeck dt.spine_4 .index {
background-position: -80px;
}
.skin-fxguide.deck-podcasts dl.slidedeck dt.spine_5 .index {
background-position: -20px;
}
.skin-fxguide.deck-podcasts dl.slidedeck dt.spine_6 .index {
background-position: -40px;
}
/* .deck-articles */
.skin-fxguide.deck-articles dl.slidedeck dt.spine_1 .index {
background-position: -200px;
}
.skin-fxguide.deck-articles dl.slidedeck dt.spine_2 .index {
background-position: -100px;
}
.skin-fxguide.deck-articles dl.slidedeck dt.spine_3 .index {
background-position: -120px;
}
.skin-fxguide.deck-articles dl.slidedeck dt.spine_4 .index {
background-position: -180px;
}
.skin-fxguide.deck-articles dl.slidedeck dt.spine_5 .index {
background: url(../images/ui/icons-sprite-hot.png) no-repeat;
height: 40px !important;
margin: 0 0 5px 244px;
background-position: 0px;
}
.skin-fxguide.deck-articles dl.slidedeck dt.spine_6 .index {
background: url(../images/ui/icons-sprite-hot.png) no-repeat;
height: 40px !important;
margin: 0 0 5px 244px;
background-position: -20px;
}
.skin-fxguide dl.slidedeck dt .index {
height: 40px !important;
margin: 0 0 5px 234px;
}
/* Selected Arrow
-------------------------------------------------------------- */
.skin-fxguide dl.slidedeck .activeCorner {
margin-left: -1px;
margin-top: -25px;
background-image: url('../images/slidedeck/corner.png');
width: 35px;
height: 50px;
top: 20% !important;
}
/* Vertical Slides
-------------------------------------------------------------- */
.skin-fxguide dl.slidedeck dd.slide ul.slidesVertical { text-indent: 0; }
.skin-fxguide dl.slidedeck dd.slide ul.slidesVertical li {
overflow: hidden;
padding: 10px !important;
margin: 0 !important;
}
.skin-fxguide dl.slidedeck dd.slide ul.verticalSlideNav {
top: 10px;
right: 10px;
margin: 0;
padding: 0;
list-style: none;
}
.skin-fxguide dl.slidedeck dd.slide ul.verticalSlideNav li {
position: relative;
z-index: 2;
margin: 0;
padding: 0 0 3px;
width: 12px;
height: 12px;
overflow: hidden;
line-height: 12px;
list-style: none;
font-size: 1px; /* Stupid IE */
}
.skin-fxguide dl.slidedeck ul li:before { content: "" !important; }
.skin-fxguide dl.slidedeck dd.slide ul.verticalSlideNav li.arrow {
position: absolute;
display: block;
z-index: 1;
width: 10px;
height: 0;
padding-top: 10px;
padding-bottom: 0;
overflow: hidden;
left: 0;
border: 1px solid #333;
background: #ccc;
background-image: -moz-linear-gradient(top, #999, #ddd); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #999),color-stop(1, #ddd)); /* Saf4+, Chrome */
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-o-border-radius: 3px;
}
.skin-fxguide dl.slidedeck dd.slide ul.verticalSlideNav li a, .skin-fxguide dl.slidedeck dd.slide ul.verticalSlideNav li a:link, .skin-fxguide dl.slidedeck dd.slide ul.verticalSlideNav li a:visited {
position: relative;
display: block;
width: 10px;
height: 0;
overflow: hidden;
padding-top: 10px;
background: #fff;
outline: none;
text-decoration: none;
border: 1px solid #ccc;
filter: Alpha(opacity=50);
opacity: 0.5;
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-o-border-radius: 3px;
}
.skin-fxguide dl.slidedeck dd.slide ul.verticalSlideNav li a:hover {
opacity: 0.75;
-moz-opacity: 0.75;
-webkit-opacity: 0.75;
filter: Alpha(opacity=75);
}
/* --------------------------------------------------------------
Main Layout
-------------------------------------------------------------- */
body {
background: #121212;
font-family: 'Helvetica', "Verdana", "Lucida Grande", "Gill Sans", "Arial", sans-serif;
font-size: 14px;
color: #333;
height: 100%;
/* hack for smaller screens to properly work with 100% backgrounds */
min-width: 1060px;
margin-right: 1px;
}
textarea, input {
font-family: inherit;
font-size: inherit;
}
#header {
height: 121px;
background: #222 url('../images/layout/header-bkd-grid3.png');
}
#primary-nav {
height: 43px;
border-top: 1px solid rgba(255,255,255,.1);
background: #222 url('../images/layout/nav-bkd-grid3.png');
-webkit-box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.8);
-moz-box-shadow:0 0px 20px 0 rgba(0, 0, 0, 0.8);
box-shadow: 0 0px 20px rgba(0, 0, 0, 0.8);
}
#hero {
height: 313px;
background: #700 url('../images/layout/hero-bg3.jpg') no-repeat center center;
box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.8);
position: relative;
}
#content {
background: #EEEEEE url('../images/layout/content-bkd-grid3.png');
padding: 30px 0px;
}
#main {
border-right: 1px solid #b4b3b3;
margin: 0px -1px 0px -3px;
position: relative;
z-index: 100;
}
#sidebar {
position: relative;
z-index: 1;
}
#footer {
height: 300px;
background: #121212 url('../images/layout/footer-tile.png') repeat-x;
}
.info-icon {
margin-left: -38px;
padding-right: 5px;
position: absolute;
}
hr.clear {
height: 0px;
font-size: 1px;
line-height: 0px;
margin: 0;
padding: 0;
border: none;
}
/* Text Headers */
h1 {
}
h2 {
font-size: 20px;
color: #424242;
margin-bottom: 0px;
}
#main h2.title {
font-weight: bold;
}
h3 {
font-size: 14px;
color: #7a7a7a;
margin-bottom: 5px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 16px;
}
/* Links */
a,
a:link,
a:active,
a:visited {
cursor: pointer;
text-decoration: none;
color: #800;
outline: none;
}
a:hover {
color: #C00;
text-decoration: underline;
}
a.keyword {
color: #666;
border-bottom: dotted 1px #9c1c20;
}
a.keyword:hover {
color: #000;
border-bottom: dotted 1px #000;
}
a.arrow,
.arrow {
background: url(../images/ui/link-arrow.png) no-repeat center left;
padding-left: 10px;
}
a.button,
.toolbar a,
.no-ajax-toolbar a {
padding: 5px 10px;
font-size: 12px;
color: #666666;
border: 1px solid #AFAFAF;
background: url(../images/ui/button.png) repeat-x top;
background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cfcfcf));
background: -moz-linear-gradient(top, #eeeeee, #cfcfcf);
-webkit-user-select: none;
-moz-user-select: none;
}
a.button:hover,
.toolbar a:hover {
color: #333;
border-color: #999;
background-position: bottom;
background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#afafaf));
background: -moz-linear-gradient(top, #eeeeee, #afafaf);
}
a.easy-hover,
.easy-hover {
-khtml-opacity: 0.4;
-moz-opacity: 0.4;
opacity: 0.4;
filter: alpha(opacity=40);
}
a.easy-hover:hover,
.easy-hover:hover {
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}
a.media-action,
.single-post a.subscribe,
.ipad-subscribe a {
display: inline-block;
vertical-align: middle;
color: #fff;
font-weight: bold;
font-size: 20px;
padding: 10px 10px 6px 10px;
background-color: #494849;
margin-right: 8px;
text-align: center;
line-height: 14px;
background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#444444));
background: -moz-linear-gradient(top, #666666, #444444);
}
a.media-action small,
.single-post a.subscribe small,
.ipad-subscribe a small {
font-size: 11px;
font-weight: normal;
}
a.media-action:hover,
.single-post a.subscribe:hover,
.ipad-subscribe a:hover {
color: #333 !important;
background-color: #999;
background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#666666));
background: -moz-linear-gradient(top, #cccccc, #666666);
}
.ipad-subscribe a {
margin: 0 0 15px 0;
}
.post-edit-link {
float: right;
margin-left: 120px;
}
/* Inputs */
input[type="button"],
button[type="submit"] {
padding: 10px 16px;
font-size: 16px;
font-weight: bold;
border: 1px solid #770000;
background-color: #EFEFEF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
outline: none;
cursor: pointer;
}
input[type="button"]:hover,
input[type="submit"]:hover {
background-color: #FFFFFF;
border: 1px solid #AA0000;
}
input[type="submit"] {
background-color: #EEE;
border: 1px solid #770000;
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea {
font-size: 14px;
padding: 5px 8px 5px 8px;
color: #666;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
/* Date Box */
.date-box {
width: 48px;
height: 23px;
text-align: center;
color: #999;
padding: 5px 6px 2px;
background: rgba(255,255,255,.7);
display: block;
margin-left: 5px;
-webkit-border-top-left-radius: 6px;
-khtml-border-radius-topleft: 6px;
-moz-border-radius-topleft: 6px;
border-top-left-radius: 6px;
-webkit-border-top-right-radius: 3px;
-khtml-border-radius-topright: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 6px;
-khtml-border-radius-bottomright: 6px;
-moz-border-radius-bottomright: 6px;
border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 3px;
-khtml-border-radius-bottomleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
}
.date-box:hover {
/*background-position: bottom;*/
}
.date-box .day {
font-size: 20px;
margin-top: -0.16em;
font-weight: bold;
float: left;
}
.date-box div {
float: right;
line-height: 10px;
}
.date-box div .month {
font-size: 10px;
text-transform: uppercase;
display: block;
}
.date-box div .year {
font-size: 10px;
text-transform: uppercase;
display: block;
}
/* Category Icons Sprite */
.cat-sprite {
width: 20px;
height: 20px;
overflow: hidden;
background: url(../images/ui/icons-sprite.png) no-repeat;
float: left;
margin: -4px 7px 0px 0px;
}
.cat-sprite.fxpodcast {
background-position: 0px;
}
.cat-sprite.therc {
background-position: -20px;
}
.cat-sprite.thevfxshow {
background-position: -40px;
}
.cat-sprite.fxguidetv {
background-position: -60px;
}
.cat-sprite.fxguidetv {
background-position: -60px;
}
.cat-sprite.fxguidetves {
background-position: -80px;
}
.cat-sprite.fxfeatured {
background-position: -100px;
}
.cat-sprite.quicktakes {
background-position: -120px;
}
.cat-sprite.link {
background-position: -140px;
}
.cat-sprite.fxphdes {
background-position: -160px;
}
/* Header
-------------------------------------------------------------- */
#header .logo a {
text-indent: -10000px;
display: block;
width: 200px;
height: 69px;
background: url(../images/branding/fxguide-main-logo.png) no-repeat top;
position: absolute;
top: 32px;
}
#header .logo a:hover {
/* background-position: bottom; */
}
/* Search form and results page
-------------------------------------------------------------- */
#search-form {
display: inline;
position: relative;
}
#search-form input.search {
float: left;
font-size: 16px;
width: 189px;
padding: 4px 40px 5px 15px;
background: url("../images/ui/fancy-input-search.png") no-repeat top;
}
#search-form .submit-search-button {
cursor: pointer;
height: 28px;
position: absolute;
margin-left: 210px;
margin-top: 12px;
width: 30px;
}
#search-form:hover input.search {
background-position: 0px -34px;
}
.no-results p {
font-size: 18px;
margin: 5px 0px;
}
/* Articles/Podcasts Posts
-------------------------------------------------------------- */
#main .toolbar {
float: right;
padding-right: 10px;
margin-top: 3px;
}
#main .post {
padding: 10px 10px 30px 0px;
clear: both;
}
#main .post .date-box {
float: right;
}
#main .post .featured-image-thumb {
float: left;
width: 216px;
height: 156px;
overflow: hidden;
margin-right: 10px;
position: relative;
}
#main .post .featured-image-thumb .wp-post-image {
margin-left: -25%;
}
#main .post h2,
#main .post h2 a {
margin-bottom: 10px;
color: #800;
line-height: 22px;
}
#main .post h2 a:hover {
color: #C00;
text-decoration: underline;
}
#main .page .post {
font-size: 14px;
padding: 15px;
}
#main .page .meta {
height: 30px;
}
#main .post-footer-nav {
clear: both;
padding: 10px 10px 10px 0px;
border-top: 1px solid #b4b3b3;
}
#main .featured-image-thumb img {
z-index: 0;
}
#main .featured-image-thumb img.default-podcasts-thumb {
margin: -8% 0 0 -25%;
width: 323px;
height: 291px;
}
#main .featured-image-thumb img.default-podcasts-tv-thumb {
margin: -56% 0 0 -25%;
width: 323px;
height: 291px;
}
#main .featured-image-thumb img.default-thumb {
width: 220px;
}
#main .featured-image-thumb img.default-podcasts-phdes-thumb {
margin: -29% 0 0 -39%;
}
#main .featured-image-thumb img.insider {
position: absolute;
z-index: 1;
}
/* Listing specific styles */
#main .listing .post {
height: 158px;
position: relative;
}
#main .listing .post p {
margin-bottom: 8px;
line-height: 18px;
}
#main .listing .post .cat-sprite {
position: absolute;
bottom: 5px;
right: 2px;
-khtml-opacity: 0.6;
-moz-opacity: 0.6;
opacity: 0.6;
filter: alpha(opacity=60);
}
#main .listing .post:hover .cat-sprite {
-khtml-opacity: 0.9;
-moz-opacity: 0.9;
opacity: 0.9;
filter: alpha(opacity=90);
}
/* Single Post Headers */
#main .entry-title h1 {
font-size: 36px;
}
#main .single-post h2 {
font-size: 28px;
margin-top: 1.75em;
margin-bottom: .75em;
font-weight: bold;
color: #333;
}
#main .single-post h3 {
font-size: 24px;
margin-top: 1.75em;
margin-bottom: .75em;
font-weight: bold;
color: #333;
}
#main .single-post h4 {
font-size: 20px;
margin-top: 1.75em;
margin-bottom: .75em;
font-weight: bold;
color: #666;
}
#main .single-post h5 {
font-size: 16px;
margin-top: 1.5em;
margin-bottom: 7px;
font-weight: bold;
color: #333;
}
#main .single-post h6 {
margin-top: 4px;
margin-bottom: 6px;
font-weight: bold;
color: #666;
}
#main .single-post h2.entry-title {
font-size: 17px;
}
#main .single-post .post {
font-size: 15px;
padding: 20px;
}
#main .single-post .post .podcasts-entry {
min-height: 165px;
}
#main .single-post .post .single-podcast-actions {
padding: 0p;
}
#main .single-post .post .single-podcast-actions .subscriber {
top: 8px;
}
#main .single-post .post .featured-image-thumb {
margin-bottom: 20px;
}
#main .single-post .post .entry-meta {
margin-top: 20px;
padding: 10px 25px;
background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#cfcfcf));
background: -moz-linear-gradient(top, #efefef, #cfcfcf);
border: 1px solid #b4b3b3;
clear: both;
}
#main .single-post .post .live-blog-entry .date {
color: #333;
display: inline-block;
float: left;
margin-right: 10px;
}
.alignleft,
img.alignleft {
display: inline;
float: left;
margin-right: 24px;
margin-top: 4px;
}
.alignright,
img.alignright {
display: inline;
float: right;
margin-left: 24px;
margin-top: 4px;
}
.aligncenter,
img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom: 12px;
margin-top: 12px;
}
.alignnone, img.alignnone {
float: left;
display: block;
margin: 12px 5px 12px 5px;
}
.wp-caption {
border: none;
background: #FFF;
color: #444;
font-size: 12px;
line-height: 18px;
text-align: center;
margin-bottom: 20px;
padding: 0;
}
.wp-caption img {
}
.wp-caption-text {
padding: 8px;
border-top: 2px solid #EEE;
}
.wp-caption .mejs-inner img {
margin: 0;
}
#main .fx_colorbox {
position: relative;
display: block;
}
#main .fx_colorbox .zoom-icon {
font-size: 18px;
width: 20px;
height: 20px;
display: block;
position: absolute;
right: 15px;
bottom: 15px;
}
#main .fx_colorbox:hover .zoom-icon .fa {
color: rgba(255,255,255,.8) !important;
}
#main .fx_colorbox.alignnone .zoom-icon {
right: 12px;
bottom: 22px;
}
#main .fx_colorbox .zoom-icon .fa {
color: rgba(255,255,255,.3) !important;
}
.wp-smiley {
margin: 0;
}
/* adds the spinner to a button when loading */
.working-status {
width: 16px;
height: 16px;
display: inline-block;
background: url(../images/ui/loading-sm.gif) no-repeat center center;
z-index: 999;
}
.working-bg {
background: url(../images/ui/loading-sm.gif) no-repeat center center;
}
/* fxinsider article
-------------------------------------------------------------- */
.insider_article_ad {
width: 660px;
height: 78px;
border: 1px solid #EEE;
background-color: rgba(255, 255, 255, 0.7);
padding: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
line-height: 1.2em;
margin-bottom: 20px;
}
.insider_article_ad_logo {
width: 60px;
height: 68px;
float: left;
padding: 5px 20px 0px 0px;
}
/* Comments
-------------------------------------------------------------- */
#disqus_thread {
padding: 0 20px 0 20px;
}
#comments ol.commentlist {
padding-left: 0px;
}
#comments ol.commentlist li {
list-style: none;
margin: 10px 0px 0px 0px;
padding: 15px 0px 0px 6px;
}
.comment-author {
float: right;
font-style: italic;
}
/* Default Hero */
#hero.default {
height: 100px;
}
#hero-pane .entry-header h1 {
color: rgba(255, 255, 255, .7);
font-weight: bold;
padding: 20px 15px 15px 15px;
font-size: 32px;
}
#hero-pane .entry-header h1 .meta {
display: block;
color: rgba(255, 255, 255, 0.5);
font-size: 18px;
padding-top: 6px;
}
.customSelect {
/* This is the default class that is used */
/* Put whatever custom styles you want here */
width: 380px;
height: 42px;
font-size: 14px;
padding: 10px 10px;
background: #FFF;
color: #777;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
background: url(../images/ui/select-arrow.png) right center;
}
.customSelect.customSelectHover {
/* Styles for when the select box is hovered */
}
.customSelect.customSelectOpen {
/* Styles for when the select box is open */
}
.customSelect.customSelectFocus {
/* Styles for when the select box is in focus */
}
.customSelectInner {
/* You can style the inner box too */
}
/* Video Player
-------------------------------------------------------------- */
.video-download {
display: block;
font-size: 9px;
text-align: left;
}
.page-template-fx2012-php #hero,
.single-pledges #hero,
.page-template-fx2012-thank-you-php #hero {
background: #222222 url('../images/fx2012/header.jpg') top center;
height: 290px;
}
.page-template-fx2012-php #hero #hero-pane,
.single-pledges #hero #hero-pane,
.page-template-fx2012-thank-you-php #hero #hero-pane {
display: none;
}
.page-template-fx2012-thank-you-php #login-register-password {
padding-left: 0;
}
.page-template-fx2012-thank-you-php #login-register-password .intro {
display: none;
}
#fx2012 {
position: relative;
}
#fx2012 .fx2012-logo {
background: url('../images/fx2012/fx2016.png') no-repeat scroll top left;
width: 563px;
height: 219px;
position: absolute;
left: 0;
top: -285px;
}
#fx2012 .tally {
position: absolute;
top: -322px;
padding: 50px 0;
text-align: center;
right: 0;
width: 300px;
height: 200px;
background: url('../images/fx2012/tally2016.png') no-repeat scroll top left;
width: 427px;
height: 294px;
font-size: 25px;
color: #767676;
font-weight: bold;
}
#fx2012 .tally .backers {
font-size: 31px;
color: black;
}
#fx2012 .tally .backers .count {
line-height: 75px;
font-size: 73px;
color: #9c1c20;
}
#fx2012 .tally .stats .amount {
color: #519d2b;
}
#fx2012 .details {
font-size: 15px;
line-height: 24px;
}
#fx2012 .details .share {
margin-bottom: 10px;
}
#fx2012 .details .share .in {
display: inline-block;
vertical-align: top;
}
#fx2012 .details .share .in div,
#fx2012 .details .share .in iframe {
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}
#fx2012 .details h2 {
font-size: 22px;
margin-bottom: 10px;
}
#fx2012 .details h3 {
font-size: 20px;
font-style: italic;
margin: -10px 0 10px 0;
color: #555;
}
#fx2012 #pledges {
position: relative;
z-index: 1;
}
#fx2012 #pledges .pledge {
background: #e8e7e7;
padding: 20px;
color: #767676;
font-size: 18px;
line-height: 22px;
margin-bottom: 10px;
}
#fx2012 #pledges .pledge h3 {
font-weight: bold;
color: #9c1c20;
font-size: 22px;
margin-bottom: 10px;
text-transform: uppercase;
}
#fx2012 #pledges .pledge h4 {
text-transform: uppercase;
font-size: 15px;
font-weight: bold;
margin-bottom: 10px;
color: #767676;
}
#fx2012 #pledges .pledge .bonus {
font-size: 15px;
margin: -15px 0 15px;
}
#fx2012 a.pledge_btn {
padding: 8px 23px;
color: #295513;
background: #67c737;
border: 1px solid #59763f;
font-size: 21px;
font-weight: bold;
text-align: center;
display: block;
width: 100px;
margin: 0 auto;
background: #67c837;
/* Old browsers */
background: -moz-linear-gradient(top, #67c837 0%, #498926 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #67c837), color-stop(100%, #498926));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #67c837 0%, #498926 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #67c837 0%, #498926 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #67c837 0%, #498926 100%);
/* IE10+ */
background: linear-gradient(top, #67c837 0%, #498926 100%);
/* W3C */
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#67c837', endColorstr='#498926', GradientType=0);
/* IE6-9 */
}
#fx2012 a.pledge_btn:hover {
color: #FFF;
background: #7d7e7d;
/* Old browsers */
background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d7e7d), color-stop(100%, #0e0e0e));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
/* IE10+ */
background: linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
/* W3C */
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0);
/* IE6-9 */
}
.single-pledges #fx2012 .details {
padding: 0 30px;
}
.single-pledges #fx2012 .details .member-notice {
padding: 20px;
color: #767676;
font-size: 18px;
line-height: 22px;
margin-bottom: 10px;
text-align: center;
}
.single-pledges #fx2012 .details h2 {
margin-bottom: 15px;
text-transform: uppercase;
}
.single-pledges #fx2012 .details h3 {
margin-top: 0;
}
.single-pledges #fx2012 .pledge-info p {
display: block;
font-style: italic;
}
.single-pledges #fx2012 .auto-renew-note {
background-color: #dff4ba;
background: -webkit-gradient(linear, left top, left bottom, from(#b7d77e), to(#dff4ba));
background: -moz-linear-gradient(top, #b7d77e, #dff4ba);
padding: 20px;
text-align: center;
font-size: 18px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
color: #486416;
margin-bottom: 100px;
}
.single-pledges #fx2012 .auto-renew-note .button {
font-size: 20px;
margin: 0 8px;
}
.widget .pledge_stats {
position: relative;
cursor: pointer;
}
.widget .pledge_stats h3 {
text-align: center;
font-size: 20px;
color: #9c1c20;
margin-bottom: 15px;
}
.widget .pledge_stats .tally {
padding: 10px 0 0;
text-align: center;
right: 0;
width: 100%;
width: 100%;
font-size: 25px;
color: #767676;
font-weight: bold;
margin: 10px 0 10px;
background: url('../images/fx2012/widget.png') no-repeat scroll top left;
width: 301px;
height: 305px;
}
.widget .pledge_stats .tally .backers {
font-size: 31px;
color: black;
}
.widget .pledge_stats .tally .backers .count {
line-height: 75px;
font-size: 73px;
color: #9c1c20;
}
.widget .pledge_stats .tally .stats .amount {
color: #519d2b;
}
.widget #pledge_widget {
font-size: 14px;
margin-bottom: 10px;
}
.widget #pledge_widget strong {
color: #424242;
margin: 2px 0 2px 0;
display: block;
}
.widget #pledge_widget ul {
margin: 0;
padding: 0;
list-style: none;
}
.widget #pledge_widget ul li {
margin: 2px 0 2px 0;
padding: 0;
list-style: none;
display: inline-block;
vertical-align: top;
width: 49%;
}
.widget #pledge_widget ul li:hover {
color: #9c1c20;
}
/* NAB Live */
#heronab {
background: #222 url('../images/nablive/header-home-live.jpg') top center;
height: 290px;
#hero-pane {
display: none;
}
}
}
.page-template-nablive-php #hero,
.page-template-nablive-p1-php #hero {
background: #222222 url('../images/nablive/header-stream-live.jpg') top center;
height: 176px;
}
.page-template-nablive-php #hero #hero-pane,
.page-template-nablive-p1-php #hero #hero-pane {
display: none;
}
.page-template-nablive-php #p1-stream,
.page-template-nablive-p1-php #p1-stream {
background: #E8E7E7;
}
.page-template-nablive-php #p1-stream .widget,
.page-template-nablive-p1-php #p1-stream .widget {
background: #ffffff;
/* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
/* IE10+ */
background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
/* W3C */
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
/* IE6-9 */
-webkit-box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.1);
padding: 20px 33px 20px 20px;
margin: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
color: #222;
}
.page-template-nablive-php #p1-stream .widget h2,
.page-template-nablive-p1-php #p1-stream .widget h2 {
text-align: center;
font-size: 22px;
border-bottom: 1px solid #CCC;
padding-bottom: 5px;
margin-bottom: 0;
}
.page-template-nablive-php #p1-stream .widget #twitter,
.page-template-nablive-p1-php #p1-stream .widget #twitter {
background: none !important;
margin: 0;
padding: 0;
}
.page-template-nablive-php #p1-stream .widget .feed_tweet,
.page-template-nablive-p1-php #p1-stream .widget .feed_tweet {
background: none !important;
}
.page-template-nablive-php #p1-stream .widget ul.live-feed,
.page-template-nablive-p1-php #p1-stream .widget ul.live-feed {
list-style: none;
margin: 0px;
}
.page-template-nablive-php #p1-stream .widget ul.live-feed .date-time,
.page-template-nablive-p1-php #p1-stream .widget ul.live-feed .date-time {
float: right;
font-style: italic;
}
.page-template-nablive-php #p1-stream .widget ul.live-feed .title,
.page-template-nablive-p1-php #p1-stream .widget ul.live-feed .title {
color: #9c1c20;
font-weight: bold;
}
.page-template-nablive-php #p1-stream .widget ul.live-feed .sub-title,
.page-template-nablive-p1-php #p1-stream .widget ul.live-feed .sub-title {
color: #333;
}
.page-template-nablive-php #p1-stream .widget ul.live-feed .retweet,
.page-template-nablive-p1-php #p1-stream .widget ul.live-feed .retweet {
display: block;
text-align: right;
width: 100%;
}
.page-template-nablive-php #p1-stream .widget ul.live-feed .user-profile,
.page-template-nablive-p1-php #p1-stream .widget ul.live-feed .user-profile {
display: inline;
float: left;
border: 5px solid white;
margin-right: 10px;
}
.page-template-nablive-php #p1-stream .widget ul.live-feed li,
.page-template-nablive-p1-php #p1-stream .widget ul.live-feed li {
width: 98%;
padding: 15px 10px 5px;
background: #f9c667;
/* Old browsers */
background: -moz-linear-gradient(top, rgba(249, 198, 103, 0.5) 0%, rgba(247, 150, 33, 0.5) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(249, 198, 103, 0.5)), color-stop(100%, rgba(247, 150, 33, 0.5)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(249, 198, 103, 0.5) 0%, rgba(247, 150, 33, 0.5) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(249, 198, 103, 0.5) 0%, rgba(247, 150, 33, 0.5) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(249, 198, 103, 0.5) 0%, rgba(247, 150, 33, 0.5) 100%);
/* IE10+ */
background: linear-gradient(top, rgba(249, 198, 103, 0.5) 0%, rgba(247, 150, 33, 0.5) 100%);
/* W3C */
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f9c667', endColorstr='#f79621', GradientType=0);
/* IE6-9 */
border-bottom: 1px solid #CCC;
}
.page-template-nablive-php #p1-stream .widget ul.live-feed li p,
.page-template-nablive-p1-php #p1-stream .widget ul.live-feed li p {
white-space: normal;
word-wrap: break-word;
margin-bottom: 0px;
padding-top: 5px;
}
.page-template-nablive-php #p1-stream .widget ul.live-feed li:hover,
.page-template-nablive-p1-php #p1-stream .widget ul.live-feed li:hover {
background: rgba(200, 200, 200, 0.2) !important;
-webkit-transition: background 0.3s ease-in-out;
-moz-transition: background 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;
}
.page-template-nablive-php #foundry-form,
.page-template-nablive-p1-php #foundry-form {
background: #f9c667;
/* Old browsers */
background: -moz-linear-gradient(top, #f9c667 0%, #f79621 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9c667), color-stop(100%, #f79621));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f9c667 0%, #f79621 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f9c667 0%, #f79621 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #f9c667 0%, #f79621 100%);
/* IE10+ */
background: linear-gradient(top, #f9c667 0%, #f79621 100%);
/* W3C */
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f9c667', endColorstr='#f79621', GradientType=0);
/* IE6-9 */
padding: 20px 20px 10px;
margin: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
color: white;
}
.page-template-nablive-php #foundry-form h2,
.page-template-nablive-p1-php #foundry-form h2 {
color: #9c1c20;
font-weight: bold;
font-size: 25px;
}
.page-template-nablive-php #foundry-form h3,
.page-template-nablive-p1-php #foundry-form h3 {
font-size: 18px;
line-height: 22px;
color: white;
margin-bottom: 5px;
color: #222;
}
.page-template-nablive-php #foundry-form form input[type=text],
.page-template-nablive-p1-php #foundry-form form input[type=text] {
width: 90%;
}
.page-template-nablive-php #foundry-form form input[type=submit],
.page-template-nablive-p1-php #foundry-form form input[type=submit] {
font-size: 20px;
width: 200px;
margin: 10px 0 0;
display: inline-block;
text-align: center;
}
.page-template-nablive-php #foundry-form .choose-product,
.page-template-nablive-p1-php #foundry-form .choose-product {
padding-top: 24px;
}
.page-template-nablive-php #foundry-form .choose-product h3,
.page-template-nablive-p1-php #foundry-form .choose-product h3 {
font-size: 16px;
line-height: 22px;
}
/* Global Treatments
-------------------------------------------------------------- */
.beta-memo-wp {
/*display: none;*/
padding: 0px 45px;
font-size: 12px;
}
.chrome-note {
display: none;
margin-bottom: 10px;
font-size: 15px;
padding: 10px;
background: #fef6d5;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.beta-memo-forum {
/*display: none;*/
/*background-color: #B3B3B3;*/
background-color: #CCC;
background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dfdfdf));
background: -moz-linear-gradient(top, #eeeeee, #dfdfdf);
color: #333;
padding: 10px 65px 10px 85px;
margin-bottom: -10px;
font-size: 13px;
}
/* Input items --------------*/
input[type="text"].fancy,
input[type="password"].fancy,
.ws-plugin--s2member-pro-login-widget input[type="text"],
.ws-plugin--s2member-pro-login-widget input[type="password"] {
color: #333;
border: none;
width: 215px;
height: 25px;
font-size: 16px;
margin-bottom: 0;
background-color: #DDD;
padding: 5px 15px 5px 15px;
}
input[type="text"].fancy:hover,
input[type="password"].fancy:hover,
.ws-plugin--s2member-pro-login-widget input[type="text"]:hover,
.ws-plugin--s2member-pro-login-widget input[type="password"]:hover,
input[type="text"].fancy:focus,
input[type="password"].fancy:focus,
.ws-plugin--s2member-pro-login-widget input[type="text"]:focus,
.ws-plugin--s2member-pro-login-widget input[type="password"]:focus {
color: #666;
background-position: bottom;
}
/* Primary Nav
-------------------------------------------------------------- */
#primary-nav {
/* Search bar */
}
#primary-nav ul.menu {
list-style: none;
margin: 0px;
padding-left: 0px;
}
#primary-nav ul.menu li {
float: left;
/* fxphd en espanol exception*/
}
#primary-nav ul.menu li.last {
border-right: none;
float: right;
}
#primary-nav ul.menu li.menu-item a {
color: rgba(255,255,255,.6);
display: block;
height: 36px;
font-size: 18px;
font-weight: bold;
padding: 8px 18px;
background: none;
}
#primary-nav ul.menu li.menu-item a:hover {
text-shadow: none;
text-decoration: none;
color: rgba(255,255,255,.8);
background: rgba(255,255,255,.1);
}
#primary-nav ul.menu li .extra {
margin: 9px 0px 9px 9px;
height: 25px;
display: block;
float: left;
}
#primary-nav ul.menu li#menu-item-18817 {
width: 122px;
line-height: 16px;
text-align: center;
}
#primary-nav ul.menu li#menu-item-18817 a {
font-size: 18px;
}
#primary-nav form {
display: inline;
}
#primary-nav #search-form input.search {
float: left;
margin: 3px 8px 6px 24px;
}
#primary-nav #search-form .submit-search-button {
margin-left: 235px;
margin-top: 7px;
}
/* Secondary Nav
-------------------------------------------------------------- */
#secondary-nav {
text-align: right;
padding: 2px 0px 2px;
}
#secondary-nav ul.menu {
float: right;
list-style: none;
margin: 0px;
padding-left: 0px;
}
#secondary-nav ul.menu li {
float: left;
padding-left: 20px;
}
#secondary-nav ul.menu li a {
color: #d2d2d2;
font-size: 13px;
}
#secondary-nav ul.menu li a:hover {
color: #666;
background-position: bottom;
}
/* Social Customizations
-------------------------------------------------------------- */
.nc_socialPanel {
margin-top: 0 !important;
}
.post-footer {
position: absolute;
left: 226px;
bottom: 12px;
width: 487px;
}
.post-footer .nc_socialPanel {
transform: scale(0.8) !important;
}
/* Filter Box
-------------------------------------------------------------- */
a#filter-button.filter-on {
border-color: #999;
background: #EEEEEE;
color: #666;
border-bottom: none;
position: relative;
z-index: 78;
}
a#filter-button.filter-on:hover {
color: #000;
background: #EEEEEE;
}
#filter-box {
width: 200px;
padding: 15px;
background: #B4B4B4;
background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cfcfcf));
background: -moz-linear-gradient(top, #eeeeee, #cfcfcf);
border: 1px solid #999;
position: absolute;
z-index: 77;
right: 10px;
top: 23px;
display: none;
}
#filter-box ul {
list-style: none;
margin-left: -15px;
}
#filter-box ul li {
width: 195px;
padding: 8px 0px 2px;
-webkit-user-select: none;
-moz-user-select: none;
}
#filter-box ul li input[type='checkbox'] {
float: right;
clear: right;
}
#filter-box .filter-submit {
width: 100%;
}
.filters {
font-size: 12px;
font-style: italic;
color: #666;
}
/* Subsciber Dialog
-------------------------------------------------------------- */
.subscribe-holder {
position: relative;
display: inline-block;
}
.subscriber {
display: none;
background-color: #CACACA;
background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#999999));
background: -moz-linear-gradient(top, #cccccc, #999999);
-webkit-box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.8);
box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.8);
width: 210px;
padding: 10px 20px;
position: absolute;
line-height: 19px;
z-index: 777;
top: 8px;
left: 10px;
}
.subscriber a {
color: #9c1c20 !important;
}
.subscriber a:hover {
color: #900 !important;
}
.subscriber a.close {
float: right;
font-weight: bold;
font-size: 14px;
font-family: verdana;
background-color: #ac000e;
color: #FFF !important;
padding: 0px 4px 2px;
text-align: center;
margin-right: -8px;
}
.subscriber a.close:hover {
background-color: #333;
color: #FFF !important;
}
.subscriber h3 {
margin-bottom: 2px;
padding-top: 5px;
font-weight: bold;
color: #333;
}
.slidedeck .subscriber {
bottom: 15px;
left: 115px;
top: auto;
}
/* Sidebar
-------------------------------------------------------------- */
#sidebar h2 {
margin-left: -10px;
padding: 8px 0px 5px 10px;
font-weight: bold;
}
#sidebar .widget {
width: 300px;
margin-left: 10px;
border-bottom: 1px solid rgba(0,0,0,.2);
}
#sidebar .widget:first-child h2 {
background: none;
border-top: none;
padding: 0px 0px 0px 10px;
}
#sidebar .widget h2 a {
color: #424242;
}
#sidebar .widget h2 a:hover {
color: #ac000e;
}
/* Widgets
-------------------------------------------------------------- */
/* Live Feed Widget */
.widget ul.live-feed {
list-style: none;
margin: 0px 0px 0px 0px;
padding-left: 0px;
}
.widget ul.live-feed .date-time {
float: right;
font-style: italic;
}
.widget ul.live-feed .title {
color: #9c1c20;
font-weight: bold;
}
.widget ul.live-feed .sub-title {
color: #333;
}
.widget ul.live-feed .retweet {
display: none;
}
.widget ul.live-feed .user-profile {
display: none;
}
.widget ul.live-feed li {
width: 289px;
padding: 5px 10px 5px 10px;
}
.widget ul.live-feed li p {
white-space: normal;
word-wrap: break-word;
margin-bottom: 0px;
}
.widget ul.live-feed li:hover {
background-color: #e8e7e7;
}
/* VB feed */
.widget.vb-forum-reader .forum-post {
margin: 0px 0px 0px -10px;
width: 289px;
padding: 10px 10px 5px 10px;
}
.widget.vb-forum-reader .forum-post h3 {
line-height: 18px;
margin-bottom: 5px;
}
.widget.vb-forum-reader .forum-post h4 {
color: #575757;
font-size: 12px;
font-weight: bold;
font-style: italic;
margin-bottom: 5px;
}
.widget.vb-forum-reader .forum-post h4 span {
color: #777;
font-style: normal;
}
.widget.vb-forum-reader .forum-post p {
white-space: normal;
word-wrap: break-word;
margin-bottom: 0px;
}
.widget.vb-forum-reader .forum-post:hover {
background-color: #e8e7e7;
}
#twitter {
position: relative;
min-height: 200px;
}
#twitter .tweet_loader {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #dbdbdb url(../images/ui/ajax-loader.gif) no-repeat center center;
-khtml-opacity: 0.4;
-moz-opacity: 0.4;
opacity: 0.4;
filter: alpha(opacity=40);
z-index: 999;
}
/* related content */
.widget.related-content {
padding-bottom: 10px;
}
.widget.related-content .title {
color: #333;
font-weight: bold;
padding: 5px 0px 3px 0px;
}
.widget.related-content a {
color: #666;
}
.widget.related-content ol {
list-style: none;
margin: 0px 0px 0px -27px;
}
.widget.related-content ol li {
width: 289px;
padding: 8px 10px 3px 10px;
}
.widget.related-content ol li:hover {
background-color: #e8e7e7;
}
.widget.related-content ol li:hover a {
color: #9c1c20;
width: 100%;
height: 100%;
display: block;
}
.widget.related-content p {
margin-bottom: 0px;
}
/* insider login */
.widget.login p {
margin-bottom: 0px;
}
.widget.login p.intro {
padding: 10px 10px 0px 23px;
font-size: 16px;
}
#loginform {
padding: 0px 10px 0px 23px;
}
#ws-plugin--s2member-pro-login-widget-username,
#ws-plugin--s2member-pro-login-widget-password {
width: 245px;
height: 35px;
}
.widget .ws-plugin--s2member-pro-login-widget-username input[type=submit] {
display: block;
margin: 10px 0px 5px 169px;
}
.widget .ws-plugin--s2member-pro-login-widget-form label {
/* display: none;*/
}
.widget .ws-plugin--s2member-pro-login-widget-username .login-remember label {
font-size: 12px;
font-weight: normal;
}
.widget .ws-plugin--s2member-pro-login-widget-username .login-remember {
width: 110px;
padding-top: 10px;
float: left;
}
.widget .ws-plugin--s2member-pro-login-widget-username .login-submit {
margin-top: -5px;
}
/* fxphd production blog */
.widget.production-blog h2 a {
text-indent: 88px;
background: url(../images/branding/fxphd-logo.png) no-repeat;
color: #424242;
display: block;
}
.widget.production-blog h2:hover {
}
.widget.production-blog h2:hover a {
color: #000;
}
.widget.production-blog .fxphd-post {
padding-bottom: 10px;
}
.widget.production-blog .fxphd-post h3 a {
font-size: 16px;
color: #424242;
margin: 10px 0px 5px 0px;
display: block;
}
.widget.production-blog .fxphd-post h3 a:hover {
color: #9c1c20;
}
.widget.production-blog .fxphd-post h4 {
font-size: 14px;
color: #7a7a7a;
margin-bottom: 5px;
}
.widget.production-blog .fxphd-post .featured-image-thumb {
width: 290px;
height: 148px;
overflow: hidden;
margin: 10px 0;
}
.widget.production-blog .fxphd-post .featured-image-thumb img {
height: 100%;
width: auto;
}
/* Upgrade ad widget */
.widget.upgrade a.join {
background: url(../images/ui/upgrade-ad.png) no-repeat center top;
width: 297px;
height: 246px;
overflow: hidden;
text-indent: -8000px;
display: inline-block;
}
.widget.upgrade a.join:hover {
background-position: center bottom;
}
/* Ads
-------------------------------------------------------------- */
.ad_leaderboard {
width: 720px;
float: right;
position: relative;
}
.ad_sidebar {
width: 300px;
padding: 15px 0px 15px 0px;
}
/* Footer
-------------------------------------------------------------- */
#footer {
text-align: center;
}
#footer a:hover {
color: #CCC;
}
#footer .primary {
padding: 40px 0px 0px 0px;
}
#footer .primary a {
font-size: 22px;
color: #454545;
}
#footer .secondary {
padding: 0px;
}
#footer .secondary a {
font-size: 14px;
color: #464646;
}
#footer ul {
list-style: none;
margin: 0px;
}
#footer ul li {
display: inline;
padding: 0px 5px 0px 5px;
}
#footer p {
padding-top: 20px;
color: #464646;
text-transform: uppercase;
}
#footer .clocks .clock {
display: inline;
text-transform: uppercase;
margin: 10px;
font-weight: bold;
}
#footer .clocks .clock .name {
background-color: #3B3B3B;
color: #8A8A8A;
padding: 5px 5px 3px 5px;
border: 2px solid #3B3B3B;
}
#footer .clocks .clock .date-time {
color: #3B3B3B;
background-color: #8A8A8A;
padding: 5px 5px 3px 5px;
border: 2px solid #3B3B3B;
}
/* Repsonse Box
-------------------------------------------------------------- */
#respond input,
#respond textarea {
display: block;
}
#respond input[type="text"] {
width: 96%;
}
#respond textarea {
width: 99%;
height: 160px;
line-height: 18px;
margin-left: -2px;
padding: 10px 5px;
}
#respond .form-submit {
float: right;
display: block;
margin-top: -10px;
}
#respond .form-allowed-tags {
display: none;
}
#comments .pingback {
border: 0px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width: 660px;
}
#respond,
#comments .comment.depth-1 {
width: 660px;
position: relative;
padding: 15px 15px 30px 15px;
margin: 35px 0px 10px 0px;
color: #333;
background: rgba(0, 0, 0, 0.03);
border: 1px solid rgba(255, 255, 255, 0.8);
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#comments .comment.highlight_user {
background: rgba(125, 0, 0, 0.08);
}
#comments .comment.highlight_user.depth-1:before {
background: rgba(125, 0, 0, 0.08);
}
/* Single Hero */
/* Homepage Hero
-------------------------------------------------------------- */
#hero-pane {
position: relative;
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
filter: alpha(opacity=0);
}
#hero-pane .skin-fxguide {
padding-top: 1px;
}
#featured {
width: 665px;
position: relative;
}
#featured .featured-story {
margin: 13px 0px 10px 0px;
width: 665px;
height: 285px;
position: absolute;
overflow: hidden;
}
#featured .featured-story .title .fs-title {
display: inline-block;
width: 590px;
font-weight: bold;
}
#featured .featured-story .title .fs-title a {
color: #FFF;
}
#featured .featured-story .description {
position: absolute;
padding: 5px 15px 5px 15px;
color: #CCC;
bottom: 0px;
width: 635px;
background-color: rgba(0, 0, 0, 0.8);
}
#featured .featured-story .description p {
margin-bottom: 2px;
clear: both;
}
#featured .featured-story .description .date-box {
background: none;
padding: 8px 12px 0px 0px;
width: 20px;
display: inline-block;
line-height: 12px;
margin-top: -5px;
bottom: -5px;
position: relative;
text-align: center;
display: none;
}
#featured .featured-story .description .date-box .month {
font-size: 12px;
}
#featured .featured-story:hover .description h2 a {
color: #fff;
color: rgba(255, 255, 255, 0.8);
}
#featured.single {
width: 100%;
}
#featured.single .featured-story {
/*margin: 15px auto;*/
width: 100%;
}
#featured.single .featured-story .featured-image-thumb {
width: 685px;
overflow: hidden;
position: absolute;
left: 400px;
}
#featured.single .featured-story .featured-image-thumb img.attachment-hero {
margin-left: -20px;
}
#featured.single .featured-story .description {
position: absolute;
padding: 5px 15px 5px 15px;
bottom: 0px;
left: 0px;
width: 400px;
height: 285px;
}
#featured.single .featured-story .description h1 {
font-size: 36px;
font-weight: bold;
color: rgba(255, 255, 255, 0.9);
padding: 35px 25px 0;
margin-bottom: 5px;
}
#featured.single .featured-story .description h2 {
font-size: 20px;
color: rgba(255, 255, 255, 0.5);
padding: 0px 30px 0;
}
#featured.single .featured-story .description h2.meta {
color: white;
color: rgba(255, 255, 255, 0.5);
}
#feature-queue {
position: absolute;
left: 680px;
top: 13px;
width: 328px;
height: 300px;
overflow: hidden;
}
#feature-queue .story {
margin: 0px 0px 15px 0px;
width: 323px;
height: 135px;
overflow: hidden;
position: relative;
/*.opacity(0.8);*/
}
#feature-queue .story .title {
position: absolute;
width: 100%;
bottom: 0px;
background-color: #333;
background-color: rgba(0, 0, 0, 0.8);
}
#feature-queue .story .title .fs-title {
display: inline-block;
width: 280px;
font-weight: bold;
padding-left: 8px;
}
#feature-queue .story .title h2 a {
font-size: 14px;
color: white;
text-shadow: -1px 1px 0 #000000;
display: block;
margin: 0px;
padding: 3px 5px 2px 0px;
}
#feature-queue .story .date-box {
background: none;
line-height: 8px;
margin: auto 5px;
padding: 5px 0 2px 5px;
position: absolute;
text-align: center;
top: 17%;
width: 14px;
display: none;
}
#feature-queue .story .date-box .day {
font-size: 14px;
}
#feature-queue .story .date-box .month {
font-size: 9px;
padding-top: 1px;
}
#feature-queue .story .expanded-info {
display: none;
}
#feature-queue .story:hover {
/*.opacity(1);*/
}
#feature-queue .story:hover .title {
background-color: #000;
background-color: rgba(0, 0, 0, 0.8);
}
#feature-queue .story:hover .title h2 a {
color: #fff;
color: rgba(255, 255, 255, 0.8);
}
#hero-navigation {
width: 30px;
height: 60px;
position: absolute;
left: 626px;
top: 115px;
}
#hero-navigation a {
display: block;
width: 30px;
height: 30px;
text-indent: -8000px;
background: white;
margin: 5px;
background: rgba(0, 0, 0, 0.6) url('../images/ui/nav-arrows.png') no-repeat;
}
#hero-navigation a.up {
background-position: left top;
}
#hero-navigation a.up:hover {
background-color: rgba(255, 255, 255, 0.7);
background-position: right top;
}
#hero-navigation a.down {
background-position: left bottom;
}
#hero-navigation a.down:hover {
background-color: rgba(255, 255, 255, 0.7);
background-position: right bottom;
}
#hero-1 {
background: gray;
}
#hero-2 {
background: blue;
}
#hero-3 {
background: yellow;
}
#hero-4 {
background: orange;
}
#hero-5 {
background: green;
}
/* FAQ
-------------------------------------------------------------- */
.faq-page {
line-height: 28px;
}
.faq-page .faq-title {
font-size: 16px;
}
/*.faq-page .faq-answer {
line-height: 22px;
font-size: 14px;
padding:15px 20px 15px 15px;
margin: 10px;
background-color: #CACACA;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#CACACA));
background: -moz-linear-gradient(top, #fff, #CACACA);
.border-radius(15px);
-moz-box-shadow:0 1px 5px #191919;
-webkit-box-shadow:0 1px 5px #191919;
box-shadow:0 1px 5px #191919;
color: #333;
}
*/
.faq-page .faq-answer {
width: 640px;
position: relative;
padding: 15px 20px;
margin: 25px 0px 10px 0px;
border: 1px solid #a8a8a8;
color: #333;
background: #e8e8e8;
background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#dfdfdf));
background: -moz-linear-gradient(top, #efefef, #dfdfdf);
/* css3 */
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.faq-page .faq-answer p {
margin-bottom: 0px;
}
.faq-page .faq-answer:before {
/* creates the larger triangle */
content: "\00a0";
display: block;
/* reduce the damage in FF3.0 */
position: absolute;
top: -40px;
/* value = - border-top-width - border-bottom-width */
left: 40px;
/* controls horizontal position */
bottom: -40px;
border: 20px solid transparent;
border-bottom-color: #a8a8a8;
width: 0;
height: 0;
}
.faq-page .faq-answer:after {
/* creates the smaller triangle */
content: "\00a0";
display: block;
/* reduce the damage in FF3.0 */
position: absolute;
content: "\00a0";
top: -36px;
/* value = - border-top-width - border-bottom-width */
left: 42px;
/* value = (:before right) + (:before border-right) - (:after border-right) */
bottom: -36px;
border: 18px solid transparent;
border-bottom-color: #EFEFEF;
width: 0;
height: 0;
}
.faq-page ul.faq-topics {
list-style: none;
margin-left: -24px;
font-size: 16px;
}
/* Insider Registration Page
-------------------------------------------------------------- */
div.s2member-pro-paypal-form-section {
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #DDD;
padding: 20px;
margin: 25px 25px !important;
}
#s2member-pro-paypal-checkout-form-response-section {
background: none;
padding: 0px;
}
div.s2member-pro-paypal-form-description-div {
font-family: 'Helvetica', "Verdana", "Lucida Grande", "Gill Sans", "Arial", sans-serif !important;
color: #486416;
font-weight: bold;
font-size: 16px !important;
text-align: center !important;
}
#s2member-pro-paypal-cancellation-form-description-section {
display: none;
border: 1px solid #900;
}
#s2member-pro-paypal-cancellation-form-description-div {
color: #3F0808 ;
}
#s2member-pro-paypal-checkout-form-description-section,
#s2member-pro-paypal-update-form-description-section,
#s2member-pro-paypal-registration-form-description-section {
display: none;
background-color: #dff4ba;
}
div.s2member-pro-paypal-form-section-title {
font-family: 'Helvetica', "Verdana", "Lucida Grande", "Gill Sans", "Arial", sans-serif !important;
font-size: 20px !important;
color: #333;
font-weight: bold;
padding: 10px 0px 0px 0px !important;
}
div.s2member-pro-paypal-form-section>div.s2member-pro-paypal-form-div {
margin: 0 !important;
}
div.s2member-pro-paypal-form-section > div.s2member-pro-paypal-form-div input,
div.s2member-pro-paypal-form-section > div.s2member-pro-paypal-form-div textarea,
div.s2member-pro-paypal-form-section > div.s2member-pro-paypal-form-div select {
font-size: 15px;
padding: 4px 6px 3px 6px;
}
div.s2member-pro-paypal-form-section > div.s2member-pro-paypal-form-div span {
font-size: 15px;
color: #999;
}
#s2member-pro-paypal-update-form-response-section, #s2member-pro-paypal-cancellation-form-response-section {
border: none;
background: none;
padding: 0px;
}
div.ws-plugin--s2member-password-strength {
text-transform: uppercase;
font-size: 12px;
padding-left: 20px !important;
color: #666 !important;
margin-top: 10px !important;
}
#ws-plugin--s2member-profile {
margin: 0 100px 0 100px;
}
/* Sign In / Profile Widget
-------------------------------------------------------------- */
.ws-plugin--s2member-pro-login-widget {
padding-bottom: 10px;
}
.ws-plugin--s2member-pro-login-widget-profile-summary {
padding: 10px 15px 0px 10px;
}
.ws-plugin--s2member-pro-login-widget-form {
padding: 10px 0px 0px 25px;
}
.ws-plugin--s2member-pro-login-widget-submit input {
bottom: 3px;
left: 143px;
position: relative;
width: 100px !important;
}
.ws-plugin--s2member-pro-login-widget-profile-summary-name {
font-size: 18px;
font-style: italic;
}
div.ws-plugin--s2member-pro-login-widget-username,
div.ws-plugin--s2member-pro-login-widget-password,
div.ws-plugin--s2member-pro-login-widget-remember-me,
div.ws-plugin--s2member-pro-login-widget-submit {
margin: 4px 0px !important;
}
.ws-plugin--s2member-pro-login-widget-profile-summary-my-account a,
.ws-plugin--s2member-pro-login-widget-profile-summary-edit-profile a,
.ws-plugin--s2member-pro-login-widget-profile-summary-logout a,
.my-dashboard a {
background: url(../images/ui/account-sprite.png) no-repeat;
padding-left: 25px;
display: block;
font-size: 14px;
}
.ws-plugin--s2member-pro-login-widget-profile-summary-my-account a {
background-position: -2px -20px;
}
.ws-plugin--s2member-pro-login-widget-profile-summary-edit-profile a {
background-position: -2px 0px;
}
.ws-plugin--s2member-pro-login-widget-profile-summary-logout a {
background-position: -2px -40px;
}
.my-dashboard a {
background-position: -2px -60px;
}
form#ws-plugin--s2member-profile input[type="submit"] {
width: 50% !important;
}
/* Plans Page
-------------------------------------------------------------- */
#plans {
color: #333;
}
#plans .intro {
font-size: 15px;
line-height: 20px;
padding: 0 10px 0 0;
}
#plans .intro .since {
font-size: 22px;
}
#plans .intro .full-intro {
display: none;
}
#plans .options {
text-align: center;
}
#plans .options .login-here {
font-size: 20px;
margin-bottom: 10px;
}
#plans .options .plan-overview a.join {
background: url(../images/ui/fxinsider-plan3.png) no-repeat center top;
width: 445px;
height: 212px;
overflow: hidden;
text-indent: -8000px;
display: inline-block;
}
#plans .options .plan-overview a.join:hover {
background-position: center bottom;
}
.become-a-free-member {
font-size: 1.5em;
}
/* Log In Page
-------------------------------------------------------------- */
#fx-login li {
list-style: none;
}
#fx-login ul.tml-action-links {
margin: 0px;
background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff));
background: -moz-linear-gradient(top, #efefef, #ffffff);
-webkit-border-radius: 0px 0px 15px 15px;
-moz-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;
padding: 10px 25px;
text-align: right;
}
#fx-login ul.tml-action-links li {
display: inline-block;
margin: 0 25px 0 2px;
}
#fx-login h2 {
padding: 10px 25px;
background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bfbfbf));
background: -moz-linear-gradient(top, #eeeeee, #bfbfbf);
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
font-weight: bold;
font-size: 20px;
color: #333;
}
#fx-login .login {
padding: 20px 25px;
}
#fx-login .login input[type="text"],
#fx-login .login #fx-login .login input[type="password"],
#fx-login .login #fx-login .login select {
font-size: 18px;
}
#fx-login .login form label {
font-size: 16px;
color: #999;
display: block;
}
#fx-login .login form p.forgetmenot label {
display: inline;
}
#fx-login .login p {
margin-bottom: 0px;
}
#fx-login .login p.error {
padding: 5px;
border: 1px solid #c00;
background-color: #ffebe8;
color: #333;
}
#fx-login .login p.message {
padding: 10px 25px 5px 25px;
background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bfbfbf));
background: -moz-linear-gradient(top, #eeeeee, #bfbfbf);
-webkit-border-radius: 15px 15px 0 0;
-moz-border-radius: 15px 15px 0 0;
border-radius: 15px 15px 0 0;
font-weight: bold;
font-size: 18px;
color: #333;
margin-bottom: 0px;
}
#fx-login .login .submit {
margin: 15px 0px 15px 0px;
}
.welcome-box {
font-size: 18px;
}
.welcome-box .menu-left,
.welcome-box .menu-right {
float: left;
text-transform: lowercase;
}
.welcome-box .menu-left ul,
.welcome-box .menu-right ul {
margin: 0px;
padding: 0px;
}
.welcome-box .menu-left ul li,
.welcome-box .menu-right ul li {
list-style: none;
}
.welcome-box .menu-left ul li a,
.welcome-box .menu-right ul li a {
padding: 12px 10px;
text-align: center;
width: 228px;
margin: 1px;
font-size: 20px;
color: #666666;
border: 1px solid #AFAFAF;
background: url(../images/ui/button.png) repeat-x top;
background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cfcfcf));
background: -moz-linear-gradient(top, #eeeeee, #cfcfcf);
-webkit-user-select: none;
-moz-user-select: none;
display: block;
}
.welcome-box .menu-left ul li a:hover,
.welcome-box .menu-right ul li a:hover {
color: #333;
border-color: #999;
background-position: bottom;
background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#afafaf));
background: -moz-linear-gradient(top, #eeeeee, #afafaf);
}
#your-profile h3 {
padding: 10px 25px;
background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bfbfbf));
background: -moz-linear-gradient(top, #eeeeee, #bfbfbf);
-webkit-border-radius: 15px 15px 0px 0px;
-moz-border-radius: 15px 15px 0px 0px;
border-radius: 15px 15px 0px 0px;
font-weight: bold;
font-size: 20px;
color: #333;
margin-bottom: 0px;
}
#your-profile .form-table,
#registerform,
#loginform,
#lostpasswordform {
padding: 10px 25px;
background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff));
background: -moz-linear-gradient(top, #efefef, #ffffff);
-webkit-border-radius: 0px 0px 15px 15px;
-moz-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;
}
#loginform,
#registerform,
#lostpasswordform {
-webkit-border-radius: 0;
-khtml-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
margin-bottom: 0px;
}
#your-profile th {
width: 35%;
}
#your-profile .description {
display: block;
font-size: 11px;
}
#password .indicator-hint {
display: inline-block;
}
#your-profile tbody tr:nth-child(2n) td,
tbody tr.even td {
background: none;
}
/* Contact Page
-------------------------------------------------------------- */
#articleq-holder {
/* display:none;*/
}
select {
width: 400px;
}
p.contact-field {
width: 680px;
height: 42px;
margin-bottom: 20px;
padding: 0px;
border: 1px solid #FFF;
color: #555;
font-weight: bold;
background-color: #EEE;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
display: block;
}
.contact-legend {
display: block;
line-height: 42px;
float: left;
padding: 0px 20px 0px 0px;
margin: auto;
width: 180px;
text-align: right;
vertical-align: middle;
}
p.contact-field-textarea {
height: 315px;
}
.ninja-forms-form-wrap input[type="text"] {
padding: 0px !important;
margin: 0px !important;
border: 0px !important;
width: 470px;
height: 42px;
padding: 0px 0px 0px 10px !important;
}
.ninja-forms-form-wrap textarea {
padding: 0px !important;
margin: 0px !important;
border: 0px !important;
width: 470px;
height: 300px;
padding: 15px 0px 0px 10px !important;
display: block;
margin: auto !important;
}
/* Login Form
-------------------------------------------------------------- */
/* tabbed list */
ul.tabs_login {
padding: 0;
margin: 20px 0 0 0;
position: relative;
list-style: none;
font-size: 14px;
z-index: 1000;
float: left;
}
ul.tabs_login li {
border: 1px solid #E7E9F6;
-webkit-border-top-left-radius: 10px;
-khtml-border-radius-topleft: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-khtml-border-radius-topright: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
line-height: 28px;
/* = */
height: 28px;
padding: 0;
margin: 0 5px 0 0;
position: relative;
background: #fff;
overflow: hidden;
float: left;
}
ul.tabs_login li a {
text-decoration: none;
padding: 0 10px;
display: block;
outline: none;
}
ul.tabs_login li.active_login {
border-left: 1px solid #E7E9F6;
border-bottom: 1px solid #fff;
-webkit-border-top-left-radius: 10px;
-khtml-border-radius-topleft: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-khtml-border-radius-topright: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
background: #fff;
color: #333;
}
ul.tabs_login li.active_login a {
font-weight: bold;
}
.tab_container_login {
background: #fff;
position: relative;
margin: 0 0 20px 0;
border: 1px solid #E7E9F6;
-webkit-border-bottom-left-radius: 10px;
-khtml-border-radius-bottomleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-khtml-border-radius-bottomright: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;
-webkit-border-top-right-radius: 10px;
-khtml-border-radius-topright: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
z-index: 999;
float: left;
width: 98%;
top: -1px;
padding: 7px 15px 15px 15px;
padding-top: 10px;
}
.tab_container_login ul {
padding: 0;
margin: 0 0 0 15px;
}
.tab_container_login ul li {
margin: 5px 0;
}
/* global styles */
#login-register-password h3 {
font-size: 18px;
border: 0 none;
margin: 10px 0;
padding: 0;
}
#login-register-password p {
margin: 0 0 15px 0;
padding: 0;
}
/* Jobs styles */
.page-template-jobs-php #hero {
background: #aa0000 url('../images/jobs/header.png') no-repeat top center;
height: 176px;
}
.page-template-jobs-php #hero #hero-pane {
display: none;
}
/* form elements */
.username,
.password,
.login_fields {
margin: 7px 0 0 0;
overflow: hidden;
width: 100%;
}
.username label,
.password label,
.login_fields label {
float: left;
clear: none;
width: 25%;
font-size: 18px;
}
.username input,
.password input,
.login_fields input {
font-size: 18px;
float: left;
clear: none;
width: 200px;
padding: 2px 3px;
color: #777;
margin-top: 0px;
}
.rememberme {
overflow: hidden;
width: 100%;
margin-bottom: 7px;
}
.rememberme label {
font-size: 14px;
}
#rememberme {
float: left;
clear: none;
margin: 4px 4px -4px 0;
width: 20px;
}
.user-submit {
padding: 5px 10px;
margin: 5px 0;
}
.userinfo {
float: left;
clear: none;
width: 75%;
margin-bottom: 10px;
}
.userinfo p {
margin-left: 10px;
}
.usericon {
float: left;
clear: none;
width: 15%;
margin: 0 0 10px 22px;
}
.usericon img {
border: 1px solid #F4950E;
padding: 1px;
}
#login-register-password {
padding: 0px 50px;
}
#login-register-password h2 {
margin: 20px 0px 0px 0px;
}
.form-table {
margin: 0px 0px 20px 0px !important;
}
/* Custom Drop Styles */
/* ------- COLOR VARIABLES --------- */
/* background-gray: #121212; */
/* light-gray: #B4B3B3; */
/* dark-gray: #575757; */
/* main-red: #9C1C20; */
/* headline-red */
/* almost-white: #e8e8e8; */
/* ------- FONT VARIABLES --------- */
/*
Theme Name: fxguide
Used to style the TinyMCE drop down with custom classes.
*/
#tinymce .callout,
#content .callout {
color: #444;
font-style: italic;
font-weight: bold;
text-shadow: 1px 1px 1px #FFFFFF;
font-size: 18px;
line-height: 24px;
}
#tinymce .iplus-box,
#content .iplus-box {
display: inline-block;
color: #333;
font-style: italic;
font-weight: bold;
text-shadow: 1px 1px 1px #FFFFFF;
font-size: 18px;
line-height: 24px;
background: #eeeeee url('../images/ui/iplus-callout.png') 6px 50% no-repeat;
background: url('../images/ui/iplus.png') 6px 50% no-repeat, -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#dbdbdb));
background: url('../images/ui/iplus.png') 6px 50% no-repeat, -moz-linear-gradient(top, #efefef, #dbdbdb);
border: 1px solid #666;
padding: 8px 10px 8px 50px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
#tinymce .iplus-box a,
#content .iplus-box a {
font-size: 18px;
}
/*
Pull quotes
*/
/* Make sure to copy these same classes to editor-style.css so that you can view the rendered styles in the WYSIWYG */
/* Pull Quotes */
.pullquote {
/* background: top left no-repeat url("../images/quote.png");*/
display: block;
width: 45%;
font-size: 24px;
/*font-weight: bold; */
text-align: center;
padding-bottom: 20px;
padding-top: 20px;
line-height: 110%;
color: #444;
}
.pullquote p {
font-size: 24px;
margin-bottom: 20px;
}
.pullquote.right {
float:right;
padding-left: 30px;
}
.pullquote.left {
float:left;
padding-right: 30px;
}
.pullquote .author_name, .pullquote .author_title {
font-size: 15px;
font-style: italic;
font-weight: normal;
padding-right: 20%;
padding-left: 20%;
text-align: right;
}
.pullquote .author_name {
line-height: 110%;
}
.pullquote .author_title {
font-size: 13px;
line-height: 110%;
}
.pullquote.left .author_name, .pullquote.left .author_title {
text-align: left;
}
.pullquote.noimage {
background-image: none;
}
.podcast-holder {
margin-bottom: 20px;
background: #EEE;
padding: 20px;
border: 1px solid #FFF;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
display: block;
}
.podcast-title {
font-size: 16px;
margin-bottom: 7px;
font-weight: bold;
color: #333;
}
/* Sideboxes */
.sidebox {
background: #EEE;
padding: 20px;
border: 1px solid #FFF;
-moz-border-radius: 20px;
-khtml-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
width: 33%;
display: block;
margin-bottom: 10px;
}
.sidebox .wp-caption {
width: auto !important;
}
.sidebox img {
max-width: 95%;
height: auto;
}
.sidebox.right {
float:right;
margin-left: 30px;
margin-right: 0px;
}
.sidebox.left {
float:left;
margin-left: 0px;
margin-right: 30px;
}