/* Theme Name: Combomag Theme URI: http://www.magpress.com/wordpress-themes/combomag.html Description: HTML5/CSS3 Free Magazine Responsive WordPress Theme with 600+ Google Web Fonts and Unlimited Color Options to choose from. Best Theme for your Multisite WordPress Network. Version: 1.5 Author: MagPress Author URI: http://www.magpress.com License: Creative Commons Attribution-Share Alike 3.0 License URI: http://creativecommons.org/licenses/by-sa/3.0/us/ Tags:white,black,three-columns,two-columns,right-sidebar,fixed-width,editor-style,custom-menu,custom-header,featured-images,full-width-template,theme-options,threaded-comments The CSS, XHTML and design is released under Creative Commons Attribution-Share Alike 3.0 License: http://creativecommons.org/licenses/by-sa/3.0/us/ */ /* changelog v1.5 - tested with latest wp 4.4.1 - update Google web font list - updated social sharing code - update schema.org markup - added theme option for enable or disable schema data - added category color block - added schematic breadcrumbs - buddypress, woocommerce and bbpress supported - remove featured category in sidebar, replace with multi widget featured category widgets. v1.4 - tested with latest wp 4.1 - replace h1 with h2 in index and archive - add schema.org markup for post article v1.3 - tested with latest wp 3.9.1 - fix js missing in previous version cauing slider and admin option not working - update Google web font list - Developer version only - added support for BuddyPress, BBPress and Woocommerce v1.2 - tested with latest wp 3.8.1 - tabbed, sidebar featured, banner and ad option in sidebar now widgetable and can be arrange order. - add option to enable featured image in single post via custom field only - update google web fonts list v1.1 - tested compatible with latest WordPress 3.6.1 - update theme credit links - fixed some css bug v1.0 - initial release */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {font-family: arial, sans-serif; margin: 0px; padding: 0px; font-size: 100%; color: #565656; -webkit-font-smoothing: subpixel-antialiased; background-color: #E7E7E7;} html, body {line-height: 1.4em;} h1, h2, h3, h4, h5, h6,.header-title,#main-navigation, #featured #featured-title, #cf .tinput, .post-more a, #wp-calendar caption,.flex-caption,#portfolio-filter li,.nivo-caption a.read-more {} footer {} h1, h2, h3, h4, h5, h6 {} .cleariefloat {margin: 0px; padding: 0px; float: left; height: 3em; width: 100%;} #wp-calendar caption {margin: 0 0 10px;} .sticky{} .gallery-caption{} .flex-control-nav {display: none;} .clearfix {clear: both;} a:link, a:visited {color: #D33432; text-decoration: none;} a:hover, a:active {text-decoration: none; color: #111;} a img {color: transparent;} #wp-calendar a {} :focus {outline: 0;} ol, ul {list-style: none;} table {border-collapse: separate; border-spacing: 0; margin: 1em 0 2em 0;} caption, th, td {font-weight: normal; text-align: left;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} .widget table {clear: both;} ul.the-icons {list-style: none; margin: 0 0 0 1em !important;} .post-content .btn {padding: 5px 12px; background: #f7f7f7; border: 1px solid #ccc; color: #444; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .post-content .btn:hover {background: #f5f5f5; border: 1px solid #aaa; color: #222;} iframe.fb {margin: 0px; padding: 8px 0px; float: left; height: 30px; width: 100%;} img {border: 0 none;} .alignleft {display: inline; float: left; margin-right: 1.625em;} .alignright {display: inline; float: right; margin-left: 1.625em;} .aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;} hr {background-color: #ddd; border: 0; height: 1px; margin-bottom: 1.625em;} p {margin: 0 0 1.625em;} ul, ol {margin: 0 0 1.625em 0em; padding: 0;} ul {list-style: square;} ol {list-style: decimal;} ol ol {list-style: upper-alpha;} ol ol ol {list-style: lower-roman;} ol ol ol ol {list-style: lower-alpha;} ul ul, ol ol, ul ol, ol ul {margin: 0 0 0 1em; padding: 0;} .post-content ul ul, .post-content ol ol, .post-content ul ol, .post-content ol ul {margin-bottom: 0; font-size: 92%;} .post-content ul li, .post-content ol li {margin: 0 0 0.6em;} .post-content ul li ul li, .post-content ol li ol li {margin: 0.2em 0 0;} .post-content ul, .post-content ol {margin: 0 0 1.6em 3em;} .post-content ul ul, .post-content ol ol {margin: 0 0 0em 2em;} * {zoom: 1;} .post-content h1 {font-size: 1.8em; margin: 2em 0 0.25em 0;} .post-content h2 {font-size: 1.7em; margin: 2em 0 0.25em 0;} .post-content h3 {font-size: 1.35em; margin: 2em 0 0.25em 0;} .post-content h4 {font-size: 1.5em; margin: 2em 0 0.25em 0;} .post-content h5 {font-size: 1.35em; margin: 2em 0 0.25em 0;} .post-content h6 {font-size: 1em; margin: 2em 0 0.25em 0;} dl {} dt {font-weight: bold;} dd {margin-bottom: 1.625em;} strong {font-weight: bold;} cite, em, i {font-style: italic;} blockquote {font-family: Georgia, "Bitstream Charter", serif; font-style: italic; font-size: 1.2em; font-weight: normal; margin: 0 3em 1.25em 3em; border-left: 5px solid #ddd; padding-left: 1em; line-height: 1.6em;} blockquote em, blockquote i, blockquote cite {font-style: normal;} blockquote cite {font-weight: 300; letter-spacing: 0.05em; text-transform: uppercase; font-size: 85%;} pre {background: #eee url(images/grey.png) repeat; font-family: "Courier New", Courier, monospace; margin-bottom: 1.625em; overflow: auto; padding: 0.75em 1.625em; width: 80%; display: block; clear: both; white-space: pre-wrap; word-wrap: break-word; font-size: 90%; color: #333; border: 1px solid #ddd;} code, kbd {font-size: 90%; font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;} abbr, acronym, dfn {border-bottom: 1px dotted #666; cursor: help;} address {display: block; margin: 0 0 1.625em;} address {font-family: "Courier New", Courier, monospace; font-size: 1em;} ins {background: #fff9c0; text-decoration: none; color: #000;} sup, sub {font-size: 80%; height: 0; line-height: 1; position: relative; vertical-align: baseline;} sup {bottom: 1ex;} sub {top: .5ex;} i {margin: 0 7px 0 0;} ul.the-icons {margin: 0 0 1.4em 1em !important;} .post-content img {max-width: 100%; height: auto;} .widget img {max-width: 100%; height: auto;} img[class*="align"], img[class*="wp-image-"] {height: auto;} img.size-full {max-width: 97.5%; width: auto;} .content img.wp-smiley {border: none; margin-bottom: 0; margin-top: 0; padding: 0;} img.alignleft, img.alignright, img.aligncenter {margin-bottom: 1.625em;} p img, .wp-caption {margin-top: 0.4em;} .wp-caption {background: #eee; margin-bottom: 1.625em; max-width: 96%; padding: 16px 9px 9px; box-shadow: 0 0px 2px #999;} .wp-caption img {display: block; margin: 0 auto; max-width: 95%;} .wp-caption .wp-caption-text, .gallery-caption {color: #333; font-size: 90%;} .wp-caption .wp-caption-text {margin-bottom: 0.6em; padding: 10px 0 5px 0px; position: relative; color: #333;} .wp-caption p {margin: 0px;} .content .gallery {margin: 0 auto 1.625em;} .content .gallery a img {border: none;} img#wpstats {display: block; margin: 0 auto 1.625em;} .content .gallery-columns-4 .gallery-item {width: 23%; padding-right: 2%;} .content .gallery-columns-4 .gallery-item img {width: 100%; height: auto;} img[class*="align"], img[class*="wp-image-"], .content .gallery .gallery-icon img {padding: 0px;} .wp-caption img {border: #eee;} a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], .content .gallery .gallery-icon a:focus img, .content .gallery .gallery-icon a:hover img, .content .gallery .gallery-icon a:active img {background: #eee; border: #bbb;} .wp-caption a:focus img, .wp-caption a:active img, .wp-caption a:hover img {background: #fff; border: #ddd;} .post-password-required .entry-header .comments-link {margin: 1.625em 0 0;} .post-password-required input[type=password] {margin: 0.8125em 0;} .post-password-required input[type=password]:focus {background: #f7f7f7;} .widget_calendar #wp-calendar {width: 100%; text-align: center; margin: 0px; padding: 0px; float: left;} .widget_calendar #wp-calendar caption, .widget_calendar #wp-calendar td, .widget_calendar #wp-calendar th {text-align: center;} .widget_calendar #wp-calendar caption {font-size: 1.125em; font-weight: 500; padding: 5px 0 3px 0; text-transform: uppercase;} .widget_calendar #wp-calendar th {font-weight: bold;} .widget_calendar #wp-calendar tfoot td {} .post-content td, .comment-content td {border-top: 1px solid #ddd; padding: 6px 10px 6px 0; font-size: 0.85em;} .post-content table, .comment-content table {border-bottom: 1px solid #ddd; margin: 0 0 1.625em; width: 100%;} .post-content table {border-collapse: collapse;} .post-content th {} .post-content th, .post-content td {padding: 3px 10px; text-align: left; vertical-align: top;} .video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;} video {max-width: 100%; height: auto;} .video-wrapper {width: 100%; max-width: 95%;} .video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .post-content iframe {max-width: 100%;} footer .innerwrap, header .innerwrap, #bodywrap, .innerwrap-custom-header, #main-navigation .innerwrap {margin: 0px auto; padding: 0px; max-width: 1220px; width: auto;} #flex-wrapper .innerwrap {margin: 0px auto; padding: 0px; max-width: 1220px; width: auto;} #wrapper {margin: 0px; padding: 0px; width: 100%;} #wrapper-main {float: left; margin: 0; width: 100%;} #wrapper-main, header .innerwrap,#main-navigation .innerwrap, footer .innerwrap {font-size: 0.6875em;} #header {margin: 0px; width: 100%; padding: 0px; float: left; position: relative;} #header .header-inner {} #header-top {margin: 0px; padding: 2% 0%; float: left; width: 100%;} #header-bottom {margin: 0px; padding: 0%; float: left; width: 100%;} #header-right {margin: 0px; padding: 0px; float: right;} #header-right .social-and-search {margin: 0px; padding: 0.6em; float: right; width: 100%;} #header-right .social-and-search form {float: right; padding-top: 5px; padding-left: 15px;} #header-right #socialbox {float: right; margin: 0px; padding: 0px; width: auto;} #header-right .social-and-search input[type='submit'] {display: none;} #header-right .social-and-search input[type='text'] {background: #FFF url(images/search-ico-alt.png) no-repeat 96% center; padding: 7px 5px; color: #999; border: 0px none; width: 150px; border: 1px solid #CCC;} #header-right .social-and-search input[type='text']:focus {border: 1px solid #06F !important;} #main-navigation {float: left; margin: 0px; padding: 0em; width: 100%; background: #2E3639;} #main-navigation .container-wrap {width: 100%; float: left; padding:0 !important; margin: 0;} #bodywrap #bodycontent {float: left; width: 100%; margin: 0; padding: 0;} #container {float: left; width: 100%; margin: 0; padding: 0;} .container-wrap {float: left; width: 100%; margin: 0px 0px 2em; padding: 2em 0 0;} .content.home-content {float: left; width: 67%; padding: 0 !important; background: transparent none !important; border: 0 none !important; box-shadow: 0 0 0 0 transparent !important; -moz-box-shadow:0 0 0 0 transparent !important; -webkit-box-shadow: 0 0 0 0 transparent !important;} .content {float: left; width: 64%; padding: 2%; background: #FFF; border: 1px solid #ddd;} #single-content {width: 67%; padding: 0;} #wrapper .single-entry {float: left; width: 729px !important; background: #FFF; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-bottom-style: none; border-left-style: none; padding-right: 20px;} #left-sidebar.sidebar {} #left-sidebar {float: left; width: 100%; padding: 0%; font-size: 0.9em;} #right-sidebar {float: right; width: 31%; padding: 0%;} #right-sidebar .sidebar-inner {} .sidebar {} .content.wide-content {margin: 0 380px 0 0 !important; overflow: hidden;} .content.full-width {margin: 0px; padding: 2% 3%; width: 94%; float: left;} .content-inner {width: 100%; float: left;} #post-entry {margin: 0px; padding: 0%; position: relative; float: left; width: 100%;} .full-width #post-entry {position: relative; overflow: hidden; float: left; width: 100%; border-right: 0px none; border-left: 0px none; border-top-width: 0px; border-bottom-width: 0px; border-top-style: none; border-bottom-style: none; margin: 0px; padding: 0%; background: transparent none;} .post-entry-inner {} #sidebar {margin: 0 0 0 -360px; padding-bottom: 25px; position: relative; float: right;} .portfolio-sidebar {padding: 4em 0 0 !important;} #sidebar.sidebar {} * html #sidebar, * html #left-sidebar, * html #right-sidebar {} .sidebar-inner {} footer {width: 100%; float: left; margin: 0; padding: 0;} #main-navigation aside {float: right; width: auto;} #main-navigation aside #searchform{float: right; margin: 4px 15px 0; width: 180px;} #main-navigation aside #searchform input[type='text'] {background: #fff url(images/search.png) no-repeat 95% center; color: #333; float: right; width: 80%; border: 1px solid #fff; height: 15px;} #main-navigation aside #searchform input[type='text']:focus {background: #fff url(images/search.png) no-repeat 95% center; border: 1px solid #fff; color: #444; width: 80%; height: 15px;} #main-navigation aside #searchform label {display: none;} #main-navigation aside #searchform input[type='submit'] {} #mpbreadcrumbs {width: 100%;float: left;margin: -10px 0 10px 0;} #siteinfo {margin: 0; float: left; padding: 0;} #siteinfo a {color: #222; text-decoration: none;} #siteinfo a:hover {text-decoration: none; color: #000;} #siteinfo img {border: 0 none; max-width: 100%; height: auto; margin: 0;} #siteinfo h1,#siteinfo div {font-size: 3.5em; margin: 0.24em 0px 0px; padding: 0px; width: 100%; line-height: 110%; float: left;} p#site-description {font-size: 1.125em; line-height: 1.3em; margin: 0px; padding: 0.5em 0px 0px; width: 100%; float: left;} #topbanner {float: right; position: absolute; top: 15px; right: 0;} #topbanner img {border: 0 none;} #topsearch {margin: 0px; padding: 20px 0px 0px; float: right; width: 500px;} #topsearch #searchform {float: right;} #topsearch #searchform input[type="text"] {float: left; width: 175px; margin: 0 10px 0 0; background: #FFF url(images/search-ico-alt.png) no-repeat right center !important;} #topsearch #searchform input[type="submit"], #topsearch #searchform input[type="button"] {float: right;} .innerwrap-custom-header {margin: 0 auto 0 auto !important;} #custom-img-header {margin: 0px; padding: 0px; float: left; width: 100%;} #custom-img-header img {border: 0 none; margin: 0px; padding: 0px; max-width: 100%; height: auto; float: left;} .full-width #post-entry article {float: left; margin: 0px 0px 1em 0px !important; border: 0 none;} #post-entry article {float: left; width: 100%; padding: 0% 0% 0.25em; position: relative; border-bottom: 1px solid #eee; margin-bottom: 2em;} #post-entry article.home-post {width: 47%; float: left; padding: 0% !important; background: white; border: 1px solid #D9D9D9; height: 450px; margin-bottom: 2.5em;} #post-entry article.alt-post {margin-right: 4% !important; margin-left: 0px;} #post-entry article.home-post .article-blk {width: 84%; float: left; padding: 2% 8% !important;} #post-entry article.home-post.has_no_thumb .article-blk {width: 92%; float: left; padding: 15% 4% 2% 4% !important;} div.paperdown {height: 5px; width: 97%; background: #f4ea7c; border-right: 1px solid #ECDC1A; border-bottom: 1px solid #ECDC1A; border-left: 1px solid #ECDC1A; margin: 0px auto; padding: 0px; float: none; text-align: center; clear: both;} #post-entry article.post-single {margin: 0px; padding: 2% 8%; width: 84%; border: 0px none;} #post-entry article.page-single {padding: 8%;} #post-entry article img.rounded {-webkit-border-radius: 4px; border-radius: 4px;} h2.header-title {font-size: 1.5em; font-weight: normal; color: #D33432; text-transform: uppercase; margin-top: 0px; margin-bottom: 1em;} .separator {display: block; float: left; width: 100%; height: 2px; border-bottom: 1px solid #ddd; margin: 1em 0px 2em; padding: 0px; border-top: 1px solid #ddd;} #post-entry article a {text-decoration: none !important; font-weight: bold;} #post-entry article a:hover {text-decoration: underline !important; color: #F54A05;} .post-thumb-alt {width: 100%; height: 150px; margin: 0 0 8px 0; overflow: hidden; float: left; position: relative;} .home-post .slidecaption {float: left; position: absolute; background: #000 url(images/link.png) no-repeat center center; height: 100%; text-align: center; width: 100%; opacity: .5; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; top: -999em;} .home-post .slidecaption h1 {color: white; font-size: 1.25em; position: absolute; bottom: 50px; width: 100%; text-align: center;} #post-entry div.post-thumb {padding: 0%; overflow: hidden; float: left; margin: 0px 0px 0.5em; width: 100%;} #post-entry div.post-thumb.in-archive {padding: 0%; overflow: hidden; float: left; margin: 0 0 1em; width: 100%; max-height: 200px; background: center center;} #post-entry div.post-thumb.in-single {padding: 0%; overflow: hidden; float: left; margin: 0px 0px 0.5em; width: 100%; height: 300px; background: center center;} #post-entry div.post-thumb img {border: 0px none; float: left; height: auto; width: 100%; max-width: 100%;} #post-entry div.post-thumb.alignright {padding: 0%; margin: 0px 0px 0px 15px; float: right;} #post-entry div.post-thumb.alignleft {padding: 0%; margin: 0px 15px 0px 0px; float: left;} .post-thumb p {margin: 0px; padding: 0px; float: left; width: 100%; overflow: hidden;} #post-entry div.post-thumb a:hover img {} #post-entry div.post-thumb .aligncenter {padding: 0px; margin: 0px auto; border-width: 0px 0px; border-style: none none;} #post-entry div.post-thumb:hover {} #post-entry article .post-right {margin: 0px 0px 0px 220px; padding: 0px;} #post-entry article.has_no_thumb .post-right {margin: 0px 0px 0px 0px; padding: 0px;} #post-entry article.home-post h1.post-title {padding: 0px; font-size: 2.5em; line-height: 1.3em; margin: 0px; font-weight: bold;} #post-entry article.home-post h1.post-title a {text-decoration: none;} #post-entry article.home-post h1.post-title a:hover {text-decoration: none;} #post-entry .home-post img.alignleft {margin: 0px; padding: 0px;} .full-width #post-entry article .post-top {} #post-entry article.page-single .post-top {} #post-entry article .post-top {padding: 0px; margin: 0px; width: 100%; float: left;} #post-entry article h1.post-title,#post-entry article h2.post-title {font-size: 2em; margin: 0px; color: #222; padding: 0px; float: left; width: 100%; line-height: 110%; font-weight: normal;} .full-width #post-entry h1.post-title {} #post-entry article h1.post-title a,#post-entry article h2.post-title a {text-decoration: none; color: #222; margin: 0px;} #post-entry article.home-post h1.post-title a,#post-entry article.home-post h2.post-title a {text-decoration: none; color: #222; font-size: 0.88em; margin: 0px; line-height: 1.2em;} #post-entry article h1.post-title a:hover,#post-entry article h2.post-title a:hover {text-decoration: none; color: #C43100;} #post-entry article.post-single h1.post-title, h1.folio {font-size: 3.2em; margin-bottom: 0.2em;} #post-entry article.home-post div.post-meta {font-size: 0.9em;} #post-entry article div.post-meta {margin: 0px; padding: 0px; float: left; width: 100%; position: relative; color: #999;} #post-entry article div.post-meta.pmeta-single {font-size: 1.3em; color: #999;} .post-meta-top {font-size: 1.25em; text-align: center; color: #666; display: inline-block; padding: 1em 0.85em 0.25em; background: #bbb; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: inset 1px 1px 1px #555; -webkit-box-shadow: inset 1px 1px 1px #555; -moz-box-shadow: inset 1px 1px 1px #555;} .post-meta-top a {color: #666; text-decoration: none;} .post-single .post-meta-top {font-size: 1.85em;} h4#more-blog {font-size: 2em; margin: 0px 0px 1em; padding: 2%; float: left; width: 96%; border-top: 1px solid #ddd; border-bottom: 1px solid #DDD;} .post-meta i {font-size: 1.025em !important; color: #999;} #post-entry article .post-meta a {text-decoration: none !important; color: #666;} #post-entry article .post-meta a:hover {text-decoration: none !important; color: #B00;} #post-entry article .post-meta span {} span.post-author{} span.post-time{} span.post-category{} span.single-post-category {position: absolute; top: 0px; background: #D73828; padding: 0.25em 1.125em; left: 0px;} .home-post span.post-category a {color: #666 !important; text-decoration: none; font-weight: bold; text-transform: capitalize;} span.post-tags{padding-top: 1em; padding-bottom: 1em; display: block; float: left; width: 100%;} span.post-tags a {background-color: #eee; padding: 0.25em 1em; border: 1px solid #ddd; display: inline; margin-left: 0.65em; border-radius: 0.8em;} span.post-edit{} span.post-comment{background: url(images/comment.png) no-repeat left center; padding-left: 16px;} .post-single span.post-comment{} span.post-view {} span.post-comment a, span.post-view a {} #wrapper span.post-comment a:hover, #wrapper span.post-view a:hover {} #post-entry article.home-post .post-content {font-size: 1.25em; float: left; width: 100%; padding: 0.6em 0px 1em; margin: 0px; line-height: 1.6em;} #post-entry article .post-content {font-size: 1.125em; float: left; width: 100%; padding: 1em 0%;} #post-entry article.post-single .post-content {font-size: 1.35em; margin-top: 0px; padding-top: 1.25em; line-height: 1.875em;} #post-entry article .post-right .post-content {font-size: 1.125em; margin: 0px; padding: 1em 0px; line-height: 1.4em;} #post-entry article .post-more {margin: 0.6em 0px 0px; padding: 0px; float: left; width: 100%; font-size: 1em; font-weight: bold;} #post-entry article .post-more a {color: #D33432; text-decoration: underline;} #post-entry article .post-more a:hover {} .post-content a {text-decoration: underline !important;} #post-entry div.social {margin-bottom: 5px; display: block; clear: both; margin-top: 5px;} div.skewbottom {background: #000; margin: 0px; padding: 0px; float: left; height: 20px; width: 100%; position: absolute; bottom: 0px; left: 0px; z-index: 99; -webkit-transform: matrix(1.000, -0.029, 0.029, 1.000, 0, 0); -moz-transform: matrix(1.000, -0.029, 0.029, 1.000, 0px, 0px); -ms-transform: matrix(1.000, -0.029, 0.029, 1.000, 0, 0); -o-transform: matrix(1.000, -0.029, 0.029, 1.000, 0, 0); transform: matrix(1.000, -0.029, 0.029, 1.000, 0, 0);} #with-adwrap {width: 100%; float: left; padding: 0.5em 0;} .adsense-loop, .adsense-post {width: 100%; padding: 0em !important; overflow: hidden; text-align: center; margin: 0 0 1.5em; float: left;} .adsense-single {border: 0px none; padding: 0px; clear: both; float: left; width: 100%; overflow: hidden; text-align: left;} .adsense-single.ad-top {margin:1em 0 0;} .adsense-single.ad-bottom {margin:0 0 1em;} #with-adwrap .adsense-single {border: 0px none; margin: 0 20px 0 0; padding: 5px 0 0; float: left; text-align: left; width:auto !important;} .adsense-single img {max-width:100%;margin:0;padding:0;border:0;} .post-single .share_box {} .sharebox-wrap {margin: 1em 0; padding: 0% 8%; position: relative; float: left; width: 84%;} .share_box {margin: 0px; padding: 6px 0px 0px; float: left; width: 100%;} .page-single .share_box {} .share_box .share_btn {margin: 0px 0px 0px; width: auto; padding: 0px; float: left;} .share_box .twitter_share {width: 85px !important; overflow: hidden;} .share_box .fb_share {margin-right: 10px !important;} .share_box .gplus_share {width: 70px !important; overflow:hidden !important;} #social-head div.side_share_btn {margin: 5px 20px 0px 0px; float: left; padding: 0px; width: auto !important;} #custom .share-box iframe, #custom .share-box a {margin: 0 10px 0 0; width:auto !important;} #custom .share-box div.social-button {margin: 0 10px 0 0;width:100px;float:left;} #sharebox-wrap { margin: 0.6em 0px 1.125em; padding: 0px; position: relative; display: inline-block; float: left; width: 100%; } .share_box {display: inline; padding: 0; float: left; margin: 0px; width: 100%;} .post-single .share_box {} .share_box .continue-reading {margin: 2px 10px 0 0; padding: 0px; float: right;} .share_box .continue-reading a {font-size: 1.3em; text-transform: uppercase; color: #999; text-decoration: none; font-weight: 400;} .share_box .continue-reading a i {font-size: 1.3em; margin: 0 0 0 5px;} .share_box p {margin: 0px 6px 0px 0px; float: left; padding: 0px;} .share_box p a {font-size: 11px; background-color: #f9f9f9; border: 1px solid #CCC; display: inline; float: left; color: #333 !important; text-decoration: none; padding: 4px 8px 4px 6px; border-radius: 4px; font-weight: bold;} .share_box p a:before {font-size: 14px; font-weight: normal !important;} .share_box p.fb a:before {color: #3B5998;} .share_box p.tw a:before {color: #00aced;} .share_box p.gp a:before {color: #dd4b39;} .share_box p.pinit a:before {color: #c92228;} .share_box span {font-family: Arial, Helvetica, sans-serif; margin-left: 3px !important;} #post-related {padding: 0% 8%; margin: 2em 0px 0px; clear: both; float: left; width: 84%;} #with-adwrap #post-related {padding: 0px; margin: 0px; float: left; clear:none !important; width: 300px !important;} #post-share {float: left; width: 50%;} #related-post {float: right; width: 50%;} #post-related h4, #post-related-inline h4, .sharebox-wrap h4 {font-size: 1.75em; margin: 0px 0px 0.5em; padding: 0px 0px 5px; color: #222; float: left; width: 100%; border-bottom: 1px solid #eee;} #post-related h2,#post-related-inline h2 {font-size: 1.025em; line-height: 1.4em; margin: 0; padding: 0;} #post-related-inline h2 {text-align: left !important; font-size: 1.4em; margin: 0px; padding: 0px; float: left; width: 100%; color: #222;} #post-related h2 a, #post-related-inline h2 a {color: #333; text-decoration: none;} #post-related .feat-cat-meta {margin: 0px 1.25em 0.5em 0px; float: left; width: 31%; overflow: hidden;} #with-adwrap #post-related .feat-cat-meta {margin: 0.5em 0px; float: left; width: 98%; overflow: hidden;} #post-related .feat-cat-date {margin: 0px 0px 0.25em; padding: 0px 0px 0.5em; color: #aaa;} #post-related .post-small-thumb {margin: 0px; padding: 5px 0 0; float: left;} #post-related .post-small-right {margin: 0px; padding: 0px 0px 0px 15px; float: left; width: 450px;} #post-related .feat-cat-meta p {margin: 0.5em 0 0;} #post-related img.alignleft {padding: 0px; margin-right: 15px; margin-bottom: 0px;} #post-related-inline .feat-cat-meta {margin: 0px; float: left; width: 96%; overflow: hidden; padding: 2% 0%; position: relative;} #post-related-inline .feat-cat-right {margin: 0px 0 0 140px;} #post-related-inline .feat-cat-date {} #post-related-inline .post-small-thumb {height: auto; width: 120px; overflow: hidden; border: 3px solid #FFF; box-shadow: 0 0px 4px #888; float: left;} #post-related-inline .post-small-right {} #post-related-inline .feat-cat-meta p {margin: 0px; padding: 0px; font-size: 1.125em; line-height: 1.3em;} #post-related-inline .post-small-thumb img {float: left; height: auto; width: 100%; margin: 0px; padding: 0px;} #post-related-inline small {font-size: 1em; color: #999; display: block; margin-bottom: 0.5em;} .related-post-thumb {margin: 0px 0px 1em; padding: 0px; float: left; height: 150px; width: 100%; overflow: hidden;} #author-bio {padding: 3% 10%; margin: 2em 0em; float: left; width: 80%; position: relative; color: #444 !important; background-color: #f6f6f6; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;} #author-bio #author-avatar {float: left;} #author-bio #author-avatar img.avatar {margin: 0px !important; border: 1px solid #CCC; border-radius: 40px;} #author-bio #author-description {margin: 0 0 0 95px; line-height: 1.6em; font-size: 1.25em;} #author-bio #author-description .atop, #author-bio #author-description .acenter, #author-bio #author-description .abottom {width: 100%; float: left; padding: 0 0 0.5em;} #author-bio #author-description h2 {font-size: 1.5em; text-shadow: 0 0 1px #fff; margin: 0px; padding: 0px; float: left; font-weight: bold;} #author-bio #author-description #author-link {font-size: 1em; text-shadow: 0 0 1px #fff; margin: 0px 10px 0px 0px; padding: 0px; float: right;} #author-bio #author-description .acenter p {margin: 0px 3px 0px 0px; padding: 0px; float: left;} #author-bio #author-description .acenter p a {margin: 0px; padding: 0px; float: left; font-size: 0px; color: transparent; display: block; height: 32px; width: 32px;} #author-bio #author-description .acenter p.user-twitter a {background-image: url(images/author-social/twitter.png); background-repeat: no-repeat; background-position: center center;} #author-bio #author-description .acenter p.user-facebook a {background-image: url(images/author-social/facebook.png); background-repeat: no-repeat; background-position: center center;} #author-bio #author-description .acenter p.user-googleplus a {background-image: url(images/author-social/googleplus.png); background-repeat: no-repeat; background-position: center center;} #author-bio #author-description .acenter p.user-linkedin a {background-image: url(images/author-social/linkedin.png); background-repeat: no-repeat; background-position: center center;} #post-navigator {width: 80%; margin: 0px; padding: 1% 10%; float: left;} .wp-pagenavi {margin: 0em; text-align: center; padding: 2em 0em 1em; width: 100%; font-size: 1.3em; float: left;} .wp-pagenavi .pages {width: auto; position: relative; height: auto; color: #fff; margin: 0px 0.5em 0px 0px; padding: 0.5em 1em; background: #333;} .wp-pagenavi .current {width: auto; position: relative; height: auto; margin: 0px 0.25em 0 0.25em; text-decoration: none; color: #FFF; padding: 0.5em 1.125em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #D33432; border: 1px solid #CE2D2D;} .wp-pagenavi a {text-decoration: none; height: auto; width: auto; margin: 0px 0.25em 0; display: inline; color: #333; padding: 0.5em 1.125em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow: 0 0px 1px #fff; box-shadow: 0 0 3px #fff; -webkit-box-shadow: 0 0 3px #fff; background: #eeeeee; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #eeeeee 1%, #dddddd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eeeeee), color-stop(100%, #dddddd)); background: -webkit-linear-gradient(top, #eeeeee 1%, #dddddd 100%); background: -o-linear-gradient(top, #eeeeee 1%, #dddddd 100%); background: -ms-linear-gradient(top, #eeeeee 1%, #dddddd 100%); background: linear-gradient(to bottom, #eeeeee 1%, #dddddd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); font-weight: bold; border: 1px solid #CCC;} .wp-pagenavi a:hover {text-decoration: none; background: #eeeeee; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNmM2YzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #eeeeee 1%, #c6c6c6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eeeeee), color-stop(100%, #c6c6c6)); background: -webkit-linear-gradient(top, #eeeeee 1%, #c6c6c6 100%); background: -o-linear-gradient(top, #eeeeee 1%, #c6c6c6 100%); background: -ms-linear-gradient(top, #eeeeee 1%, #c6c6c6 100%); background: linear-gradient(to bottom, #eeeeee 1%, #c6c6c6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#c6c6c6',GradientType=0 );} #post-navigator .alignleft a, #post-navigator .alignright a {margin: 0px; text-decoration: none; display: block; border: 0 none; padding: 3px 8px; font-weight: bold;} #post-navigator .alignleft a:hover, #post-navigator .alignright a:hover {text-decoration: none;} #post-navigator-single {width: 80%; font-size: 1.25em; display: block; margin: 0px; padding: 1% 10% 4%; float: left; font-weight: bold;} #post-nav-feed {font-size: 1.05em; width:100% !important; float: left; padding: 2% 0 !important;} #post-navigator-single .alignleft {margin: 0px; padding: 0px; float: left; width: 100%; overflow: hidden; text-align: center; height: auto;} #post-navigator-single .alignright {margin: 0.5em 0px 0px; padding: 0px; float: right; width: 100%; overflow: hidden; text-align: center; height: auto;} #post-navigator-single a {text-decoration: none; font-weight: normal;} #post-navigator-single a:hover {text-decoration: underline;} #socialbox {} #socialbox p {margin: 0px 3px; padding: 0px; float: left;} #socialbox p:hover {} #socialbox p.sto {padding-top: 8px;} #socialbox p a {width: 37px; height: 37px; display: block; font-size: 0px; color: transparent;} #socialbox p.rss {background: url(images/rss.png) no-repeat center center;} #socialbox p.twitter {background: url(images/twitter.png) no-repeat center center;} #socialbox p.facebook {background: url(images/facebook.png) no-repeat center center;} #socialbox p.linkedin {background: url(images/linkedin.png) no-repeat center center;} #socialbox p.youtube {background: url(images/youtube.png) no-repeat center center;} #socialbox p.gplus {background: url(images/gplus.png) no-repeat center center;} #socialbox p.facebook {background: url(images/facebook.png) no-repeat center center;} #socialbox p.flickr {background: url(images/flickr.png) no-repeat center center;} .widget select {width: 80%; padding: 2px; border: 1px solid #ddd; color: #444;} #searchform label {display: none;} #searchform input[type='text'] {color: #444; padding: 6px 12px; margin: 0 5px 0 0; width: 55%; font-size: 1em; background: #e8e8e8; border: 1px solid #ccc;} #searchform input[type='submit'], #searchform input[type='button'] {color: #fff; text-decoration: none !important; display: block; margin: 0px; padding: 5px 12px; font-size: 1em; text-shadow: 0 0px 1px #000; font-weight: bold; border: 1px solid #000; display: inline; visibility: visible; background: #3f4c6b; border-radius: 5px;} #searchform input[type='submit']:hover, #searchform input[type='button']:hover {background: #282d38; cursor: pointer;} .widget_archive select, .widget_category select {margin: 1em;} .widget-area {float: left; width: 100%; margin: 0px; padding: 5px 0 0; overflow: hidden;} .widget-area img {margin-bottom: 0.3em;} .widget-area aside {margin: 0 0 3em; padding: 0%; float: left; width: 99%; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; background-color: #FFF;} .widget-area table {text-align: center;} #left-sidebar .widget-area aside ul:first-of-type {float: left; width: 88%; list-style: none; margin: 0px; padding: 0% 6%;} footer .widget-area aside {border-radius: 0px; -webkit-border-radius: 0px; box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent;} .widget-area aside ul {float: left; width: 100%; list-style: none; margin: 0px; padding: 0px; overflow: hidden;} .widget-area aside ul li {list-style: none; margin: 0px; padding: 0px; float: left; width: 100%;} .widget-area aside ul li:hover {} .widget-area aside ul li, .textwidget, .ctwidget {font-size: 1em;} #right-sidebar .widget-area aside ul li, #right-sidebar .textwidget, #right-sidebar .ctwidget {} .widget-area aside ul li ul {} .widget-area aside ul li ul li {float: left; width: 90%; list-style: none; margin: 0em !important; padding: 0px 0px 0px 15px; font-size: 90%; background: url(images/children.png) no-repeat left 3px; border: 0px none; display: inline;} #right-sidebar .widget-area aside ul li ul li {} .widget-area aside ul li ul li:hover {background: transparent url(images/children.png) no-repeat left 3px;} footer .widget-area aside ul li ul li {background: url(images/children_alt.png) no-repeat left 3px;} .widget-area aside .textwidget, #right-sidebar div.ctwidget {font-size: 1.125em; line-height: 1.4em;} .widget table {margin: 0px; padding: 0px; float: left; width: 100%;} .widget #wp-calendar {margin: 0px auto; padding: 0.5em 0px 1em; clear: both; float: none; width: 90%; text-align: center;} .widget #wp-calendar td {text-align: center;} .widget #wp-calendar thead th {text-align: center; font-weight: bold;} #right-sidebar .widget #wp-calendar caption {text-align: center; padding: 0.25em; background: transparent none !important; margin-top: 1em; font-weight: normal; color: #444; text-decoration: none; margin-bottom: 0px;} .widget-area aside h2, .widget-area aside h3 {} .widget-area aside h2 a, .widget-area aside h3 a {text-decoration: none;} #left-sidebar h3.widget-title a, #left-sidebar .twitterbox a, #left-sidebar table a {color: #C30 !important; text-decoration: none;} #right-sidebar h3.widget-title a {color: #fff; text-decoration: none;} #left-sidebar #wp-calendar caption {font-size: 1em; background: transparent none !important;} .widget-area table {clear: both;} .widget-area #sponsorlinks {text-align: center;} .widget-area #sponsorlinks img {width: auto; clear: both; margin-bottom: 0px; border: 0 none; margin: 10px !important;} #left-sidebar h3.widget-title {padding: 2% 2% 2% 5%; font-size: 1.125em; margin: 0px 0px 0.5em; float: left; width: 93%; letter-spacing: normal; color: #222; font-weight: bold; background: #D7D7D7; border-radius: 6px;} #right-sidebar h3.widget-title {padding: 2% 4%; font-size: 1.5em; margin: 0; float: left; width: 92%; letter-spacing: normal; color: #FFF; border: 1px solid #111; background-color: #2E3639; text-transform: capitalize;} #left-sidebar h3.widget-title {} .sidebar a {color:#555;} #textpad h3.widget-title {} #right-sidebar aside > ul, #left-sidebar aside > ul, .sidebar #searchform, .ctwidget,.sidebar div.textwidget, #sponsorlinks, .sidebar aside div.tagcloud, .sidebar #calendar_wrap, div.extra-block, div.avatar-block, .sidebar ul.menu {margin: 0px; padding: 4%; float: left; width: 92%; -webkit-border-bottom-left-radius: 8px; -moz-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;} aside .extra-block iframe {margin:0 !important;} aside div.textwidget, #right-sidebar div.ctwidget, aside div.tagcloud {} #wrapper-main .widget-area #sponsor-links {} #right-sidebar div.ctwidget {} #right-sidebar div.ctwidget a {font-weight: normal; text-decoration: none;} #right-sidebar div.ctwidget a:hover {font-weight: normal; text-decoration: none !important;} footer aside div.tagcloud, footer aside div.textwidget {padding: 0 !important; margin: 0 !important; float: left; width: 100% !important;} .widget_tag_cloud .widget-title {margin: 0 !important;} #right-sidebar aside {margin-bottom: 2em !important;} #right-sidebar .sidepagedown {background: #ddd; margin: 0px auto; clear: both; float: none; height: 5px; width: 97%; display: none;} #right-sidebar caption {background: #eee !important; color: #000; font-size: 1.2em;} #left-sidebar aside li a, #left-sidebar aside div a {color: #666; text-decoration: none; font-weight: normal;} #right-sidebar aside li a, #right-sidebar aside div a {color: #666; text-decoration: none; font-weight: normal;} #left-sidebar aside li a:hover, #left-sidebar aside div a:hover,.sidefeat h4 a:hover {color: #9A2103; text-decoration: none;} #right-sidebar aside#ctr-ad aside {border:0 none;margin:0;width:100%;} #right-sidebar aside#ctr-ad {overflow:hidden;} #right-sidebar aside li a:hover, #right-sidebar aside div a:hover,#right-sidebar table a,#right-sidebar .twitterbox a {color: #D33432; text-decoration: none;} aside.widget_recent_entries li {margin-bottom: 0.75em !important; line-height: 1.4em;} .gravatar_recent_comment li {position: relative; width: 100%; float: left; margin: 0 0 1em 0 !important;} .gravatar_recent_comment li .gravatar-meta {line-height: 1.4em; margin: 0 0 0 40px;} .most-commented li {line-height: 116%; margin-bottom: 1em !important;} div.featured-category {margin: 0px; padding: 0px; float: left; width: 31%; font-size: 1em; line-height: 1.4em;} div.featured-category.wider-cat {width: 31%; padding-right: 4%; padding-left: 3%;} div.featured-category h6 {margin: 0px 0px 1em; padding: 2% 3%; float: left; width: 95%; font-size: 1em; color: #444; text-decoration: none; background: #d9d9d9; font-weight: bold; -webkit-text-shadow: 0 0 1px #fff; text-shadow: 0 0 1px #fff;} div.featured-category #sidebar h6 {margin: 0px !important; padding: 2% 3%; float: left; width: 95%; font-size: 1em; color: #444; text-decoration: none; background: #d9d9d9; font-weight: bold; -webkit-text-shadow: 0 0 1px #fff; text-shadow: 0 0 1px #fff;} div.featured-category h2 {margin: 0px; padding: 0px; float: left; width: 100%; font-size: 1em; color: #444; text-decoration: none; font-weight: bold !important; -webkit-text-shadow: 0 0 1px #fff; text-shadow: 0 0 1px #fff; line-height: 18px;} div.featured-category .feat-cat-meta {margin: 0px 0px 10px; padding: 0px; float: left; width: 100%; border-bottom: 1px solid #ededed;} div.featured-category .postmeta {float: left; width: 100%; margin: 0px; padding: 0px;} div.featured-category .smallmeta {float: left; width: 200px !important; margin: 0px; padding: 0px 0px 0px 12px;} div.featured-category .thumb {margin: 0px 0px 11px; padding: 0px; float: left; width: 285px !important; border: 0px none; overflow: hidden !important; height: 130px;} div.featured-category .smallthumb {margin: 0px 0px 11px; padding: 0px; float: left; width: 48px !important; border: 0px none; overflow: hidden !important; height: 48px;} div.featured-category .thumb img {margin: 0px; padding: 0px; border: 0px none; float: left; max-width: 100%; height: auto;} #wrapper .sidefeat {} #custom .sidefeat h4 {font-size: 1.35em; line-height: 1.3em; margin: 0;} #wrapper .sidefeat li {float: left; width: 100%; padding-bottom: 0.6em; margin-bottom: 0.6em; position: relative;} .sidefeat span {color: #333; font-size: 0.9em !important;} .sidefeat span a {color: #222 !important;} #container .sidefeat h4 a {font-weight: bold !important; text-decoration: none; color: #333;} #wrapper .sidefeat-meta {margin-left: 90px;} .sidefeat h4 a:hover {text-decoration: none !important;} .sidefeat img.alignleft {margin: 0 8px 0 0; width: 75px; height: auto; float: left; border: 3px solid #fff;} .sidefeat i {font-size: 1.125em !important; margin: 0px;} p.sidetext {font-size: 1em; line-height: 1.2em; padding-top: 6px;} footer {text-shadow: 0 0 1px #111; -webkit-text-shadow: 0 0 1px #111;} footer a {} footer a:hover {} footer #devlink {font-size: 0.85em; margin: 0.5em 0 0; padding: 0px; float: left; width: 100%;} footer #devlink a {} div.fbox {width: 22.777%; padding: 2% 2% 0% 0%; float: left;} div.fbox:hover {} div.fbox.wider-cat {display: inline;} div.fbox.last {margin: 2% 0%; padding: 1%; background-color: #222;} .footer-top {margin: 0px; float: left; width: 96%; padding: 0px 2%; background: #282828 url(images/fbody.png) repeat;} .footer-top .footer-sec {} .footer-bottom {background: #323232 url(images/fbody.png) repeat; float: left; width: 100%; padding: 0%;} .footer-left {margin: 0px; padding: 0px; float: left; width: 49%; text-align: left;} .footer-right {margin: 0px; padding: 0px; float: right; width: 49%; text-align: right;} .ftop {padding: 0px; margin: 0px; float: left; width: 100%; text-decoration: none;} .ftop, .ftop div.textwidget {color: #CCC; line-height: 1.4em;} .ftop div.textwidget a {text-decoration: underline;} .ftop .container-wrap {width: 100%; float: left; padding:0% !important;} .fbottom{float: left; width: 97%; margin: 0px; padding: 15px 2% !important; color: #666;} .fbottom .footer-left, .fbottom a {} .fbottom a:hover {text-decoration: none;} footer .ftop a{text-decoration: none; color: #666;} footer .ftop a:hover {text-decoration: none; color: #EBEBEB;} footer .fbottom a {text-decoration: none; color: #666;} footer .fbottom a:hover {text-decoration: none; color: #FFF;} footer .ftop a:hover, footer div.textwidget a, footer .fbottom a:hover, footer .twitterbox a {text-decoration: none;} .ftop aside, .ftop div.textwidget, .ftop div.tag-cloud {padding: 0px 5% 0px 0px; float: left; width: 95%; border: 0 none !important; background: transparent;} .ftop .widget-area aside ul li, .ftop .widget-area aside ul li:hover {margin: 0px; padding: 0px;} .ftop .widget-area aside ul li ul {margin: 0px 0px 3px;} .ftop .widget-area aside ul li ul li {padding-right: 0px; padding-left: 15px; background: url(images/children_alt.png) no-repeat left 3px;} .ftop .widget-area aside ul li:hover {background: transparent none;} .ftop .widget-area aside ul li ul li:hover {padding-right: 0px; padding-left: 15px; background: transparent url(images/children_alt.png) no-repeat left 3px !important;} .ftop .widget-area aside ul li ul li a {} .ftop .widget-area aside ul li {border: 0px none;} .ftop .widget-area aside ul li {} .ftop .widget caption {font-size: 0.9em !important; background: #333 !important; font-weight: bold;} .ftop h3.widget-title {color: #D33432; font-size: 1.5em; padding: 0px; float: left; margin: 0px 0px 1em; width: 100%; font-weight: normal;} .ftop h3.widget-title a {color: #D33432; text-decoration: none;} .footer-right ul {margin: 0px; padding: 0px; width: auto; list-style: none; display: block; float: right;} .footer-right ul li {display: inline-block; margin: 0px 0px 0px 13px; padding: 0px; float: left; text-transform: uppercase !important;} .footer-right li a {} .footer-right p {margin: 0px; padding: 0px; width: 100%; list-style: none; display: block; float: right;} #commentpost {float: left; width: 84%; padding: 0% 8%; margin: 2em 0px 2.25em; position: relative;} #container h4#comments {margin: 20px 0 0; padding: 0px;} #commentpost #rssfeed {float: left; width: 100%;} #commentpost #rssfeed a {background: url(images/rss2.png) no-repeat left center; padding-left: 22px; font-size: 1.125em; padding-top: 4px; padding-bottom: 4px;} #commentpost #rssfeed a:hover {color: #222; text-decoration: underline;} #commentpost h4, h3#reply-title{font-size: 1.75em; margin: 2em 0px 0.35em; padding: 0px; float: left; width: 100%; color: #222;} .comment h3#reply-title {margin: 0px; padding: 0px;} #rss-com {margin: 0px; padding: 0px 0px 25px; float: left; width: 100%;} #rss-com p {margin: 0px; padding: 0px; float: left;} #rss-com p a {display: inline-block; margin: 0px 20px 0px 0px; padding: 4px 10px; float: left; text-decoration: underline;} ol.commentlist {list-style: none; margin: 0; padding: 2em 0; text-indent: 0; float: left; width: 100%;} #commentpost blockquote {margin-bottom: 1em;} #commentpost blockquote blockquote {margin: 8px 0px; padding: 6px;} ol.commentlist blockquote p {margin: 0px !important; padding: 0px !important;} #respond {margin: 0px; padding: 0px; width: 100%;} ol.commentlist li {height: 1%; display: inline; margin: 0 0 15px; padding: 3%; position: relative; float: left; width: 93%; border: 1px solid #ddd; box-shadow: 0 0px 2px #999;} ol.commentlist li li {padding: 20px 5% 0px 3% !important; background: transparent none; width: 80% !important; margin: 0px; border-left: 1px solid #ddd; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; box-shadow: 0 0 0 transparent;} ol.commentlist li li img.avatar {width: 32px; height: 32px;} ol.commentlist li.alt {background: #f6f6f6;} ol.commentlist li.bypostauthor {} ol.commentlist li.byuser {} ol.commentlist li.comment-author-admin {} #commentpost ol.commentlist li.comment {} #commentpost ol.commentlist li.comment li {border-bottom: 0 none !important;} #commentpost ol.commentlist li.comment ul li {background: transparent none;} ol.commentlist li div.comment-author {padding: 10px 0px 0 0;} ol.commentlist li div.comment-author small a {color: #999; text-decoration: none; font-size: 0.9em; font-weight: 300;} li.depth-2, li.depth-3, li.depth-4, li.depth-5, ol.commentlist ul.children {padding-bottom: 0px !important; margin-bottom: 0px !important;} ol.commentlist li div.vcard {padding-left: 75px; padding-top: 0px; margin-top: 0px !important;} #commentpost ol.commentlist li ul li .vcard {padding-left: 55px !important;} ol.commentlist li div.vcard p {} .comment-body #respond {width: 100%; float: left; position: relative; margin-bottom: 1em;} .fn a {} ol.commentlist li div.vcard cite.fn {font-style: normal;} ol.commentlist li div.vcard cite.fn a.url {text-decoration: underline;} ol.commentlist li div.vcard cite.fn a.url:hover {} ol.commentlist li img.avatar {border: 1px solid #d5d5d5; float: left; padding: 5px; background: #FFFFFF;} ol.commentlist li div.vcard img.avatar-32 {} ol.commentlist li li div.vcard img.photo {height: 32px; width: 32px;} ol.commentlist li div.vcard span.says {} ol.commentlist li div.commentmetadata {} ol.commentlist li div.comment-meta {position: absolute; right: 21px; text-align: right; top: 25px; margin-bottom: 25px;} ol.commentlist li div.comment-post-meta {font-weight: bold; margin: 0 0 0.5em; font-size: 1.25em;} ol.commentlist li div.comment-meta a {} ol.commentlist li div.comment-meta a:hover {color: #000000;} ol.commentlist li p {} ol.commentlist li p a {} ol.commentlist li ul {list-style: square; margin: 0 0 1em; padding: 0; text-indent: 0; font-weight: normal; font-variant: normal;} ol.commentlist li div.reply {width: 100%; margin: 0px; padding: 0px; float: left; font-size: 0.65em;} ol.commentlist li div.reply a {padding: 2px 5px; color: #fff !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-transform: uppercase; text-shadow: 0 0px 1px #000; box-shadow: 0 0 3px #000; -webkit-box-shadow: 0 0 3px #000; font-weight: bold; border: 1px solid #000; display: inline; visibility: visible; background: #3f4c6b; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmNGM2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMjFmM2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #3f4c6b 0%, #121f3d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3f4c6b), color-stop(100%, #121f3d)); background: -webkit-linear-gradient(top, #3f4c6b 0%, #121f3d 100%); background: -o-linear-gradient(top, #3f4c6b 0%, #121f3d 100%); background: -ms-linear-gradient(top, #3f4c6b 0%, #121f3d 100%); background: linear-gradient(to bottom, #3f4c6b 0%, #121f3d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#121f3d',GradientType=0 );} ol.commentlist li div.reply a:hover {background: #000; color: #fff !important; border: 1px solid #555; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} ol.commentlist li ul.children {list-style: none; margin: 1em 0 0; text-indent: 0;} ol.commentlist li ul.children li {} ol.commentlist li ul.children li.alt {} ol.commentlist li ul.children li.bypostauthor {} ol.commentlist li ul.children li.byuser {} ol.commentlist li ul.children li.comment {} ol.commentlist li ul.children li.comment-author-admin {} li.depth-2, li.depth-3, li.depth-4, li.depth-5, commentlist ul.children {display: inline;} ol.commentlist li ul.children li.depth-2 {margin: 0 0 0 45px;} ol.commentlist li ul.children li.depth-3 {margin: 0 0 0 25px;} ol.commentlist li ul.children li.depth-4 {margin: 0 0 0 25px;} ol.commentlist li ul.children li.depth-5 {margin: 0 0 0 25px;} ol.commentlist li ul.children li.odd {} #commentpost .comment_text {word-wrap: break-word; font-size: 1.2em; line-height: 1.4875em;} #commentpost .comment_text ul {margin-bottom: 24px; width: 100%; margin-left: 0px; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; list-style: none;} #commentpost .comment_text ul ul, #commentpost .comment_text ol ol {margin: 0px; list-style: none;} #commentpost .comment_text ul li {margin: 0px 0px 5px 25px !important; list-style: square; background: transparent none !important; border: 0px none !important; padding: 0px !important; line-height: 20px;} #commentpost .comment_text ul li ul li {margin-bottom: 0px; margin-top: 1px; margin-left: 0px; list-style: none; padding-left: 0px;} #commentpost .comment_text ol {list-style: decimal; margin-bottom: 24px; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-left: 0px;} #commentpost .comment_text ol li {list-style: decimal; margin: 0px 0px 5px 25px !important; background: transparent none !important; border: 0px none !important; padding: 0px !important; line-height: 20px;} #commentpost .comment_text ol li ol li {margin-bottom: 0px; margin-top: 1px; padding-left: 0px; list-style: square; margin-left: 15px;} ol.commentlist li.even {} ol.commentlist li.odd {} ol.commentlist li.parent {} ol.commentlist li.pingback {} ol.commentlist li.pingback .parent {} ol.commentlist li.pingback div.vcard {padding: 0 170px 0 0;} ol.commentlist li.thread-alt {} ol.commentlist li.thread-even {} ol.commentlist li.thread-odd {} ol.pinglist {margin: 0px; padding: 1em 0px 0px; float: left; width: 100%;} ol.pinglist li {margin: 0px 0px 3px; padding: 0px 0px 3px; float: left; width: 100%; list-style: none;} ol.pinglist li a{text-decoration: none; font-size: 1.125em;} ol.pinglist li a:hover {} p.logged-in-as {margin: 0px 0px 1em; padding: 0px; float: left; width: 100%;} .cancel-comment-reply {bottom: 45px; margin-bottom: 10px; position: absolute; right: 80px; z-index: 1000;} .comment-author #respond{margin: 1.5em 0;} .comment-author #respond h3 {font-size: 1.125em; margin: 0 0 1em;} .comment-author #respond h3 small {font-size: 0.7em;} #respond a {} #linking li {margin: 0px 0px 8px; padding: 0px; float: left; width: 100%;} #linking li a {} #commentform {clear: both; float: left; margin: 0; width: 95%;} #commentform p {margin: 0px 0px 1.125em; padding: 0px; float: left; width: 100%;} #commentform input[type="text"] {padding: 0.5em; margin: 0px 1em 0px 0px; border: 1px solid #ccc; display: block; width: 50% !important; float: left; color: #333; background: #fff;} #commentform input[type="text"]:focus, #commentform textarea#comment:focus {border: 1px solid #0066CC !important; color: #333; background: #FFF;} #commentform p span.required, .comment-notes {} #commentform p span.required {color: #D61111;} p.comment-form-comment label {margin: 0px; display: block;} #commentform label {font-weight: bold;} #commentform textarea#comment {margin: 0px; padding: 7px; width: 98%; clear: both; height: 12em; border: 1px solid #ccc; overflow: auto; background: #fff;} .form-submit #submit {font-size: 14px; text-decoration: none; display: block; margin: 0px; padding: 6px 17px; -webkit-border-radius: 5px; border-radius: 5px; font-weight: bold; color: #fff; position: relative; border: 1px solid #222; background: #444;} .form-submit #submit:hover {cursor: pointer; color: #fff; background: #222; border: 1px solid #111;} p.form-allowed-tags {color: #999;} #respond p.must-log-in {display: block; width: 100%; float: left; clear: both; margin: 1em 0;} #portfolio-filter {width: 100%; float: left; list-style: none;} #portfolio-filter li{display: inline; margin: 0; padding: 0; float: left;} #portfolio-filter li a{display: inline-block; margin: 0 10px 0 0 !important; padding: 0.65em 2em; background: #ddd; color: #333; float: left; -webkit-border-radius: 5px; border-radius: 5px;} #portfolio-filter li a:hover {background: #ccc; color: #222;} #portfolio-list {width: 96%; padding: 2%; float: left; background: #fff;} #portfolio-list h1.folio {margin: 0px 0px 0.4em; padding: 0px; float: left; width: 100%;} #portfolio-list h1 span {color: #aaa; font-size: 0.65em;} #portfolio-list article.one-col {width: 100% !important; float: left; padding:0 !important; border: 0 none; margin: 0; position: relative; overflow: hidden;} #portfolio-list article.two-col {width: 50% !important; float: left; padding:0 !important; border: 0 none; margin: 0; position: relative; overflow: hidden;} #portfolio-list article.three-col {width: 33% !important; float: left; padding:0 !important; border: 0 none; margin: 0; position: relative; overflow: hidden;} #portfolio-list article.four-col {width: 25% !important; float: left; padding: 0 !important; margin: 0; border: 0 none; position: relative; overflow: hidden;} #portfolio-list .folio-post img {max-width: 100%; width: auto; height: auto; float: left; margin: 0; padding: 0;} .folio-post .slidecaption {float: left; position: absolute; background: #000 url(images/link.png) no-repeat center center; height: 100%; text-align: center; width: 100%; opacity: .5; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; top: -999em;} .folio-post .slidecaption h1 {color: white; position: absolute; bottom: 50px; width: 100%; text-align: center;} #ctr-ad .textwidget {text-align: center; display: block;} #mobile-nav {display: none; margin: 0px; padding: 0 0px 1em 0px; float: left; width: 100%;} #mobile-nav .innerwrap {margin: 0px auto; clear: both; width: 100%;} #mobile-nav select {color: #666; padding: 0.55em 0.25em; width: 96%; border: 1px solid #fff; float: left;} .post-thumb.in-mobile {display: none;} .post-schema {width:1px;height:1px;overflow:hidden;position:absolute;left:-9999em;} .featured-cat-posts {width: 100%; float: left; margin: 0; padding: 0;} #custom aside.featured-post-widget {margin: 0; padding: 0;} #custom #right-sidebar .featured-cat-posts li,#custom #left-sidebar .featured-cat-posts li {border-bottom: 1px solid #ddd; width: 100%; float: left; margin: 0 0 1em; padding: 0 0 1em; position: relative;} #custom .featured-cat-posts li {margin: 0 0 1em; padding: 0 0 1em; width: 100%; float: left; position: relative; background: transparent none;} #custom .featured-cat-posts li:last-of-type {margin: 0 !important; padding:0 !important; border:0 none !important;} .featured-cat-posts img {margin: 0; padding: 0; border: 0 none;} .featured-cat-posts .has_thumb.the-sidefeat-thumbnail .feat-post-meta {margin: 0 0 0 60px;} .featured-cat-posts .the-sidefeat-medium .feat-post-meta {margin: 10px 0 0 0;} .featured-cat-posts .the-sidefeat-medium img {width: 100%; height: auto; max-width: 100%; margin: 0 0 10px;} .featured-cat-posts h5.feat-title { line-height: 1.3em; font-size: 15px; margin: 0; padding: 0; font-weight: normal; } #custom #right-sidebar .featured-cat-posts h5.feat-title a {color:#333 !important; text-decoration:none !important;} .ftop .featured-cat-posts h5.feat-title a {color:#fff !important; text-decoration:none !important;} .featured-cat-posts .feat-meta {line-height: 1.3em; color: #888; font-size: 11px; margin: 0; padding: 0; font-weight: normal;} footer .featured-cat-posts .feat-meta, footer .featured-cat-posts .feat-meta span a {} #custom .featured-cat-posts .feat-meta a {color:#888 !important; text-decoration:none !important;} @media only screen and (min-width:768px) and (max-width:1118px) { footer .innerwrap, header .innerwrap, #bodywrap, .innerwrap-custom-header, #main-navigation .innerwrap {margin: 0px auto; padding: 0px; max-width: 960px; width: auto;} #post-entry article.home-post {height: 320px;} #right-sidebar h3, ul.tabbernav li {font-size: 1.125em !important;} .widget-area #sponsorlinks img {margin: 2px !important;} #post-entry article.home-post {height: 520px;} #post-related .feat-cat-meta {width: 30%;} } @media only screen and (min-width:300px) and (max-width:770px){ #Gallerybox,#myGallery, #myGallerySet, #flickrGallery {height: 200px !important;} #topbanner {float: left; position:relative !important; top: 0; right: 0;} body {} .sliderImage h1 {font-size: 2em !important;} #post-entry, #right-sidebar {margin: 0 0 2em; padding: 2% 0%; position: relative; float: left; width: 100% !important;} #header-right {width: 100%; text-align: center;} #header-right .social-and-search {margin: 0px; padding: 0.6em; float: left; width: auto;} #slider {width: 100% !important;} #mobile-nav {width: 96%; padding: 2%;} #siteinfo {width: 100%; float: left;} #container .flex-caption h1 {margin: 0 0 0.125em; font-size: 1.85em;} #container ol.commentlist li ul.children li.depth-2 {margin: 0 0 0 0px;} #left-container {display: none;} #wrapper-main {float: left; width: 100%; background: transparent !important; box-shadow: 0 2px 5px transparent !important;} #topbanner {width: 100%; float: left; overflow: hidden; margin: 1em 0 0;} .jcpost h1{font-size: 3em !important;} footer .innerwrap, header .innerwrap, #bodywrap, #main-navigation .innerwrap {margin: 0px auto; padding: 0px; max-width: 90%; width: auto;} #post-related .feat-cat-meta {margin: 0px 0.8em 0.5em 0px !important;} #wrapper .content {width: 100%; padding:0% !important;} #post-entry {padding:0 !important; width: 100% !important;} footer .fbox {width: 100%; padding: 0%;} #slidearea .innerwrap,#gallerycover {width:100% !important;} .jcbox img{float:none !important; clear: both; margin: 0px 0px 1em 0px !important; padding: 0px; max-width:90% !important; height: auto; width: auto;} .jcpost {width:auto !important; float: left;} #slidearea,#gallerycover,.jcpost {height: 530px !important;} .ftop {width: 94%; padding: 2em 3% !important;} .footer-left, .footer-right {width:100% !important; padding: 0.25em 0;} .footer-right {margin: 0; padding: 0;} .footer-right ul {float: left !important;} .footer-right ul li {margin: 0 10px 0 0 !important;} div#mobile-nav {display:inline !important;} #main-navigation {padding-top: 0.25em;} #main-navigation .sf-menu {display: none;} footer.footer-bottom {width:98% !important; padding: 0% 1% 0%!important;} #custom .flexlarge .flex-image {width: 360px; height: 220px; overflow: hidden; position: absolute; right: 30px !important; bottom: 0px !important; border: 6px solid #FFF; top: 21px; box-shadow: 0 2px 0 #FCF9EE, 0 4px 0 rgba(0, 0, 0, .15);} #custom #single-content {width: 94% !important; padding:3% !important; height:auto !important; margin:0 0 3% !important;} #custom #with-adwrap #post-related {width: 260px !important;} } @media only screen and (min-width:280px) and (max-width:600px){ #custom #post-entry article.home-post .article-blk {width: 94%; padding:3% !important; height:auto !important; margin:0 0 3% !important;} #custom #post-entry article.home-post {width: 100%; height:auto !important; float: left; margin:0 0 2em !important;} #custom #post-entry article.home-post.alt-post {width: 100%; height:auto !important; float: left; margin:0 0 2em !important;} #custom .post-right {width: 100%; margin:0 !important;} #custom #single-content {width: 94% !important; padding:3% !important; height:auto !important; margin:0 0 3% !important;} .sliderImage h1 {font-size: 2em !important;} #custom #slider {height: 400px !important;} #custom .sliderImage img {width: auto !important; height: auto !important; max-width: 600px;} #slider .left, #slider .right {width: 45% !important;} #post-entry div.post-thumb {margin: 0em; height: auto !important; width: 100%;} #post-entry div.post-thumb img {height: auto !important; width: 100%;} #custom .flex-caption {width: 80% !important; padding: 0%; position: absolute; float: left; left:60px !important; margin: 0px; top: 260px !important;} #custom .flex-caption h1 {margin: 0em; color: #222; font-size: 1.35em; line-height: 115%; padding: 0px; float: left; width: 100%;} .flexlarge .feat-more {margin: 6px 0 0 !important;} .flex-caption p {display: none;} } @media only screen and (min-width:200px) and (max-width:322px){ }