/* Theme Name: MesoColumn Theme URI: http://www.dezzain.com/wordpress-themes/mesocolumn/ Description: Mesocolumn is a HTML5 and CSS3 WordPress Theme. The theme also support BuddyPress, BBPress and WooCommerce and comes with Unlimited Color with Categorize Color Setup and 600+ Google Webfonts Selection. With a responsive mobile friendly design its compatible with devices like Desktop, Tablet, small phone, i-Pad, iPhone, and Android Phones. Version: 10.5.6 Author: Richie KS Author URI: http://www.dezzain.com License: GNU General Public License License URI: http://www.opensource.org/licenses/gpl-license.php Tags: buddypress,white,two-columns,three-columns,right-sidebar,flexible-width,flexible-header,editor-style,custom-menu,custom-header,custom-background,featured-images,full-width-template,theme-options,threaded-comments,translation-ready The CSS, XHTML and design is released under GNU General Public License: http://www.opensource.org/licenses/gpl-license.php */ /* changelog v1.5.6 - remove remaining schema.org markup for header,sidebar and footer - fixed homepage featured category with '&' in category name *you may need to resave the featured category in theme options - re-edit theme footer credits v1.5.5 - moved custom.css to theme root for easier editor edits - redefine functions prefix - new option: control excerpt word count - new option: editable read more text - new option: hide and show comment close notice - new option: related post count - new option: enable or disable archives header v1.5.4 - removed none gpl subtle background image *did not have any use in theme btw - change theme footer credits link - home featured category count now controlable via theme options v1.5.3 - skipped version *ignore v1.5.2 - removed addons folder and schema.php *both are now plugin dependable - added 2 more featured category for homepage - change featured image alt for better seo purpose v1.5.1 - tested compatible with latest BuddyPress 1.8.1 - add compatibility with WordPress MU Sitewide Tag Featured Images Import - replace get_the_title with the_title_attribute in title html for images and links v1.5 - starting from v1.5, addons folder will be in separate download to meet the requirement of theme submission in wordpress.org theme reposity. - a simple download and drop the addons folder into theme will activate all the extra features v1.4.4 - fixed missing google analystic theme options - minor nav error fix v1.4.3 - update slider featured image get_image - add more hook action for better editing in child theme - update readme.txt with correct license and copyright - tested with latest woocommerce and bbpress plugin - moved all none compile theme guideline component into /addons/ folder v1.4.2 - moved any inline style in template into wp_enqueue_style - fixed debug error in theme options - add header text color option in custom header - add shortcode supported for theme options advertisement - update readme.txt with themes css and js license and copyright v1.4.1 - fixed custom.js error in bbpress and woocommerce page - add navigation for single attachment gallery - add arrow navigation for featured slider - removed none-gpl license javascripts v1.4 - tested compatible with latest WordPress 3.5.2 and BuddyPress 1.8 - moved wp_enqueue_script() call to footer - added option to enable WordPress breadcrumbs - update twitter api functions - added option to disable built-in Facebook Open Graph - added 'page color options' similiar to 'category color options' - fixed ie8 featured grid error - update fancybox to latest version v1.3 - update twitter widget and social counter with twitter api v1.1 - add global twitter dev api key and token setting in theme options - remove lightbox rel in comment text v1.2 - use category id string to store category color options - fixed reset in category color options v1.1 - follow Theme Unit Test Guideline - fix buddypress sidebar - theme check passed - add child theme support v1.0 - initial release */ /*///////////////////////////////////////////////////////////////////////////// // RESET CSS ////////////////////////////////////////////////////////////////////////////*/ /*#right-sidebar aside li a:hover, #right-sidebar aside div a:hover {color:#52C0D4 !important;} .wpp-post-title:hover {color:#52C0D4;} #post-entry .post-content a:hover, #author-bio a:hover, #post-related a:hover, #commentpost .fn a:hover, ol.pinglist a:hover, #post-navigator-single a:hover, #commentpost #rssfeed a:hover, #commentpost .comment_text a:hover, #commentpost p a:hover, .product_meta a:hover, a.show_review_form, #custom .twitterbox li a:hover {color: #52C0D4 !important;} #right-sidebar aside li a:hover, #right-sidebar aside div a:hover {color: #52C0D4 !important;} #custom .widget a:hover, #custom h3.widget-title a:hover, #custom .ftop div.textwidget a:hover, #custom .ftop a:hover, #custom .ftop .widget_my_theme_twitter_widget a:hover {color: #52C0D4 !important;}*/ .alll { max-width:100% !important; overflow-x:hidden !important; } 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; } /*///////////////////////////////////////////////////////////////////////////// // GLOBAL CSS ////////////////////////////////////////////////////////////////////////////*/ body { font-family: arial, sans-serif; margin: 0px; padding: 0px; font-size: 100%; color: #555; background-color: white; } 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 { font-weight: bold !important; } .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; } #container .twitterbox a, .footer-top .twitterbox a { color: #52C0D4; text-decoration: underline; } #container .twitterbox a.time { color: #999; text-decoration: none; } a:link, a:visited { color: #52C0D4; text-decoration: none; } a:hover, a:active { text-decoration: none; /* color: #111;*/ color: ##52C0D4 !important; } .twitterbox li.followme a, li.flickrmore a { border-bottom: 0 none !important; } #wp-calendar a { } /* remember to define focus styles! */ :focus { outline: 0; } ol, ul { list-style: none; } /* tables still need cellspacing="0" in the markup */ table { border-collapse: separate; border-spacing: 0; margin: 1em 0 2em 0; } caption, th, td { font-weight: normal; text-align: left; } /* remove possible quote marks (") from &
*/ 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; } /* Alignment */ .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; } /* Text elements */ p { margin: 0 0 1.625em; } ul, ol { margin: 0 0 1.625em 0em; padding: 0; } ul { list-style: square; } ol { list-style-type: 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; } /* IE 7 BIG FIX */ * { zoom: 1; } .post-content h1 {font-size: 1.8em; margin: 0 0 1em; } .post-content h2 {font-size: 1.7em;margin: 0 0 1em;} .post-content h3 { font-size: 1.35em; margin: 0 0 1em; } .post-content h4 {font-size: 1.5em;margin: 0 0 1em;} .post-content h5 {font-size: 1.35em;margin: 0 0 1em;} .post-content h6 {font-size: 1em;margin: 0 0 1em;} 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 #999; 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 { 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 #ccc; background-color: #eee; background-image: url(images/textures/body-bg3.png); background-repeat: repeat; } 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; } /* Images */ .post-content img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ height: auto; } .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ height:auto; } img[class*="align"], img[class*="wp-image-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } img.size-full { max-width: 97.5%; width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */ } .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; } .format-image .wp-caption { margin-bottom: 1.625em; max-width: 100%; padding: 1em 0; box-shadow: 0 0 0 transparent; background-color: transparent; } .format-image .wp-caption img { margin: 0 0 1em; max-width: 100%; padding: 0; } .wp-caption { margin-bottom: 1.625em; max-width: 96%; /* padding: 16px 9px 9px;*/ padding: 6px 0px 0px 0px; box-shadow: 0 0px 2px #999; background-color: #eee; } .wp-caption img { display: block; margin: 0 auto; /* max-width: 95%;*/ max-width: 98%; } .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 40px;*/ padding: 10px 0 5px 0px; text-align:center; position: relative; color: #333; } .wp-caption p { margin: 0px; } /*.wp-caption .wp-caption-text:before { content: '\2014'; font-size: 1.125em; font-style: normal; font-weight: bold; margin-right: 5px; position: absolute; left: 10px; top: 7px; }*/ .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; } /* Image borders */ img[class*="align"], img[class*="wp-image-"], .content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */ padding: 0px; } .wp-caption img { border-color: #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 {/* Add some useful style to those fancy borders for linked images ... */ background: #eee; border-color: #bbb; } .wp-caption a:focus img, .wp-caption a:active img, .wp-caption a:hover img {/* ... including captioned images! */ background: #fff; border-color: #ddd; } /* Password Protected Posts */ .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; } /* Calendar Widget */ .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; max-width: 100%; clear:both; width: 100%; } .post-content table { border-collapse: collapse; } .post-content tr th { background: #eee; color: #333; } .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%; } /*///////////////////////////////////////////////////////////////////////////// // FRAME CSS ////////////////////////////////////////////////////////////////////////////*/ footer .innerwrap , header .innerwrap, #bodywrap, .innerwrap-custom-header, #main-navigation .innerwrap { margin: 0px auto; padding: 0px; max-width: 1120px; width:auto; } #flex-wrapper .innerwrap { margin: 0px auto; padding: 0px; max-width:1120px; width:auto; } #wrapper { margin: 0px; padding: 0px; width:100%; float: left; } #wrapper-main { float: left; margin: 0; width: 100%; } #wrapper-main, footer .innerwrap { font-size: 0.75em; } #header { margin: 0px; width: 100%; padding: 0px; float: left; position: relative; } #header .header-inner { float: left; width: 100%; padding-top: 0em; padding-bottom: 0em; } #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: 5px; } #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'] { padding: 7px; color: #999; width: 150px; border: 1px solid #ddd; background-color: #eee; background-image: url(images/search-ico-alt.png); background-repeat: no-repeat; background-position: 96% center; } #header-right .social-and-search input[type='text']:focus { border: 1px solid #06F !important; background-color: #FFF; background-image: url(images/search-ico-alt.png); background-repeat: no-repeat; background-position: 96% center; } #main-navigation { float: left; margin: 1.75em 0 0; padding: 0px; width: 100%; } #top-navigation { float: left; margin: 0px 0px -2px; padding: 0px; width: 100%; background-color: #EF4423; position: relative; } #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: 2% 0%; } .content { float: left; width: 69%; padding: 1em 0 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: 28%; padding: 1em 0 0; } /*#right-sidebar .sidebar-inner { } */ /*.sidebar { } */ .content.wide-content { margin: 0 380px 0 0 !important; overflow: hidden; } .content.full-width { margin: 0px; width: 100%; float: left; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .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*/ #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; } /*///////////////////////////////////////////////////////////////////////////// // LAYOUT CSS ////////////////////////////////////////////////////////////////////////////*/ #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'] {} /*///////////////////////////////////////////////////////////////////////////// // BREADCRUMBS CSS ////////////////////////////////////////////////////////////////////////////*/ #breadcrumbs { margin: 0em; padding: 1em 0 0; float: left; width: 100%; text-transform: capitalize; font-size: 0.875em; } #breadcrumbs p { margin: 0px 0.5em 0px 0em; padding: 0px; float: left; list-style: none; } #breadcrumbs p a { color: inherit; text-decoration: none; } /*///////////////////////////////////////////////////////////////////////////// // Header css ////////////////////////////////////////////////////////////////////////////*/ #siteinfo { margin: 0; float: left; padding: 10px 0 0; } #siteinfo.header-overlay-on { margin: 0; float: left; padding: 25px; } #siteinfo a { color: #333; text-decoration: none; } #siteinfo a:hover { text-decoration: none; color: #999; } #siteinfo img { border: 0 none; max-width:100%; height:auto; margin:1em 0 0; } #siteinfo h1, #siteinfo div { font-size: 3em; margin: 0.24em 0px 0px; padding: 0px; font-weight: bold; text-transform: capitalize; letter-spacing: -2px; line-height: 110%; } p#site-description { font-size: 1em; line-height: 1.3em; margin: 0px; padding: 0.5em 0px 0px; } #topbanner { margin: 0px; float: right; padding: 0px; } #topbanner.header-overlay-on { margin: 0; padding: 25px 20px 0px 0px; } #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: 1em 0 0; padding: 0px; float: left; width: 100%; border:0 none; } #custom-img-header img { border: 0 none; margin:0px; padding:0px; max-width:100%; height:auto; float: left; } /*///////////////////////////////////////////////////////////////////////////// // Post and Page css ////////////////////////////////////////////////////////////////////////////*/ .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 2em; margin: 0 0 2em; position: relative; border-bottom: 1px solid #ddd; } #post-entry article:last-of-type { border-bottom: 0 none; } #post-entry article.home-post { width: 45%; float:left; border-width: 0px; border-style: none; padding: 0% !important; margin: 0px 0px 2em; background: transparent none; height: 320px; overflow: hidden; } #post-entry article.home-post.alt-post { margin: 0px 8% 2em 0; } #post-entry article.home-post .article-blk { width: 94%; float:left; height: 290px; padding: 0% 5% 4% 0% !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: 0; border-width: 0px; border-style: none; } #post-entry article img.rounded { -webkit-border-radius: 4px; border-radius: 4px; } h2.header-title { font-size: 1.5em; font-weight: normal; color: #fff; text-transform: capitalize; margin-top: 0px; margin-bottom: 2em; position: relative; background-color: #52C0D4; padding: 1% 2%; width:95%; } h2.header-title a,h2.header-title a:hover { color:white; font-size:0.9em; font-weight: normal !important; text-decoration: none !important; } .separator { display: block; float: left; width: 100%; height: 2px; border-bottom: 1px solid #ddd; margin: 1em 0px 2em; padding: 0px; border-top: 1px solid #eee; } #post-entry article a { text-decoration: none; } #post-entry article a:hover { text-decoration: none; } #container #post-entry article.home-post.alt-post { } .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; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /* For IE 8 */ -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: 0px; width: 300px; background: center center; height: 200px; } #post-entry div.post-thumb.in-mobile { padding: 0%; overflow: hidden; float: left; margin: 0px; width: 99%; height: auto !important; max-height:300px; background: center center; } #post-entry div.post-thumb img { border-width: 0px; border-style: 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-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #post-entry div.post-thumb:hover { } #post-entry article .post-right { margin: 0px 0px 0px 320px; padding: 0px; } #post-entry article.has_no_thumb .post-right { margin: 0px; } #post-entry article.home-post h1.post-title, #post-entry article.home-post h2.post-title { padding: 0px; font-size: 1.8em; line-height: 1.3em; margin: 0px 0px 0px 55px; position: relative; float: none; width: auto; } #post-entry article.home-post h1.post-title a, #post-entry article.home-post h2.post-title a { text-decoration: none; color: #333; } #post-entry article.home-post h1.post-title a:hover, #post-entry article.home-post h2.post-title a:hover { text-decoration: none; color: #666; } #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 0px 0.6em; width: 100%; float: left; position: relative; } #post-entry article .post-top .calendar-wrap { margin: 0px; float: left; width: 45px; line-height: 100%; padding-top: 5px; } #post-entry article .post-top .calendar-wrap .cdate { margin: 0px; background-color: #ededed; text-align: center; width: 100%; padding: 5px 0; float: left; box-shadow: inset 1px 1px 3px #CCC; -webkit-box-shadow: inset 1px 1px 3px #CCC; } #post-entry article .post-top .calendar-wrap .cmonth { margin: 0px; background-color: #333; text-align: center; padding: 5px 0; color: #FFF; width: 100%; float: left; } #post-entry article h1.post-title, #post-entry article h2.post-title { font-size: 2em; margin: 0px; color: #333; padding: 0px; float: left; width: 100%; line-height: 110%; font-weight: normal; word-wrap: break-word; } .full-width #post-entry h1.post-title, .full-width #post-entry h2.post-title { } #post-entry article h1.post-title a { text-decoration: none; } #post-entry article h1.post-title a:hover, #post-entry article h2.post-title a:hover { text-decoration: none; color: #222; } #post-entry article.post-single h1.post-title, h1.folio { font-size: 3em; } #post-entry article.home-post div.post-meta { } #post-entry article div.post-meta { font-size: 1em; margin: 0px; padding: 0.4em 0px; float: left; width: 100%; position: relative; color: #999; line-height: 1.2em; } .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; margin-right: 5px; } #post-entry article .post-meta a { text-decoration: none !important; color: #999; } #post-entry article .post-meta a:hover { text-decoration: underline !important; color: #52C0D4; } #post-entry article .post-meta span { } span.post-author{ } span.post-time{ } span.post-category{ } .home-post span.post-category a { } span.post-tags{ } span.post-edit{ } span.post-comment{ } .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.125em; float: left; width: 100%; padding: 0.6em 0px 0px; margin: 0px; line-height: 1.4em; } #post-entry article .post-content { font-size: 1.25em; float: left; width: 100%; padding: 1em 0 0; line-height: 1.6em; word-wrap: break-word; } #post-entry article.post-single .post-content { font-size: 1.25em; margin-top: 0px; padding-top: 1.25em; line-height: 1.4875em; } /*#post-entry article .post-right .post-content { } */ #post-entry article .post-more { margin: 1em 0 0; padding: 0px; float: left; width: 100%; font-size: 0.786em; font-weight: bold; } #post-entry article .post-more a { color: #666; text-decoration: none !important; border: 1px solid #ccc; display: inline-block; margin: 0px; padding: 0.5em 1em; float: left; font-weight: bold; text-shadow: 0 1px 1px #fff; background: #f7f7f7; } #post-entry article .post-more a:hover { /* color: #222;*/ color:#52C0D4; text-decoration: none; border: 1px solid #ccc; background: #f1f1f1; } .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); } /*///////////////////////////////////////////////////////////////////////////// // Adsense css ////////////////////////////////////////////////////////////////////////////*/ .adsense-loop, .adsense-post { width: 100%; padding: 0em !important; overflow: hidden; text-align: center; margin: 0 0 1.5em; float: left; } .adsense-single { border-width: 0px; border-style: none; margin: 0px 0px 10px; padding: 0px; clear: both; float: left; width: 100%; overflow: hidden; text-align: left; } /*///////////////////////////////////////////////////////////////////////////// // sharebox ////////////////////////////////////////////////////////////////////////////*/ .post-single .share_box { } .sharebox-wrap { margin: 0; padding: 0; position: relative; float: left; width: 100%; } .share_box { margin: 0px; padding: 6px 0px 0px; float: left; width: 100%; } .share_box:hover, .share_box:focus { } .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 div, #custom .share-box iframe, #custom .share-box a { margin: 0 10px 0 0; width:auto !important; } /*///////////////////////////////////////////////////////////////////////////// // Related Post css ////////////////////////////////////////////////////////////////////////////*/ #post-related { padding: 0px; margin: 2em 0px 0px; clear: both; float: left; width: 100%; } #post-share {float: left;width: 50%;} #related-post {float: right;width: 50%;} #post-related h4, #post-related-inline h4 { font-size: 1.75em; margin: 0px 0px 0.5em; padding: 0px 0px 5px; float: left; width: 100%; border-bottom: 1px solid #eee; } #post-related h2,#post-related-inline h2 { font-size: 1.125em; line-height: 1.4em; margin: 0 0 5px; letter-spacing: normal; text-align: center; display: block; padding: 0px; } #post-related-inline h2 { text-align: left !important; font-size: 1.4em; margin: 0px; padding: 0px; float: left; width: 100%; } #post-related h2 a, #post-related-inline h2 a { text-decoration: none; } #post-related .feat-cat-meta { margin: 0px 1.25em 0.5em 0px; float: left; width: 31%; height:250px; 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; } /* inline */ #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 0.5em; padding: 0px; float: left; max-height: 200px; width: 100%; overflow: hidden; } .related-post-thumb img { margin: 0px; padding: 0px; float: left; } /* author bio css */ #author-bio { padding: 2%; margin: 1em 0; float: left; width: 94%; position: relative; background-color: #f3f3f3; border:1px solid #eee; } #author-bio a { text-decoration: underline; } #author-bio #author-avatar { float:left; } #author-bio #author-avatar img.avatar { padding: 5px; margin: 0px !important; border: 1px solid #CCC; background: #FFF; } #author-bio #author-description { margin: 0 0 0 95px; line-height: 1.6em; font-size: 1em; } #author-bio #author-description h2 { font-size: 1.45em; margin-bottom: 0.65em; text-shadow: 0 0 1px #fff; color: #333; } /*///////////////////////////////////////////////////////////////////////////// // Post Navigation css ////////////////////////////////////////////////////////////////////////////*/ #post-navigator { width: 100%; margin: 0px 0px 1em; padding: 0px; float: left; } .wp-pagenavi { margin: 0em; text-align: center; padding: 2em 0em 1em; width: 100%; font-size: 1.125em; 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 { text-decoration: none; height: auto; width: auto; margin: 0px 0.25em 0; display: inline; color: #FFF; padding: 1em 1.2em; background-color: #52C0D4; } .wp-pagenavi a { text-decoration: none; height: auto; width: auto; margin: 0px 0.25em 0; display: inline; color: #FFF; padding: 1em 1.2em; background-color: #52C0D4; } .wp-pagenavi a:hover { background-color: #2FA6BB; } #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: 100%; font-size: 1em; display: block; margin: 0px; padding: 0px; float: left; } #post-navigator-single.post-nav-archive { width: 97%; font-size: 1em; display: block; margin: 0px; padding: 1em 3% 1em 0%; float: left; } #post-navigator-single .alignleft { margin: 0px; padding: 0px; float: left; width: 45%; overflow: hidden; text-align: left; height: auto; } #post-navigator-single .alignright { margin: 0px; padding: 0px; float: right; width: 45%; overflow: hidden; text-align: right; height: auto; } #post-navigator-single a { text-decoration: none; } #post-navigator-single a:hover { text-decoration: underline; } /*///////////////////////////////////////////////////////////////////////////// // Social Box css ////////////////////////////////////////////////////////////////////////////*/ #socialbox { } #socialbox-alt { font-size: 2em; float: left; padding-top: 0.4em; } #socialbox-alt a { color: #777; float: left; } #socialbox-alt a:hover { color: #F33; } #socialbox p { margin: 5px 3px 0px; padding: 0px; float: left; } #socialbox p:hover { } ##socialbox p.sto { padding-top: 8px; } #socialbox p a { width:26px; height:26px; 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/googleplus.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; } #socialbox p.pinterest { background: url(images/pinterest.png) no-repeat center center; } /*///////////////////////////////////////////////////////////////////////////// // Sidebar css ////////////////////////////////////////////////////////////////////////////*/ .widget select { width: 80%; padding:2px; border: 1px solid #ddd; color: #444;} #searchform label { display:none; } #searchform input[type='text'] { background-color: #f7f7f7; padding: 0.5em 0.75em; border: 1px solid #ddd; color: #666; /* width: 60%;*/ width: 73%; } #searchform input[type='submit'], #searchform input[type='button'] { clear:both; background: ; font-size: 1.125em; color: #FFF; background: #52C0D4 none; margin: 0.5em 0px 0px; padding: 0.5em 0.75em; border: 0px none; } #searchform input[type='submit']:hover, #searchform input[type='button']:hover { cursor: pointer; } .widget-area { float: left; width: 100%; margin: 0px; padding: 0px; overflow: hidden; } .widget-area small { font-size:0.875em; } .widget-area img { margin-bottom: 0.3em; } .widget-area aside { float: left; width: 100%; list-style: none; margin: 0px 0px 3em; padding: 0%; } #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: 1px 0px;*/ padding: 1px 0px 0px 0; float: left; width: 100%; } .widget-area aside ul li:hover { } .widget-area aside ul li, .textwidget, .ctwidget { font-size: 1.125em; } /*#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-width: 0px; border-style: 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 { line-height: 1.4em; } .widget table { margin: 0px; padding: 0px; float: left; width: 100%; } #right-sidebar .widget #wp-calendar caption { text-align: center; padding: 0.25em; } .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 table a { color: #FFF !important; text-decoration: none; } #right-sidebar h3.widget-title a { color: #52C0D4; text-decoration: none; } #left-sidebar #wp-calendar caption { font-size: 1em; background: transparent none !important; } .widget-area table { clear: both; } .widget-area #sponsorlinks { } .widget-area #sponsorlinks img { width:auto; margin: 10px !important; float: left; } #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: 0% 0% 10px; font-size: 1.25em; margin: 0px 0px 0.5em; float: left; width: 100%; color: #333; text-transform: capitalize; border-bottom: 5px solid #52C0D4; } #left-sidebar h3.widget-title {} #textpad h3.widget-title {} #right-sidebar aside > ul, #left-sidebar aside > ul, .sidebar #searchform, .ctwidget,.sidebar div.textwidget, #socialbox, #sponsorlinks, .sidebar aside div.tagcloud, .sidebar #calendar_wrap, div.extra-block { margin: 0px; padding: 0%; float: left; width: 100%; } /*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 { text-decoration: none; color: #565656; } #right-sidebar div.ctwidget a:hover { font-weight: normal; text-decoration: none !important; /* color: #69C;*/ color:#52C0D4; } 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 { }*/ #right-sidebar .sidepagedown { background: #ddd; margin: 0px auto; clear: both; float: none; height: 5px; width: 97%; display: none; } #right-sidebar caption { color: #666; 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: #555; text-decoration: none; } #left-sidebar aside li a:hover, #left-sidebar aside div a:hover,.sidefeat h4 a:hover { /* color: #9A2103;*/ color:#52C0D4; text-decoration: none; } #right-sidebar aside li a:hover, #right-sidebar aside div a:hover,#right-sidebar table a { color: #52C0D4; text-decoration: none; } aside.widget_recent_entries li { margin-bottom: 0.75em !important; line-height: 1.4em; } #custom .gravatar_recent_comment li { position:relative; width:100%; float:left; background: transparent none !important; padding-left:0; margin: 0 0 1em 0 !important; } .gravatar_recent_comment li .gravatar-meta { margin: 0 0 0 40px; } #custom .most-commented li { background: transparent none !important; padding-left:0; } #custom footer .most-commented li { background: transparent none !important; padding-left:0; margin-bottom: 0.65em; } #custom ul#flickr-widget li { background-image: none; background-color: transparent; } /*///////////////////////////////////////////////////////////////////////////// // Featured category css ////////////////////////////////////////////////////////////////////////////*/ 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-width: 0px; border-style: none; overflow: hidden !important; height: 130px; } div.featured-category .smallthumb { margin: 0px 0px 11px; padding: 0px; float: left; width: 48px !important; border-width: 0px; border-style: none; overflow: hidden !important; height: 48px; } div.featured-category .thumb img { margin: 0px; padding: 0px; border-width: 0px; border-style: none; float: left; max-width: 100%; height: auto; } /*///////////////////////////////////////////////////////////////////////////// // Sidebar Feat css ////////////////////////////////////////////////////////////////////////////*/ #wrapper .sidefeat { margin-top: 1em !important; } .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; background-color: transparent; background-image: none; padding-left: 0px; } .sidefeat span { color: #333; font-size: 0.9em !important; } .sidefeat span a { color: #333 !important; } #container .sidefeat h4 a { text-decoration: none; } #wrapper .sidefeat-meta { margin-left: 96px; } .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 css ////////////////////////////////////////////////////////////////////////////*/ footer {} 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: 23%; padding: 0% 2% 0% 0%; float: left; } div.fbox:hover { } div.fbox.wider-cat { display:inline; } .footer-top { margin: 0px; float: left; width: 100%; padding: 0%; } .footer-top .footer-sec { } .footer-bottom { float: left; width: 96%; padding: 0% 2%; background-color: #52C0D4; } .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: 2% 0%; margin: 0px; float: left; width: 100%; text-decoration: none; } .ftop, .ftop div.textwidget { color: #7c7c7c !important; line-height:1.4em; } .ftop div.textwidget a, .ftop .widget_my_theme_twitter_widget a { text-decoration:underline; color: #52C0D4; } .ftop .container-wrap { width:100%; float:left; padding:0% !important; } .fbottom{ float: left; width: 100%; margin: 0px; padding: 1% 0% !important; color: #FFF; } .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: #52C0D4; } footer .fbottom a { text-decoration: none; color: #fff; font-weight: normal; font-size: 11px; } 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; } #custom .ftop div.tagcloud, #custom .extra-block { padding-top: 14px !important; } .ftop .widget-area aside ul li, .ftop .widget-area aside ul li:hover { margin: 0px; padding: 0px; background: transparent none; } .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 {} .ftop .widget-area aside ul li { } .ftop .widget caption { font-size: 0.9em !important; background: #333 !important; color: #CCC; font-weight: bold; } .ftop h3.widget-title { color: #181919; font-size: 1.125em; padding: 0px 0px 10px; float:left; margin: 0px 0px 1em; width: 100%; font-weight: bold; line-height: 1.2em; border-bottom: 5px solid #52C0D4; } .ftop h3.widget-title a { color: #52C0D4; 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: capitalize !important; } .footer-right li a { } .footer-right p { margin: 0px; padding: 0px; width: 100%; list-style: none; display: block; float: right; } .fbottom .footer-right span {font-size:0.85em;} /*///////////////////////////////////////////////////////////////////////////// // Comments css ////////////////////////////////////////////////////////////////////////////*/ #commentpost { float: left; width: 100%; /* padding: 0% 0% 2%; margin: 0px 0px 2.25em;*/ padding: 0% 0% 0% 0%; margin: 0px 0px 0px 0em; 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 { text-decoration: underline; } #commentpost h4, h3#reply-title{ /* font-size: 1.75em;*/ font-size: 1.25em; margin: 1em 0px 0.35em; padding: 0px; float: left; width: 100%; } #commentpost h4 { margin: 2em 0px 0.55em !important; } .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: 2%; position: relative; float:left; width: 94%; background: #f2f2f2; } 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: #efefef; } 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: none; } 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 { color: #666; text-decoration: none !important; border: 1px solid #ccc; display: inline-block; margin: 0px; padding: 0.125em 1em; float: left; background: #f7f7f7; font-size: 1em; } ol.commentlist li div.reply a:hover { color: #111 !important; } 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: 0 0 2em; 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 #ddd; display:block; width: 50% !important; float:left; color: #333; background-color: #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;*/ height: 8em; border: 1px solid #ddd; overflow: auto; background-color: #fff; } #custom .form-submit #submit { color: #666; text-decoration: none !important; border: 1px solid #ccc; display: inline-block; margin: 0px; padding: 0.5em 1em; float: left; background: #f7f7f7; font-size: 1.2em; } #custom .form-submit #submit:hover { cursor: pointer; border: 1px solid #bbb; background: #f1f1f1; color: #111; } p.form-allowed-tags { color: #999; } #respond p.must-log-in { display:block; width:100%; float:left; clear:both; margin: 1em 0; } #ctr-ad .textwidget { text-align: center; display: block; } #mobile-nav { display:none; margin: 0px; padding: 0 0px 1em; float: left; width: 100%; } #mobile-nav .innerwrap { margin: 0px auto; clear:both; width:100%; } #mobile-nav select { color: #666; padding: 0.25em; width: 96%; border: 0 none; } #mobile-nav .select-pri { font-size: 1.2em; color: #fff; width: 45%; float:left; } #mobile-nav .select-pri.sec { float:right; } .post-thumb.in-mobile {display:none;} /*////////////////////////////////////////////////////////////////////////////// // shadow effect css /////////////////////////////////////////////////////////////////////////////*/ .effect-1:before, .effect-1:after { content:""; position:absolute; z-index:-500; bottom:20px; left:10px; width:50%; height:20%; max-width:300px; -webkit-box-shadow: 0 20px 10px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 20px 10px rgba(0, 0, 0, 0.75); box-shadow: 0 20px 10px rgba(0, 0, 0, 0.75); -webkit-transform:rotate(-4deg); -moz-transform:rotate(-4deg); -o-transform:rotate(-4deg); -ms-transform:rotate(-4deg); transform:rotate(-4deg); } .effect-1:after { right:10px; left:auto; -webkit-transform:rotate(4deg); -moz-transform:rotate(4deg); -o-transform:rotate(4deg); -ms-transform:rotate(4deg); transform:rotate(4deg); } .effect-4:before, .effect-4:after { content:""; position:absolute; z-index:-500; bottom:12px; left:2%; width:49%; height:55%; -webkit-box-shadow:0 12px 18px rgba(0, 0, 0, 0.75); -moz-box-shadow:0 12px 18px rgba(0, 0, 0, 0.75); box-shadow:0 12px 18px rgba(0, 0, 0, 0.75); -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } .effect-4:after { right:2%; left:auto; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } #tabber-widget .effect-4:before, #tabber-widget .effect-4:after { top:-110px; } aside.home-feat-cat article {border:0 none !important;} aside.home-feat-cat { float: left; width: 47%; border-width: 0px; border-style: none; padding-bottom: 2em; } aside.home-feat-cat:nth-child(odd) { margin: 0 5% 0 0; } aside.home-feat-cat.odd { margin: 0 5% 0 0 !important; } aside.home-feat-cat h4.homefeattitle { font-size: 1.5em; color: #222; margin: 0px 0px 1em; padding: 0px 0px 0.5em; float: left; width: 100%; border-bottom: 5px solid #DDDDDD; } aside.home-feat-cat h4 a { color:#333; text-decoration:none; } aside.home-feat-cat a { color:#52C0D4; text-decoration:none; } aside.home-feat-cat a:hover { /* color:#000 !important;*/ color:#52C0D4; text-decoration:none; } aside.home-feat-cat .home-feat { float: left; width: 100%; margin: 0px; padding: 0px; } aside.home-feat-cat .feat-thumb { margin: 0px; padding: 0px; float: left; width: 100%; overflow: hidden; height:auto; max-height: 200px; } aside.home-feat-cat .feat-thumb img { height:auto; width:auto; max-width: 100%; } aside.home-feat-cat .feat-content { font-size: 1.2em; margin: 0.6em 0px 0px; padding: 0px; float: left; width: 100%; } aside.home-feat-cat .feat-meta { float: left; width: 100%; padding-bottom: 6px; border-bottom: 1px solid #ddd; font-size: 1em; } aside.home-feat-cat .feat-meta span { } aside.home-feat-cat .feat-meta span.feat_author:after { content: "\00a0\00a0/\00a0\00a0"; } aside.home-feat-cat .feat-meta span.feat_comment:before { content: "\00a0\00a0/\00a0\00a0"; } aside.home-feat-cat .apost .feat-content {font-size: 1.1em;line-height:1.5em !important;} .apost .feat_comment {display:none;} aside.home-feat-cat .feat-title { font-size: 1.65em; margin: 0.6em 0px; padding: 0px; float: left; width: 100%; } aside.home-feat-cat .apost .feat-title { font-size: 1.35em; margin: 0em 0px 0.2em; padding: 0px; float: left; width: 100%; } aside.home-feat-cat .apost { margin: 0em; padding: 0px; float: left; width: 100%; position: relative; } aside.home-feat-cat .apost .feat-right { margin: 0em 0em 0em 140px; padding: 0px; } aside.home-feat-cat .has_no_thumb .feat-right { margin: 0em; padding: 0px; } .pricebox { padding:0.5em 1.25em; margin:-80px 20px 0; background: #D73828; float:right; } .theme-messages { background-position: 15px 14px !important; background-repeat: no-repeat !important; border-radius: 5px 5px 5px 5px; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 #FFFFFF inset, 0 -1px 0 rgba(0, 0, 0, 0.15) inset; clear: both; margin: 10px 100px 20px 0px; padding: 12px 12px 12px 42px !important; } .theme-messages.alert { background-color: #F7F3DE; background-image: url("images/alert.png"); border-color: #E1CA59; color: #837639; } .theme-messages.error { background-color: #F8E4E2; background-image: url("images/error.png"); border-color: #E69D94; color: #BB5A4D; } .post-schema {width:1px;height:1px;overflow:hidden;position:absolute;left:-9999em;} .post-nav-image {padding:0 !important;} span[itemprop='provider'] {font-size:10px;} p.result-notice {clear:both;padding: 1em 0 0 !important; font-size: 14px;} img.home-feat-rss {margin:4px 0 0; float:right;} span.header-seo-span { position:absolute;left:-999em; } /*////////////////////////////////////////////////////////////////////////////// // mobile css /////////////////////////////////////////////////////////////////////////////*/ /* Desktop 1440px - modern larger monitor ----------- */ @media screen and (min-width: 1024px) { #gallery-1 .gallery-item {margin-top: 5px; width: 19% !important;} } @media only screen and (min-width:1440px) and (max-width:1920px) { #right-sidebar {margin:-70px 0 0 0 !important;} footer .innerwrap , header .innerwrap, #bodywrap, .innerwrap-custom-header, #main-navigation .innerwrap { margin: 0px auto; padding: 0px; max-width: 1400px; width:auto; } } /* Desktop 1024px - most commenly resolution ----------- */ @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; } #right-sidebar h3, ul.tabbernav li { font-size: 1.125em !important; } .widget-area #sponsorlinks { text-align:center; } .widget-area #sponsorlinks img { width:auto; margin: 1px !important; float: none !important; padding: 0px; } #topbanner { float: left; padding:15px 0 0; } #custom .bp-searchform input[type="text"], #custom .bp-searchform select { width: 120px; } } @media only screen and (min-width:300px) and (max-width:770px){/* ipad 780px */ .content, #right-sidebar { padding-top: 0em !important; } #right-sidebar {margin:0px 0 0 0 !important;} #content {width: 100% !important;} aside.home-feat-cat { border-style: none; border-width: 0; float: left; padding-bottom: 2em; margin: 0 !important; width: 100% !important; } aside.home-feat-cat .feat-thumb img { height: auto; width: 100%; } #slider,#sliderContent { height: 300px !important; } 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:96% !important;padding:2% !important; 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; } #siteinfo h1 { width:100%; float:left; margin:1em 0 0; } #siteinfo p { width:100%; float:left; margin: 0; } #topbanner {width:100%; float:left;overflow:hidden;margin: 1em 0 0;} .jcpost h1{font-size: 3em !important; } footer .innerwrap , header .innerwrap, .innerwrap-custom-header, #bodywrap, #main-navigation .innerwrap { margin: 0px auto; padding: 0px; max-width: 94%; 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; } #top-navigation .sf-menu, #main-navigation .sf-menu {display:none;} #main-navigation { background: #52C0D4; } #siteinfo { float: left; margin: 0 0 1em; text-align: center; width: 100%; } 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); } } @media only screen and (min-width:280px) and (max-width:750px){ .poisk {display:none !important;} #right-sidebar {margin:0px 0 0 0 !important;} .content, #right-sidebar { padding-top: 0em !important; } .container-wrap, .footer-top .ftop { width:100% !important; padding:0% !important; } #main-navigation { margin:0 0 1.25em; } #custom #post-entry article.home-post .article-blk { width: 100%; 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 .separator { display:none; } #custom .post-right { width:100%; margin:0 !important; } #custom #post-entry div.post-thumb.in-archive { width:100%; height:auto !important; } .post-thumb.in-mobile { display:inline !important; margin: 0 0 0.75em !important; } .sliderImage h1 {font-size: 2em !important;} #custom #slider { height: 280px !important; } #custom .sliderImage img { width: auto !important; height: auto !important; max-width: 800px; } #slider .left, #slider .right { width: 45% !important; } #post-entry div.post-thumb { margin: 0em; 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){}*/ img.wpp-thumbnail {float:left !important; margin:0 10px 0 0;} /*.wppgen ul li {clear:both; margin:50px !important;}*/ aside#wpp-2 ul li { clear:both; list-style: none; border-bottom: 1px solid #eee; margin: 0px; /* padding: 1px 0px;*/ padding: 1px 0px 7px 0; } #custom #right-sidebar ul.tabbernav { padding: 0% 0% 10px; font-size: 1.25em; margin: 0px 0px 0.5em; float: left; width: 100%; color: #333; text-transform: capitalize; border-bottom: 5px solid #000 !important; background: #fff !important; } #right-sidebar ul.tabbernav li.tabberactive a, #right-sidebar ul.tabbernav li.tabberactive a:hover { /*color: #000 !important;*/ color:#52C0D4; background-color: #fff !important; } #custom #right-sidebar ul.tabbernav { background: #fff !important; } #right-sidebar ul.tabbernav li.tabberactive a,#right-sidebar ul.tabbernav li.tabberactive a:hover { color:#000 !important; padding: 0% 0% 10px; font-size: 1.25em; margin: 0px 0px 0.5em; float: left; width: 100%; color: #333; text-transform: capitalize; } #right-sidebar ul.tabbernav li.tabberactive a, #right-sidebar ul.tabbernav li.tabberactive a:hover { color: #000 !important; padding: 0% 0% 10px; font-size: 0.85em; margin: 0px 0px 0.5em; float: left; width: 100%; color: #333; text-transform: capitalize; } ul.related_post li img:hover { opacity:0.8;} ul.related_post li a:hover { color:#777 !important;} @media screen and (max-width: 400px){ /* #bodywrap #bodycontent { float: none; width: 100% !important; margin: 0; padding: 0; } #container { float: none; width: 100%; margin: 0; padding: 0; } #bodywrap #bodycontent img { max-width: 100%; } #container img{ max-width: 100%; margin: 0; padding: 0; } .post-more a { color: #666; text-decoration: none !important; border: 1px solid #ccc; display: inline-block; margin: 0px; padding: 0; float: none; font-weight: bold; text-shadow: none; background: #f7f7f7; } .post-more a:hover { color: #222; text-decoration: none; border: 1px solid #ccc; background: #f1f1f1; }*/ #wrapper {overflow-x:hidden !important; } #post-entry article .post-right { margin: 0px 0px 0px 0px; padding: 0px; } #post-entry, .content { float:none !important; width:100% !important; } #right-sidebar { width:100% !important;} img[class*="align"], img[class*="wp-image-"], .content .gallery .gallery-icon img { clear:both !important; display:block !important; max-width:100%; float:none !important; } img.alignleft, img.alignright, img.aligncenter { clear:both !important; display:block !important; float:none !important; } .alignleft { display: block; float: none; margin-right: 0px; } aside.home-feat-cat .apost .feat-right { margin: 0em 0em 0em 0px; padding: 0px; } aside.home-feat-cat { float: none; width: 100%; padding-bottom: 1em; } */ #main-navigation { float: none; margin: 0.75em 0 0; width: 100%; } #post-entry article.post-single h1.post-title, h1.folio { font-size: 1.5em; } blockquote { font-family: Georgia, "Bitstream Charter", serif; font-style: italic; font-size: 1.2em; margin: 0 0em 0 0.5em; border-left: 5px solid #999; padding-left: 1em; line-height: 1.6em; } #post-entry article { float: none; padding: 0 0 1em; margin: 1em 0 1em; position: relative; border-bottom:1px solid #ccc; } #wp_rp_first, .poisk, #main-navigation, .sf-menu li a, #commentpost, #post-navigator-single.post-nav-archive, #post-entry article div.post-meta, #breadcrumbs, aside.home-feat-cat .feat-meta, #top-navigation, .footer-bottom { display:none; !important; } img.alignleft, img.alignright, img.aligncenter { margin: 1.625em 0 0 0 !important; } #post-entry article img {padding: 0px 0 0 0 !important; margin:0px 0 0 0 !important;} aside.home-feat-cat h4.homefeattitle { font-size: 1.5em; color: #222; margin: 1em 0px 1em; padding: 0px 0px 0.5em; float: none; width: 100%; border-bottom: 5px solid #DDDDDD; } aside.home-feat-cat .feat-content { margin: 0.6em 0px 1em !important; padding: 0px 0 5px 0; border-bottom:1px solid #ccc; float: none; width: 100%; } #post-entry { margin: 10px 0 0 0; padding: 0%; position: relative; float: none; width: 100%; } #post-entry article .post-content { float: none; width: 100%; padding: 0em 0 0; } #post-entry article.post-single .post-content { font-size: 1.25em; margin-top: 0px; padding-top: 0em; line-height: 1.4875em; } } @media screen and (max-width: 1110px) { .llleft td, .tabottom td {display:inline !important;}} @media screen and (max-width: 1000px) {.poisk {display:none !important;} #commentpost {display:none !important;} #post-navigator-single {display:none;} } .llleft td, .tabottom td, .llleft table, .tabottom table {border:0 !important;} .llleft {margin:40px 0 0 0;} #commentform textarea#comment { height: 6em !important; } embed, script { max-width: 100% !important; } @media screen and (max-width: 650px) { #post-entry article.post-single .post-content { font-size: 1.25em; margin-top: 0px; padding-top: 0; line-height: 1.4875em; } #post-entry article { border-bottom: 1px solid #ddd; padding: 0 0 2em !important; margin: 0 0 1em; } /* #post-entry article { padding: 0 0 0; margin: 0 0 10px; } */ .content, #right-sidebar { padding-top: 0 !important; } #siteinfo { text-align: left; padding: 2% 2% 2% 0 !important; } .related_posts{ max-width: 100%; } .related_posts ul li{ border: 0px solid #C3B17F; border-radius: 0px; display:inline; list-style: none; margin: 1px; padding: 1px; text-align: center; width: 45% !important; overflow: hidden; } #notsinglerait img {width:16px !important;} #singlerait img {width:20px !important;} .post-content ul, .post-content ol { margin: 0 0 0em 0em; } #gallery-1 .gallery-item {margin-top: 5px; width: 33% !important;} } /* @media screen and (max-width: 440px) { #post-entry article {border-bottom: 0px solid #ddd;padding: 0 0 2em !important;margin: 0 0 5em; #gallery-1 .gallery-item {margin-top: 5px; width: 49% !important;} } */ @media screen and (max-width: 460px) { #gallery-1 .gallery-item {margin-top: 5px; width: 49% !important;} .related_posts ul li{ border: 0px solid #C3B17F; border-radius: 0px; display:inline; list-style: none; margin: 1px; padding: 1px; text-align: center; width: 45% !important; overflow: hidden; } #post-navigator { height: 100px; } } @media screen and (max-width: 260px) { #gallery-1 .gallery-item {margin-top: 5px; width: 100% !important;} .zagg {display:none;} .related_posts ul li{ border: 0px solid #C3B17F; border-radius: 0px; display:inline; list-style: none; margin: 1px; padding: 1px; text-align: center; width: 100% !important; overflow: hidden; } } #post-entry div.post-thumb.in-archive { width: 100%; background: center center; height: auto; } #post-entry article .post-right { margin: 0px 0px 0px 0px; } #post-entry article h1.post-title, #post-entry article h2.post-title { margin: 10px 0 0 0; } #post-entry article .post-content { padding: 0.5em 0 0; } #post-entry div.post-thumb.in-archive { width: 100%; background: center center; height: auto; } .widget-area aside ul li { padding: 7px 0px 0px 0; } #commentform textarea#comment { height: 4em !important; } /* .wp-polls INPUT*/ .wp-polls .Buttons { padding: 10px !important; margin: 10px 0 0 0 !important; } /*@media screen and (max-width: 600px) { #gallery-1 .gallery-item {margin-top: 5px; width: 24% !important;} }*/ /*ul.related_post li { display: inline !important; } ul.related_post li img { display: block !important; clear:both !important; max-width: 100%; } .wp_rp_wrap img, #wp_rp_first img, .wp_rp_content img, ul.related_post img, .wp_rp img { clear:both !important; display: block !important; float:none !important; } */ .related_posts ul li { /*height: 185px !important;*/ height: 195px !important;} } .tiz { overflow:hidden !important; max-width:100% !important; } @media screen and (max-width: 770px) { .widget-area { margin: -50px 0 0 0;} #post-navigator-single.post-nav-archive { padding: 1em 3% 1em 0%; display:none;} span.post-tags { display: none; } } /*OLD 500PX*/ @media screen and (min-width: 600px) { .topp td img, . #ttt td img {max-width: 100%;} } @media screen and (max-width: 600px) { .topp td img, #ttt td img{ width: auto !important;} } /* OLD */ /* @media screen and (max-width: 500px) { .tiz {max-height:1250px !important; overflow:hidden;} .tiz td img, .tiz td {display:inline !important;} .content, #right-sidebar { padding-top: 0em !important;} } */ /*NEW*/ @media screen and (max-width: 600px) { .tiz {max-height:1300px !important; overflow:hidden;} .tiz td img, .tiz td {/*display:inline !important;*/} .content, #right-sidebar { padding-top: 0em !important;} } .st {background:#eee; padding: 15px 10px 15px 10px; margin:16px 0 15px 0;} .st a:hover {color:red;} .podp {background:#eee; padding: 10px; margin: 0px 0 10px;} .pohs { border: 1px solid #ccc; width: auto; background: #eee; padding: 5px; margin: 1%; } .pohs a:hover{ color:#C53355 !important; } #siteinfo h3 { font-size: 3em; margin: 0.24em 0px 0px; padding: 0px; font-weight: bold; text-transform: capitalize; letter-spacing: -2px; line-height: 110%; font-weight: bold !important; } .content {overflow:hidden !important;} /*.middle2 #gallery-1 img { height:auto !important;}*/ @media screen and (max-width: 500px) { .tiz img.newsimg, .middle2 img.newsimg, .tiz img, .middle2 img { height:auto !important; /*min-width:3px; min-height:183px;*/} } @media screen and (max-width: 500px) { .tiz img.newsimg, .middle2 img.newsimg, .tiz img, .middle2 img { height:auto !important; min-width:135px; min-height:135px;} } @media only screen and (min-width:770px) and (max-width:890px) {.related_posts ul li {width:16% !important;}} /* #ttt table {vertical-align: bottom !important; text-align:center !important; display:inline !important; max-widht:100% !important;} #ttt {vertical-align: bottom !important; display:inline !important; max-widht:100% !important;} */ /* #ttt td { max-widht: 100% !important; } */ /*.widget {max-width:100% !important;}*/ #gallery-1 img { border: 1px solid #fff !important; } @media only screen and (min-width:770px) and (max-width:1020px) {.footer-right { min-height: 60px;}} .topp {overflow:auto !important; max-width:100% !important;} /*.text-ex {display:none;}*/ @media only screen and (min-width:70px) and (max-width:400px) {#polls-widget-2, .pop-side, .reit-side, .last-side, .text-ex, .archive-meta, .zagg {display:none;} .tagcloud { margin-bottom: -100px !important; } } @media only screen and (min-width:400px) { .post-ratings, #notsinglerait, .rrr {display:visible;}} .post-content table { border-bottom: 0px solid #ddd !important; margin: 0 0 0;} /*.comment-form-comment {display: none;}*/ .middle2 {margin:0 0 15px 0;} .tiz { margin-top: 30px; } p.xxxx { color:#999; font-size:0.9em !important; margin:10px 0 10px 0} .xxxx a { color:#888 !important; font-size:0.9em !important; text-decoration:none !important} @media only screen and (max-width:300px) { span.pohs {text-align:left;} } @media screen and (max-width: 770px){ .widget-area { margin: 0px 0 0 0; } } @media only screen and (max-width: 750px) and (min-width: 400px){ #right-sidebar { margin: -50px 0 0 0 !important; }} @media screen and (max-width: 600px) { .alll { padding: 0px 10px 0px 2px; } .tiz td img, .tiz td {/*display:block !important;*/} } @media screen and (min-width: 450px) { #gallery-1 img {width:100% !important; height:auto !important;} .middle2 { width: 99%;} } @media only screen and (min-width:300px) and (max-width:770px){#main-navigation .sf-menu {display:block; } #main-navigation {background: none;}} @media screen and (max-width: 400px){ #main-navigation { background: none; display: block;} #main-navigation .sf-menu a { font-size: 1.15em !important; padding: 0.75em 0.2em 0.75em 0.2em !important; } } /* @media screen and (max-width: 310px) {.tizzzb, .tizzzan, .middle2, .mmmiddle, .tiz {display:none !important;} } */ /* udalil iz posta #gallery-1 img {width:98% !important; height:auto !important;} .content .gallery img {width:98% !important; height:auto !important;} */ /* @media screen and (max-width: 600px) { .tiz {max-height:800px !important; overflow:hidden;} } @media screen and (max-width: 600px){ .tiz { max-height: 510px !important;}} */ @media screen and (max-width: 1024px) { div.suda, div.tuda { 2display: none;}} @media (max-width:450px) { #right-sidebar h3.widget-title { margin: 90px 0 0 0 !important;}}