/* Theme Name: Archy Theme URI: http://bestwebsoft.com/theme/archy/ Author: the BestWebSoft team Author URI: https://github.com/bestwebsoft Description: Archy is a neat and easy to use theme for your website. Version: 1.2 License: GNU General Public License v3 License URI: http://www.gnu.org/licenses/gpl-3.0.en.html Tags: left-sidebar, custom-menu, featured-images, sticky-post, threaded-comments, translation-ready, white, blue, gray Text Domain: archy */ /* Reset CSS*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, blockquote, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } /* for brousers not maintaining HTML5 */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } html { margin: 0 !important; } body { background-color: #ddd; } .archy-main-site { margin: 38.5px auto; padding: 0px; width: 940px; } .archy-main-site-container { width: 100%; } /* $$$$$$__$$$$__$$__$$_$$$$$$__$$$$ $$_____$$__$$_$$$_$$___$$___$$ $$$$___$$__$$_$$_$$$___$$____$$$$ $$_____$$__$$_$$__$$___$$_______$$ $$______$$$$__$$__$$___$$____$$$$ */ @font-face { font-family: "Arimo"; /* Font name */ font-weight: normal; font-style: normal; src: url('fonts/Arimo/Arimo-Regular.eot'); /* IE9 */ src: url('fonts/Arimo/Arimo-Regular.eot?') format('eot'), /* IE6-IE8 */ url('fonts/Arimo/Arimo-Regular.woff') format('woff'), /* modern browsers */ url('fonts/Arimo/Arimo-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/Arimo/Arimo-Regular.svg#svgfonts/Arimo/Arimo-Regular') format('svg'); /* iOS */ } @font-face { font-family: "Arimo"; /* Font name */ font-weight: 700; font-style: normal; src: url('fonts/Arimo/Arimo-Bold.eot'); /* IE9 */ src: url('fonts/Arimo/Arimo-Bold.eot?') format('eot'), /* IE6-IE8 */ url('fonts/Arimo/Arimo-Bold.woff') format('woff'), /* modern browsers */ url('fonts/Arimo/Arimo-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/Arimo/Arimo-Bold.svg#svgfonts/Arimo/Arimo-Bold') format('svg'); /* iOS */ } @font-face { font-family: "Arimo"; /* Font name */ font-weight: normal; font-style: italic; src: url('fonts/Arimo/Arimo-Italic.eot'); /* IE9 */ src: url('fonts/Arimo/Arimo-Italic.eot?') format('eot'), /* IE6-IE8 */ url('fonts/Arimo/Arimo-Italic.woff') format('woff'), /* modern browsers */ url('fonts/Arimo/Arimo-Italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/Arimo/Arimo-Italic.svg#svgfonts/Arimo/Arimo-Italic') format('svg'); /* iOS */ } @font-face { font-family: "Arimo"; /* Font name */ font-weight: 700; font-style: italic; src: url('fonts/Arimo/Arimo-BoldItalic.eot'); /* IE9 */ src: url('fonts/Arimo/Arimo-BoldItalic.eot?') format('eot'), /* IE6-IE8 */ url('fonts/Arimo/Arimo-BoldItalic.woff') format('woff'), /* modern browsers */ url('fonts/Arimo/Arimo-BoldItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/Arimo/Arimo-BoldItalic.svg#svgfonts/Arimo/Arimo-BoldItalic') format('svg'); /* iOS */ } /* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 24, 2013 */ @font-face { font-family: 'Open Sans'; src: url('fonts/Open-Sans/fonts/Open-Sans/opensans-semibolditalic-webfont.eot'); src: url('fonts/Open-Sans/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Open-Sans/opensans-semibolditalic-webfont.woff') format('woff'), url('fonts/Open-Sans/opensans-semibolditalic-webfont.ttf') format('truetype'), url('fonts/Open-Sans/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Open Sans'; src: url('fonts/Open-Sans/opensans-semibold-webfont.eot'); src: url('fonts/Open-Sans/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Open-Sans/opensans-semibold-webfont.woff') format('woff'), url('fonts/Open-Sans/opensans-semibold-webfont.ttf') format('truetype'), url('fonts/Open-Sans/opensans-semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('fonts/Open-Sans/opensans-regular-webfont.eot'); src: url('fonts/Open-Sans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Open-Sans/opensans-regular-webfont.woff') format('woff'), url('fonts/Open-Sans/opensans-regular-webfont.ttf') format('truetype'), url('fonts/Open-Sans/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('fonts/Open-Sans/opensans-lightitalic-webfont.eot'); src: url('fonts/Open-Sans/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Open-Sans/opensans-lightitalic-webfont.woff') format('woff'), url('fonts/Open-Sans/opensans-lightitalic-webfont.ttf') format('truetype'), url('fonts/Open-Sans/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Open Sans'; src: url('fonts/Open-Sans/opensans-light-webfont.eot'); src: url('fonts/Open-Sans/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Open-Sans/opensans-light-webfont.woff') format('woff'), url('fonts/Open-Sans/opensans-light-webfont.ttf') format('truetype'), url('fonts/Open-Sans/opensans-light-webfont.svg#open_sanslight') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('fonts/Open-Sans/opensans-italic-webfont.eot'); src: url('fonts/Open-Sans/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Open-Sans/opensans-italic-webfont.woff') format('woff'), url('fonts/Open-Sans/opensans-italic-webfont.ttf') format('truetype'), url('fonts/Open-Sans/opensans-italic-webfont.svg#open_sansitalic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Open Sans'; src: url('fonts/Open-Sans/opensans-extrabolditalic-webfont.eot'); src: url('fonts/Open-Sans/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Open-Sans/opensans-extrabolditalic-webfont.woff') format('woff'), url('fonts/Open-Sans/opensans-extrabolditalic-webfont.ttf') format('truetype'), url('fonts/Open-Sans/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Open Sans'; src: url('fonts/Open-Sans/opensans-extrabold-webfont.eot'); src: url('fonts/Open-Sans/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Open-Sans/opensans-extrabold-webfont.woff') format('woff'), url('fonts/Open-Sans/opensans-extrabold-webfont.ttf') format('truetype'), url('fonts/Open-Sans/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('fonts/Open-Sans/opensans-bolditalic-webfont.eot'); src: url('fonts/Open-Sans/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Open-Sans/opensans-bolditalic-webfont.woff') format('woff'), url('fonts/Open-Sans/opensans-bolditalic-webfont.ttf') format('truetype'), url('fonts/Open-Sans/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Open Sans'; src: url('fonts/Open-Sans/opensans-bold-webfont.eot'); src: url('fonts/Open-Sans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Open-Sans/opensans-bold-webfont.woff') format('woff'), url('fonts/Open-Sans/opensans-bold-webfont.ttf') format('truetype'), url('fonts/Open-Sans/opensans-bold-webfont.svg#open_sansbold') format('svg'); font-weight: 700; font-style: normal; } /* $$__$$_$$$$$___$$$$__$$$$$__$$$$$__$$$$$ $$__$$_$$_____$$__$$_$$__$$_$$_____$$__$$ $$$$$$_$$$$___$$$$$$_$$__$$_$$$$___$$$$$ $$__$$_$$_____$$__$$_$$__$$_$$_____$$__$$ $$__$$_$$$$$__$$__$$_$$$$$__$$$$$__$$__$$ */ .archy-site-header { background-color: #fff; box-shadow: 0 0 5px 0px #d0d0d0; position: relative; margin-bottom: 30px; min-height: 111px; width: 100%; } .archy-site-header > .archy-custom-header { overflow: hidden; position: absolute; max-width: 100%; } .archy-site-header > .archy-custom-header img { margin: 0; } .archy-site-header-container { padding: 25px 10px 0 30px; /*padding: 30px 30px 0;*/ } .archy-site-header-container-group { position: relative; width: 100%; } #navigation { padding: 0; float: right; /*width: 59%;*/ /*padding: 9px 0px 0px;*/ } #navigation .current-menu-item > a { color: #444; } .archy-main-navigation ul li { display: block; float: right; font: 900 14px "Arial"; letter-spacing: 0px; list-style-type: none; margin: 22px 20px; /*padding: 8px 0 8px 40px;*/ position: relative; word-wrap: break-word; word-spacing: 0px; } .archy-main-navigation ul li:hover { cursor: pointer; z-index: 101; } .archy-main-navigation ul li:hover > a{ color: #3d8fd5; } .archy-main-navigation ul li:hover > ul { visibility: visible; } div.menu .children > li:hover > .children { display: block; } .archy-main-navigation ul li a { color: #aaa; text-decoration: none; text-transform: uppercase; } .up-arrow { background: url(images/up-arrow.png) 0 0 no-repeat; display: none; height: 8px; position: absolute; right: 17px; top: 198%; /*top: 122%;*/ width: 14px; z-index: 101; } .archy-main-navigation > ul.menu > li > .sub-menu, div.menu > ul > li > .children { left: auto; font-size: 0px; right: 0%; top: 248%; /*top: 147%;*/ z-index: 100; } .archy-main-navigation .sub-menu, .archy-main-navigation .children { background-color: #fff; box-shadow: 0 0 1px 1px #ddd; cursor: pointer; display: none; font-size: 0px; left: 100.3%; position: absolute; top: 0%; } .archy-main-navigation .sub-menu .menu-item, .archy-main-navigation .children li { border-bottom: 1px #ddd dashed; float: none; padding: 13px 17px 13px 19px; position: relative; margin: 0; text-transform: capitalize; width: 184px; word-spacing: 1px; } .archy-main-navigation .sub-menu .menu-item:last-child, .archy-main-navigation .children li:last-child { border-bottom-width: 0px; padding-bottom: 14px; } .archy-main-navigation .sub-menu .menu-item:last-child a, .archy-main-navigation .children li:last-child a { margin-top: -1px; } .archy-main-navigation .sub-menu .menu-item a, .archy-main-navigation .children li a { display: block; font: 500 10pt/22px 'Open Sans', sans-serif; text-transform: capitalize; word-spacing: 1px; letter-spacing: 0px; } .archy-site-title-desctiption { float: left; padding-top: 7px; max-width: 98%; /*width: 41%;*/ /*padding-top: 1px; margin-left: -46.875%;*/ } header h1 { color: #444; font: 900 18pt "Arial" ; letter-spacing: 2px; text-transform: uppercase; word-wrap: break-word; } header h1 a { color: #444; text-decoration: none; } header h1 a:hover { color: #3d8fd5; text-decoration: none; } header h2 { color: #aaa; font: 10pt "Arimo",sans-serif; letter-spacing: 0; padding: 3px 0 2px; word-spacing: 0; word-wrap: break-word; } .archy-clearfix:after { clear: both; content: ""; display: table; } /* _$$$$__$$_____$$$$$$_$$$$$__$$$$$__$$$$$ $$_____$$_______$$___$$__$$_$$_____$$__$$ _$$$$__$$_______$$___$$__$$_$$$$___$$$$$ ____$$_$$_______$$___$$__$$_$$_____$$__$$ _$$$$__$$$$$$_$$$$$$_$$$$$__$$$$$__$$__$$ */ .archy-slider { background-size: auto 880px; overflow: hidden; position: relative; height: 344px; width: 100%; } .attachment-slide { left: 0px; position: absolute; height: 344px; width: 100%; } .archy-slider-background-description { bottom: 0px; background-color: #000; opacity: 0.6; position: absolute; height: 75px; width: 100%; } .archy-slider-description { bottom: 0; color: #fff; overflow: hidden; padding: 6px 30px; position: absolute; height: 53px; z-index: 10; } .archy-slider-title { color: #fff; font: bolder 18px "Arial"; letter-spacing: 1px; word-spacing: 1px; } .archy-slider-title a { color: #fff; text-decoration: none; } .archy-slider-title a:hover { text-decoration: none; } .archy-slider-text { color: #dbdad7; cursor: default; font: 13px "Arimo", sans-serif; height: 17px; letter-spacing: 0; overflow: hidden; padding: 5px 0 0; text-overflow: ellipsis; -o-text-overflow: ellipsis; /* Opera 9-11 */ word-spacing: -0.6px; } .archy-slider div { /* slide container */ z-index: 30; } .archy-slider > div { display: none; } .archy-slider > div:first-child { display: block; } .archy-slider > div > div { z-index: 27; } .archy-slider > div > div:last-child { z-index: 26; } .archy-left-slider-handler, .archy-right-slider-handler { height: 47px; position: absolute; margin-top: 149px; width: 47px; z-index: 30; } .archy-left-slider-handler:hover, .archy-right-slider-handler:hover { opacity: 0.5; } .archy-left-slider-handler { background: url( 'images/slider-arrow-left.png' ) no-repeat 50% 50% #ddd; left: 0; } .archy-right-slider-handler { background: url( 'images/slider-arrow-right.png' ) no-repeat 50% 50% #ddd; right: 0; } /* Set margin between elements */ .archy-archy-slider, .wrapper { margin-top: 30px; } /* Wrapper */ .wrapper { width: 100%; } .wrapper.archy-clearfix:after { padding-bottom: 30px; } /* _$$$$__$$$$$$_$$$$$__$$$$$__$$$$$___$$$$__$$$$$ $$_______$$___$$__$$_$$_____$$__$$_$$__$$_$$__$$ _$$$$____$$___$$__$$_$$$$___$$$$$__$$$$$$_$$$$$ ____$$___$$___$$__$$_$$_____$$__$$_$$__$$_$$__$$ _$$$$__$$$$$$_$$$$$__$$$$$__$$$$$__$$__$$_$$__$$ */ .widget-area { color: #aaa; float: left; overflow: hidden; width: 31.914893617%; } .widget_search { min-height: 47px; position: relative; width: 100%; /* width of field with button */ } .widget_search form { border: 0; position: relative; } .searchform div label.screen-reader-text { color: #aaa; padding: 16px 10px; position: absolute; z-index: 10; } .screen-reader-text, .widget_search form input[type="text"] { border-radius: 0; font: 13px "Arimo",sans-serif; letter-spacing: 0px; padding: 0 10px; margin: 0; word-spacing: 1px; } .widget_search form input[type="text"] { border: none; background-color: #fff; color: #666; outline: none; /* delete highlight in Chrome and Safari */ vertical-align: middle; padding: 16px 10px; -webkit-appearance: none; /* delete border in Chrome and Safari */ width: 74%; } .widget_search form input[type="submit"] { background: url(images/search_button.png) no-repeat 50% 50%; border: 0; border-radius: 0; top: 0; color: #3d8fd5; font-size: 0; position: absolute; right: 0; height: 47px; margin: 0; width: 15.666666667%; } .widget-area aside:first-child { /* set margin for each child div of aside */ margin-top: 0; } .widget-area aside { /* set margin for each child div of aside */ margin-top: 46px; } .widget-area a { color: #666; text-decoration: none; text-transform: none; } .widget-area a:hover { color: #3d8fd5; text-decoration: none; } .widget-title { color: #444; font: 900 8pt Arial; letter-spacing: 1px; list-style-type: none; margin-bottom: 25px; text-transform: uppercase; word-spacing: 1px; } .widget_recent_comments { color: #aaa; } /* Making styles for lists */ .widget ul, .widget .textwidget { padding-top: 0; text-transform: capitalize; } .widget ul li, .widget .textwidget, .widget .textwidget p { font: 13px "Arimo", sans-serif; letter-spacing: 0; list-style-type: none; padding-top: 11px; max-width: 100%; text-transform: none; word-spacing: 0; } .widget .textwidget, .widget .textwidget p:first-child { padding-top: 0px; } .widget ul li > ul { margin-top: 0em; padding-left: 1em } /* select styles */ .widget .archy-select { background: url("images/select-arrow-widget.png") no-repeat scroll right 0 #fcfcfc; border-radius: 0; } .widget .archy-select .archy-option { font: 200 13px 'Arimo', sans-serif; } /* text styles */ .widget .textwidget, .widget .textwidget p { color: #666; } .widget .textwidget .wp-caption-text { padding-top: 0px; } /* image styles */ .widget img { height: auto; margin: 18px 0 6px; max-width: 100%; } .widget .wp-smiley { margin: 0; } /* RSS */ .widget .widget-title img { margin: 0; } .widget.widget_rss .rss-date { display: block; margin-bottom: 15px; } .widget.widget_rss cite { display: block; margin-top: 5px; } .widget .archy-upload-file { height: 78px; width: 94%; } .widget .archy-upload-file .archy-upload-file-input { background-position: 252px -3px; width: 260px; } .widget .archy-upload-file .archy-upload-file-status { text-align: center; width: 252px; } .widget .textwidget #cntctfrm_contact_form input.text, .widget .textwidget #cntctfrm_contact_form textarea { width: 93% !important; } .widget .archy-checkbox-item-container { width: 100%; } .widget .textwidget .cptch_block { padding-top: 0; } .widget .textwidget input[type="submit"] { margin-top: 19px !important; } /* table styles */ table { color: #666666; font: 10pt "Arimo",sans-serif; letter-spacing: 0; margin-top: 23px; text-transform: none; width: 100%; word-spacing: -1px; } table caption, table thead { color: #444444; font: 900 8pt Arial; letter-spacing: 1px; list-style-type: none; text-transform: capitalize; text-align: left; word-spacing: 0; } table caption { margin-bottom: 13px; text-transform: uppercase; } table tfoot #prev, table tfoot #next { text-align: center; } table td, table th { padding-top: 10px; } table a { font-weight: bold; } /* _$$$$___$$$$__$$__$$_$$$$$$_$$$$$__$$__$$_$$$$$$ $$__$$_$$__$$_$$$_$$___$$___$$_____$$$_$$___$$ $$_____$$__$$_$$_$$$___$$___$$$$___$$_$$$___$$ $$__$$_$$__$$_$$__$$___$$___$$_____$$__$$___$$ _$$$$___$$$$__$$__$$___$$___$$$$$__$$__$$___$$ */ .archy-main-content, #archy-content-container { width: 63.829787234%; float: right; } .post, article.page, #archy-content, #archy-content-container article, #commentspopup, #content { background-color: #fff; box-shadow: 0 0 5px 0px #d0d0d0; padding: 22px 30px; margin: 0 0 40px 0; } #archy-content-container article.paging-nav { margin: 0; } .page:last-child, .post:last-child { margin-bottom: 0px; } /* Set hover properties for all hovers */ .page a:hover, .post a:hover, #commentspopup a:hover { color: #3d8fd5; text-decoration: none; } .post.sticky .archy-featured-post { border-top: 4px double #ddd; border-bottom: 4px double #ddd; color: #666; font: 200 10pt 'Arimo', sans-serif; line-height: 3.692307692; margin-bottom: 20px; text-align: center; } .entry-title, .entry-title a, #archy-content .entry-header, #content .entry-header { color: #444; font: 900 17pt 'Arial'; letter-spacing: 0px; text-decoration: none; text-transform: none; word-spacing: 2px; } .entry-title { margin-top: -1px; } .entry-title a { font: 900 21px 'Arial'; letter-spacing: 1px; word-spacing: 1px; } .date-category, article.paging-nav .nav-links a { font: 200 13px 'Arimo', sans-serif; padding: 2px 0px; margin-top: 5px; } article.paging-nav .nav-links a { margin-bottom: 19px; } .date-category a { text-transform: none; text-decoration: none; color: #aaa; } .date-category a:hover { color: #3d8fd5; text-decoration: none; } .entry-content, .entry-summary, .comment-body, #commentspopup { color: #666; font: 200 10pt 'Arimo', sans-serif; line-height: 21px; margin-top: 8px; word-spacing: -1px; } body.attachment .entry-content { margin-top: 0px; } #commentspopup { margin: 0; } .entry-content p { word-spacing: 0px; } .entry-content.archy-clearfix:after, .entry-summary.archy-clearfix:after { padding-bottom: 0px; } .post img, .page img, .comment-body img { margin: 18px 0 6px; } .entry-content img, .entry-content div, .comment-body img, .comment-body div, #commentspopup div { height: auto; max-width: 100%; } .entry-content p img, .entry-content div img, .comment-body p img, .comment-body div img { margin: 0; } .entry-content div.wp-caption img, .comment-body div.wp-caption img, body.attachment div.attachment img { margin: 0 0 6px; } .alignleft { text-align: left; } .aligncenter { text-align: center; } .alignright { text-align: right; } .entry-content img.alignleft, .entry-content div.alignleft, .comment-body img.alignleft, .comment-body div.alignleft { float: left; padding: 10px 10px 10px 0; } .entry-content img.alignright, .entry-content div.alignright, .comment-body img.alignright, .comment-body div.alignright { float: right; padding: 10px 0 10px 10px; } .thumbnail-caption-text, .entry-content .wp-caption-text, .comment-body .wp-caption-text { color: #aaa; font: 200 10pt 'Arimo', sans-serif; font-style: italic; margin: 0px 0px 20px; } .entry-content .wp-caption-text a:hover, .comment-body .wp-caption-text a:hover { text-decoration: underline; } .entry-meta { color: #aaa; font: 200 13px 'Arimo', sans-serif; margin: 22px 0 -3px; word-spacing: 0px; } .entry-meta .tag-list { display: inline-block; width: 80%; } .entry-meta .tag-list + .edit-link, .entry-meta .top-link + .edit-link { display: inline-block; width: 20%; } .edit-link { text-align: right; } .entry-meta .comments-link { text-align: right; margin: 5px 0 0; } .entry-meta .comments-link + .top-link { margin-top: 0px; } .entry-meta hr, #archy-content hr, #content hr { border: 0; border-bottom: 1px solid #fff; border-top: 1px dashed; color: #ddd; margin-bottom: 16px; } .entry-meta a { color: #aaa; text-decoration: none; } .entry-meta a:hover { color: #3d8fd5; text-decoration: none; } .entry-header .attachment-post-thumbnail, body.attachment div.attachment img { margin-top: 16px; } .entry-header { margin-bottom: 8px; } body.attachment .entry-header { margin-bottom: 0px; } .entry-content hr, .comment-body hr { border: 0; border-bottom: 1px solid #fff; border-top: 1px dashed #ddd; color: #666; margin: 22px 0px 24px; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .comment-body h1, .comment-body h2, .comment-body h3, .comment-body h4, .comment-body h5, .comment-body h6, #commentspopup h1, #commentspopup h2 { color: #444; font: 900 24px 'Arial'; letter-spacing: 1px; margin: 16px 0; word-spacing: 1px; } .entry-content h2, .comment-body h2, #commentspopup h2 { font-size: 21px; } .entry-content h3, .comment-body h3 { font-size: 18px; } .entry-content h4, .comment-body h4 { font-size: 15px; } .entry-content h5, .comment-body h5 { font-size: 13px; } .entry-content h6, .comment-body h6 { font-size: 11px; } #commentspopup h1 { margin-top: 0; } .entry-summary p, .entry-content p, .comment-body p, #commentspopup p { margin-bottom: 21px; max-width: 100%; word-spacing: -1px; } #commentspopup .credit { margin: 0; } .entry-summary p { margin-bottom: 0; } .entry-content dl, .comment-body dl { margin: 22px 0 21px; } .entry-content dt, .comment-body dt { color: #444; font: 900 11pt 'Arimo', sans-serif; padding-left: 30px; margin-top: 2px; word-spacing: 1px; } .entry-content dd, .comment-body dd { margin-top: 2px; padding-left: 30px; word-spacing: 0px; } .entry-content ol, .entry-content ul, .comment-body ol, .comment-body ul { margin: 0 0 0 47px; } .entry-content ol li, .entry-content ul li, .comment-body ol li, .comment-body ul li { padding-left: 5px; margin-top: 5px; word-spacing: -1px; } .entry-content form label, .comment-body form label { word-spacing: -1px; display: block; margin-bottom: 7px; } form { font-size: 0; } form:nth-child(n) { font-size: 13px; } input[type="text"], input[type="password"], textarea { background-color: #f8f8f8; border: 1px solid #ddd; border-radius: 4px; color: #666; font: 200 10pt 'Arimo', sans-serif; margin-left: -1px; max-width: 520px; width: 37.2%; } input[type="text"], input[type="password"] { outline: none; padding: 16px 10px; } textarea { height: 87px; outline: none; padding: 10px; } #commentspopup textarea { width: 304px; max-width: 99%; } /* select styles */ select { background: #ddd; border-radius: 3px; border: 0px; color: #666; height: 46px; margin-left: 0px; overflow: hidden; padding: 14px 6px; text-align: left; width: 36.833333333%; appearance: button; /* CSS3 */ -webkit-appearance: button; /* Safari and Chrome */ -moz-appearance: button; /* Firefox */ -ms-appearance: button; /* Internet Explorer */ -o-appearance: button; /* Opera */ } select:focus { border: 0px; outline: none; /* remove focus ring from Webkit */ text-decoration-line: none; -webkit-appearance: normal; } select:hover { border: 0px; outline: none; /* remove focus ring from Webkit */ text-decoration-line: none; -webkit-appearance: normal; } select:active { border: 0px; outline: none; /* remove focus ring from Webkit */ text-decoration-line: none; -webkit-appearance: normal; } div.archy-select { background: url("images/select-arrow.png") no-repeat scroll right 0 #ddd; border-radius: 3px; border: 0px; display: -moz-inline-stack; /* inline-block for Mozilla 2 */ display: inline-block; /* inline-block for other browsers */ height: 22px; padding: 12px 10px; width: 200px; } .archy-select h1 { color: #666; cursor: default; font: normal 13px 'Arial'; overflow:hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; letter-spacing: 0px; margin: 4px 0 0; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 86%; word-spacing: 0px; } .archy-select .archy-select-block { background-color: #fff; border: 1px solid #ddd; border-top-color: #c0c0c0; display: -moz-inline-stack; /* inline-block for Mozilla 2 */ display: inline-block; /* inline-block for other browsers */ height: initial; overflow-y: auto; padding: 12px; position: absolute; margin: 14px 0 0 -10px; max-height: 247px; /*margin: 45px 0px 0 -221px;*/ width: 194px; z-index: 99; } .archy-optgroup { cursor: default; margin-top: 13px; } .archy-optgroup:first-child { margin-top: 0px; } .archy-optgroup h1 { color: #aaa; font: 200 9pt 'Arimo', sans-serif; letter-spacing: 0px; margin: 0 0 0 -3px; overflow:hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; word-spacing: 1px; } .archy-option { color: #666; margin: 9px 0 0; padding: 2px 0 0 17px; overflow:hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; word-spacing: 0; } .archy-option:first-child { margin: 0 0 0 -2px; } .archy-select-block > .archy-option { padding: 2px 0 0; } .archy-option:hover { color: #3d8fd5; cursor: pointer; } .archy-option.archy-selected { color: #3d8fd5; } /* radio and checkboxes styles */ .radio, .checkbox { cursor: pointer; margin: 2px 8px 20px 32px; } form .radio + label, form .archy-fake-radio-container + label, form .checkbox + label, form .archy-fake-checkbox-container + label { display: inline; cursor: pointer; word-spacing: 0px; } input[type="radio"], input[type="checkbox"] { cursor: pointer; opacity: 0; position: absolute; margin: 3px 0px 0px 3px; z-index: -100; } .archy-fake-radio-container:first-child, .archy-fake-checkbox-container:first-child { margin: 2px 9px 0px 29px; } .archy-fake-radio-container, .archy-fake-checkbox-container { float: left; margin: 2px 9px 0px 29px; } .archy-fake-radio, .archy-fake-checkbox { cursor: pointer; display: block; height: 19px; width: 18px; } .archy-fake-radio, .archy-fake-radio.disabled, .archy-fake-radio.disabled:hover { background: url(images/radio-normal.png) no-repeat; } .archy-fake-checkbox, .archy-fake-checkbox.disabled, .archy-fake-checkbox.disabled:hover { background: url(images/checkbox-normal.png) no-repeat; } .archy-fake-radio.selected, .archy-fake-radio:hover { background: url(images/radio-selected.png) no-repeat; } .archy-fake-checkbox.selected, .archy-fake-checkbox:hover { background: url(images/checkbox-selected.png) no-repeat; } .archy-fake-radio.disabled, .archy-fake-checkbox.disabled, .archy-fake-radio:hover, .archy-fake-checkbox:hover { opacity: 0.5; } .archy-fake-radio.selected:hover, .archy-fake-checkbox.selected:hover { opacity: 1; } .archy-radio-item-container:first-child, .archy-checkbox-item-container:first-child { margin-top: 0px; } .archy-radio-item-container, .archy-checkbox-item-container { display: -moz-inline-stack; /* inline-block for Mozilla 2 */ display: inline-block; /* inline-block for other browsers */ margin-top: 8px; } /* upload file instrument styles */ .archy-upload-file { background-color: #f8f8f8; border-radius: 3px; display: -moz-inline-stack; /* inline-block for Mozilla 2 */ display: inline-block; /* inline-block for other browsers */ height: 48px; padding: 11px 9px; width: 442px } .archy-upload-file-input { background: url("images/upload-arrow.png") no-repeat scroll 189px 0 #fcfcfc; border: 1px solid #d7d7d7; border-radius: 3px; display: -moz-inline-stack; /* inline-block for Mozilla 2 */ display: inline-block; /* inline-block for other browsers */ padding: 13px 10px; width: 200px; word-spacing: 0px; } .archy-upload-file-status { display: -moz-inline-stack; /* inline-block for Mozilla 2 */ display: inline-block; /* inline-block for other browsers */ padding: 14px 0 14px 15px; word-spacing: -1px; } /* clear and submit buttons styles */ input[type="reset"], input[type="submit"] { background-color: #444; border: 0; border-radius: 3px; color: #fff; font: 900 11px 'Arial'; letter-spacing: 1px; line-height: 13px; padding: 18px 15px 16px 16px; margin-right: 10px; margin-top: 9px; text-transform: uppercase; } input[type="reset"]:hover, input[type="submit"]:hover { background-color: #3d8fd5; } /* links styles */ a { color: #3d8fd5; text-decoration: none; } a:hover { text-decoration: underline; } .entry-meta .top-link { display: inline-block; margin: 23px 0 5px; width: 80%; } .entry-meta a[href="#wrapper"] { color: #3d8fd5; text-decoration: none; text-transform: capitalize; } .entry-meta a[href="#wrapper"]:hover { text-decoration: underline; } /* abbr, acronym, pre, code, sub, sup, etc. */ .entry-content acronym, .entry-content abbr, .comment-body acronym, .comment-body abbr { cursor: help; } .entry-content pre, .comment-body pre { background-color: #efefef; border: 1px solid #ddd; font: 200 10pt/21px 'courier new', courier, monospace; overflow-x: auto; padding: 14px 19px; margin: 21px 0; width: 93%; word-spacing: -2px; } .entry-content sup, .entry-content sub, .comment-body sup, .comment-body sub { color: #aaa; font-size: 100%; line-height: 14px; letter-spacing: -1px; } .entry-content sup, .comment-body sup { vertical-align: super; } .entry-content sub, .comment-body sub { vertical-align: sub; } .entry-content code, .comment-body code { font-size: 9pt; } .entry-content blockquote:before, .comment-body blockquote:before { background: url( 'images/quotes.png' ) no-repeat 0 5px; content: '"'; color: #444; float: left; margin: 0 12px 0 -36px; width: 22px; } .entry-content blockquote, .comment-body blockquote { display: block; color: #aaa; margin: 27px 36px; word-spacing: 2px; } .entry-content blockquote p, .comment-body blockquote p { word-spacing: 2px; } .entry-content blockquote cite, .comment-body blockquote cite { /* author */ display: block; color: #666; font: 900 10pt 'Arimo', sans-serif; margin-top: 5px; word-spacing: 0px; } .entry-content address, .comment-body address { margin-bottom: 21px; } .entry-content kbd, .entry-content tt, .comment-body kbd, .comment-body tt { font: 11px monospace; } .entry-content var, .comment-body var { font: italic 9pt 'Open Sans', sans-serif; } /* Making styles for tables */ /* rest of styles writed on sidebar block of styles */ .entry-content table, .comment-body table { border-collapse: collapse; margin-bottom: 21px; text-align: left; } .entry-content table caption, .comment-body table caption { margin: 0; padding: 0; } .entry-content table tfoot, .comment-body table tfoot { display: block; } .entry-content table td, .entry-content table th, .comment-body table th, .comment-body table td { border: 1px solid #ddd; padding: 11px; } #archy-content, #content { font: 200 12pt 'Arimo', sans-serif; margin: 0; } #archy-content article, #content article { margin-bottom: 0; } #archy-content .post, #archy-content .page, #archy-content article.attachment { box-shadow: none; font: 200 10pt 'Arimo', sans-serif; padding: 0; margin: 0 0 40px 0; } #archy-content .page { margin: 0 0 5px 0; } #archy-content nav, #content nav { background-color: #ddd; font: 200 11pt 'Arimo', sans-serif; padding: 30px 35px; margin: 40px -35px -27px; } #archy-content nav a, #content nav a { color: #666; } #archy-content nav a:hover, #content nav a:hover { color: #3d8fd5; text-decoration: none; } #archy-content .archy-nav-single.archy-clearfix:after, #content .archy-nav-single.archy-clearfix:after { padding-bottom: 0px; } #archy-content .archy-nav-single .archy-nav-previous, #archy-content .archy-nav-single .archy-nav-next, #content .archy-nav-single .archy-nav-previous, #content .archy-nav-single .archy-nav-next { max-width: 50%; display: -moz-inline-stack; /* inline-block for Mozilla 2 */ display: inline-block; /* inline-block for other browsers */ } #archy-content .archy-nav-single .archy-nav-next, #content .archy-nav-single .archy-nav-next { float: right; } /* comments */ #archy-content .nocomments, #content #comments { display: none; } #archy-content #comments, #content #comments { color: #444; font: 200 18px 'Arimo'; margin: 50px 0 35px; } #archy-content .commentlist, #content .commentlist, #commentlist { list-style-type: none; margin: 35px 0 -22px; } #commentlist { margin-bottom: 35px; } #commentlist p { margin: 0; } #commentlist li p:last-child { margin-left: 20px; } #archy-content .commentlist .comment, #archy-content .commentlist .pingback, #content .commentlist .comment, #content .commentlist .pingback { margin-top: 35px; } #commentlist li { margin-top: 20px; } #archy-content .commentlist .comment .children , #archy-content .commentlist .pingback .children, #content .commentlist .comment .children , #content .commentlist .pingback .children { list-style-type: none; margin-left: 48px; } #archy-content .commentlist > .comment:last-child .reply, #archy-content .commentlist > .pingback:last-child .reply, #content .commentlist > .comment:last-child .reply, #content .commentlist > .pingback:last-child .reply { border-bottom: 0; } #archy-content .comment .comment-author, #archy-content .pingback .comment-author, #content .comment .comment-author, #content .pingback .comment-author { font: 200 17px 'Arimo'; } #archy-content .comment .comment-author cite, #archy-content .pingback .comment-author cite, #content .comment .comment-author cite, #content .pingback .comment-author cite { margin-left: 25px; } #archy-content .comment .comment-meta, #archy-content .pingback .comment-meta, #content .comment .comment-meta, #content .pingback .comment-meta { font-size: 12px; margin: 9px 0 30px 0px; } #archy-content .comment .comment-meta a:first-child, #archy-content .pingback .comment-meta a:first-child, #content .comment .comment-meta a:first-child, #content .pingback .comment-meta a:first-child { color: #444 } #archy-content .comment, #archy-content .pingback, #content .comment, #content .pingback { word-wrap: break-word; } #archy-content .comment .reply, #archy-content .pingback .reply, #content .comment .reply, #content .pingback .reply { border-bottom: 1px dashed #ddd; font-size: 14px; padding-bottom: 10px; margin: 30px 0 0; text-align: right; } #archy-content .comment.bypostauthor, #content .comment.bypostauthor { background-color: #f5f5f5; padding: 30px 30px 0; margin-left: -30px; margin-top: 0px; width: 100%; } #respond { color: #444; padding-top: 45px; } #respond h3 { font: 700 16pt 'Arimo', sans-serif; margin: 18px 0 0; } #respond #cancel-comment-reply-link { display: block; font: 200 14px 'Arimo', sans-serif; margin: 5px 0 50px; } #respond form { margin: 7px 0 0; } #respond form p { font-size: 10pt; margin: 0 0 21px; } #respond form p:last-of-type { margin: 0; } #commentspopup #commentform p:nth-child(2) { margin: 0; } #respond label[for="comment"] { display: none; } #respond form textarea { height: 120px; margin-top: 2px; width: 100%; } .commentlist form textarea { box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari lte 5.0, Chrome lte 10.0, Android lte 4.0 and iOS Safari lte 5.0 */ } #respond .form-allowed-tags, #commentspopup p + h2 + p { font-size: 11px; line-height: 17px; text-align: justify; } #respond input[type="submit"] { margin: 0; } .commentlist #respond { padding-bottom: 15px; } #archy-content .commentlist > .comment:last-of-type, #content .commentlist > .comment:last-of-type { padding-bottom: 22px; } #archy-content .commentlist .comment:last-child #respond, #content .commentlist .comment:last-child #respond { padding-bottom: 0px; } /* post-password-required */ .post-password-required label { display: inline-block; float: left; width: 54%; } .post-password-required label input[name="post_password"] { margin: 0; margin-left: 2px; width: 68.9%; } .post-password-required input[name="Submit"] { padding-bottom: 18px; margin: 0; } /* gallery */ .single-format-gallery .gallery { margin-left: -3% !important; } /*.gallery dl:first-child dt, .gallery dl:first-child dd, .gallery br + dl dt, .gallery br + dl dd { padding-left: 0; }*/ .gallery .gallery-caption { word-wrap: break-word; } .search-results .gallery { margin-left: 0 !important; } /* no results post */ #archy-content .no-results { margin-bottom: 8px; } .no-results .searchform .screen-reader-text { margin: 1px 0 0; } .no-results .searchform input[type="text"] { margin: 0; } .no-results .searchform input[type="submit"] { margin: 0 0 0 5px; padding-bottom: 17px; } #post-0 .entry-content { margin: 0; } /* search styles */ .post.page-header { margin-bottom: 30px; } .post.page-header .entry-header { margin-bottom: 0; } .post.page-header .entry-header .entry-title { text-align: center; } /* archive styles */ .archive-meta { color: #aaa; font: 200 13px 'Arimo'; margin-top: 10px; text-align: center; } /* error 404 */ .post.page-header.error404 .entry-header .entry-title { text-align: left; } .post.page-header.error404 .entry-content .searchform, #post-0 .entry-content .searchform { margin-bottom: 5px; } #post-0.error404 .entry-content { margin: 5px 0 0; } /* pagind navigation */ article.paging-nav { margin-top: -10px; } article.paging-nav .entry-header { margin-bottom: 0px; } article.paging-nav .entry-title { text-align: center; } article.paging-nav .nav-links a { color: #444; font-size: 21px; font-weight: 900; } article.paging-nav .nav-links a:hover { color: #3d8fd5; } article.paging-nav .nav-links .archy-nav-next { text-align: right; } article.paging-nav .nav-links .archy-nav-previous + .archy-nav-next, article.paging-nav .nav-links .archy-nav-previous { display: -moz-inline-stack; /* inline-block for Mozilla 2 */ display: inline-block; /* inline-block for other browsers */ width: 49.6325%; } /* contact form */ #cntctfrm_contact_form label { margin-top: 7px; } .widget #cntctfrm_contact_form label { display: block; margin: 7px 0; } /* Quotes and tips */ #quotes_box_and_tips h3 { font: 900 20pt 'Arial'; letter-spacing: 0px; word-spacing: 1px; } #quotes_box_and_tips p { font: 200 10pt 'Arimo', sans-serif; word-spacing: -1px; } .widget-area #quotes_box_and_tips:first-child { margin-top: 0; } #quotes_box_and_tips .box_delimeter { background-position: 49.5% top; } /* BWS gallery and portfolio */ .single-gallery #container, .page-template-gallery-template-php #container, .single-portfolio #container, .tax-portfolio_technologies #container, .page-template-portfolio-php #container { float: right; width: 63.829787234%; } .single-gallery #archy-content .gallery { margin-left: 0% !important; } .gallery .gllr_image_block p { font-size: 300%; margin-bottom: 0; max-width: 540px; } .gallery .gllr_image_row, .entry-content iframe, embed { width: 100%; } .gallery .gllr_image_row, .gallery .gllr_image_block, .gallery .gllr_image_block div, .widget .gallery .gllr_image_block p { max-width: 100%; } .gallery .gllr_single_image_text { color: #aaa; word-wrap: break-word; } .single-gallery #archy-content .gallery img { max-width: 540px!important; } .return_link { font: 200 11pt 'Arimo', sans-serif; margin: 20px 0 10px } article .return_link a:hover { text-decoration: underline; } article .gallery_box a:hover, .page-template-gallery-template-php #archy-content a:hover { text-decoration: underline; } article .gallery_box ul, .page-template-gallery-template-php #archy-content ul { margin: 0; } article .gallery_box img { margin: 0 10px 10px 0; } article .gallery_box .gallery_detail_box div:first-child, .page-template-gallery-template-php #archy-content .gallery_detail_box div:first-child { font-size: 15px; font-weight: 900; } article .gallery_box a:hover { text-decoration: underline; } .gllr_image_block { margin-right: 6px; } .widget .gallery_detail_box div:first-child { font-weight: 900; } .widget .twttr_button img { margin: 0; } .widget .return_link { font-size: 10pt; } .page-template-gallery-template-php .pagination { padding: 15px 0 0 5px; } .page-template-gallery-template-php .pagination span { color: #444; cursor: default; font-size: 22px; } .page-template-gallery-template-php .pagination a, .page-template-gallery-template-php .pagination span { margin: 0 5px; } .page-template-gallery-template-php .pagination a:first-child, .page-template-gallery-template-php .pagination span:first-child { margin-left: 0; } .page-template-gallery-template-php .gallery_box ul { margin: 0; } .portfolio_thumb { margin-right: 15px; } .portfolio_short_content { float: none; width: auto; } .portfolio_short_content p, .portfolio_images_block { font-size: 13px; } .single-portfolio .lable, .tax-portfolio_technologies .lable, .portfolio_content .lable { font-weight: 900!important; } .tax-portfolio_technologies .item_title { font-weight: 900; } .portfolio_content .read_more { margin-right: 6px; } .portfolio_content .read_more a { padding: 3px; width: 100%; } .tax-portfolio_technologies .read_more a:hover, #portfolio_pagenation a:hover { text-decoration: none; } #fancybox-title #fancybox-title-inside { word-wrap: break-word; } .portfolio_images_block { margin-left: 15px; } .portfolio_images_rows { margin-top: 15px; } .portfolio_images_block .portfolio_images_gallery img { height: inherit; } #portfolio_pagenation { margin: 25px 0; } .single-format-standard .portfolio_thumb img, .widget .portfolio_thumb img { box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari lte 5.0, Chrome lte 10.0, Android lte 4.0 and iOS Safari lte 5.0 */ } .single-format-standard .prtfl_portfolio_block a:hover { text-decoration: underline; } .single-format-standard .prtfl_portfolio_block .read_more a:hover, .widget .prtfl_portfolio_block .read_more a:hover, .portfolio_content .read_more a:hover { color: #fff; text-decoration: none; } .widget .prtfl_portfolio_block a:hover { text-decoration: none; } .widget .prtfl_portfolio_block img { border-color: #fff; margin-top: 0; } .widget .prtfl_portfolio_block .portfolio_terms { border-bottom-color: #fff; padding-bottom: 3px; } .widget .portfolio_thumb { margin-right: 8px; } .widget .item_title { padding-bottom: 0px; } .widget .portfolio_short_content { margin-left: 0; } .widget .portfolio_short_content p { padding-bottom: 15px; } /* Twitter */ article .gallery_box_single .twttr_button, article .gallery_box_single #fcbk_share, article .gallery_box_single .gglplsn_share, .widget .gallery_box_single .twttr_button, .widget .gallery_box_single #fcbk_share, .widget .gallery_box_single .gglplsn_share { display: none; } .twttr_follow { margin-top: 5px; } /* Facebook */ #fcbk_share { margin-bottom: 10px; } .entry-content div:last-child[id="fcbk_share"], .entry-content div:last-child[class="gglplsn_share"], .entry-content div:last-child[class="twttr_button"] { margin: 15px 0 0 !important; } .entry-content div:first-child[id="fcbk_share"], .entry-content div:first-child[class="gglplsn_share"], .entry-content div:first-child[class="twttr_button"] { margin: 0 0 10px !important; } .entry-content div:first-child[class="twttr_button"], .entry-content div[class="gglplsn_share"] { margin-right: 9px !important; } #fcbk_share, .fcbk_button a { height: auto; } .fcbk_button, .fcbk_like { float: none; } .fcbk_like { top: 0; width: 100px; } .fcbk_button, .fcbk_button a, .fcbk_like, #fcbk_share, .gglplsn_share, .twttr_button { display: -moz-inline-stack; /* inline-block for Mozilla 2 */ display: inline-block; /* inline-block for other browsers */ margin-bottom: 0; } #fcbk_share + #fcbk_share, #fcbk_share + #fcbk_share + .gglplsn_share, .gglplsn_share + .gglplsn_share { display: none; } /* Google */ .gglplsn_share { margin-top: 5px; } /* Relevant */ .rltdpstsplgn_content h3 { display: list-item; font-size: 13px; margin: 10px 0 0 24px; } .rltdpstsplgn_content h3 a:hover { text-decoration: underline; } /* $$$$$$__$$$$___$$$$__$$$$$$_$$$$$__$$$$$ $$_____$$__$$_$$__$$___$$___$$_____$$__$$ $$$$___$$__$$_$$__$$___$$___$$$$___$$$$$ $$_____$$__$$_$$__$$___$$___$$_____$$__$$ $$______$$$$___$$$$____$$___$$$$$__$$__$$ */ #wrapper + footer { background-color: #fcfcfc; box-shadow: 0 0 5px 0px #d0d0d0; color: #aaa; font: 200 10pt 'Arimo', sans-serif; padding: 22px 29px; position: relative; margin: 10px 0; width: 93.9%; } #wrapper + footer .archy-copyright { margin: -1px 0 1px; } #wrapper + footer .archy-powered-by { position: absolute; right: 32px; top: 21px; }