/* ------------------------------------------------------------------- Theme Name: #1N07070 Theme URI: http://perusethemes.com/theme/wordsmith Description: The WordSmith theme for WordPress is a fully responsive theme that looks great on any device. Features include styling for all post formats, built in loop pagination, a toggleable shelf that is widget ready, per-post layouts, 12 page templates, 2 menu areas, and multiple widget-ready areas. Version: 1.0.1 Author: Matt Adams Author URI: http://perusethemes.com Tags: custom-menu, featured-images, full-width-template, microformats, threaded-comments, theme-options, translation-ready License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html ---------------------------------------------------------------------- */ /* Reset ---------------------------------------------------------------------- */ @import url('library/css/reset.css'); /* Base ---------------------------------------------------------------------- */ @import url('library/css/base.css'); /* Fonts ---------------------------------------------------------------------- */ /* Lato Black */ @font-face { font-family: 'LatoBlack'; src: url('type/Lato-Bla-webfont.eot'); src: url('type/Lato-Bla-webfont.eot?#iefix') format('embedded-opentype'), url('type/Lato-Bla-webfont.woff') format('woff'), url('type/Lato-Bla-webfont.ttf') format('truetype'), url('type/Lato-Bla-webfont.svg#LatoBlack') format('svg'); font-style: normal; font-weight: normal; } /* Lato Regular */ @font-face { font-family: 'LatoRegular'; src: url('type/Lato-Reg-webfont.eot'); src: url('type/Lato-Reg-webfont.eot?#iefix') format('embedded-opentype'), url('type/Lato-Reg-webfont.woff') format('woff'), url('type/Lato-Reg-webfont.ttf') format('truetype'), url('type/Lato-Reg-webfont.svg#LatoRegular') format('svg'); font-style: normal; font-weight: normal; } /* Layout ---------------------------------------------------------------------- */ /* Body Container */ #body-container { margin: 0 auto 0; width: 1024px; } /* Content */ .content { float: left; width: 680px; } /* No Widgets */ .no-widgets .content { width: 100%; } /* Primary Sidebar */ #sidebar-primary { clear: right; float: right; width: 320px; } /* Secondary Sidebar */ #sidebar-secondary { clear: right; float: right; width: 320px; } /* Subsidiary Sidebar */ .subsidiary-container { margin: 0 auto; width: 1024px; } #sidebar-subsidiary .widget { float: left; margin-right: 32px; width: 320px; } /* IE8 spacing fix. */ .ie8 #sidebar-subsidiary .widget { margin-right: 22px; } #sidebar-subsidiary .widget:nth-child(3n+3), #sidebar-subsidiary .widget.last { float: right; margin-right: 0; } #sidebar-subsidiary-4c .widget { float: left; margin-right: 32px; width: 232px; } /* IE8 spacing fix. */ .ie8 #sidebar-subsidiary-4c .widget { margin-right: 22px; } #sidebar-subsidiary-4c .widget:nth-child(4n+4), #sidebar-subsidiary-4c .widget.last { float: right; margin-right: 0; } /* Footer */ #footer { box-shadow: 0 0 3px rgba(0,0,0,0.4); clear: both; margin: 0 0 25px; overflow: hidden; } .footer-content { margin: 0 auto; overflow: hidden; padding: 20px; width: 1024px; } #footer .nav-menu { float: right; } #footer .nav-menu ul { margin: 0; padding: 0; } #footer .nav-menu li { background: none; display: inline; } /* Shelf ---------------------------------------------------------------------- */ #shelf { box-shadow: 0 0 3px rgba(0,0,0,0.4); display: none; overflow: hidden; padding: 40px 20px 15px; position: relative; z-index: 5; } .no-js #shelf { display: block; margin: 0 0 35px; padding: 20px; } /* Shelf Container */ #shelf .shelf-container { margin: 0 auto; width: 1024px; } #shelf .widget { float: left; margin-right: 32px; width: 270px; } /* IE8 spacing fix. */ .ie8 #shelf .widget { margin-right: 22px; } #shelf.widget:nth-child(3n+3), #shelf .widget.last { float: right; margin-right: 0; } /* Pull */ #pull .pull-container { margin: 0 auto; text-align: center; width: 1024px; } #pull .pull-container a { box-shadow: 0 0 3px rgba(0,0,0,0.4); display: inline-block; font-family: "LatoBlack", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: normal; padding: 10px 8px 8px; position: relative; text-transform: uppercase; z-index: 1; } .no-js #pull { display: none; } /* Branding ---------------------------------------------------------------------- */ /* Header */ #header { float: left; margin: 45px 0; } /* Site Description */ #site-description { font-size: 13px; margin: 0; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); text-transform: uppercase; } /* Site Title */ #site-title, #site-title a { font-size: 32px; line-height: 1.1; margin: 0; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); text-transform: uppercase; } /* Menu ---------------------------------------------------------------------- */ /* Primary */ #menu-primary { float: right; margin: 45px 0 30px; } #menu-primary .menu { font-family: "LatoRegular", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 32px; list-style: none; margin: 0; padding: 0; } #menu-primary .menu li { background: none; float: left; margin: 0 0 -1px 10px; padding: 0; position: relative; } #menu-primary .menu li a { box-shadow: 0 0 3px rgba(0,0,0,0.4); display: block; float: left; margin: 0; padding: 6px 16px; position: relative; text-decoration: none; z-index: 888; } #menu-primary .menu li ul { display: none; left: 0; list-style: none; margin: 0; padding: 5px 0 0; position: absolute; top: 44px; z-index: 999; } #menu-primary .menu li ul li ul { padding: 0; } #menu-primary .menu li ul li { margin: 0 0 5px; } #menu-primary .menu li ul a { float: left; height: auto; line-height: 20px; padding: 12px 14px; width: 175px; } #menu-primary .menu li ul ul { left: 180px; top: 0; } #menu-primary .menu li:hover ul, #menu-primary .menu li:hover ul ul, #menu-primary .menu li:hover ul ul ul, #menu-primary .menu li:hover ul ul ul ul { display: none; } #menu-primary .menu li:hover ul, #menu-primary .menu li li:hover ul, #menu-primary .menu li li li:hover ul, #menu-primary .menu li li li li:hover ul { display: block; } /* Subsidiary */ #menu-subsidiary { clear: both; } #menu-subsidiary .menu, #menu-subsidiary .menu a { margin: 0 0 8px; } #menu-subsidiary .menu li { background: none; display: inline-block; margin: 8px 15px 25px 0; padding: 0; } #menu-subsidiary .menu li a { box-shadow: 0 0 3px rgba(0,0,0,0.4); padding: 15px; } /* Mobile Menu */ .mobile-menu-container { box-shadow: 0 0 3px rgba(0,0,0,0.4); display: none; } /* Posts ---------------------------------------------------------------------- */ /* Entry */ .hentry { box-shadow: 0 0 3px rgba(0,0,0,0.4); margin: 0 0 25px; padding: 30px 35px 10px; } .hentry img { margin-bottom: 25px; } /* Entry Title */ .entry-title { font-size: 32px; margin: 5px -35px 28px; padding: 0 35px 30px; text-align: center; text-transform: uppercase; } /* Entry Byline */ .entry-byline { font-family: "LatoBlack", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; margin: 0 -35px 28px; padding: 0 35px 25px; text-transform: uppercase; } .entry-byline .entry-published { background: url(images/published-icon.png) no-repeat 0 -2px; padding: 0 0 0 25px; } .entry-byline .entry-comments { float: right; margin: -8px 0 0; } .entry-byline .entry-comments a { display: inline-block; font-family: "LatoBlack", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; height: 33px; padding: 6px 0; text-align: center; width: 35px; } /* Entry Meta */ .entry-meta { font-family: "LatoBlack", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; margin: 30px -35px 0; padding: 28px 35px 20px; text-transform: uppercase; } .entry-meta a { font-family: "LatoBlack", "Helvetica Neue", Helvetica, Arial, sans-serif; } .entry-meta .entry-terms { margin: 0 10px 0 0; } .entry-meta .entry-terms { background: url(images/category-icon.png) no-repeat 0 -1px; padding: 0 0 0 25px; } .entry-meta .entry-tags { background: url(images/tag-icon.png) no-repeat 0 0; padding: 1px 0 0 25px; } .entry-meta .entry-edit { float: right; } /* More Link */ .more-link, .more-link:hover { display: inline-block; font-size: 14px; font-weight: bold; line-height: 20px; margin: 5px 0 0; padding: 12px 14px 10px; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); text-transform: uppercase; } /* Pagination */ .loop-pagination { box-shadow: 0 0 3px rgba(0,0,0,0.4); margin: 25px 0; padding: 25px; text-align: center; } .loop-pagination a, .loop-pagination .current { display: inline-block; font-size: 13px; font-weight: bold; margin: 3px 5px 0 0; padding: 4px 13px 2px; } .loop-pagination .next a { float: right; height: 32px; margin: 1px 0 0; overflow: hidden; text-indent: 100%; white-space: nowrap; width: 32px; } .loop-pagination .prev a { float: left; height: 32px; margin: 1px 0 0; overflow: hidden; text-indent: 100%; white-space: nowrap; width: 32px; } .navigation-links { box-shadow: 0 0 3px rgba(0,0,0,0.4); margin: 25px 0; padding: 25px; text-align: center; } .navigation-links .next, .navigation-links .previous { display: block; height: 32px; margin: 0 auto; overflow: hidden; text-indent: 100%; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; white-space: nowrap; width: 32px; } .attachment-navigation { margin: 25px 0; overflow: hidden; text-align: center; } .attachment-navigation .next a, .attachment-navigation .previous a { display: block; height: 32px; margin: 0 auto; overflow: hidden; text-indent: 100%; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; white-space: nowrap; width: 32px; } /* Audio Format */ .format-audio .entry-audio { margin: 5px 0 20px; } /* Chat Format */ .format-chat .chat-author h6 { margin: 0 0 10px; } /* Gallery Format */ .slideshow-set { margin: 0 0 20px; } .slideshow-set .slideshow-item { position: relative; } .slideshow-set img { margin: 0 0 -10px; } .slideshow-set .slideshow-caption { font-weight: 500; left: 15px; padding: 10px 14px; position: absolute; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; top: -20%; } .no-js .slideshow-caption, .slideshow-set .flex-active-slide .slideshow-caption { top: 15px; } .slideshow-set .flex-direction-nav a { margin: -15px 0 0; } /* Quote Format */ .format-quote blockquote { border: 0; margin: 0 0 20px; padding: 0; } .format-quote blockquote p { font-size: 24px; line-height: 32px; text-align: center; } .format-quote .source { display: block; margin: -5px 0 15px; text-align: center; } .format-quote .source small a { font-family: "LatoBlack", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; text-transform: uppercase; } /* Status Format */ .format-status:before, .format-status:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .format-status:after { clear: both; } .format-status .entry-content { overflow: hidden; } .format-status .avatar { border-radius: 50px; float: left; margin: 9px 20px 0 0; } /* Singular Posts ---------------------------------------------------------------------- */ /* Entry Author Meta */ .entry-author-meta { box-shadow: 0 0 3px rgba(0,0,0,0.4); margin: 25px 0; overflow: hidden; padding: 35px 30px 28px; } .entry-author-meta .avatar { border-radius: 50px; float: left; height: 60px; margin: -5px 0 0; width: 60px; } .entry-author-meta .author-name { font-size: 32px; margin: 0 -35px 28px; padding: 0 35px 28px; text-align: center; text-transform: uppercase; } .entry-author-meta .author-bio { margin: 0; } /* Attachments */ .singular-attachment .entry-content { margin: 0 0 15px; } /* Pages ---------------------------------------------------------------------- */ /* Page */ .page.hentry { margin: 0 0 25px; padding: 40px 35px 14px; } /* Page Title */ .page-title { font-size: 32px; margin: -5px -35px 28px; padding: 0 35px 30px; text-transform: uppercase; } /* Loop Meta */ .loop-meta { box-shadow: 0 0 3px rgba(0,0,0,0.4); margin: 0 0 25px; overflow: hidden; padding: 25px; } .loop-meta .loop-title { font-size: 32px; text-align: center; text-transform: uppercase; } .loop-meta .loop-description { margin: 35px -30px 0; padding: 30px 30px 0; } .loop-meta .loop-description p { margin: 0 0 10px; padding: 0; } /* Archives/List Most Commented/Sitemap Page */ .page-template-archives .entry-content .post-data, .page-template-archives-by-category .entry-content .post-data, .page-template-archives-by-day .entry-content .post-data, .page-template-archives-by-month .entry-content .post-data, .page-template-archives-by-tag .entry-content .post-data, .page-template-archives-by-year .entry-content .post-data, .page-template-list-most-commented-posts .entry-content .post-data, .page-template-list-posts .entry-content .post-data { display: inline-block; float: right; font-size: 14px; font-weight: bold; line-height: 20px; margin: 5px 0 0; } /* Authors/Biography Page */ .page-template-authors .vcard { margin: 0 0 5px; overflow: hidden; } .page-template-authors .vcard .author-name, .page-template-biography .vcard .author-name { margin: 10px 0 25px; } .page-template-authors .vcard .avatar, .page-template-biography .vcard .avatar { border-radius: 50px; float: left; margin: 7px 15px 0 0; } /* Category Cloud/Tag Cloud Page */ .page-template-category-cloud .tag-cloud a, .page-template-tag-cloud .tag-cloud a, .page-template-sitemap .tag-cloud a { font-size: 14px !important; margin: 0 5px 0 0; } /* Comments ---------------------------------------------------------------------- */ #comments .comments-header { box-shadow: 0 0 3px rgba(0,0,0,0.4); margin: 0 0 25px; padding: 25px 25px 22px; text-align: center; text-transform: uppercase; } #comments h3 { font-size: 32px; } #comments .comment-navigation { box-shadow: 0 0 3px rgba(0,0,0,0.4); font-size: 14px; font-weight: bold; margin: 0 0 25px; padding: 25px 25px 22px; text-transform: uppercase; } #comments .comment-navigation .page-numbers { padding: 8px 10px 7px; } #comments .comment-navigation .next, #comments .comment-navigation .prev { float: right; height: 32px; margin: -5px 0 0 5px; overflow: hidden; text-indent: 100%; white-space: nowrap; width: 32px; } #comments ol { list-style: none; margin: 0; } #comments li li.comment { padding: 0 0 0 40px; } #comments .comment-wrap { box-shadow: 0 0 3px rgba(0,0,0,0.4); margin: 0 0 25px; overflow: hidden; padding: 25px 28px 3px; } #comments .avatar { border-radius: 50px; float: left; height: 60px; margin: -2px 0 0; width: 60px; } #comments .comment-meta, #comments .comment-meta a { font-family: "LatoBlack", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; margin: 0 -28px 28px; padding: 0 35px 25px; text-transform: uppercase; } #comments .comment-author { display: block; font-family: "LatoBlack", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 32px; font-weight: normal; margin: 5px -35px 28px; padding: 0 35px 25px; text-align: center; text-transform: uppercase; } #comments .comment-author a { font-family: "LatoBlack", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 32px; font-weight: normal; } #comments .comment-permalink, #comments .comment-edit { float: right; } #comments .comment-reply a { float: right; height: 32px; margin: 0 0 25px; overflow: hidden; text-indent: 100%; white-space: nowrap; width: 32px; } /* Respond ---------------------------------------------------------------------- */ #respond { box-shadow: 0 0 3px rgba(0,0,0,0.4); overflow: hidden; margin: 0 0 25px; padding: 25px 25px 10px; } #respond #reply-title { font-size: 32px; margin: 0 -30px 25px; padding: 5px 30px 0; text-align: center; text-transform: uppercase; } #respond #reply-title small { display: block; font-size: 18px; margin: 20px 0 25px; } #respond .log-in-out { font-family: "LatoBlack", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; margin: 0 -28px 28px; padding: 0 35px 25px; text-transform: uppercase; } #respond .log-in-out a { font-family: "LatoBlack", "Helvetica Neue", Helvetica, Arial, sans-serif; } #respond .log-out-link { font-family: "LatoBlack", "Helvetica Neue", Helvetica, Arial, sans-serif; float: right; } #respond label { font-size: 13px; font-weight: bold; margin: 0 0 10px; text-transform: uppercase; } #respond .required { float: right; } /* Footer ---------------------------------------------------------------------- */ /* Widgets ---------------------------------------------------------------------- */ /* Widget */ .widget { box-shadow: 0 0 3px rgba(0,0,0,0.4); margin: 0 0 25px; padding: 25px; } .widget ul { list-style: none; margin: 0 0 5px; } .widget-title { font-size: 18px; margin: -2px -25px 20px; padding: 0 25px 18px; text-transform: uppercase; } /* 125x125 Ads Widget */ .widget-ads-125x125:before, .widget-ads-125x125:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .widget-ads-125x125:after { clear: both; } .widget-ads-125x125.widget { padding-bottom: 22px; } .widget-ads-125x125 li { background: none; float: left; margin: 0 5px; padding: 0; } .widget-ads-125x125 li.last { float: right; } /* Archives/Authors/Categories Widget */ .widget-archives.widget, .widget-authors.widget, .widget-categories.widget { padding-bottom: 12px; } .widget-archives .widget-title, .widget-authors .widget-title, .widget-categories .widget-title { margin-bottom: 15px; } .widget-archives .post-data, .widget-authors .post-data, .widget-categories .post-data { display: inline-block; float: right; font-size: 14px; font-weight: bold; line-height: 20px; margin: 5px 0 0; } /* Calendar Widget */ .widget-calendar table { font-size: 12px; margin-bottom: 5px; } .widget-calendar caption { font-weight: bold; padding: 10px 0 12px; text-transform: uppercase; } .widget-calendar thead th { font-size: 11px; padding: 5px 0; text-align: center; text-transform: uppercase; } .widget-calendar tbody td { font-weight: bold; padding: 10px 8px 8px; text-align: center; } .widget-calendar tfoot td { padding: 10px; } .widget-calendar tfoot td#prev { text-align: left; } .widget-calendar tfoot td#next { text-align: right; } /* Dribbble Widget */ .widget-dribbble.widget { padding-bottom: 23px; } .widget-dribbble ul li { background: none; display: inline-block; height: 78px; margin: 5px 0 0; padding: 0; text-align: center; width: 88px; } .widget-dribbble ul li img { height: 79px; margin: 0; padding: 0; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; width: 78px; } /* Flickr/Image Gallery Widget */ .widget-flickr-gallery.widget { padding-bottom: 27px; } .widget-image-gallery.widget { padding-bottom: 20px; } .widget-flickr-gallery .flickr_badge_image, .widget-image-gallery ul li { background: none; display: inline-block; height: 75px; margin: 5px 0 0; padding: 0; text-align: center; width: 88px; } .widget-flickr-gallery .flickr_badge_image img, .widget-image-gallery ul li img { height: 76px; margin: 0; padding: 0; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; width: 75px; } /* Meta Widget */ .widget_meta.widget { padding-bottom: 15px; } .widget_meta .widget-title { margin-bottom: 15px; } /* Nav Menu/Pages Widget */ .widget-nav-menu.widget, .widget-pages.widget { padding-bottom: 12px; } .widget-nav-menu .widget-title, .widget-pages .widget-title { margin-bottom: 15px; } /* Recent Comments Widget */ .widget-recent-comments.widget { padding-bottom: 12px; } .widget-recent-comments .widget-title { margin-bottom: 15px; } .widget-recent-comments li { background: none; list-style: none; margin: 0 0 10px; overflow: hidden; padding: 0; } .widget-recent-comments .avatar { border-radius: 25px; float: left; height: 45px; margin: 7px 10px 0 0; width: 45px; } .widget-recent-comments .comment-author { display: block; font-family: 'LatoBlack'; font-size: 14px; text-transform: uppercase; } .widget-recent-comments.widget { padding-bottom: 12px; } /* Recent Posts Widget */ .widget-recent-posts.widget { padding-bottom: 12px; } .widget-recent-posts .widget-title { margin-bottom: 15px; } .widget-recent-posts li { background: none; list-style: none; margin: 0 0 10px; overflow: hidden; padding: 0; } .widget-recent-posts .post-thumb { float: left; height: 45px; margin: 8px 10px 0 0; width: 45px; } .widget-recent-posts .post-title a { font-family: 'LatoBlack'; font-size: 14px; text-transform: uppercase; } /* RSS Widget */ .widget_rss img { display: none; } /* Search Widget */ .search-form { position: relative; } .search-form .search-text { margin: 0; padding-right: 34px; width: 100%; } .search-form .search-submit, .search-form .search-submit:hover { border: 0; display: block; height: 12px; padding: 0; position: absolute; right: 16px; text-indent: -9999em; top: 18px; width: 12px; z-index: 2; } /* Social Profiles Widget */ .widget-social-profiles.widget { padding: 25px 20px 10px; } .widget-social-profiles .widget-title { margin-left: -20px; margin-right: -20px; } .widget-social-profiles .widget-description { margin: -10px -20px 20px; padding: 5px 25px 16px; } .widget-social-profiles ul li { background: none !important; display: inline-block; height: 35px; margin: 0; padding: 0; text-align: center; width: 35px; } .widget-social-profiles ul li img { background: transparent; border: 0; box-shadow: none; height: 28px; margin: 0; padding: 0; width: 28px; } /* Tags Widget */ .widget-tags.widget { padding-bottom: 18px; } .widget-tags .widget-title { margin-bottom: 15px; } .widget-tags a { font-size: 16px !important; } /* Twitter Widget */ .widget-twitter ul li { background: none; list-style: none; margin: 0 0 10px; padding: 0; } .widget-twitter .avatar { border-radius: 25px; float: left; height: 40px; margin: 8px 15px 0 0; width: 40px; } .widget-twitter .twitter-name { font-family: 'LatoBlack'; font-size: 14px; text-transform: uppercase; } .widget-twitter .twitter-time-ago { font-size: 11px; font-weight: bold; text-align: right; text-transform: uppercase; } /* Layouts ---------------------------------------------------------------------- */ /* One Column */ .layout-1c #content { float: none; width: 100%; } /* Two Columns, Right */ .layout-2c-r #content { float: right; width: 680px; } .layout-2c-r #sidebar-primary { clear: left; float: left; width: 320px; } .layout-2c-r #sidebar-secondary { clear: left; float: left; width: 320px; } /* Mobile (Portrait) - Design for a width of 320px ---------------------------------------------------------------------- */ @media only screen and (max-width: 767px) { /* Body Container */ #body-container { width: 290px; } /* Shelf Container */ #shelf .shelf-container { width: 290px; } /* Shelf Widget */ #shelf .widget, #shelf .widget:nth-child(3n+3), #shelf .widget.last { float: none; width: 255px; } /* Shelf Dribbble */ #shelf .widget-dribbble ul li { height: 72px; width: 83px; } #shelf .widget-dribbble ul li img { height: 74px; width: 74px; } /* Shelf Flickr/Image Gallery */ #shelf .widget-flickr-gallery .flickr_badge_image, #shelf .widget-image-gallery ul li { height: 77px; margin: 1px; width: 83px; } #shelf .widget-flickr-gallery .flickr_badge_image img, #shelf .widget-image-gallery ul li img { height: 76px; width: 73px; } /* Pull Container */ #pull .pull-container { width: 290px; } /* Header */ #header { float: none; margin-top: 40px; text-align: center; } /* Primary Menu */ #menu-primary { float: none; margin: 0 0 25px; } #menu-primary .menu { display: none; } /* Mobile Menu */ .mobile-menu { cursor: pointer; margin: 0; opacity: 0; padding: 0; position: absolute; width: inherit; } /* Mobile Menu Wrapper */ .mobile-menu-container { display: block; line-height: 20px; margin: 0 0 45px; padding: 8px 10px; position: relative; width: 290px; } /* Content */ .content { float: none; width: 290px; } /* Entry Byline */ .entry-byline { text-align: center; } .entry-byline .entry-comments { display: block; float: none; margin: 10px 0 0; } /* Entry Meta */ .entry-meta span { background-position: 0 4px !important; } .entry-meta > span { display: block; margin: 0 0 5px; } .entry-meta .entry-edit { float: none; margin: 0; } /* Gallery Format */ .slideshow-set .slideshow-caption { display: none; } /* Entry Author Meta */ .entry-author-meta .avatar { float: none; display: block; margin: 0 auto 15px; } /* Comments */ #comments .avatar { float: none; display: block; margin: 0 auto 15px; } #comments .comment-published, #comments .comment-permalink, #comments .comment-edit { float: none; display: block; text-align: center; } #comments .comment-published, #comments .comment-permalink, #comments .comment-edit { float: none; display: block; text-align: center; } #respond .log-in-out { text-align: center; } #respond .log-out-link { float: none; } /* Primary/Secondary Sidebar */ #sidebar-primary, #sidebar-secondary { clear: none; float: none; width: 290px; } /* Subsidiary Container */ .subsidiary-container { width: 290px; } /* Subsidiary Sidebar */ #sidebar-subsidiary .widget, #sidebar-subsidiary .widget:nth-child(3n+3), #sidebar-subsidiary .widget.last, #sidebar-subsidiary-4c .widget, #sidebar-subsidiary- .widget:nth-child(4n+4), #sidebar-subsidiary- .widget.last { float: none; margin-right: 0; width: 290px; } /* 125x125 Ads Widget */ .widget-ads-125x125 li, .widget-ads-125x125 li.last { width: 110px; } /* Footer */ .footer-content { text-align: center; width: 290px; } #footer .nav-menu { float: none; } } /* Mobile (Landscape) - Design for a width of 480px ---------------------------------------------------------------------- */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* Body Container */ #body-container { width: 460px; } /* Shelf Container */ #shelf .shelf-container { width: 460px; } /* Shelf Widget */ #shelf .widget, #shelf .widget:nth-child(3n+3), #shelf .widget.last { float: none; width: 415px; } /* Header */ #header { float: none; } /* Primary Menu */ #menu-primary { float: none; margin: 0 0 25px; } #menu-primary .menu { display: none; } /* Mobile Menu */ .mobile-menu { cursor: pointer; margin: 0; opacity: 0; padding: 0; position: absolute; width: inherit; } /* Mobile Menu Wrapper */ .mobile-menu-container { display: block; line-height: 20px; margin: 0 0 45px; padding: 8px 10px; position: relative; width: 455px; } /* Content */ .content { float: none; width: 455px; } /* Entry Meta */ .entry-meta span { background-position: 0 4px !important; } .entry-meta > span { display: block; margin: 0 0 5px; } .entry-meta .entry-edit { float: none; margin: 0; } /* Gallery Format */ .slideshow-set .slideshow-caption { display: block; } /* Entry Author Meta */ .entry-author-meta .avatar { float: none; display: block; margin: 0 auto 15px; } /* Comments */ #comments .avatar { float: none; display: block; margin: 0 auto 15px; } #comments .comment-published, #comments .comment-permalink, #comments .comment-edit { float: none; display: block; text-align: center; } #respond .log-in-out { text-align: left; } #respond .log-out-link { float: right; } /* Primary/Secondary Sidebar */ #sidebar-primary, #sidebar-secondary { clear: none; float: none; width: 455px; } /* Subsidiary Container */ .subsidiary-container { width: 455px; } /* Subsidiary Sidebar */ #sidebar-subsidiary .widget, #sidebar-subsidiary .widget:nth-child(3n+3), #sidebar-subsidiary .widget.last, #sidebar-subsidiary-4c .widget, #sidebar-subsidiary- .widget:nth-child(4n+4), #sidebar-subsidiary- .widget.last { float: none; margin-right: 0; width: 455px; } /* 125x125 Ads Widget */ .widget-ads-125x125 li, .widget-ads-125x125 li.last { width: 128px !important; } /* Footer */ .footer-content { text-align: center; width: 455px; } #footer .nav-menu { float: none; } } /* Tablet (Portrait) - Design for a width of 768px ---------------------------------------------------------------------- */ @media only screen and (min-width: 768px) and (max-width: 1024px) { /* Body Container */ #body-container { width: 748px; } /* Shelf Container */ #shelf .shelf-container { width: 748px; } /* Shelf Widget */ #shelf .widget, #shelf .widget:nth-child(3n+3), #shelf .widget.last { float: none; width: 700px; } /* Pull Container */ #pull .pull-container { width: 748px; } /* Header */ #header { float: none; } /* Primary Menu */ #menu-primary { float: none; margin: 0 0 45px; } #menu-primary .menu li { margin: 0 10px -1px 0; } /* Content */ .content { float: none; width: 748px; } /* Primary/Secondary Sidebar */ #sidebar-primary, #sidebar-secondary { clear: none; float: none; width: 748px; } /* Subsidiary Container */ .subsidiary-container { width: 748px; } /* Subsidiary Sidebar */ #sidebar-subsidiary .widget, #sidebar-subsidiary .widget:nth-child(3n+3), #sidebar-subsidiary .widget.last, #sidebar-subsidiary-4c .widget, #sidebar-subsidiary- .widget:nth-child(4n+4), #sidebar-subsidiary- .widget.last { float: none; margin-right: 0; width: 748px; } /* Footer Content */ .footer-content { width: 748px; } }