/* CSS Resets */ .IssueTitle p{ font-size: 37px; color: rgb(0, 87, 144); font-family: adobe-caslon-pro; font-weight: 500; margin-bottom: -2px; } .IssueTitle{ } .IssueDesc, .IssueDesc p{ font-size: 14px; font-family: proxima-nova; font-weight: 600; color: black; margin-right: -30px!important; } html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}img, object, embed{ max-width: 100%;}img { height: auto;}table td img, table td object, table td embed{ max-width: 100%;}table td img { height: auto;} html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{font-family:proxima-nova;} #dnnwrapper { background:#fff;} .dnnrow { width: 100%;max-width: 1220px;min-width:320px;margin: 0 auto;} .innermargin { margin:0 20px;} .clr { clear:both;} .fleft { float:left} .fright { float:right} .fontcolor { color:#f39436} .bgcolor { background:#f39436} .ml20 { margin-left:20px;} .mr20 { margin-right:20px; } .block:after { display:block; content:''; clear:both} .fimgborder { border:5px #2b2b2b solid;} .fimgborder:hover { border:5px #555 solid;} .radius3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px} .whitecolor, .whitecolor * { color:#fff;} .i16 { font-size:16px} .i24 { font-size:24px;} .i32 { font-size:32px;} .desktophide { display:none} .mobilehide { display: block} .smallsidebox { width:24%} .largesidebox { width:74%} .logo{ padding:5px 0 5px} .banner-shadow{ box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.6); -moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6); border:4px #fff solid; border-top:none} .dnnnav-container { width: 100%; position:relative; z-index:909; border-top:1px #eee solid; border-bottom:1px #eee solid} nav { width: 100%; position: relative; z-index:2} #dnnnav { padding:10px 0 10px; margin: 0px;list-style: none; min-height:40px;;} #dnnnav .fright { padding-top:10px} .dnnsticky#dnnnav { position: fixed;top:0px;z-index: 999;animation: thedrop 1s 1;-moz-animation: thedrop 1s 1;-webkit-animation: thedrop 1s 1;padding:2px 0 2px; background:#fff; border-bottom:1px #ddd solid} .dnnsticky#dnnnav .mmIcon { display:none} .dnnsticky#dnnnav .logo { float:left} .dnnsticky#dnnnav .logo img { max-height:60px;} .dnnsticky#dnnnav .centermenu{ display: block; float:right} .resp-tab-content:after{ display:block; content:''; clear:both} .centermenu{ display:table; margin:0 auto} #dnnheader { padding:10px 0;} #dnnheader .innermargin { padding:0px} div.language-object { float:left} div.language-object img { width:20px; margin:8px 10px 0 0} ul#filist { margin:0px; padding:0 0 50px;} ul#filist li { margin:0px; padding:0px; list-style:none;} ul#filist li img { width:60%;} ul#filist li:after { margin:0px; padding:0px; display:block; content:''; clear:both} .sitesocial { height:40px;} .sitesocial a { display:block; float:left; height:40px; line-height:40px; width:32px; font-size:16px; background:#f9f9f9; color:#333; text-align:center} .sitesocial a:hover { background: none; color:#fff;} #side-box { display:none;right:10px; bottom:20px; text-decoration:none; padding:0px; z-index:903;position: fixed; width:30px} #side-box a { display:block; line-height:30px; text-align:center; background:#444;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; } #side-box a:hover { background:#000;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity:1} .titlebar-basic .innermargin { background:#fff; border-top:1px #fff solid; border-bottom:1px #f5f5f5 solid; padding-bottom:15px} .titlebar-basic h4 { margin:0px; padding:20px 0 0; line-height:1em;} .titlebar-basic .breaderbox { padding-top:22px;} .titlebar-basic .breaderbox a { text-decoration:none; color:#333; font-size:12px;} .titlebar-basic .breaderbox a:hover { color:#f39436} #dnncontent { padding-top:50px; min-height:600px; padding-bottom:0px;} #dnncontentii { margin:0px; padding:0px} #dnncontentii a { color:#666;} #dnncontentii .innermargin, #dnnfooter .innermargin { border-top:1px #eee solid; padding-top:20px} #dnnfooter { /*padding:20px 0;*/ font-size:12px; color:#ccc; clear:both} #dnnfooter .copyright { color:#ccc; padding-right:10px; line-height:30px} #dnnfooter a.links { color:#ccc; padding:0 5px; text-decoration:none} /* Pane Layout */ .panebox:after { display:block; content:''; clear:both} .HeaderPane { padding-top:5px} .TopPane { float:left} .TopLeftPane, .TopRightPane, .BottomLeftPane,.BottomRightPane,.MainLeftPane,.MainRightPane{ width:49%;} .Grid4TLPane { width:32%; margin-right:2%;} .Grid4TCPane { width:32%} .Grid4TRPane { width:32%;} .Grid3MLPane, .Grid3MCPane { width:23.5%; margin-right:2%;} .Grid3MCRPane, .Grid3MRPane { width:23.5%;} .FooterAPane, .FooterBPane { width:23.5%; margin-right:2%; /*padding:30px 0;*/} .FooterCPane, .FooterDPane { width:23.5%; /*padding:30px 0;*/} .Grid4LPane,.Grid4RPane { width:32%;} .Grid8RPane,.Grid8LPane { width:66%} .Grid3LPane,.Grid3RPane { width:23.5%;} .Grid9RPane,.Grid9LPane { width:74.5%} .FullPane { clear:both} /* Image Flash Across*/ a.flashacross{position:relative; display:block; float:left; overflow:hidden} a.flashacross .title{z-index:2;position:absolute;bottom:50%;left:-100%;width:60px;height:60x; margin-bottom:-30px; margin-left:-30px;line-height:60px;background:#000;} a.flashacross .shine{z-index:3;position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/shine_brands.png) no-repeat -100% 0;} input[type=text], input[type=password], textarea { /*background: #fafafa; -moz-box-shadow: inset 1px 1px 10px rgba(0,0,0,0.1);-webkit-box-shadow: inset 1px 1px 10px rgba(0,0,0,0.1); box-shadow: inset 1px 1px 10px rgba(0,0,0,0.1);*/ border: 1px solid #ddd; color: #000;} input[type=text]:focus, textarea:focus { color: #373737;border:1px red solid;} /*------------------------------------------------*/ /*-----------------[BASIC STYLES]-----------------*/ /*------------------------------------------------*/ .animate-slideup, .animate-slidedown, .animate-slideleft, .animate-slideright, .animate-slideexpandup, .animate-expandup, .animate-fadein, .animate-expandopen, .animate-bigentrance, .animate-hatch, .animate-bounce, .animate-pulse, .animate-floating, .animate-tossing, .animate-pullup, .animate-pulldown, .animate-pullleft, .animate-pullright{ height: auto;margin-top: 0px; visibility:hidden} /*theme-control-panel*/ .rightNav{ display: none; position:fixed; width:240px; left:0; top:190px; _position:absolute; text-align:left; z-index:1000000 } .rightNav div.ops{ display:block; position:relative; height:40px; line-height:40px; background:#eee; width:240px; cursor:pointer; left:-200px} .rightNav div.ops:hover em{ background:#000} .rightNav div.ops em{ display:block; float:right; width:40px; color:#fff; font-size:20px; text-align:center; margin-left:15px; height:40px; line-height:40px;} .rightNav div.ops strong{ padding-left:15px; font-size:14px} .layoutpattern{ display:none} .layouttype.boxedwide{ margin:0 auto; padding:10px 0 10px;} .layouttype.boxedwide li{ float:left;margin:0 0 5px 15px; padding:0px 15px; cursor:pointer; color:#fff; list-style:none; background:#ccc} .layouttype.boxedwide li.selected{ background:#000; color:#fff} .layouttype.boxedwide li.selected .layoutpattern{ display:block; margin:0px; padding:0px;} .layoutcolor.themes{ margin:0 auto; padding:10px 10px 0 15px;} .layoutpattern.themes{ margin:0 auto; padding:10px 10px 0 10px;} .layoutcolor.themes li,.layoutpattern.themes li{ float:left;margin:0 5px 10px 0; padding:0px; cursor:pointer; list-style:none; width:30px; height:30px; border:1px #fff solid; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4)} .layoutcolor.themes li.selected,.layoutpattern.themes li.selected{ background:url(../images/ok.png) center center no-repeat} .otitle{ padding-left:15px} /* mobile menu*/ #mobile-nav-box{display: none;background: #000;} .btn-mobile-nav { display:none; width: 32px; height: 32px; background:url(../images/black-menu-mobile.png) 0 0 no-repeat; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 250ms ease-out 0s; -moz-transition: -moz-transform 250ms ease-out 0s; -o-transition: -o-transform 250ms ease-out 0s; transition: transform 250ms ease-out 0s; border:1px #444 solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top:15px; margin-left:2px } /* searchbox*/ .searchbox { position:relative; z-index:900;} .searchbox span#dnn_dnnSEARCH_ClassicSearch { display:block; padding:0px; width:228px} .searchbox span.searchInputContainer { display:block;} .searchbox a.SkinObject:link { display:block; padding:0px; position:absolute; right:0px; top:0px;width:28px; height:28px; border:0px #eee solid; padding:1px; text-align:center; line-height:30px; color:#666; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px} .searchbox a.SkinObject:hover { color:#000} .searchbox #dnn_dnnSEARCH_txtSearch{ width:228px; height:30px; border:1px #ddd solid; font-size:14px; padding:0 0 0 5px; background:#fff;} /* Mobile Landscape and Portrait */ @media only screen and (max-width: 767px) {.btn-mobile-nav { display:block; float:right}} /*------------------------------------------------*/ /* LOGIN */ /*------------------------------------------------*/ #login{ float:right; } #login .registerGroup, #login .registerGroup *, #login .loginGroup, #login .loginGroup * { display:block; margin:0px; padding:0px } #login .registerGroup, #login .loginGroup {float:left;padding:0;margin:0;} #login .registerGroup li:first-child:hover {border-left:#fff;} /* Register Group Styles */ #login .registerGroup li { float:left; border:none } #login .registerGroup .buttonGroup {margin-right:0;} #login .registerGroup a, #login .loginGroup a{display:block;position:relative;height:30px;min-width:12px;font-size:14px;line-height:30px; color:#999; padding:0 5px} #login .registerGroup a:active, #login .loginGroup a:active {color:#999;} #login .registerGroup a:hover, #login .loginGroup a:hover { text-decoration:none; } #login .registerGroup a strong, #login .loginGroup a strong {display:block;position:absolute;left:0;top:0;width:100%;overflow:hidden;font-size:11px;text-indent:-9999px;} #login .userMessages a, #login .userNotifications a { padding:0 15px} #login .userMessages strong { height: 100%;background: url(../images/icon_message.png) no-repeat center center;} #login .userNotifications { border-left: 1px solid #fff; border-right: 1px solid #fff} #login .userNotifications strong { height: 100%;background: url(../images/icon_notification.png) no-repeat center center;} #login .registerGroup a span {display:inline-block;position:absolute;right:2px; top:-9px;min-width:7px;margin-right:3px;text-align:center;font-size:12px;color:#fff;} #login .registerGroup .userProfileImg a{min-width:25px;min-height: 30px;padding:0;background:#f5f5f5} #login .registerGroup a img{height:30px; width:30px; padding:1px 0 0;} /* Login Group Styles */ #login .loginGroup a {color:#999} /* Number of message next to the message icon*/ #login .userMessages a span, #login .userNotifications a span { display: inline-block; margin-top: 9px; margin-right: 0px; background-color:#f39436;font-size: 11px; line-height:1em; padding:2px} a.loginobj:link, a.loginobj:active, a.loginobj:visited{ line-height:30px; padding:0 15px; color:#333; text-decoration:none; font-size:12px;display:block} /**** Demos ****/ #MasonryPortfolios {} #MasonryPortfolios .box { margin: 5px; padding: 5px; background: #fff; font-size: 12px; line-height: 1.4em; float: left; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); } #MasonryPortfolios .box h1,#MasonryPortfolios .box h2 { margin:0px; padding:0px} #MasonryPortfolios .box img{display: block;width: 100%;} #MasonryPortfolios .col1 { width: 180px; } #MasonryPortfolios .col2 { width: 280px; } #MasonryPortfolios .col3 { width: 280px; } @media handheld, only screen and (max-width: 768px){ #MasonryPortfolios .col1 { width: 80px; } #MasonryPortfolios .col2 { width: 180px; } #MasonryPortfolios .col3 { width: 180px; } } @media handheld, only screen and (max-width: 767px){ #MasonryPortfolios .col1, #MasonryPortfolios .col2, #MasonryPortfolios .col3 { width: 98%; } } /**** Transitions ****/ .transitions-enabled.masonry, .transitions-enabled.masonry .masonry-brick { -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -ms-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s; } .transitions-enabled.masonry { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .transitions-enabled.masonry .masonry-brick { -webkit-transition-property: left, right, top; -moz-transition-property: left, right, top; -ms-transition-property: left, right, top; -o-transition-property: left, right, top; transition-property: left, right, top; } /* disable transitions on container */ .transitions-enabled.infinite-scroll.masonry { -webkit-transition-property: none; -moz-transition-property: none; -ms-transition-property: none; -o-transition-property: none; transition-property: none; } /*=================================================== Font Icons =====================================================*/ .TopbarPane .fontsocial a em { padding:7px 5px; line-height:32px; text-decoration:none;-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; color:#fff} .fontsocial a em { padding:5px 4px; line-height:32px; text-decoration:none;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color:#fff} .fontsocial.lg-social a em { font-size:28px; padding:5px 4px; line-height:50px; text-decoration:none;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color:#fff} .fontsocial.circle a em { -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;color:#fff} .fontsocial a em.icon-digg { background:#0082CD} .fontsocial a em.icon-appstore { background:#000} .fontsocial a em.icon-blogger-1 { background:#fb670d} .fontsocial a em.icon-evernote { background:#74C042} .fontsocial a em.icon-flickr { background:#FF0189} .fontsocial a em.icon-google { background:#4385F6} .fontsocial a em.icon-youtube { background:#df2025} .fontsocial a em.icon-yahoo { background:#65106E} .fontsocial a em.icon-quora { background:#A82300} .fontsocial a em.icon-soundcloud { background:#F47B20} .fontsocial a em.icon-yelp { background:#C22917} .fontsocial a em.icon-facebook { background:#1f69b4} .fontsocial a em.icon-twitter { background:#45b5e7} .fontsocial a em.icon-twitter-bird{ background:#45b5e7} .fontsocial a em.icon-vimeo { background:#14beef} .fontsocial a em.icon-tumblr { background:#44546a} .fontsocial a em.icon-googleplus-rect { background:#d3492c} .fontsocial a em.icon-github-text { background:#F1CBB4} .fontsocial a em.icon-github { background:#000; color:#F1CBB4} .fontsocial a em.icon-skype { background:#01AEF2} .fontsocial a em.icon-icq { background:#02E301} .fontsocial a em.icon-yandex { background:#FF2333} .fontsocial a em.icon-blogger { background:#fd6301} .fontsocial a em.icon-deviantart { background:#4c634f} .fontsocial a em.icon-jabber { background:#BA0202} .fontsocial a em.icon-lastfm { background:#B80638} .fontsocial a em.icon-linkedin { background:#02669a} .fontsocial a em.icon-picasa { background:#C07FE3} .fontsocial a em.icon-wordpress { background:#2D709B} .fontsocial a em.icon-instagram { background:#000} .fontsocial a em.icon-box { background:#EDA962} .fontsocial a em.icon-stumbleupon { background:#ef4e22} .fontsocial a em.icon-signal { background:#01EB18} .fontsocial a em.icon-trophy { background:#EEC801} .fontsocial a em.icon-water { background:#0050A7} .fontsocial a em.icon-droplet { background:#00CCFF} .fontsocial a em.icon-pinterest { background:#df2025} .fontsocial a em.icon-dribbble { background:#eb4d88} .fontsocial a em.icon-dropbox { background:#2B82C9} .fontsocial a em.icon-paypal-1 { background:#18549C} .fontsocial a em.icon-behance { background:#33559f} .fontsocial a em.icon-share { background:#03B652} .fontsocial a em.icon-mail-1 { background:#cdc82c} .fontsocial a em.icon-rss-1 { background:#e9a01d} .fontsocial.dark a em { background:#333; color:#fff} .fontsocial.light a em { background:#eee; color:#000} .fontsocial a:hover em { color:#fff; background:#000} /* Font icon demo */ #icons:after { display:block; content:''; clear:both} #icons div { width:24%; float:left; background:#eee; margin:5px 0.5%; padding:10px 0} #icons div span { line-height:30px;} #icons div em { font-size:32px;padding:0 10px; display:block; float:left} .codesOn .i-name { display: none;} .codesOn .i-code { display: inline;} .i-code { display: none;} .smallicon{ font-size:16px;} .mediumicon{ font-size:24px;} .largeicon{ font-size:32px;} .xlargeicon{ font-size:48px;} .video-banner{ position:relative; max-height:550px; overflow:hidden} .video-banner .text-content{ text-align:center; position:absolute; top:0px; left:0px; right:0px; } .video-banner .text-content h3{ padding-bottom:10px;} @media handheld, only screen and (max-width: 768px) { .video-banner .text-content{ position: relative; padding-bottom:10px; max-height: none; overflow: visible; background:#eee; padding:10px 0} .video-banner .text-content h1{ font-size:25px} .video-banner .text-content h3{ font-size:18px;} .video-banner .text-content a.btn{ font-size:14px} }