/* Theme Name: Roots Theme URI: http://rootstheme.com/ Description: Starting theme based on HTML5 Boilerplate, Blueprint CSS and Starkers Version: 3.0.0 Author: Ben Word Author URI: http://benword.com/ Tags: roots, boilerplate, blueprint, starkers License: The Unlicense License URI: http://unlicense.org/ Updated: March 14 2011 Changelog: 3.0.0 [XX-XX-2011] Changed name from BB to Roots, moved social share buttons and vCard details to theme options, changed div#header to header#banner, changed div#footer to footer#content-info, changed div#secondary to aside#sidebar, changed div.post to article.post, changed #(anything)-inner to div.container, changed div.widget to article.widget, moved #main and #sidebar classes to theme options, re-organized functions.php and includes directory, updated the permalink structure to /%year%/%postname%/ for performance reasons, removed the WordPress version from the RSS feed, added a modified gallery shortcode that uses
and
, updated various areas to match the latest changes to HTML5 Boilerplate 2.4.0 [01-25-2011] Added a notification when saving the theme settings, added support for navigation menus, created function that makes sure there is a Home page on theme activation - then sets the Home page to the front page and the order to -1, updated various areas to match the latest changes to HTML5 Boilerplate 2.3.0 [12-08-2010] Logo is no longer an

, added ARIA roles again, changed ul#nav to nav#nav-main, added vCard to footer, added built-in snippets that reference GitHub gists, made all URL's root relative, added Twitter and Facebook widgets to footer, added SEO optimized robots.txt from WordPress codex 2.2.0 [09-20-2010] Added asynchronous Google Analytics, updated .htaccess with latest changes from HTML5 Boilerplate, added a faded transparent PNG to .button class 2.1.0 [08-19-2010] Removed optimizeLegibility from headings, updated jQuery to latest version, made functions.php enforce permalink structure, implemented HTML5 Boilerplate .htaccess, added official Twitter button to posts 2.0.1 [08-02-2010] Moved ie.css down in , added some presentational CSS classes, added footer widget, more Gravity Forms default styling 2.0.0 [07-19-2010] Added HTML5 Boilerplate changes, implemented loop.php, wp_head cleanup, added page-subpages.php template 1.5.0 [04-15-2010] Integrated Paul Irish's frontend-pro-template (original HTML5 Boilerplate) 1.0.0 [12-18-2009] Added Blueprint CSS to Starkers */ #overlay-message { position: fixed; top: 0; left: 0; padding: 10px; width: 100%; background: #dcf6ff; text-align: center; font-weight: bold; font-size: 18px; } #wrap { margin-top: 45px; } /* GENERAL --------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Typography */ html { overflow-y: scroll; } body { background: url(img/pg-bg.jpg); } a { color: #f03e2c; } a:hover, a:focus { color: #4d4d4f; } a:hover, a:active { outline: none; } a:active, input.button:active { outline: 0; } h1, h2, h3, h4, h5, h6 { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); color: #232324; font-family: "mostra-nuova-1","mostra-nuova-2",sans-serif; text-transform: uppercase;} img.left, p img.left, .alignleft { margin: 0 1.5em 1.5em 0; float: left; } img.right, p img.right, .alignright { margin: 0 0 1.5em 1.5em; float: right; } .wp-caption { border: 1px solid #666; text-align: center; background: #ccc; padding: 10px; margin: 10px; } .wp-caption-text { margin: 0; } ul.none { margin: 0 0 1.5em 0; padding: 0; list-style-type: none; } .icon { vertical-align: middle; } .large { line-height: 1.5em; } .center { text-align: center; } .aligncenter { display: block; margin: 0 auto; } .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .hidden { display: none; visibility: hidden; } .invisible { visibility: hidden; } ::-moz-selection { text-shadow: none; background: #3399FF; color: #fff; } ::selection { text-shadow: none; background: #3399FF; color: #fff; } .button, #searchsubmit, #post-nav a, #comments-nav a { display: inline-block; background: #266EB3 url(img/fade-50.png) repeat-x; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; color: #fff; border: none; padding: 8px 16px; cursor: pointer; text-decoration: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); width: auto; overflow: visible; -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); } .button:hover, .button:active, #searchsubmit:hover, #post-nav a:hover { background: #125FA9; color: #fff; } /* Forms */ input, select, textarea { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 1em; } label, input[type=button], input[type=submit], button { cursor: pointer; } textarea { overflow: auto; } /* HEADER --------------------------------------------------------------------------------------------------------------------------------------------------- */ #banner { position: relative; margin: 10px auto 0 auto; z-index: 1000; background: #fff;border-left: 1px solid #999999;border-right: 1px solid #999999;border-top: 1px solid #999999;} #logo { float: left; width: 950px; height: 82px; margin: 0 0 5px; padding: 0; } #nav-main ul { position: relative; list-style: none; margin: 0; padding: 0; float: left; width: 100%; background: #FFFFFF; } #nav-main ul li { float: left; } #nav-main ul li:hover { position: relative; } #nav-main ul li a { text-decoration: none; display: block; font-size: 12px; padding: 0px 6px; color: #fff; margin: 0; color: #232324; text-transform: uppercase; border-right: 1px solid #4d4d4f; } #nav-main ul li a:hover, #nav-main ul li.current-menu-item a { color: #f03e2c; } #nav-main ul ul { position: absolute; visibility: hidden; top: 100%; left: 0; width: 200px; background: #61a1de; padding: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } #nav-main ul ul li { float: none; } #nav-main ul ul li a { font-size: 12px; width: 100%; display: inline-block; } #nav-main ul ul li a:hover, #nav-main ul ul li.current_page_item > a, #nav-main ul ul li.current_page_parent > a, #nav-main ul ul li.current_page_ancestor > a, #nav-main ul ul li.current-cat > a, #nav-main ul ul li.current-cat-parent > a, #nav-main ul ul li.current-category-ancestor > a, #nav-main ul ul li.current-menu-item > a, #nav-main ul ul li.current-menu-parent > a, #nav-main ul ul li.current-post-parent > a, #nav-main ul ul li.current-post-ancestor > a { color: #1d5489; } #nav-main ul ul ul { left: 100%; top: 0; } #nav-main ul li:hover > ul { visibility: visible; } #nav-main ul li#menu-item-58 a { border:0; } #nav-utility { float: right; } #nav-utility ul { list-style: none; margin: 0; padding: 0; float: right; width: auto; position: relative; } #nav-utility ul li { float: left; position: relative; } #nav-utility ul li a, #nav-utility ul li .cart { text-decoration: none; display: block; font-size: 12px; padding: 0px 6px; color: #fff; margin: 0; color: #232324; text-transform: uppercase; border-right: 1px solid #4d4d4f; } #nav-utility ul li a:hover, #nav-utility ul li .cart:hover, #nav-utility ul li.current_page_item > a, #nav-utility ul li.current_page_parent > a, #nav-utility ul li.current_page_ancestor > a, #nav-utility ul li.current-cat > a, #nav-utility ul li.current-cat-parent > a, #nav-utility ul li.current-category-ancestor > a, #nav-utility ul li.current-menu-item > a, #nav-utility ul li.current-menu-parent > a, #nav-utility ul li.current-post-parent > a, #nav-utility ul li.current-post-ancestor > a { color: #f03e2c; } #nav-utility ul li#menu-item-52 a { border:0; } #nav-footer {} #nav-footer ul { list-style-type: none; padding: 0; margin: 0; } #nav-footer ul li { float: left; } #nav-footer ul li a { text-decoration: none; display: block; font-size: 12px; padding: 0px 6px; color: #fff; margin: 0; color: #232324; text-transform: uppercase; border-right: 1px solid #4d4d4f; } #nav-footer ul li a:hover, #nav-footer ul li.current-menu-item a { color: #f03e2c; } #nav-footer ul li#menu-item-67 a { border:0; } // #nav-footer li.current-menu-item { color: #f03e2c; } #nav-latest { margin:31px 0 0 0px; position: relative; z-index: 999999; } #nav-latest ul { list-style-type:none; margin: 0 0 0 10px; padding: 0; text-align: left; } #nav-latest li { padding: 5px 0 5px 50px; width: 138px;} #nav-latest li a { font-size: 14px; color: #232324; text-decoration: none; text-transform: uppercase; display: block; background: url(img/current-list-bg.png) no-repeat 0px 5px; padding: 0 0 0 15px; } #nav-latest li a:before { } #nav-latest li a:hover { color: #f03e2c; display: block; background: url(img/current-list-bg-hover.png) no-repeat 0px 5px; padding: 0 0 0 15px;} #nav-latest li.current-menu-item a { display: block; color: #FF0000; display: block; background: url(img/current-list-bg-hover.png) no-repeat 0px 5px; padding: 0 0 0 15px; } #nav-latest li#menu-item-612 { border-width: 1px 0 1px 0; border-style: solid; border-color: #cacaca; } #nav-latest li#menu-item-609, #nav-latest li#menu-item-610 { border-width: 0 0 1px 0; border-style: solid; border-color: #cacaca; } #nav-store ul {list-style:none;margin:62px 0 0 20px;padding:0 0; text-align: left; } #nav-store ul a { display: block; text-decoration: none; } #nav-store ul li { display:inline-block; width: 185px;} #nav-store ul li a { text-decoration:none; display:block; font-size:1.1em; padding: 3px; color:#464646; margin: 5px 0px; background: #4d4d4f; letter-spacing: 1px; text-align: center; color: #FFFFFF; font-weight: bold; } #nav-store ul li.current-menu-item a { color: #FFFFFF;background: #6e6e6e; } #nav-store ul li ul li.current-menu-item a { color: #FF0000; background: #FFFFFF; } #nav-store ul li a:hover { background: #6e6e6e; } #nav-store ul li ul li a:hover { background: none; color: #f03e2c; } #nav-store ul li ul { position: relative; top: -2px; margin: 0;} #nav-store ul ul li a { background: none; border: none; padding: 0; text-align: right; margin: 0 12px 0 0; color: #4d4d4f; font-weight: normal; } #nav-store ul ul li ul { margin: 0 0 0 8px;} #nav-more ul { list-style:none;margin:12px 0 0 0;padding:0 0; text-align: left; width: 680px; } #nav-more ul a { display: block; text-decoration: none; } #nav-more ul li { float: left; width: 130px; height: 30px; } #nav-more ul li a { text-decoration:none; display:block; font-size:1.1em; color:#232324; margin: 2px 2px; padding: 3px 6px; background: #FFFFFF; text-align: center; border: 1px solid #232324; font-weight: normal; } #nav-more ul li.current-menu-item a { color: #FF0000; } #nav-more ul li.current-more-menu a, #nav-more ul li a:hover { background: #FFFFFF; color: #f03e2c; border: 1px solid #f03e2c; } #nav-more ul li ul li a:hover { background: none; color: #f03e2c; } #nav-more ul li ul { position: relative; top: -2px; margin: 0;} #nav-more ul ul li a {background: none; border: none; padding: 0; text-align: right; margin: 0 12px 0 0; color: #4d4d4f; font-weight: normal;} #nav-more ul ul li ul {margin: 0 0 0 8px;} /* CONTENT --------------------------------------------------------------------------------------------------------------------------------------------------- */ #content { margin-bottom: 24px; background: #fff; border-left: 1px solid #999999;border-right: 1px solid #999999; } #content .container { width: auto; position: relative;} #main { position: relative; padding: 2.5em 1em 1em 1em; margin: 0; min-height: 400px;} #main .store { position: relative; left: 15px; } #custom-page { position: relative; left: 50px; } .about #custom-page div:first-child { border-right: 5px solid #f03e2c; padding-right: 10px; width: 440px;} /* Posts */ .hentry { text-align: left; width: 650px; margin-bottom: 40px; } .hentry h1 { line-height: 1.2em; margin-bottom: 0.2em; } .hentry h2:first-child { line-height: 1.2em; margin-bottom: 0; } .hentry h2 { margin-bottom: 5px; } .hentry h2 a { margin: 0; text-transform: uppercase; text-decoration: none;font-weight: bold; font-size: 18px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important; } .hentry iframe.twitter-share-button { position: absolute; top: 0; right: 0; width: 110px; height: 20px; } .hentry time { display: block; font-size: 1.2em; margin: 0 0 5px 0; position: relative; } .latest-data { font-size: 12px; margin-bottom: 10px; color: #222; } .latest-data span { text-transform: lowercase; font-weight: bold; } /* Post, page, comment navigation */ #post-nav { clear: both; } #post-nav:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; } #post-nav .post-previous { float: left; width: 50%; } #post-nav .post-next { float: right; width: 50%; text-align: right; } #post-nav .post-next a { float: right; } #page-nav { clear: both; } #comments-nav { clear: both; margin: 0 0 1.5em 0; } #comments-nav:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; } #comments-nav .comments-previous { float: left; width: 50%; } #comments-nav .comments-next { float: right; width: 50%; text-align: right; } #comments-nav .comments-next a { float: right; } /* Post comments */ ol.commentlist img.avatar { float: left; margin-right: 10px; } ol.commentlist time { display: block; font-size: 1em; margin-bottom: 0.5em; position: relative; } ol.commentlist .comment-reply-link { display: block; margin-bottom: 1.5em; } #commentform p { margin-bottom: 1em; } #commentform label { display: block; } #commentform textarea { display: block; } #commentform input.button { margin-top: 0.5em; } #commentform:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; } /* Gallery */ figure.gallery-item { float: left; margin: 0 1em 1em 0; position: relative; } figure.gallery-item a img { border: 4px solid #bbb; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } figure.gallery-item a:hover img { border-color: #ccc; } figure.gallery-item figcaption { display: none; } /* Primary Sidebar */ #sidebar { position: relative; } #sidebar .container { width: auto; } #sidebar .widget { clear: both; } #sidebar .widget .gform_wrapper ul { padding: 0; list-style-type: none; } #intro-text { width: 650px; text-align: center; margin: 0 auto 20px auto; position: relative; top: 20px; } /* FOOTER --------------------------------------------------------------------------------------------------------------------------------------------------- */ #content-info { clear: both; position: relative; background: #fff; top: -24px;border-left: 1px solid #999999;border-right: 1px solid #999999;border-bottom: 1px solid #999999; } #content-info .container { padding: 1em; position: relative; top:25px; } #content-info p.copy { float: right; margin-right: 30px; } #content-info p.social .twitter-share-button { float: left; } #content-info p.social .fb_iframe_widget { float: left; } #content-info p.vcard { position: absolute; top: 0; right: 0; margin: 0; text-align: right; } #content-info p.vcard a.fn { font-size: 14px; } /* WIDGETS & PLUGINS --------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Gravity Forms */ .gform_wrapper { margin: 0; } .gform_wrapper .gform_footer.right_label, .gform_wrapper .gform_footer.left_label { padding: 0 0 0 34%; } .gform_wrapper .gsection { margin: 10px 0 0 !important; padding: 1.5em 0 0 !important; border-bottom: none !important; } .gform_wrapper .gsection h2 { font-weight: 400; font-size: 1.5em !important; } .gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction { letter-spacing: 0 !important; margin: 0 0 10px !important; } .gform_wrapper .gfield_checkbox label, .gform_wrapper .gfield_radio label { font-weight: 400 !important; } .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { display: inline; margin: 0 0 0 4px; } .gform_wrapper .gfield_checkbox li input[type=checkbox], .gform_wrapper .gfield_radio li input[type=radio], .gform_wrapper .gfield_checkbox li input { margin-top: 0; } .gform_wrapper input.small, .gform_wrapper input.medium, .gform_wrapper input.large { background-color: #fff; border: 1px solid #bbb; font-size: 1em; margin-bottom: auto; } .gform_wrapper input { padding: 4px 0 !important; } .gform_wrapper input[type="text"], .gform_wrapper input[type="password"], .gform_wrapper input.text, .gform_wrapper input.title, .gform_wrapper textarea, .gform_wrapper select { margin: 0 0 0.2em; } .gform_wrapper select, .gform_wrapper input, .gform_wrapper textarea { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important; font-size: 1em !important; } .gform_wrapper .validation_error, .gform_wrapper .validation_message { display: none; } .gform_wrapper .gfield_error { width: auto !important; background: none !important; border: none; margin-bottom: 0 !important; margin-top: 0 !important; padding: 0 !important; } .gform_wrapper .gfield_error .ginput_container { max-width: none !important; } .gform_wrapper .gfield_error input, .gform_wrapper .gfield_error select, .gform_wrapper .gfield_error textarea { background: #FDB7B7; } .gform_wrapper .top_label .gfield_error input.large, .gform_wrapper .top_label .gfield_error select.large, .gform_wrapper .top_label .gfield_error textarea.textarea { width: 92% !important; } .gform_wrapper .gform_footer { margin: 0 !important; } .gform_footer input.button { padding: 0.5em 1em !important; color: #fff !important; } .gform_footer a { display: none; } .gform_footer:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; } /* Fancybox */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url(img/fancybox/fancybox.png); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url(img/fancybox/fancybox.png) -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url(img/fancybox/blank.gif); z-index: 1102; display: none; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; } #fancybox-right:hover span { left: auto; right: 20px; } #fancybox-left:hover span { left: 20px } #fancybox-left { left: 0px } #fancybox-right { right: 0px } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url(img/fancybox/fancybox.png); background-position: -40px -30px; } #fancybox-right-ico { background-image: url(img/fancybox/fancybox.png); background-position: -40px -60px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url(img/fancybox/fancybox-x.png); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url(img/fancybox/fancybox.png); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url(img/fancybox/fancybox-y.png); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url(img/fancybox/fancybox.png); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url(img/fancybox/fancybox-x.png); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url(img/fancybox/fancybox.png); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url(img/fancybox/fancybox-y.png); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url(img/fancybox/fancybox.png); background-position: -40px -122px; } #fancybox-title { font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #fff; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url(img/fancybox/fancy_title_over.png); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url(img/fancybox/fancybox.png) -40px -90px no-repeat; } #fancybox-title-float-main { color: #fff; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url(img/fancybox/fancybox-x.png) 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url(img/fancybox/fancybox.png) -55px -90px no-repeat; } /* MapPress */ #mapp0_poweredby, #mapp1_poweredby, #mapp2_poweredby, #mapp3_poweredby, #mapp4_poweredby, #mapp5_poweredby, #mapp6_poweredby, #mapp7_poweredby, #mapp8_poweredby, #mapp9_poweredby, #mapp10_poweredby { display: none !important; } /* remove mappress credit */ /* Search */ #main #s { padding: 4px 0; } #main #searchform #searchsubmit { float: none; } #secondary #searchform label { display: block; } #secondary #searchform #s { padding: 4px 0; float: left; } #secondary #searchform #searchsubmit { clear: both; } #secondary #searchform:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; } #portfolio-details { position: relative; top: 75px; padding-bottom: 75px; } #portfolio-details h3 { font-size: 20px; line-height: 24px; margin: 0 0 15px 0; padding: 0; font-weight: normal; } #portfolio-details #year { margin: 0; padding: 0; font-weight: normal; } #portfolio-details #location { margin: 0; padding: 0; font-weight: normal; } #portfolio-details #client { margin: 0; padding: 0; font-weight: normal; } #portfolio-details #materials { margin: 0; padding: 0; font-weight: normal; } #portfolio-details #materials a { color: #000000; } #portfolio-details #dimensions { margin: 0; padding: 0; font-weight: normal; } #portfolio-details #portfolio-info { margin: 15px 0 0 0; padding: 0; font-weight: normal; } #portfolio-text { margin: 50px 30px 0 0; } #portfolio-thumbs { padding: 1em 1em 0 1em; } #portfolio-image img { margin: 1em 0 0 -1em; max-width: 310px; } .attachment-full { } #award-title h3 { padding: 1em 1em 0 0.5em; } #portfolio-text div { padding: 0 1em 1em 1em; margin: 0; color: #000000; } #portfolio-title h2 { text-transform: uppercase; font-size: 24px; margin: 10px 0 0 0; padding: 0; line-height: 32px; text-align: left;} #portfolio-thumbs img { margin-right: 3px; border: 3px solid #b2b4b6; } #portfolio-thumbs img.thumb-highlighted { border: 3px solid #d73729; } #year span, #materials span, #client span, #location span, #dimensions span, #portfolio-info span { font-weight: bold; } .homepage-picture { width: 310px; float: left; } .homepage-cycle { list-style-type: none; margin: 0; padding: 0; height: 450px; width: 310px; } #product-container { } #product-container ul { list-style-type: none; margin: 0; padding: 0; } #product-container ul li { float: left; padding: 10px; width: 200px; border: 1px dotted #888888; text-align: center; color: #636567; } #product-container ul li p { margin: 0; } #product-container ul li img { } #product-main-image { padding: 10px 20px 10px 10px; border: 1px dotted #888888; text-align: center; } #product-details { margin-left: 25px; color: #222; } #product-details span { font-weight: bold; text-transform: uppercase; display: block; margin: 0 0 15px 0; font-size: 16px;} #product-details dl { margin: 0; } #product-details dt { clear: left; float: left; width: 90px; text-align: left; font-weight: normal; font-size:12px; font-weight: bold; } #product-details dd { float: left; width: 200px; text-align: left; font-size:12px; margin: 0 0 10px 0; } #product-details .button { background: url(img/add-to-cart.jpg) no-repeat; width: 93px; height: 19px; } #product-details table { padding: 0; margin: 0; } #product-details td { background: none; padding: 0; } #store-title { font-size: 18px; color: #636567; font-weight: bold; margin-bottom: 10px; text-transform: uppercase} #store-title span { font-size: 14px; font-weight: normal; display: inline-block; margin-left: 10px; text-transform: uppercase; } #store-title a { color: #636567; text-decoration: none; } #lone-content { position: relative; left: 250px; z-index: 999999; } #lone-content-links { position: relative; left: 220px; z-index: 999999; } #ibd-links { margin: 0; padding: 0; list-style-type: none; width: 600px; } #ibd-links li { float: left; position: relative; width: 300px; } #ibd-links a { text-decoration: none; color: #000000; font-size: 14px; } #ibd-links a span { display: block; position: absolute; top: 30px; left: 90px; } #store-gallery { padding-bottom: 20px; position: absolute; top: 233px; } #store-gallery a { display: block; float: left; margin-right: 2px; border: 1px solid #FF0000; height: 40px; } #store-gallery a:hover { border: 1px solid #999999; } #product-description { padding-top: 75px; } .share { text-decoration: none;} #nav-footertr a { text-decoration: none !important; } /* INTERNET EXPLORER --------------------------------------------------------------------------------------------------------------------------------------------------- */ .ie7 #nav-main ul li { zoom: 1; } /* Clearfixes */ .ie7 #searchform, .ie7 #commentform, .ie7 .gform_footer, .ie7 #recent-posts ul, .ie7 #post-nav, .ie7 #comments-nav { display: inline-block; } /* MEDIA QUERIES --------------------------------------------------------------------------------------------------------------------------------------------------- */ @media all and (orientation: portrait) { /* Style adjustments for portrait mode goes here */ } @media all and (orientation: landscape) { /* Style adjustments for landscape mode goes here */ } @media screen and (max-device-width: 480px) { /* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) */ } @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } a, a: visited { color: #444 !important; text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript: "]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } @-moz-document url-prefix() { #nav-utility ul li#cartbutton { margin: -1px 0 0 -4px !important; } }