/* Theme Name: Franklin Method Theme Author: Catherine Vo Author URI: http://www.catherinevo.com Description: Complete customized theme for the Franklin Method Version: 3.0 License: GNU General Public License License URI: license.txt */ /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } :focus {/* remember to define focus styles! */ outline: 0; } body { background: #fff; line-height: 1; } ol, ul { list-style: none; } table {/* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* =Structure ----------------------------------------------- */ body { padding: 0 2em; } #page { margin: 2em auto; max-width: 1000px; } #branding hgroup { margin: 0 7.6%; } #access div { margin: 0 7.6%; } #primary { float: left; margin: 0 -26.4% 0 0; width: 100%; } #content { margin: 0 34% 0 7.6%; width: 58.4%; } #secondary { float: right; margin-right: 7.6%; width: 18.8%; } /* Singular */ .singular #primary { margin: 0; } .singular #content, .left-sidebar.singular #content { margin: 0 7.6%; position: relative; width: auto; } .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title { margin: 0 auto; width: 68.9%; } /* Attachments */ .singular .image-attachment .entry-content { margin: 0 auto; width: auto; } .singular .image-attachment .entry-description { margin: 0 auto; width: 68.9%; } /* Showcase */ .page-template-showcase-php #primary, .left-sidebar.page-template-showcase-php #primary { margin: 0; } .page-template-showcase-php #content, .left-sidebar.page-template-showcase-php #content { margin: 0 7.6%; width: auto; } .page-template-showcase-php section.recent-posts { float: right; margin: 0 0 0 31%; width: 69%; } .page-template-showcase-php #main .widget-area { float: left; margin: 0 -22.15% 0 0; width: 22.15%; } /* error404 */ .error404 #primary { float: none; margin: 0; } .error404 #primary #content { margin: 0 7.6%; width: auto; } /* Alignment */ .alignleft { display: inline; float: left; margin-right: 1.625em; } .alignright { display: inline; float: right; margin-left: 1.625em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /* Right Content */ .left-sidebar #primary { float: right; margin: 0 0 0 -26.4%; width: 100%; } .left-sidebar #content { margin: 0 7.6% 0 34%; width: 58.4%; } .left-sidebar #secondary { float: left; margin-left: 7.6%; margin-right: 0; width: 18.8%; } /* One column */ .one-column #page { max-width: 690px; } .one-column #content { margin: 0 7.6%; width: auto; } .one-column #nav-below { border-bottom: 1px solid #ddd; margin-bottom: 1.625em; } .one-column #secondary { float: none; margin: 0 7.6%; width: auto; } /* Simplify the showcase template */ .one-column .page-template-showcase-php section.recent-posts { float: none; margin: 0; width: 100%; } .one-column .page-template-showcase-php #main .widget-area { float: none; margin: 0; width: auto; } .one-column .page-template-showcase-php .other-recent-posts { border-bottom: 1px solid #ddd; } /* Simplify the showcase template when small feature */ .one-column section.featured-post .attachment-small-feature { border: none; display: block; height: auto; max-width: 60%; position: static; } .one-column article.feature-image.small { margin: 0 0 1.625em; padding: 0; } .one-column article.feature-image.small .entry-title { font-size: 20px; line-height: 1.3em; } .one-column article.feature-image.small .entry-summary { height: 150px; overflow: hidden; padding: 0; text-overflow: ellipsis; } .one-column article.feature-image.small .entry-summary a { left: -9%; } /* Remove the margin on singular articles */ .one-column.singular .entry-header, .one-column.singular .entry-content, .one-column.singular footer.entry-meta, .one-column.singular #comments-title { width: 100%; } /* Simplify the pullquotes and pull styles */ .one-column.singular blockquote.pull { margin: 0 0 1.625em; } .one-column.singular .pull.alignleft { margin: 0 1.625em 0 0; } .one-column.singular .pull.alignright { margin: 0 0 0 1.625em; } .one-column.singular .entry-meta .edit-link a { position: absolute; left: 0; top: 40px; } .one-column.singular #author-info { margin: 2.2em -8.8% 0; padding: 20px 8.8%; } /* Make sure we have room for our comment avatars */ .one-column .commentlist > li.comment { margin-left: 102px; width: auto; } /* Make sure the logo and search form don't collide */ .one-column #branding #searchform { right: 40px; top: 4em; } /* Talking avatars take up too much room at this size */ .one-column .commentlist > li.comment { margin-left: 0; } .one-column .commentlist > li.comment .comment-meta, .one-column .commentlist > li.comment .comment-content { margin-right: 85px; } .one-column .commentlist .avatar { background: transparent; display: block; padding: 0; top: 1.625em; left: auto; right: 1.625em; } .one-column .commentlist .children .avatar { background: none; padding: 0; position: absolute; top: 2.2em; left: 2.2em; } .one-column #respond { width: auto; } /* =Global ----------------------------------------------- */ body, input, textarea { color: #373737; /*font: 18px "Helvetica Neue", Helvetica, Arial, sans-serif;*/ font: 18px "CallunaSansSemiBold", Helvetica, Arial, sans-serif; font-weight: 300; line-height: 1.625; } body { background: #e2e2e2; } #page { background: #fff; } /* Headings */ h1,h2,h3,h4,h5,h6 { /*clear: both; */ } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.625em; } /* Text elements */ p { margin-bottom: 1.625em; } ul, ol { margin: 0 0 1.625em 2.5em; } ul { list-style: square; } ol { list-style-type: decimal; } ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } ol ol ol ol { list-style: lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } dl { margin: 0 1.625em; } dt { font-weight: bold; } dd { margin-bottom: 1.625em; } strong { font-weight: bold; } cite, em, i { font-style: italic; } blockquote { font-family: Georgia, "Bitstream Charter", serif; font-style: italic; font-weight: normal; margin: 0 3em; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote cite { color: #666; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; letter-spacing: 0.05em; text-transform: uppercase; } pre { background: #f4f4f4; font: 13px "Courier 10 Pitch", Courier, monospace; line-height: 1.5; margin-bottom: 1.625em; overflow: auto; padding: 0.75em 1.625em; } code, kbd { font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym, dfn { border-bottom: 1px dotted #666; cursor: help; } address { display: block; margin: 0 0 1.625em; } ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 10px; height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } /* Forms */ input[type=text], input[type=password], textarea { background: #fafafa; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); border: 1px solid #ddd; color: #888; } input[type=text]:focus, textarea:focus { color: #373737; } textarea { padding-left: 3px; width: 98%; } input[type=text] { padding: 3px; } input#s { background: url(images/search.png) no-repeat 5px 6px; -moz-border-radius: 2px; border-radius: 2px; font-size: 14px; height: 22px; line-height: 1.2em; padding: 4px 10px 4px 28px; } input#searchsubmit { display: none; } /* Links */ a { color: #1982d1; text-decoration: none; } a:focus, a:active, a:hover { text-decoration: underline; } /* Assistive text */ .assistive-text { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } #access a.assistive-text:active, #access a.assistive-text:focus { background: #eee; border-bottom: 1px solid #ddd; color: #1982d1; clip: auto !important; font-size: 12px; position: absolute; text-decoration: underline; top: 0; left: 7.6%; } /* =Header ----------------------------------------------- */ #branding { border-top: 2px solid #bbb; padding-bottom: 10px; position: relative; /*z-index: 9999;*/ } #site-title { margin-right: 270px; padding: 3.65625em 0 0; } #site-title a { color: #111; font-size: 30px; font-weight: bold; line-height: 36px; text-decoration: none; } #site-title a:hover, #site-title a:focus, #site-title a:active { color: #1982d1; } #site-description { color: #7a7a7a; font-size: 14px; margin: 0 270px 3.65625em 0; } #branding img { height: auto; margin-bottom: -7px; width: 100%; } /* =Menu -------------------------------------------------------------- */ #access { background: #222; background: -moz-linear-gradient(#252525, #0a0a0a); background: -o-linear-gradient(#252525, #0a0a0a); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); background: -webkit-linear-gradient(#252525, #0a0a0a); -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px; box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px; clear: both; display: block; float: left; margin: 0 auto 6px; width: 100%; } #access ul { font-size: 14px; list-style: none; margin: 0 0 0 -0.8125em; padding-left: 0; } #access li { float: left; position: relative; } #access a { color: #eee; display: block; line-height: 3.333em; padding: 0 1.2125em; text-decoration: none; } #access ul ul { -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); box-shadow: 0 3px 3px rgba(0,0,0,0.2); display: none; float: left; margin: 0; position: absolute; top: 3.333em; left: 0; width: 188px; z-index: 99999; } #access ul ul ul { left: 100%; top: 0; } #access ul ul a { background: #f9f9f9; border-bottom: 1px dotted #ddd; color: #444; font-size: 13px; font-weight: normal; height: auto; line-height: 1.4em; padding: 10px 10px; width: 168px; } #access li:hover > a, #access ul ul :hover > a, #access a:focus { background: #efefef; } #access li:hover > a, #access a:focus { background: #f9f9f9; background: -moz-linear-gradient(#f9f9f9, #e5e5e5); background: -o-linear-gradient(#f9f9f9, #e5e5e5); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); background: -webkit-linear-gradient(#f9f9f9, #e5e5e5); color: #373737; } #access ul li:hover > ul { display: block; } #access .current-menu-item > a, #access .current-menu-ancestor > a, #access .current_page_item > a, #access .current_page_ancestor > a { font-weight: bold; } /* Search Form */ #branding #searchform { position: absolute; top: 3.8em; right: 7.6%; text-align: right; } #branding #searchform div { margin: 0; } #branding #s { float: right; -webkit-transition-duration: 400ms; -webkit-transition-property: width, background; -webkit-transition-timing-function: ease; -moz-transition-duration: 400ms; -moz-transition-property: width, background; -moz-transition-timing-function: ease; -o-transition-duration: 400ms; -o-transition-property: width, background; -o-transition-timing-function: ease; width: 72px; } #branding #s:focus { background-color: #f9f9f9; width: 196px; } #branding #searchsubmit { display: none; } #branding .only-search #searchform { top: 5px; z-index: 1; } #branding .only-search #s { background-color: #666; border-color: #000; color: #222; } #branding .only-search #s, #branding .only-search #s:focus { width: 85%; } #branding .only-search #s:focus { background-color: #bbb; } #branding .with-image #searchform { top: auto; bottom: -27px; max-width: 195px; } #branding .only-search + #access div { padding-right: 205px; } /* =Content ----------------------------------------------- */ #main { clear: both; padding: 1.625em 0 0; } .page-title { color: #666; font-size: 16px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; margin: 0 0 2.6em; text-transform: uppercase; } .page-title a { font-size: 16px; font-weight: bold; letter-spacing: 0; text-transform: none; } .hentry, .no-results { border-bottom: 1px solid #ddd; margin: 0 0 1.625em; padding: 0 0 1.625em; position: relative; } .hentry:last-child, .no-results { border-bottom: none; } .blog .sticky .entry-header .entry-meta { clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .entry-title, .entry-header .entry-meta { padding-right: 76px; } .entry-title { clear: both; color: #222; font-size: 26px; font-weight: bold; line-height: 1.5em; padding-bottom: .3em; padding-top: 15px; } .entry-title, .entry-title a { color: #222; text-decoration: none; } .entry-title a:hover, .entry-title a:focus, .entry-title a:active { color: #1982d1; } .entry-meta { color: #666; clear: both; font-size: 14px; line-height: 18px; } .entry-meta a { font-weight: bold; } .single-author .entry-meta .by-author { display: none; } .entry-content, .entry-summary { padding: 1.625em 0 0; } .entry-content h1, .entry-content h2, .comment-content h1, .comment-content h2 { color: #000; font-weight: bold; margin: 0 0 .8125em; } .entry-content h3, .comment-content h3 { font-size: 14px; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase; } .entry-content table, .comment-content table { border-bottom: 1px solid #ddd; margin: 0 0 1.625em; width: 100%; } .entry-content th, .comment-content th { color: #666; font-size: 14px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase; } .entry-content td, .comment-content td { border-top: 1px solid #ddd; padding: 6px 10px 6px 0; } .entry-content #s { width: 75%; } .comment-content ul, .comment-content ol { margin-bottom: 1.625em; } .comment-content ul ul, .comment-content ol ol, .comment-content ul ol, .comment-content ol ul { margin-bottom: 0; } dl.gallery-item { margin: 0; } .page-link { clear: both; display: block; margin: 0 0 1.625em; } .page-link a { background: #eee; color: #373737; margin: 0; padding: 2px 3px; text-decoration: none; } .page-link a:hover { background: #888; color: #fff; font-weight: bold; } .page-link span { margin-right: 6px; } .entry-meta .edit-link a, .commentlist .edit-link a { background: #eee; -moz-border-radius: 3px; border-radius: 3px; color: #666; float: right; font-size: 14px; line-height: 1.5em; font-weight: 300; text-decoration: none; padding: 0 8px; } .entry-meta .edit-link a:hover, .commentlist .edit-link a:hover { background: #888; color: #fff; } .entry-content .edit-link { clear: both; display: block; } /* Images */ .entry-content img, .comment-content img, .widget img { max-width: 97.5%; /* Fluid images for posts, comments, and widgets */ } img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } img.size-full, img.size-large { max-width: 97.5%; width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */ height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } .entry-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } img.alignleft, img.alignright, img.aligncenter { margin-bottom: 1.625em; } p img, .wp-caption { margin-top: 0.4em; } .wp-caption { background: #eee; margin-bottom: 1.625em; max-width: 96%; padding: 9px; } .wp-caption img { display: block; margin: 0 auto; max-width: 98%; } .wp-caption .wp-caption-text, .gallery-caption { color: #666; font-family: Georgia, serif; font-size: 12px; } .wp-caption .wp-caption-text { margin-bottom: 0.6em; padding: 10px 0 5px 40px; position: relative; } .wp-caption .wp-caption-text:before { color: #666; content: '\2014'; font-size: 14px; font-style: normal; font-weight: bold; margin-right: 5px; position: absolute; left: 10px; top: 7px; } #content .gallery { margin: 0 auto 1.625em; } #content .gallery a img { border: none; } img#wpstats { display: block; margin: 0 auto 1.625em; } #content .gallery-columns-4 .gallery-item { width: 23%; padding-right: 2%; } #content .gallery-columns-4 .gallery-item img { width: 100%; height: auto; } /* Image borders */ img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */ border: 1px solid #ddd; padding: 6px; } .wp-caption img { border-color: #eee; } a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], #content .gallery .gallery-icon a:focus img, #content .gallery .gallery-icon a:hover img, #content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */ background: #eee; border-color: #bbb; } .wp-caption a:focus img, .wp-caption a:active img, .wp-caption a:hover img {/* ... including captioned images! */ background: #fff; border-color: #ddd; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } /* Password Protected Posts */ .post-password-required .entry-header .comments-link { margin: 1.625em 0 0; } .post-password-required input[type=password] { margin: 0.8125em 0; } .post-password-required input[type=password]:focus { background: #f7f7f7; } /* Author Info */ #author-info { font-size: 12px; overflow: hidden; } .singular #author-info { background: #f9f9f9; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 2.2em -35.6% 0 -35.4%; padding: 20px 35.4%; } .archive #author-info { border-bottom: 1px solid #ddd; margin: 0 0 2.2em; padding: 0 0 2.2em; } #author-avatar { float: left; margin-right: -78px; } #author-avatar img { background: #fff; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px #bbb; -moz-box-shadow: 0 1px 2px #bbb; box-shadow: 0 1px 2px #bbb; padding: 3px; } #author-description { float: left; margin-left: 108px; } #author-description h2 { color: #000; font-size: 15px; font-weight: bold; margin: 5px 0 10px; } /* Comments link */ .comments-link { display: none; } .entry-header .comments-link a { background: #eee url(images/comment-bubble.png) no-repeat; color: #666; font-size: 13px; font-weight: normal; line-height: 35px; overflow: hidden; padding: 0 0 0; position: absolute; top: 1.5em; right: 0; text-align: center; text-decoration: none; width: 43px; height: 36px; } .entry-header .comments-link a:hover, .entry-header .comments-link a:focus, .entry-header .comments-link a:active { background-color: #1982d1; color: #fff; color: rgba(255,255,255,0.8); } .entry-header .comments-link .leave-reply { visibility: hidden; } /* Post Formats Headings To hide the headings, display: none the ".entry-header .entry-format" selector, and remove the padding rules below. */ .entry-header .entry-format { color: #666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; position: absolute; text-transform: uppercase; top: -5px; } .entry-header hgroup .entry-title { padding-top: 15px; } article.format-aside .entry-content, article.format-link .entry-content, article.format-status .entry-content { padding: 20px 0 0; } article.format-status .entry-content { min-height: 65px; } .recent-posts .entry-header .entry-format { display: none; } .recent-posts .entry-header hgroup .entry-title { padding-top: 0; } /* Singular content styles for Posts and Pages */ .singular .hentry { border-bottom: none; padding: 4.875em 0 0; position: relative; } .singular.page .hentry { padding: 3.5em 0 0; } .singular .entry-title { color: #000; font-size: 36px; font-weight: bold; line-height: 48px; } .singular .entry-title, .singular .entry-header .entry-meta { padding-right: 0; } .singular .entry-header .entry-meta { position: absolute; top: 0; left: 0; } blockquote.pull { font-size: 21px; font-weight: bold; line-height: 1.6125em; margin: 0 0 1.625em; text-align: center; } .singular blockquote.pull { margin: 0 -22.25% 1.625em; } .pull.alignleft { margin: 0 1.625em 0 0; text-align: right; width: 33%; } .singular .pull.alignleft { margin: 0 1.625em 0 -22.25%; } .pull.alignright { margin: 0 0 0 1.625em; text-align: left; width: 33%; } .singular .pull.alignright { margin: 0 -22.25% 0 1.625em; } .singular blockquote.pull.alignleft, .singular blockquote.pull.alignright { width: 33%; } .singular .entry-meta .edit-link a { bottom: auto; left: 50px; position: absolute; right: auto; top: 80px; } /* =Aside ----------------------------------------------- */ .format-aside .entry-title, .format-aside .entry-header .comments-link { display: none; } .singular .format-aside .entry-title { display: block; } .format-aside .entry-content { padding: 0; } .singular .format-aside .entry-content { padding: 1.625em 0 0; } /* =Link ----------------------------------------------- */ .format-link .entry-title, .format-link .entry-header .comments-link { display: none; } .singular .format-link .entry-title { display: block; } .format-link .entry-content { padding: 0; } .singular .format-link .entry-content { padding: 1.625em 0 0; } /* =Gallery ----------------------------------------------- */ .format-gallery .gallery-thumb { float: left; display: block; margin: .375em 1.625em 0 0; } /* =Status ----------------------------------------------- */ .format-status .entry-title, .format-status .entry-header .comments-link { display: none; } .singular .format-status .entry-title { display: block; } .format-status .entry-content { padding: 0; } .singular .format-status .entry-content { padding: 1.625em 0 0; } .format-status img.avatar { -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px #ccc; -moz-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; float: left; margin: 4px 10px 2px 0; padding: 0; } /* =Quote ----------------------------------------------- */ .format-quote blockquote { color: #555; font-size: 17px; margin: 0; } /* =Image ----------------------------------------------- */ .indexed.format-image .entry-header { min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */ } .indexed.format-image .entry-content { padding-top: 0.5em; } .indexed.format-image p, .indexed.format-image p img { margin-bottom: 0; } .indexed.format-image footer.entry-meta { background: #ddd; margin-top: -7px; padding: 20px 30px; overflow: hidden; } .indexed.format-image div.entry-meta { display: inline-block; float: left; width: 35%; } .indexed.format-image div.entry-meta + div.entry-meta { float: none; width: 65%; } .indexed.format-image .entry-meta span.cat-links, .indexed.format-image .entry-meta span.tag-links, .indexed.format-image .entry-meta span.comments-link { display: block; } .indexed.format-image footer.entry-meta a { color: #444; } .indexed.format-image footer.entry-meta a:hover { color: #fff; } #content .indexed.format-image img { border: none; max-width: 100%; padding: 0; } .indexed.format-image .wp-caption { background: #111; margin-bottom: 0; max-width: 96%; padding: 11px; } .indexed.format-image .wp-caption .wp-caption-text { color: #ddd; } .indexed.format-image .wp-caption .wp-caption-text:before { color: #444; } .indexed.format-image a:hover img { opacity: 0.8; } /* =error404 ----------------------------------------------- */ .error404 #main #searchform { background: #f9f9f9; border: 1px solid #ddd; border-width: 1px 0; margin: 0 -8.9% 1.625em; overflow: hidden; padding: 1.625em 8.9%; } .error404 #main #s { width: 95%; } .error404 #main .widget { clear: none; float: left; margin-right: 3.7%; width: 30.85%; } .error404 #main .widget_archive { margin-right: 0; } .error404 #main .widget_tag_cloud { float: none; margin-right: 0; width: 100%; } .error404 .widgettitle { font-size: 10px; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase; } /* =Showcase ----------------------------------------------- */ h1.showcase-heading { color: #666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase; } /* Intro */ article.intro { background: #f9f9f9; border-bottom: none; margin: -1.855em -8.9% 1.625em; padding: 0 8.9%; } article.intro .entry-title { display: none; } article.intro .entry-content { color: #111; font-size: 16px; padding: 1.625em 0 0.625em; } article.intro .edit-link a { background: #aaa; -moz-border-radius: 3px; border-radius: 3px; color: #fff; font-size: 12px; padding: 0 8px; position: absolute; top: 30px; right: 20px; text-decoration: none; } article.intro .edit-link a:hover, article.intro .edit-link a:focus, article.intro .edit-link a:active { background: #777; } /* Featured post */ section.featured-post { float: left; margin: -1.625em -8.9% 1.625em; padding: 1.625em 8.9% 0; position: relative; width: 100%; } section.featured-post .hentry { border: none; color: #666; margin: 0; } section.featured-post .entry-meta { clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } /* Small featured post */ section.featured-post .attachment-small-feature { float: right; height: auto; margin: 0 -8.9% 1.625em 0; max-width: 59%; position: relative; right: -15px; } section.featured-post.small { padding-top: 0; } section.featured-post .attachment-small-feature:hover, section.featured-post .attachment-small-feature:focus, section.featured-post .attachment-small-feature:active { opacity: .8; } article.feature-image.small { float: left; margin: 0 0 1.625em; width: 45%; } article.feature-image.small .entry-title { line-height: 1.2em; } article.feature-image.small .entry-summary { color: #555; font-size: 13px; } article.feature-image.small .entry-summary p a { background: #222; color: #eee; display: block; left: -23.8%; padding: 9px 26px 9px 85px; position: relative; text-decoration: none; top: 20px; width: 180px; z-index: 1; } article.feature-image.small .entry-summary p a:hover { background: #1982d1; color: #eee; color: rgba(255,255,255,0.8); } /* Large featured post */ section.feature-image.large { border: none; max-height: 288px; padding: 0; width: 100%; } section.feature-image.large .showcase-heading { display: none; } section.feature-image.large .hentry { border-bottom: none; left: 9%; margin: 1.625em 9% 0 0; position: absolute; top: 0; } article.feature-image.large .entry-title a { background: #222; background: rgba(0,0,0,0.8); -moz-border-radius: 3px; border-radius: 3px; color: #fff; display: inline-block; font-weight: 300; padding: .2em 20px; } section.feature-image.large:hover .entry-title a, section.feature-image.large .entry-title:hover a { background: #eee; background: rgba(255,255,255,0.8); color: #222; } article.feature-image.large .entry-summary { display: none; } section.feature-image.large img { display: block; height: auto; max-width: 117.9%; padding: 0 0 6px; } /* Featured Slider */ .featured-posts { border-bottom: 1px solid #ddd; display: block; height: 328px; margin: 1.625em -8.9% 20px; max-width: 1000px; padding: 0; position: relative; overflow: hidden; } .featured-posts .showcase-heading { padding-left: 8.9%; } .featured-posts section.featured-post { background: #fff; height: 288px; left: 0; margin: 0; position: absolute; top: 30px; width: auto; } .featured-posts section.featured-post.large { max-width: 100%; overflow: hidden; } .featured-posts section.featured-post { -webkit-transition-duration: 200ms; -webkit-transition-property: opacity, visibility; -webkit-transition-timing-function: ease; -moz-transition-duration: 200ms; -moz-transition-property: opacity, visibility; -moz-transition-timing-function: ease; } .featured-posts section.featured-post { opacity: 0; visibility: hidden; } .featured-posts #featured-post-1 { opacity: 1; visibility: visible; } .featured-post .feature-text:after, .featured-post .feature-image.small:after { content: ' '; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */ width: 100%; height: 45px; position: absolute; top: 230px; } .featured-post .feature-image.small:after { top: 253px; } #content .feature-slider { top: 5px; right: 8.9%; overflow: visible; position: absolute; } .feature-slider ul { list-style-type: none; margin: 0; } .feature-slider li { float: left; margin: 0 6px; } .feature-slider a { background: #3c3c3c; background: rgba(60,60,60,0.9); -moz-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5); -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5); box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5); display: block; width: 14px; height: 14px; } .feature-slider a.active { background: #1982d1; -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8); -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8); box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8); cursor: default; opacity: 0.5; } /* Recent Posts */ section.recent-posts { padding: 0 0 1.625em; } section.recent-posts .hentry { border: none; margin: 0; } section.recent-posts .other-recent-posts { border-bottom: 1px solid #ddd; list-style: none; margin: 0; } section.recent-posts .other-recent-posts li { padding: 0.3125em 0; position: relative; } section.recent-posts .other-recent-posts .entry-title { border-top: 1px solid #ddd; font-size: 17px; } section.recent-posts .other-recent-posts a[rel="bookmark"] { color: #373737; float: left; max-width: 84%; } section.recent-posts .other-recent-posts a[rel="bookmark"]:after { content: '-'; color: transparent; font-size: 11px; } section.recent-posts .other-recent-posts a[rel="bookmark"]:hover { } section.recent-posts .other-recent-posts .comments-link a, section.recent-posts .other-recent-posts .comments-link > span { border-bottom: 2px solid #999; bottom: -2px; color: #444; display: block; font-size: 10px; font-weight: 500; line-height: 2.76333em; padding: 0.3125em 0 0.3125em 1em; position: absolute; right: 0; text-align: right; text-transform: uppercase; z-index: 1; } section.recent-posts .other-recent-posts .comments-link > span { border-color: #bbb; color: #888; } section.recent-posts .other-recent-posts .comments-link a:hover { color: #1982d1; border-color: #1982d1; } section.recent-posts .other-recent-posts li:after { clear: both; content: '.'; display: block; height: 0; visibility: hidden; } /* =Attachments ----------------------------------------------- */ .image-attachment div.attachment { background: #f9f9f9; border: 1px solid #ddd; border-width: 1px 0; margin: 0 -8.9% 1.625em; overflow: hidden; padding: 1.625em 1.625em 0; text-align: center; } .image-attachment div.attachment img { display: block; height: auto; margin: 0 auto 1.625em; max-width: 100%; } .image-attachment div.attachment a img { border-color: #f9f9f9; } .image-attachment div.attachment a:focus img, .image-attachment div.attachment a:hover img, .image-attachment div.attachment a:active img { border-color: #ddd; background: #fff; } .image-attachment .entry-caption p { font-size: 10px; letter-spacing: 0.1em; line-height: 2.6em; margin: 0 0 2.6em; text-transform: uppercase; } /* =Navigation -------------------------------------------------------------- */ #content nav { clear: both; overflow: hidden; padding: 0 0 1.625em; } #content nav a { font-size: 12px; font-weight: bold; line-height: 2.2em; } #nav-above { padding: 0 0 1.625em; } #nav-above { display: none; } .paged #nav-above { display: block; } .nav-previous { float: left; width: 50%; } .nav-next { float: right; text-align: right; width: 50%; } #content nav .meta-nav { font-weight: normal; } /* Singular navigation */ #nav-single { float: right; position: relative; top: -0.3em; text-align: right; z-index: 1; } #nav-single .nav-previous, #nav-single .nav-next { float: none; width: auto; } #nav-single .nav-next { padding-left: .5em; } /* =Widgets ----------------------------------------------- */ .widget-area { font-size: 12px; } .widget { clear: both; margin: 0 0 2.2em; } .widget-title { color: #666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase; } .widget ul { font-size: 15px; margin: 0; } .widget ul ul { margin-left: 1.5em; } .widget ul li { color: #777; font-size: 13px; } .widget a { font-weight: bold; text-decoration: none; } .widget a:hover, .widget a:focus, .widget a:active { text-decoration: underline; } /* Search Widget */ .widget_search form { margin: 0 0 1.625em; } .widget_search #s { width: 77%; } .widget_search #searchsubmit { background: #ddd; border: 1px solid #ccc; -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09); -moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09); box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09); color: #888; font-size: 13px; line-height: 25px; position: relative; top: -2px; } .widget_search #searchsubmit:active { background: #1982d1; border-color: #0861a5; -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1); color: #bfddf3; } /* Ephemera Widget */ section.ephemera ol, .widget_twentyeleven_ephemera ol { list-style: square; margin: 5px 0 0; } .widget_twentyeleven_ephemera .widget-entry-title { font-size: 15px; font-weight: bold; padding: 0; } .widget_twentyeleven_ephemera .comments-link a, .widget_twentyeleven_ephemera .comments-link > span { color: #666; display: block; font-size: 10px; font-weight: 500; line-height: 2.76333em; text-transform: uppercase; } section.ephemera .entry-title .comments-link a:hover, .widget_twentyeleven_ephemera .entry-title .comments-link a:hover { } section.ephemera .entry-title a span { color: #29628d; } /* Twitter */ .widget_twitter li { list-style-type: none; margin-bottom: 14px; } .widget_twitter .timesince { display: block; font-size: 11px; margin-right: -10px; text-align: right; } /* Widget Image */ .widget_image img { height: auto; max-width: 100%; } /* Calendar Widget */ .widget_calendar #wp-calendar { color: #555; width: 95%; text-align: center; } .widget_calendar #wp-calendar caption, .widget_calendar #wp-calendar td, .widget_calendar #wp-calendar th { text-align: center; } .widget_calendar #wp-calendar caption { font-size: 11px; font-weight: 500; padding: 5px 0 3px 0; text-transform: uppercase; } .widget_calendar #wp-calendar th { background: #f4f4f4; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-weight: bold; } .widget_calendar #wp-calendar tfoot td { background: #f4f4f4; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } /* =Comments ----------------------------------------------- */ #comments{ float: left; } #comments-title { color: #666; font-size: 10px; font-weight: 500; line-height: 2.6em; padding: 0 0 2.6em; text-transform: uppercase; } .nopassword, .nocomments { color: #aaa; font-size: 24px; font-weight: 100; margin: 26px 0; text-align: center; } .commentlist { list-style: none; margin: 0 auto; } .content .commentlist, .page-template-sidebar-page-php .commentlist { width: 100%; /* reset the width for the one-column and sidebar page layout */ } .commentlist > li.comment { background: #f6f6f6; border: 1px solid #ddd; -moz-border-radius: 3px; border-radius: 3px; margin: 0 0 1.625em; padding: 1.625em; position: relative; } .commentlist .pingback { margin: 0 0 1.625em; padding: 0 1.625em; } .commentlist .children { list-style: none; margin: 0; } .commentlist .children li.comment { background: #fff; border: 1px solid #ddd; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; margin: 1.625em 0 0; padding: 1.625em; position: relative; } .commentlist .children li.comment .fn { /*display: block;*/ } .comment-meta .fn { font-style: normal; } .comment-meta { color: #666; font-size: 12px; line-height: 2.2em; } .commentlist .children li.comment .comment-meta { line-height: 1.625em; } .commentlist .children li.comment .comment-content { margin: 1.625em 0 0; } .comment-meta a { font-weight: bold; } .comment-meta a:focus, .comment-meta a:active, .comment-meta a:hover { } .commentlist .avatar { -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px #ccc; -moz-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; left: -102px; padding: 0; top: 0; } .commentlist > li:before { /*content: url(images/comment-arrow.png);*/ left: -21px; position: absolute; } .commentlist > li.pingback:before { content: ''; } .commentlist .children .avatar { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; left: 2.2em; padding: 0; top: 2.2em; } a.comment-reply-link { background: #eee; -moz-border-radius: 3px; border-radius: 3px; color: #666; display: inline-block; font-size: 12px; padding: 0 8px; text-decoration: none; } a.comment-reply-link:hover, a.comment-reply-link:focus, a.comment-reply-link:active { background: #888; color: #fff; } a.comment-reply-link > span { display: inline-block; position: relative; top: -1px; } /* Post author highlighting */ .commentlist > li.bypostauthor { background: #ddd; border-color: #d3d3d3; } .commentlist > li.bypostauthor .comment-meta { color: #575757; } .commentlist > li.bypostauthor .comment-meta a:focus, .commentlist > li.bypostauthor .comment-meta a:active, .commentlist > li.bypostauthor .comment-meta a:hover { } .commentlist > li.bypostauthor:before { content: url(images/comment-arrow-bypostauthor.png); } /* Post Author threaded comments */ .commentlist .children > li.bypostauthor { background: #ddd; border-color: #d3d3d3; } /* sidebar-page.php comments */ /* Make sure we have room for our comment avatars */ .page-template-sidebar-page-php .commentlist > li.comment, .page-template-sidebar-page-php.commentlist .pingback { margin-left: 102px; width: auto; } /* And a full-width comment form */ .page-template-sidebar-page-php #respond { width: auto; } /* Comment Form */ #respond input[type="text"], #respond textarea { background: #fff; border: 4px solid #eee; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); -moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); position: relative; padding: 10px; } #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { position: relative; } #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { /*background: #eee; -webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8); -moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8); box-shadow: 1px 2px 2px rgba(204,204,204,0.8);*/ color: #555; display: inline-block; font-size: 13px; left: 4px; min-width: 60px; padding: 4px 10px; position: relative; top: 40px; } #respond input[type="text"]:focus, #respond textarea:focus { text-indent: 0; z-index: 1; } #respond textarea { resize: vertical; width: 95%; } #respond .comment-form-author .required, #respond .comment-form-email .required { color: #bd3500; font-size: 22px; font-weight: bold; left: 75%; position: absolute; top: 45px; z-index: 1; } #respond .comment-notes, #respond .logged-in-as { font-size: 13px; } #respond p { margin: 10px 0; } #respond .form-submit { float: right; margin: -20px 0 10px; } #respond input#submit { background: #222; border: none; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); color: #eee; cursor: pointer; font-size: 15px; margin: 20px 0; padding: 5px 42px 5px 22px; position: relative; left: 30px; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); } #respond input#submit:active { background: #1982d1; color: #bfddf3; } #respond #cancel-comment-reply-link { color: #666; margin-left: 10px; text-decoration: none; } #respond .logged-in-as a:hover, #respond #cancel-comment-reply-link:hover { text-decoration: underline; } .commentlist #respond { margin: 1.625em 0 0; width: auto; } #reply-title { color: #373737; font-size: 24px; font-weight: bold; line-height: 30px; } #cancel-comment-reply-link { color: #888; display: block; font-size: 10px; font-weight: normal; line-height: 2.2em; letter-spacing: 0.05em; position: absolute; right: 1.625em; text-decoration: none; text-transform: uppercase; top: 1.1em; } #cancel-comment-reply-link:focus, #cancel-comment-reply-link:active, #cancel-comment-reply-link:hover { color: #ff4b33; } #respond label { line-height: 2.2em; font-weight: bold; } #respond input[type=text] { display: block; height: 24px; width: 75%; } #respond p { font-size: 12px; } p.comment-form-comment { margin: 0; } .form-allowed-tags { display: none; } /* =Footer ----------------------------------------------- */ #colophon { clear: both; } #supplementary { border-top: 1px solid #ddd; padding: 1.625em 7.6%; overflow: hidden; } /* Two Footer Widget Areas */ #supplementary.two .widget-area { float: left; margin-right: 3.7%; width: 48.1%; } #supplementary.two .widget-area + .widget-area { margin-right: 0; } /* Three Footer Widget Areas */ #supplementary.three .widget-area { float: left; margin-right: 3.7%; width: 30.85%; } #supplementary.three .widget-area + .widget-area + .widget-area { margin-right: 0; } /* Site Generator Line */ #site-generator { background: #f9f9f9; border-top: 1px solid #ddd; color: #666; font-size: 12px; line-height: 2.2em; padding: 2.2em 0.5em; text-align: center; } #site-generator a { color: #555; font-weight: bold; } #site-generator .sep { background: url(images/wordpress.png) center left no-repeat; color: transparent; display: inline-block; height: 16px; line-height: 16px; margin: 0 7px; width: 16px; } /* =Print ----------------------------------------------- */ @media print { body { background: none !important; font-size: 10pt; } footer.entry-meta a[rel=bookmark]:link:after, footer.entry-meta a[rel=bookmark]:visited:after { content: " [" attr(href) "] "; /* Show URLs */ } #page { clear: both !important; display: block !important; float: none !important; max-width: 100%; position: relative !important; } #branding { border-top: none !important; padding: 0; } #branding hgroup { margin: 0; } #site-title a { font-size: 21pt; } #site-description { font-size: 10pt; } #branding #searchform { display: none; } #branding img { display: none; } #access { display: none; } #main { border-top: none; box-shadow: none; } #primary { float: left; margin: 0; width: 100%; } #content { margin: 0; width: auto; } .singular #content { margin: 0; width: 100%; } .singular .entry-header .entry-meta { position: static; } .entry-meta .edit-link a { display: none; } #content nav { display: none; } .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title { margin: 0; width: 100%; } .singular .hentry { padding: 0; } .entry-title, .singular .entry-title { font-size: 21pt; } .entry-meta { font-size: 10pt; } .entry-header .comments-link { display: none; } .page-link { display: none; } .singular #author-info { background: none; border-bottom: none; border-top: none; margin: 2.2em 0 0; padding: 0; } #respond { display: none; } .widget-area { display: none; } #colophon { display: none; } /* Comments */ .commentlist > li.comment { background: none; border: 1px solid #ddd; -moz-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; margin: 0 auto 1.625em; padding: 1.625em; position: relative; width: auto; } .commentlist .avatar { height: 39px; left: 2.2em; top: 2.2em; width: 39px; } .commentlist li.comment .comment-meta { line-height: 1.625em; margin-left: 50px; } .commentlist li.comment .fn { display: block; } .commentlist li.comment .comment-content { margin: 1.625em 0 0; } .commentlist .comment-edit-link { display: none; } .commentlist > li::before, .commentlist > li.bypostauthor::before { content: ''; } .commentlist .reply { display: none; } /* Post author highlighting */ .commentlist > li.bypostauthor { color: #444; } .commentlist > li.bypostauthor .comment-meta { color: #666; } .commentlist > li.bypostauthor:before { content: none; } /* Post Author threaded comments */ .commentlist .children > li.bypostauthor { background: #fff; border-color: #ddd; } .commentlist .children > li.bypostauthor > article, .commentlist .children > li.bypostauthor > article .comment-meta { color: #666; } } /* =IE7 ----------------------------------------------- */ #ie7 article.intro { margin-left: -7.6%; margin-right: -7.6%; padding-left: -7.6%; padding-right: -7.6%; max-width: 1000px; } #ie7 section.featured-post { margin-left: -7.6%; margin-right: -7.6%; max-width: 850px; } #ie7 section.recent-posts { margin-right: 7.6%; } @font-face { font-family: 'JohnstonLight'; src: url('fonts/JohnstonITCStd-Light.eot'); src: local('☺'), url('fonts/JohnstonITCStd-Light.eot?#iefix') format('embedded-opentype'), url('fonts/JohnstonITCStd-Light.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'LucidaGrandeRegular'; src: url('fonts/LucidaGrande.eot'); src: local('☺'), url('fonts/LucidaGrande.eot?#iefix') format('embedded-opentype'), url('fonts/LucidaGrande.woff') format('woff'), url('fonts/LucidaGrande.ttf') format('truetype'), url('fonts/LucidaGrande.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "CallunaSansSemiBold"; src: url('fonts/callunasanssemibold-webfont.eot'); src: url('fonts/callunasanssemibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/callunasanssemibold-webfont.woff') format('woff'), url('fonts/callunasanssemibold-webfont.ttf') format('truetype'), url('fonts/callunasanssemibold-webfont.svg#calluna_sanssemibold') format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "CallunaSansRegular"; src: url('fonts/callunasansregular-webfont.eot'); src: url('fonts/callunasansregular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/callunasansregular-webfont.woff') format('woff'), url('fonts/callunasansregular-webfont.ttf') format('truetype'), url('fonts/callunasansregular-webfont.svg#calluna_sansregular') format('svg'); font-weight: normal; font-style: normal; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: "CallunaSansRegular", Arial; font-size: 100%; font-size: 14px; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; color: #54596c; line-height: 1.6em; } :focus {/* remember to define focus styles! */ outline: 0; } body { background: #5f639e; color: #54596c !important; font-family: "CallunaSansSemiBold", Arial; margin: 0 auto; overflow-x: hidden; width: 982px; } a { color: #4d5294; text-decoration: underline; } p { padding-bottom: 1.6em; margin-bottom: 0px; } ul { margin-left: 16px; } ol { margin-left: 19px; } img { border: none; padding: 0px; } h4 { font-family: "Trebuchet MS"; font-size: 18px; color: #4D5291; font-weight: bold; padding-bottom: 18px; } .em { font-style: italic; } .clear { clear: both; } .clear10 { clear: both; height: 10px; } .clear20 { clear: both; height: 20px; } .clear30 { clear: both; height: 30px; } .blue { color: #63a8bf; } .grey { color: #4e5255; } .purple { color: #4d5290 !important; } strong { font-weight: bold; } /** SEARCH BOX **/ div#search-box { float: left; line-height: 36px; border-left: solid 1px #ffffff; height: 36px; } input#s { background: url('images/bg-search.png') no-repeat; width: 140px; height: 22px; padding: 0px 23px 0px 4px; border: none; line-height: 1em; font-size: 12px; } /** language links **/ .language-links-container { position: absolute; width: 942px; height: 5px; } .language-links { position: relative; top: -20px; float: right; margin-right: 0px; } .language-links a.inactive, .language-links span { font-family: "LucidaGrandeRegular"; font-size: 9px; color: #808285; text-decoration: none; text-transform: uppercase; } .language-links a.active { font-family: "LucidaGrandeRegular"; font-size: 9px; color: #000; text-decoration: none; text-transform: uppercase; } .social-media-container { position: absolute; top:10px;left:50%; width:490px;height:30px; } .social-media-container a { position:relative; float:right; margin-left:4px; } #site-title { display: none; } #site-description { display: none; } #branding { margin: 0px; padding: 0px; border: none; width: 1341px; } #branding img { position: relative; left: -180px; } /** MAIN NAVIGATION **/ div#nav-gradient-bar { position: relative; overflow: none; margin: 0; height: 36px; background: url('images/bg-nav-gradient.png') repeat-x; left: -1150px; width: 4000px; } #access { -webkit-box-shadow: rgba(0, 0, 0, 0.398438) 0px 0px 0px; background: url('images/bg-nav-gradient.png') repeat-x; border: none; box-shadow: none; border-top: none; width: auto; height: 36px; } #submenu li { list-style: none; } #access ul, #submenu { width: 982px; margin: 0; } #access li { border-bottom: none; border-left: solid 1px #ffffff; width: auto; padding: 0px; float: left; } #access a { color: #000000; font-size: 15px; text-align: center; text-transform: uppercase; font-family: 'JohnstonLight', Arial; line-height: 40px; padding: 0 12px;/*21px;*/ } #access div { margin: 0; } #access ul ul { top: 36px; width: 230px; -webkit-box-shadow: none; box-shadow: none; border: none; background: #a9a9ab; } #access ul#menu-primary-navigation li.current-menu-parent > a, #access ul li.current_page_item > a, #access li:hover > a { color: #000; font-weight: normal; background: url('images/bg-nav-hover-gradient.png') repeat-x; cursor: pointer; } #access ul ul li { clear: both; background: #a9a9ab !important; width: 100%; text-align: left; } #access ul ul a { background: white; color: #ffffff; font-size: 12px; font-weight: normal; height: auto; line-height: 20px; width: auto; font-family: "LucidaGrandeRegular"; /* border:solid 1px white; border-radius: 6px; -moz-border-radius: 6px; */ background:#a9a9ab; text-decoration: none; text-transform: uppercase; padding: 11px 8px 11px 12px; text-align: left; } #access ul ul li:hover > a, #access ul ul :hover > a, #access a:focus { background: #fccc04; color: #000 !important; font-weight: normal; } #access ul ul li.current_page_item > a, #access ul ul li.current-post-ancestor > a, #access ul ul li.current-menu-item a { color: white !important; background: #a9a9ab !important; font-weight: normal !important; } #access .current_page_item > a, #access .current_page_ancestor > a { font-weight: normal; } /** SLIDING DOORS BUTTONS **/ a.button { /* Sliding right image */ background: transparent url('images/bg-button-right.png') no-repeat scroll top right; display: block; float: left; height: 32px; margin-right: 6px; padding-right: 6px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ text-decoration:none; } a.button span { /* Background left image */ background: transparent url('images/bg-button-left.png') no-repeat; display: block; color: white; font-family: Arial; font-weight: normal; font-size: 13px; line-height: 32px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */ padding: 0px 10px 0px 14px; text-decoration: none; } a.button:hover span, button:hover span { text-decoration: none; } button:hover { cursor: pointer; } /** CONTENT LAYOUT **/ /** PAGE **/ #page { margin: 0 auto; width: 982px; max-width: 982px; background: #5f639e; } #main { border: none; margin: 0 auto; height: auto; padding: 0; width: 982px; background: white; position: relative; top: 0px; /*border-bottom-right-radius: 15px; -moz-border-radius-bottomright: 15px; border-bottom-left-radius: 15px; -moz-border-radius-bottomleft: 15px;*/ } #main-content { width: 982px; padding: 0px; position: relative; top: 0px; margin: 0 auto; min-height: 700px; } #overview { font-family: "Trebuchet MS"; font-size: 16px; font-weight: normal; color: #4d5294; padding: 10px 0px; } /** WELCOME PAGE **/ .border-purple { color: #b8bcff; } div.purple-line { border-top: solid 1px #b8bcff; width: 100%; height: auto; padding: 12px 0px; } #main-content #layout { margin: 0px 39px; clear: both; padding-bottom: 0px; padding-top: 0px; top:-4px; position:relative; } #main-content #layout-fullwidth { margin: 0; padding: 0; width: 100%; top:0; position:relative; } /** top**/ .headline { font-family: "CallunaSansRegular", Arial; font-size: 28px; color: #868686; line-height: 36px; text-transform: uppercase; border-bottom: solid 2px #dbddff; padding-bottom: 10px; } .headline span { font-family: "CallunaSansSemiBold", Arial; font-size: 28px; color: #00b9e0; } .subhead { font-family: "CallunaSansRegular"; font-size: 16px; line-height: 22px; color: #868686; /* 4d5294 */ font-weight: normal; padding: 16px 0px 16px 0px; } #main-content #layout #top { clear: both; margin-bottom: 33px; } #main-content #layout #top #left-column { width: 640px; margin-right: 37px; float: left; padding-bottom: 30px; } #main-content #layout #top #right-column { width: 227px; float: left; margin-bottom: 60px; } #main-content #layout #top #right-column #social-icons { width: 57%; clear: both; margin: 0 auto; } #main-content #layout #top #right-column #social-icons .icon { float: left; margin-right: 4px; width: 27px; height: 27px; } #main-content #layout #top #right-column .featured-content { height: auto; padding-bottom: 15px; width: 100%; color: #4d5294; text-align:center; } #main-content #layout #top #right-column .featured-content .header { width: 100%; text-align: center; background-color:#56d1ea; font-family: "CallunaSansSemiBold", Arial; font-size:16px; text-transform:uppercase; color:#fff; } #main-content #layout #top #right-column .featured-content .title { width: 100%; text-align: center; background-color:#00b9e0; font-size:28px; text-transform:uppercase; color:#fff4b7; } #main-content #layout #top #right-column .featured-content .title span { font-family: "CallunaSansSemiBold", Arial; font-size:28px; color:#ffda5f; } #main-content #layout #top #right-column .featured-content .subtitle { width: 100%; margin-top:-10px; text-align: center; background-color:#00b9e0; font-size:17px; color:#f9f9f9; } #main-content #layout #top #right-column .featured-content .feature-image { width: 100%; border-bottom:1px solid #d2d2d1; } #main-content #layout #top #right-column .featured-content .desc { width: auto; background-color:#f8f7f4; border-top:1px solid #fff; text-align: left; padding: 20px 20px 20px 20px; font-size:17px; color:#5d5d5d; line-height:1.1em; } #main-content #layout #top #right-column .featured-content .desc span { font-family: "CallunaSansSemiBold", Arial; font-size:17px; line-height:1.1em; } #main-content #layout #top #right-column .featured-content .price { width: 100%; background-color:#f8f7f4; border-bottom:1px solid #d2d2d1; margin: 0px auto; text-align: center; padding-bottom:20px; font-family: "CallunaSansRegular", Arial; font-size:18px; color:#868686; line-height:16px; } #main-content #layout #top #right-column .featured-content .price span { font-family: "CallunaSansSemiBold", Arial; font-size:18px; color:#00b9e0; } #main-content #layout #top #right-column .featured-content .more { width: 100%; border-top:1px solid #fff; } /** homepage opt-in **/ #main-content #layout #top #right-column .free-video-access { height: auto; padding-bottom: 15px; width: 100%; background:none; color: #4d5294; background-image:url(images/Fading_Sidebar.png); padding-top: 7px; } #main-content #layout #top #right-column .free-video-access .banner { margin: 0px auto; text-align: center; margin-left:-10px; } #main-content #layout #top #right-column .free-video-access .header { width: 75%; margin: 0px auto; text-align: center; padding: 20px 0px 10px 0px; } #main-content #layout #top #right-column .free-video-access .header span { font-size: 21px; line-height: 23px; color: #4d5294; font-family: 'JohnstonLight', Arial; text-transform: none; } #main-content #layout #top #right-column .free-video-access .subheader { width: 75%; margin: 0 auto; text-align: center; line-height: 1.1em; } #main-content #layout #top #right-column .free-video-access .subheader span { font-size: 14px; color: #5d5d5d; line-height: 1.1em; } /** CTAs **/ #main-content #layout #top #right-column div.cta { text-align:center; padding-top: 12px; height: 37px; } /** middle **/ .custom { margin-top: 18px; } .custom-page { border-bottom:solid 1px #d8d9da; margin-top: 18px; padding-bottom:5px; } #main-content #middle { padding-bottom: 40px; width: 100%; margin-top: -10px; } #main-content #products-overview { width: auto; padding:0 40px 0 60px; background-color:#f2f0ea; min-height:350px; border-top:1px solid #bebebe; border-bottom:1px solid #bebebe; } #main-content #products-overview #products-definition { width: 100%; padding: 10px 0; line-height:1.2em; font-family:"Times New Roman", Times, serif; font-size:17px; } #product-overview-list { float:left; width:500px; list-style-type: none; padding: 0; margin: 0 0 0 60px; } #product-overview-list li { background-image: url(images/Sun_Icon.png); background-repeat: no-repeat; background-position: 0 0; padding-left: 30px; padding-top: 1px; } #product-overview-list li p { font-size:18px; line-height:1.2em; font-size:18px; } #main-content #overflow-banner-wrap { width: 1008px; /* 982 + 13 + 13 */ height: 9px; padding: 0px; margin: 0 0 0 -13px; } #main-content #overflow-banner-wrap #wrap-left { float:left; width:13px; height:9px; background-image:url(images/Left_Wrap_Arrow.png); } #main-content #overflow-banner-wrap #wrap-middle { float:left; width:982px; height:9px; background-color:#fff™; } #main-content #overflow-banner-wrap #wrap-right { float:left; width:13px; height:9px; background-image:url(images/Right_Wrap_Arrow.png); } #main-content #overflow-banner { clear:both; width: 968px; /* 982 + 13 + 13 */ padding: 25px 0 30px 40px; position: relative; top: 0px; margin: 0 0 0 -13px; min-height: 288px; background-color:#00b9e0; } #main-content #overflow-banner .quote { width:600px; font-family: "CallunaSansSemiBold", Arial; font-size:22px; color:#fff; line-height:1.3em; margin-bottom:20px; } #main-content #overflow-banner .quote span { font-size:22px; color:#a9f0ff; } #main-content #overflow-banner .quote-source { font-family: "CallunaSansRegular", Arial; font-size:20px; color:#eee; line-height:1.1em; } #main-content #overflow-banner .quote-source span { font-size:17px; color:#eee; line-height:1.1em; } #main-content #overflow-banner #price { width: 280px; height:80px; position: absolute; top: 5px; left: 701px; border:1px dotted #a9f0ff; padding:10px; } #price-introductory{ font-family: "CallunaSansRegular", Arial;font-size:22px;color:#a9f0ff;text-transform:uppercase;letter-spacing:-0.05em; } #price-launch-price{ margin-top:6px;font-family: "CallunaSansRegular", Arial;font-size:14px;color:#a9f0ff;text-transform:uppercase;letter-spacing:-0.04em; } #price-after{ margin-top:-9px;font-family: "CallunaSansRegular", Arial;font-size:18px;color:#eee;text-transform:uppercase; } #price-discount{ margin-top:4px;font-family: "CallunaSansRegular", Arial;font-size:16px;color:#fff; } #products-illustration { position: absolute; top:665px; left:570px; } #main-content #program-contents { width:auto; font-family: "CallunaSansRegular", Arial; font-size:16px; color:#969696; text-transform:uppercase; padding-left:30px; padding-top:10px; border-top:1px solid #bebebe; } #main-content #program-contents h2 { font-family: "CallunaSansSemiBold", Arial; font-size:24px; color:#00b9e0; text-transform:uppercase; } #main-content #program-contents h3 { font-family: "CallunaSansSemiBold", Arial; font-size:20px; color:#00b9e0; text-transform:uppercase; padding-top:10px; } #main-content #program-contents a { display: inline; clear: none; margin:0;padding:0; text-decoration:none; color:#00b9e0; } #main-content #program-contents .program-content { margin:0 0 0 20px; padding:0; } /*#main-content #program-contents ol { margin:0; padding:0; }*/ #main-content #layout #top #left-column .box-header{ width: 100%; margin-top:15px; clear:both; font-family: "CallunaSansRegular", Arial; font-size: 22px; color: #868686; line-height: 1.1em; text-transform: uppercase; border-top: solid 2px #ededed; padding-top:20px; padding-bottom: 2px; } #main-content #layout #top #left-column .box-header span { font-family: "CallunaSansSemiBold", Arial; font-size: 22px; color: #5f639e; } .section-header { height: 27px; line-height: 27px; background: #5f639e; width: 100%; clear:both; } #main-content #layout #top #left-column .section-header span { color: white; font-size: 14px; font-family: 'Trebuchet MS', sans-serif; text-transform: uppercase; margin-left: 12px; } #main-content #layout #top #left-column .testimonials { clear: both; } #main-content #layout #top #left-column .testimonials div.testimonial { width: 200px; float:left; border:none; } #main-content #layout #top #left-column .testimonials div.cta-more { margin: -9px 98px 0 0; width: 200px; } #main-content #layout #top #left-column .testimonials div img, #main-content #layout #top #left-column .testimonials div.video { margin: 0 40px 0 0; } #main-content #layout #top #left-column .testimonial-quote { clear:both; font-family: "CallunaSansRegular", Arial; font-size:16px; color:#868686; } #main-content #layout #top #left-column .testimonial-quote span { font-family: "CallunaSansSemiBold", Arial; font-size:16px; color:#868686; } /** bottom**/ #main-content #layout #bottom { background-color:#f2f0ea; width: 100%; height: 300px; clear: both; } /** bottom**/ #main-content #bottom { background-color:#f2f0ea; width: 100%; height: 350px; clear: both; } div.ad-left { float: left; width: 49%; height: 100%; } div.ad-separator { float: left; width:1%; } div.ad-right { float: left; width: 49%; } div.ad-image { text-align:center; } div.ad-image a { width:100%; margin:0 auto; } div.ad-button { margin: 0px 155px; } div.ad-button a { font-family: "CallunaSansRegular", Arial; font-size:20px; text-transform:uppercase; text-decoration:none; color:#fbc206; } div.ad-button a:hover { font-size:20px; color:#fed202; } div.ad-book-image { text-align:center; } div.ad-book-image a { width:100%; margin:0 auto; } div.ad-book-button { margin: 0px 150px; } .ad-header { width: 75%; margin:0 auto; font-family: "CallunaSansRegular", Arial; font-size: 20px; color: #868686; line-height: 36px; text-transform: uppercase; padding:20px 0 10px 0; } .ad-header span { font-family: "CallunaSansSemiBold", Arial; font-size: 20px; color: #00b9e0; } .ad-copy { font-family: Arial; font-size: 13px; line-height: 20px; color: #54596c; margin-left: 25px; } .ad-copy a { color: #4d5294; } input[type="text"] { font-size: 0.8em; font-family: Arial; border: solid 1px #b9babc; color: #54596c; padding: 3px 4px; } .footer-social-media-container { float: right; width:12%;height:30px; } .footer-social-media-container a { float:right; margin-left:4px; } /** OPT-IN SECTION **/ #main-content #layout .opt-in-container { width: 90%; padding-top: 7px; margin: 0 auto; } #main-content #layout .opt-in-container table { width: 120px; } #main-content #layout .opt-in-container table tr td { padding: 2px 2px 0px 2px; } #main-content #layout .opt-in-container table tr td input[type="text"] { width: 184px; } #main-content #layout .opt-in-container table tr td button { float: right; } /** SLIDESHOW **/ #slideshow { border-bottom: solid 1px #; width: 100%; } /** SECTIONS OF TEXT ON A PAGE **/ .section { padding-bottom: 44px; } .section .text { padding-top: 12px; } .section .curved-box { border-bottom-left-radius: 16px; -moz-border-radius-bottomleft: 16px; border-bottom-right-radius: 16px; -moz-border-radius-bottomright: 16px; background: #e2e3e5; float: left; border-right: solid 2px white; width: 100%; height: 115px; } /** TEACHER FILTER **/ .select_wrapper { float: left; margin-right: 2px; } /** FOOTER **/ footer { width: 103%; margin: 0 auto; margin-bottom: 15px; } #footer-content { background: #5f639e; border-top: 0px solid #ddd; color: white; font-size: 10px; line-height: 1em; padding: 10px 0px; font-family: Arial; } #footer-content div { margin: 0 auto; text-align: center; } #footer-content span { color: white; text-decoration: none; font-size: 10px; line-height: 1em; } #footer-content span a { color: white; text-decoration: none; font-size: 10px; line-height: 1em; text-decoration: underline; } #footer-content a { color: white; text-align: center; font-size: 10px; line-height: 1em; text-decoration: none; } /* Site Generator Line */ #site-generator { background: #5f639e; border-top: 0px solid #ddd; color: white; font-size: 10px; line-height: 2.2em; padding: 10px 0px; font-family: Arial; display: none; } #site-generator div { margin: 0 auto; text-align: center; display: none; } #site-generator span { color: white; text-decoration: none !important; font-size: 10px; line-height: 2.2em; display: none; } #site-generator a { color: white; text-align: center; font-size: 10px; line-height: 2.2em; } /** EVENTS/WORKSHOPS **/ .workshop-row { padding-top: 0px; padding-bottom: 20px; } .workshop-row img { float: left; padding: 0px 15px 1px 0px; } .workshop-row-info { width: 400px; float: left; margin-left: 20px; padding-bottom: 20px; } table#workshop-contact { width: 400px; } table#workshop-contact tr td { padding: 0px; width: auto; text-align: left; padding-left: 15px; } table#workshop-contact tr td.label { font-weight: bold; padding: 0px; width: 120px; } #workshop-event { padding-top: 20px; } #workshop-event img { padding: 0px 15px 1px 0px; float: left; } .entry-content table { border: solid 0px #d8ebf1; width: 100%; } .entry-content table th.events-table-header { background: #63afc6; height: 22px; line-height: 14px; color: #ffffff; vertical-align: middle; } div.event-title-header, div.exercise-title-header { background: #63afc6; height: 22px; line-height: 22px; color: #ffffff; vertical-align: middle; width: 100%; } div.event-title-header-sidebar, div.sidebar-title-header { background: #63afc6; height: 22px; line-height: 22px; color: #ffffff; vertical-align: middle; width: 100%; } .entry-content table th.events-table-header span, div.event-title-header span, div.event-title-header-sidebar span, div.sidebar-title-header span, div.exercise-title-header span { margin-left: 12px; font-size: 12px; text-transform: uppercase; font-family: 'Trebuchet MS' !important; vertical-align: middle; color: #ffffff; } .event-label { font-family: Arial; font-weight: bold; } /** CONTACT FORM **/ table#contact { width: 639px; } table#contact tr td { padding: 0px 8px 0px 0px; } table#contact tr td input[type="text"] { width: 302px; border: solid 3px #cbcccd; height: 30px; font-family: Arial; font-size: 14px; padding: 4px 7px; } table#contact tr td textarea { width: 629px; border: solid 3px #cbcccd; } div.checkbox { height: auto; width: 84px; padding: 10px; background: #e6e6e6; margin-top: 10px; } /* Easy Slider */ /* image replacement */ .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next { margin: 0; padding: 0; display: block; overflow: hidden; text-indent: -8000px; } /* // image replacement */ /* Easy Slider */ #container { position: relative; text-align: left; width: 640px; background: #fff; margin: 18px 0px 0px 0px; height: 354px; clear:both; } #gallery-content { padding: 0; margin: 0; height: 354px !important; clear:both; } #header { height: 80px; line-height: 80px; background: #5DC9E1; color: #fff; } #slider { padding-top: 0px; clear:both; } #slider ul, #slider li, #slider2 ul, #slider2 li { margin: 0; padding: 0; list-style: none; } #slider2 { margin-top: 1em; } #slider li, #slider2 li { /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ width:640px; height: 341px; overflow: hidden; } #prevBtn, #nextBtn, #slider1next, #slider1prev { display: block; width: 30px; height: 77px; position: absolute; left: -30px; top: 71px; z-index: 1000; } #nextBtn, #slider1next { left: 696px; } #prevBtn a, #nextBtn a, #slider1next a, #slider1prev a { display: block; position: relative; width: 30px; height: 77px; background: url(../images/btn_prev.gif) no-repeat 0 0; } #nextBtn a, #slider1next a { background: url(../images/btn_next.gif) no-repeat 0 0; } /* numeric controls */ ol#controls { margin: 1em 0; padding: 0; height: 10px; position: relative; top: -36px; left: 22px; } ol#controls li { margin: 0 4px 0 0; padding: 0; float: left; list-style: none; height: 28px; line-height: 28px; } ol#controls li a { float: left; height: 10px; width: 10px; line-height: 10px; border: 0px solid #ccc; /* background:#DAF3F8; */ color:#555; padding: 0px 0px 0px 0px; background: url('images/photo-marker-off.png') no-repeat; text-decoration: none; } ol#controls li.current a { /*background:#5DC9E1;*/ background:url('images/photo-marker-on.png') no-repeat; color: #fff; } ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus { outline: none; } /* // Easy Slider */ /** FORM STYLES **/ select { -webkit-appearance: none; -webkit-border-radius: 0px; width: 194px; height: 25px; padding: 3px; /* border:solid 1px #d8d8d8; */ border:none; -webkit-rtl-ordering: logical; color: #4e5255; margin: 0px 10px 9px 0px; background: url('images/select-background.jpg') no-repeat 0px 0px !important; cursor: default; font-family: Arial; } /** POSTS **/ a.blog-title, span.title { font-family: "Trebuchet MS"; font-size: 18px; line-height: 22px; color: #4d5294; font-weight: normal; padding: 16px 0px 16px 0px; text-decoration: none; } span.post-date { color: #a9a9a9; font-style: italic; font-size: 12px; font-family: Arial; } /** WORKSHOP DIVS**/ div.workshop-listing { padding-top: 12px; } /** PRODUCTS **/ /* BOOK GRID **/ div.book { width: 100%; border-top: solid 1px #aeaeae; padding-top: 12px; height: auto; } div.book div.thumbnail { width: 150px; float: left; } div.book div.description { width: 420px; float: left; margin-left: 23px; } div.buy-button { margin: 0px 30px; } /** WORKSHOPS **/ table#current-events tr td { border-bottom: solid 2px #dbddff; padding-bottom: 30px; } ul.event-categories { list-style: none; } ul.event-categories li a { color: white; text-decoration: none; line-height: 1.9em; } /* input[type="submit"].em-events-search-submit { background: url('images/btn-search.png') no-repeat; } */ /** side calendar **/ /* Calendar Styles from EM Manager*/ table.em-calendar td { padding: 2px 4px; text-align: center; } table.em-calendar.table tr.days-names { font-weight: bold; } table.em-calendar td.eventful-pre a, table.em-calendar td.eventful-post a { color: #aaa; text-decoration: underline; } table.em-calendar td.eventful-today a { font-weight: bold; } table.em-calendar thead { font-size: 120%; font-weight: bold; } table.fullcalendar { border-collapse: collapse; } table.fullcalendar td { text-align: left; width: 50px; height: 50px; border: 1px solid #888; } div.em-calendar-wrapper { position: relative; } div#em-loading { position: absolute; width: 100%; height: 100%; background: #FFFFFF url(../images/loading.gif) 50% 50% no-repeat; left: 0px; top: 0px; opacity: 0.8; filter: alpha(opacity=80) } table.em-calendar { width: 100%; border: solid 5px #bddbe8; } table.em-calendar td { font-size: 12px; } a.em-calnav-prev, a.em-calnav-next { color: #3f4454; font-weight: normal; border: solid 1px #bfbfbf; padding: 2px 4px; } table.em-calendar td.eventless-pre, .em-calendar td.eventless-post { color: #bcbdc0; } table.em-calendar td.eventless-today { background-color: #bcbdc0; } table.em-calendar td.eventful a, table.em-calendar td.eventful-today a { color: #4d5290 !important; text-decoration: underline; font-size: 1em; } table.em-calendar td.eventful-today a { font-weight: bold; color: #4d5290 !important; } /** TRAINING WORKSHOPS **/ #levels { background: url('images/bg-levelbuttons.jpg') no-repeat; height: 67px; width: 640px; clear: both; } #levels .holder { margin: 0px; } #levels .label { float: left; width: 300px; margin: 20px 17px 20px 25px; } #levels .label span { font-size: 18px; line-height: 23px; color: #4d5294; font-family: 'JohnstonLight', Arial; text-transform: none; } #levels .button-holder { float: left; margin: 15px 25px 0px 0px; width: 273px; } #levels .button-holder .button { float: left; } /** EVENT SEARCH FORM **/ div.em-events-search { margin: 20px !important; } /*** OLD STYLE **/ /** LOCALE **/ #languages { background: #232839; width: 100%; height: 24px; } #languages div { margin-left: 900px; } #languages div span { color: #ffffff; } a.inactive { font-size: 8px; font-family: "LucidaGrandeRegular"; color: #999999; text-decoration: none; } a.active { font-size: 8px; font-family: "LucidaGrandeRegular"; color: #ffffff; text-decoration: none; } /* Image borders */ img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img { border: 0px solid #DDD; padding: 0px; } /** END LOCALE **/ #site-title { display: none; } #site-description { display: none; } #main-content .holder { width: 100%; min-height: 80px; height: auto; border: dashed 0px blue; } #main-content .holder #content, #main-content #content, #main-content .showcase .holder #content { width: 542px; float: left; border-top: solid 2px #fedae7; padding-top: 8px; } #main-content.showcase #content { width: 542px !important; float: left; border-top: solid 2px #fedae7; padding-top: 0px; } #main-content .showcase .holder #content .single-event { width: 100%; height: 200px; border: dashed 1px blue; } .main-left-column { float: left; border: dashed 0px red; width: 140px; margin-top: 14px; } /**POST ENTRY CONTENT **/ .entry-title { padding: 0px; } .entry-title, .entry-title a, .entry-title span { font-size: 18px; line-height:22px !important; font-family: 'Trebuchet MS'; font-weight: bold; color: #4d5291; text-transform: none; } #content { width: 483px; margin: 0; } /** TESTIMONIALS **/ .testimonial-author { font-size: 11px; font-family: "Arial"; font-style: italic; } #branding { margin: 0px; padding: 0px; border: none; background: white; margin-left: -3px; } /** SECTION SUBNAVIGATION **/ #secondary { float: left; margin-left: 0px; width: 100%; margin-right: 0px; } #main-content .secondary-nav { width: 100%; float: left; color: #373737; margin-top: 9px; } #main-content .secondary-nav .#secondary { clear: both; display: block; float: left !important; margin: 0 auto; width: 100% !important; } #main-content .secondary-nav #secondary ul { font-size: 13px; list-style: none; /* margin: 0 0 0 -0.8125em; */ margin:0px; padding-left: 0; height: 48px; } #main-content .secondary-nav #secondary li { float: left; position: relative; border-right: solid 1px #aeaeae; height: 17px; margin-top: 17px; } #main-content .secondary-nav #secondary a { color: #4d5292; display: block; line-height: 20px; padding: 0px 15px; text-decoration: none; font-family: "Trebuchet MS"; } #main-content .secondary-nav #secondary ul ul { -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); box-shadow: 0 3px 3px rgba(0,0,0,0.2); display: none; float: left; margin: 0; position: absolute; top: 1em; left: 0; width: 188px; z-index: 99999; } #main-content .secondary-nav #secondary ul ul li { border-right: none; } #main-content .secondary-nav #secondary ul ul ul { left: 100%; top: 0; } #main-content .secondary-nav #secondary ul ul a { background: #f9f9f9; border-bottom: 1px dotted #ddd; color: #444; font-size: 13px; font-weight: normal; height: auto; line-height: 1.4em; padding: 10px 10px; width: 168px; } #main-content #secondary li:hover > a, #main-content #secondary a:focus { background: url('wp-content/uploads/2011/12/bg-nav-hover-gradient.png') repeat-x; color: #000000; } #main-content #secondary ul ul :hover > a { background: url('wp-content/uploads/2011/12/bg-nav-hover-gradient.png') repeat-x; } #main-content #secondary a:focus { color: #000000; background: url('wp-content/uploads/2011/12/bg-nav-hover-gradient.png') repeat-x; } #main-content #secondary ul li:hover > ul { display: block; } /** new **/ #secondary li.current-page-ancestor a { font-weight: normal !important; text-transform: uppercase; color: #6e7987 !important; } #main-content #secondary li.current-menu-ancestor a { font-weight: normal !important; text-transform: none !important; color: #4d5292 !important; } /** end new **/ /** PAGE ARTICLE **/ .singular.page .hentry { margin: 0px; padding: 0px; } .singular .entry-title { color: #000; font-size: 36px; font-weight: normal; line-height: 48px; border: dashed 1px white; } /** PAGE CONTENT HEADERS **/ .page-header { width: 100%; height: 50px; padding-bottom: 0px; border: dashed 0px orange; } .page-header table { width: 100%; } .page-header table tr td.title { width: auto; } .page-header table tr td.description { width: 400px; /*color:#63a8bf; */ vertical-align:top; } .page-header .header-title { float: left; width: auto; border: dashed 0px blue; height: auto; } .page-header .page-description { float: left; width: 500px; margin-left: 0px; min-height: 50px; height: auto; color: #63aac1; margin: 5px 0px 0px 20px; padding-bottom: 0px; line-height: 1.4em; } .page-header .page-description-empty { float: left; width: 100px; margin-left: 0px; } #home-content .page-header { float: left; width: 100%; margin-left: 0px; min-height: 50px; height: auto; color: #63aac1; margin-left: 0px; padding-bottom: 4px; line-height: 1em; border-bottom: solid 2px #fedae7; } .page-header .page-description div { color: #63aac1; } .singular #content, .left-sidebar.singular #content { margin: 0; } h1.entry-title, h1.entry-title span { font-family: 'JohnstonLight' !important; font-size: 35px; color: #63aac1 !important; text-transform: uppercase; padding: 0px; line-height: 35px; } h1.entry-title-single { font-family: 'Trebuchet MS'; font-size: 18px; color: #4d5293; font-weight: bold; text-transform: none; padding: 0px; } .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title { margin: 0; width: 100%; padding: 0px; } /** CONTENT **/ .entry-content { clear: both; margin-top: 0px; /* padding:7px 0px 14px 0px; */ padding:none; } /** ENTRY-META **/ .singular .entry-meta .edit-link a { bottom: auto; left: 0px; position: relative; right: auto; top: 0px; } /** SIDEBAR **/ .home-signup { border-bottom: solid 0px #fcdae5; padding-bottom: 0px; margin-bottom: 0px; width: 206px; } .sidebar-section { border-bottom: solid 0px #fcdae5; padding-bottom: 10px; margin-bottom: 10px; width: 206px; } .home-signup-section { border-bottom: solid 2px #fedae7; padding-bottom: 0px; width: 100%; } .home-signup-section table tr td, table#page-signup tr td { border: dashed 0px green; padding-right: 4px; } .sidebar-section .privacy-policy { font-size: 0.8em; width: 85%; } .sidebar-section span { font-size: 12px; } .sidebar-section a { color: #4d5290; text-decoration: underline; } .sidebar-section .inner-container { margin: 17px; width: 178px; } .sidebar-section .inner-container .header { text-align: center; font-size: 18px; } .sidebar-section .inner-container div { line-height: 16px !important; font-style: normal !important; font-size: 12px; } .page-section-sidebar { float: left; margin-left: 23px; border-top: solid 2px #fcdae5; padding-top: 8px; } .events-page-section-sidebar { float: left; margin-left: 15px; border-top: solid 2px #fcdae5; padding-top: 8px; } .home-section-sidebar { width: 206px; float: left; margin-left: 23px; border-top: none; padding-top: 8px; margin-top: 0px; } .blog-section-sidebar { width: 206px; float: left; margin-left: 23px; border-top: solid 2px #fcdae5; padding-top: 8px; margin-top: 0px; } .teacher-section-sidebar { width: 206px; float: left; margin-left: 23px; border-top: solid 2px #fedae5; padding-top: 8px; } .signup-header { text-transform: uppercase; font-size: 9px; font-family: 'LucidaGrandeRegular' !important; } .sidebar-link-holder { padding-bottom: 7px; } #free-video-promo-shoulders { height: 465px; width: 206px; border: dashed 0px red; /* fallback */ background-color:#f6e7cd; /* chrome 2+, safari 4+; multiple color stops */ background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.32,#f6e7cd),color-stop(0.66, #f8eedf), color-stop(0.93,#fbfbfb)); /* chrome 10+, safari 5.1+ */ background-image:-webkit-linear-gradient(#f6e7cd,#f8eedf,#fbfbfb); /* firefox; multiple color stops */ background-image:-moz-linear-gradient(top,#f6e7cd,#f8eedf,#fbfbfb); /* ie 6+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6e7cd', endColorstr='#fbfbfb'); /* ie8 + */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6e7cd', endColorstr='#fbfbfb')"; /* ie10 */ background-image: -ms-linear-gradient(#f6e7cd,#f8eedf,#fbfbfb); /* opera 11.1 */ background-image: -o-linear-gradient(#f6e7cd,#f8eedf,#fbfbfb); /* The "standard" */ background-image: linear-gradient(#f6e7cd,#f8eedf,#fbfbfb); color: #e1ae5b; } .promo-orange { color: #e1ae5b; } #free-video-promo-shoulders .inner-container .header { padding: 7px 0px; } #free-video-promo-improve { height: 465px; width: 206px; /* fallback */ background-color:#f8d5e1; /* chrome 2+, safari 4+; multiple color stops */ background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.32,#f8d5e1),color-stop(0.66, #fbe7ee), color-stop(0.83,#fbfbfb)); /* chrome 10+, safari 5.1+ */ background-image:-webkit-linear-gradient(#f8d5e1,#fbe7ee,#fbfbfb); /* firefox; multiple color stops */ background-image:-moz-linear-gradient(top,#f8d5e1,#fbe7ee,#fbfbfb); /* ie 6+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8d5e1', endColorstr='#fbfbfb'); /* ie8 + */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8d5e1', endColorstr='#fbfbfb')"; /* ie10 */ background-image: -ms-linear-gradient(#f8d5e1,#fbe7ee,#fbfbfb); /* opera 11.1 */ background-image: -o-linear-gradient(#f8d5e1,#fbe7ee,#fbfbfb); /* The "standard" */ background-image: linear-gradient(#f8d5e1,#fbe7ee,#fbfbfb); color: #f27da6; } .promo-improve { color: #f27da6; } #free-video-promo-teaching { height: 465px; width: 206px; /* fallback */ background-color:#d0e5ec; /* chrome 2+, safari 4+; multiple color stops */ background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.32,#d0e5ec),color-stop(0.66, #e5f0f3), color-stop(0.83,#fbfbfb)); /* chrome 10+, safari 5.1+ */ background-image:-webkit-linear-gradient(#d0e5ec,#e5f0f3,#fbfbfb); /* firefox; multiple color stops */ background-image:-moz-linear-gradient(top,#d0e5ec,#e5f0f3,#fbfbfb); /* ie 6+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0e5ec', endColorstr='#fbfbfb'); /* ie8 + */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0e5ec', endColorstr='#fbfbfb')"; /* ie10 */ background-image: -ms-linear-gradient(#d0e5ec,#e5f0f3,#fbfbfb); /* opera 11.1 */ background-image: -o-linear-gradient(#d0e5ec,#e5f0f3,#fbfbfb); /* The "standard" */ background-image: linear-gradient(#d0e5ec,#e5f0f3,#fbfbfb); color: #63a8bf; } .promo-teaching { color: #63a8bf; } #free-video-promo-shoulders .inner-container .header, #free-video-promo-improve .inner-container .header, #free-video-promo-teaching .inner-container .header { padding: 9px 0px; } #free-video-promo-shoulders .inner-container span { color: #e1ae5b; line-height: normal; font-family: "Trebuchet MS"; } #free-video-promo-improve .inner-container span { color: #f27da6; line-height: normal; font-family: "Trebuchet MS"; } #free-video-promo-teaching .inner-container span { color: #63a8bf; line-height: normal; font-family: "Trebuchet MS"; font-weight: normal; } #free-video-promo-shoulders .inner-container .header span { color: #e1ae5b !important; font-size: 18px; text-align: center; line-height: normal; font-family: "Trebuchet MS"; } #free-video-promo-improve .inner-container .header span { font-size: 18px; text-align: center; line-height: normal; font-family: "Trebuchet MS"; color: #f27da6; } #free-video-promo-teaching .inner-container .header span { font-size: 18px; text-align: center; line-height: normal; font-family: "Trebuchet MS"; color: #63a8bf; } /* WIDGETS */ .widget { margin: 0px; } .widget-title { display: none; } .entry-content img, .comment-content img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ } .entry-content th, .comment-content th { color: #ffffff; font-size: 12px; font-weight: none; letter-spacing: 0px; line-height: 0px; text-transform: uppercase; } .entry-content table tr { border: none; } .entry-content table td { border: none; vertical-align: top; padding-top: 20px; } .entry-content table td.bottom-row { border-bottom: solid 2px #dbddff; border-top: none; vertical-align: top; padding: 0px 0px 20px 0px; } span.event-location-time { color: #a8a8a8; font-size: 12px; font-style: italic; font-family: "Arial"; } span.event-category { font-size: 13px; text-transform: uppercase; color: #a8a8a8; } span.event-link a { color: #4d5293; font-size: 16px; font-family: 'Trebuchet MS'; font-weight: bold; text-decoration: none; } /* =Showcase ----------------------------------------------- */ .page-template-showcase-php #content { margin: 0 0; width: 530px; border: dashed 0px orange; } .left-sidebar.page-template-showcase-php #content { border: dashed 0px green; margin: 0px; } .page-template-showcase-php #main .widget-area { float: left; margin: 0 0 0 0; width: auto; } h1.showcase-heading { color: #666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase; } /* Intro */ article.intro { background: #ffffff; border: none; margin: 0em; padding: 8px 0px 0px 0px; } article.intro .entry-title { display: none; } article.intro .entry-content { color: inherit; font-size: inherit; padding: 0px; } article.intro .edit-link a { background: #aaa; -moz-border-radius: 3px; border-radius: 3px; color: #fff; font-size: 12px; padding: 0 8px; position: absolute; top: 30px; right: 20px; text-decoration: none; } /** FORM STYLES **/ input[type="text"] { width: 205px; height: 22px !important; border: solid 1px #c5c5c5; padding: 3px 4px !important; margin-bottom: 9px; vertical-align: top; font-family: Arial; font-size: 12px; } input[type="text"]#em-date-start-loc, input[type="text"]#em-date-end-loc { width: 80px !important; } input[type="text"].side-email { width: 160px; } /** SEARCH FORM **/ div.fm-search-box { margin-left: 20px; } /** SOCIAL NETWORKING **/ div.social { margin-left: 0px; } input[type="image"] { border: none; -webkit-appearance: none; vertical-align: top; } input[type="button"] { -webkit-appearance: none !important; border: none !important; padding: 0px !important; } input[type="reset"] { -webkit-appearance: none; height: 27px; background: url('/en/wp-content/uploads/2011/10/btn_reset.png') no-repeat; width: 99px; border: none !important; padding: 0px !important; cursor: pointer; -webkit-box-align: none !important; text-align: none !important; box-sizing: none !important; vertical-align: top; } /** SOCIAL NETWORKING **/ table#social-icons { width: 100%; } table#social-icons tr td { text-align: center; } /* Singular content styles for Posts and Pages */ .singular .hentry { border-bottom: none; padding: 0em; position: relative; } .singular.page .hentry { padding: 0em 0 0; } /** BLOG ENTRIES LIST **/ .blog-entry-holder { border-bottom: solid 1px #b8bcff; } .blog-entry-holder-inner { margin: 22px 0px 0px 0px; height: auto; } .blog-entry-image { float: left; width: auto; margin-right: 20px; } .blog-entry-text { float: left; width: 460px; } /** SINGLE POSTS **/ .one-column #nav-below, .one-column .page-template-showcase-php .other-recent-posts { border-bottom: 1px solid #d8ebf1; margin-bottom: 1.625em; } .hentry, .no-results { border-bottom: 1px solid #d8ebf1; margin: 0 0 1.625em; padding: 0 0 1.625em; position: relative; } .entry-meta .post-date { float: left; } .entry-meta .author { float: left; margin-left: 4px; } .entry-meta .post-date span, .entry-meta .post-date a { font-size: 12px; color: #a8a8a8; font-family: "Arial"; font-style: italic; text-decoration: none; font-weight: normal; } .entry-meta .author a { color: #4d5293; font-size: 12px; font-family: "Arial"; font-style: italic; text-decoration: none; font-weight: normal; } span.sep { display: none; } .singular .entry-header .entry-meta { position: relative; top: 0; left: 0; } /** HOMEPAGE BLOG POST **/ #homepage-blog-post { padding: none; } #homepage-blog-post .entry-title { padding: none !important; line-height: 18px; } /* WEB EXERCISES TEMPLATE **/ .single-column-content { width: 100%; border-top: solid 1px #fedae7; padding-top: 8px; background: #ffffff; } div.exercise { width: 100%; padding-top: 10px; } div.exercise div.image { width: 483px; height: 358px; border: solid 1px #c6c6c6; float: left; } div.exercise div.description { float: left; width: 206px; margin-left: 33px; padding-top: 10px; } div.exercise div.description span.title { color: #63afc6; font-family: "TrebuchetMS"; } /* =error404 ----------------------------------------------- */ .error404 #main #searchform { background: #ffffff; border: none; border-width: 1px 0; margin: 0px; overflow: hidden; padding: 0px; } .error404 #main #s { width: 95%; } .error404 #main .widget { clear: none; float: left; margin-right: 3.7%; width: 30%; } .error404 #main .widget_archive { margin-right: 0; } .error404 #main .widget_tag_cloud { float: none; margin-right: 0; width: 100%; } .error404 .widgettitle { font-size: 10px; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase; font-family: "TrebuchetMS"; } /* Comment Form */ #respond { background: #ddd; border: 1px solid #d3d3d3; -moz-border-radius: 3px; border-radius: 3px; margin: 0 auto 1.625em; padding: 1.625em; position: relative; width: 413px; height: auto; } #respond textarea { resize: vertical; width: 90%; } #respond input#submit { background: #222; border: none; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); color: #eee; cursor: pointer; font-size: 15px; margin: 20px 0; padding: 5px 42px 5px 22px; position: relative; left: 0px; top: -22px; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); } /** TESTIMONIALS **/ .testimonial { padding-bottom: 13px; border-bottom: solid 1px #aeaeae; padding-top: 8px; } .testimonial div.photo { float: left; margin-right: 0px; } .testimonial div.quote { float: left; width: 367px; } /*FAQ**/ div.question { padding-bottom: 23px; } p.answer { padding: 6px 0px 0px 0px; } /** ABOUT **/ div.about-team-testimonial{ border-bottom-left-radius: 16px; -moz-border-radius-bottomleft: 16px; border-bottom-right-radius: 16px; -moz-border-radius-bottomright: 16px; background: #e2e3e5; width: 220px; height: 222px; padding-bottom:0px; } div.about-team-testimonial div.video{ padding:10px; } div.about-team-testimonial div.cta-more{ margin:0 58px; } #middle div.box-header span.team-ad-header{ margin-left:27px !important; } div.team-ad-books { border-radius: 16px; -moz-border-radius: 16px; border: solid 1px #b8bcff; width: 100%; height: auto; clear: both; padding-bottom:10px; } div.team-ad-books img { margin: 20px; } div.team-ad-books .cta-browse{ margin:0 49px; } div.team { border-bottom: solid 1px #d8d9da !important; padding-bottom: 20px; clear: both; height: auto; } div.team-eric { border-bottom: solid 1px #d8d9da !important; padding-bottom: 20px; clear: both; height: auto; padding-top: 20px; } .left{ float:left; margin-right:12px; } .right{ float:right; } /** BREADCRUMBS **/ div.breadcrumbs{ height:20px; position:relative; top:0px; margin-left:40px; padding-bottom:45px; } div.breadcrumbs a{ color:#54596C !important; font-size:12px; text-decoration:none; position:relative; /*top:-20px;*/ font-family:'LucidaGrandeRegular', Arial !important; margin-right: 5px; margin-left: 5px; } div.breadcrumbs span{ position:relative; font-family:'LucidaGrandeRegular', Arial !important; } a.moretag{ letter-spacing: 0px; font-variant: normal; text-transform: none; text-decoration: none; font-style: normal; font-weight: normal; line-height: 150%; font-size: 13px; font-family: arial, sans-serif; background-color: #DEDEDE; color: #333; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 3px 7px; text-decoration: none; margin: 0; clear: both; } a.moretag:hover{ text-decoration:underline;} .more-link-container{ float: left; margin: 10px 0 20px; } /*ikaduha nga popup*/ #footerSlideContainer { position: fixed; bottom:0; width: 100%; } #footerSlideButton { background: url(images/sliderButton.png) top left no-repeat transparent; position: absolute; top: -55px; right: 20px; width:50px; height:50px; border: none; cursor: pointer; } #footerSlideContent { width: 100%; height: 0px; background: #251b15; color: #CCCCCC; font-size: 0.8em; border: none; font-family: DejaVuSansBook, Sans-Serif; } #footerSlideText { padding: 15px 10px 25px 25px; } .wdpajax-error{ border:1px solid #f9d9c9; padding:5px; color:#ff3311; } .wdpajax-success{ border:1px solid #339933; padding:5px; color:#339933; } label.error{ float:none !important; padding-left:5px; color:#ff3311; } /*boxes styles*/ .inside_box_content { padding: 50px 35px 10px 40px; text-align: justify; border-radius: 15px; line-height: 1; } .blue_box { background: #CDF4FE; color: #5E6984; border-color: #AACEE6; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; margin-bottom: 20px; background-image:url(images/quote.png); background-repeat:no-repeat; border-radius: 15px; background-position-y: 15px; padding-bottom: 47px; } .inside_box_content span, em{ font-size: 16px; color: #4D5293; font-weight: bolder; } .blue_box em{ font-style: italic; float: right; } .class-closed{background:url(images/sold_out.png) no-repeat 219px 58px; -moz-background:url(images/sold_out.png) no-repeat 195px 55px;} .class-closed-single{background:url(images/sold_out.png) no-repeat 368px -1px;;; -moz-background:url(images/sold_out.png) no-repeat 195px 55px;} .workshop-row-info .class-closed-cat{background:url(images/sold_out_small.png) no-repeat 217px 123px; -moz-background:url(images/sold_out_small.png) no-repeat 195px 55px; width: 409px;} /* =Responsive Structure ----------------------------------------------- */ @media (max-width: 800px) { /* Simplify the basic layout */ #main #content { margin: 0 7.6%; width: auto; } #nav-below { border-bottom: 1px solid #ddd; margin-bottom: 1.625em; } #main #secondary { float: none; margin: 0 7.6%; width: auto; } /* Simplify the showcase template */ .page-template-showcase-php .featured-posts { min-height: 280px; } .featured-posts section.featured-post { height: auto; } .page-template-showcase-php section.recent-posts { float: none; margin: 0; width: 100%; } .page-template-showcase-php #main .widget-area { float: none; margin: 0; width: auto; } .page-template-showcase-php .other-recent-posts { border-bottom: 1px solid #ddd; } /* Simplify the showcase template when small feature */ section.featured-post .attachment-small-feature, .one-column section.featured-post .attachment-small-feature { border: none; display: block; float: left; height: auto; margin: 0.625em auto 1.025em; max-width: 30%; position: static; } article.feature-image.small { float: right; margin: 0 0 1.625em; width: 64%; } .one-column article.feature-image.small .entry-summary { height: auto; } article.feature-image.small .entry-summary p a { left: 0; padding-left: 20px; padding-right: 20px; width: auto; } /* Remove the margin on singular articles */ .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title { width: 100%; } /* Simplify the pullquotes and pull styles */ .singular blockquote.pull { margin: 0 0 1.625em; } .singular .pull.alignleft { margin: 0 1.625em 0 0; } .singular .pull.alignright { margin: 0 0 0 1.625em; } .singular .entry-meta .edit-link a { left: 0; position: absolute; top: 40px; } .singular #author-info { margin: 2.2em -8.8% 0; padding: 20px 8.8%; } /* Make sure we have room for our comment avatars */ .commentlist { width: 100%; } .commentlist > li.comment, .commentlist .pingback { margin-left: 102px; width: auto; } /* And a full-width comment form */ #respond { width: auto; } /* No need to float footer widgets at this size */ #colophon #supplementary .widget-area { float: none; margin-right: 0; width: auto; } /* No need to float 404 widgets at this size */ .error404 #main .widget { float: none; margin-right: 0; width: auto; } } @media (max-width: 650px) { /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */ body, input, textarea { font-size: 13px; } #site-title a { font-size: 24px; } #site-description { font-size: 12px; } #access ul { font-size: 12px; } article.intro .entry-content { font-size: 12px; } .entry-title { font-size: 21px; } .featured-post .entry-title { font-size: 14px; } .singular .entry-title { font-size: 28px; } .entry-meta { font-size: 12px; } blockquote { margin: 0; } blockquote.pull { font-size: 17px; } /* Reposition the site title and description slightly */ #site-title { padding: 5.30625em 0 0; } #site-title, #site-description { margin-right: 0; } /* Make sure the logo and search form don't collide */ #branding #searchform { top: 1.625em !important; } /* Floated content doesn't work well at this size */ .alignleft, .alignright { float: none; margin-left: 0; margin-right: 0; } /* Make sure the post-post navigation doesn't collide with anything */ #nav-single { display: block; position: static; } .singular .hentry { padding: 1.625em 0 0; } .singular.page .hentry { padding: 1.625em 0 0; } /* Talking avatars take up too much room at this size */ .commentlist > li.comment, .commentlist > li.pingback { margin-left: 0 !important; } .commentlist .avatar { background: transparent; display: block; padding: 0; position: static; } .commentlist .children .avatar { background: none; left: 2.2em; padding: 0; position: absolute; top: 2.2em; } /* Use the available space in the smaller comment form */ #respond input[type="text"] { width: 95%; } #respond .comment-form-author .required, #respond .comment-form-email .required { left: 95%; } #content .gallery-columns-3 .gallery-item { width: 31%; padding-right: 2%; } #content .gallery-columns-3 .gallery-item img { width: 100%; height: auto; } } @media (max-width: 450px) { #content .gallery-columns-2 .gallery-item { width: 45%; padding-right: 4%; } #content .gallery-columns-2 .gallery-item img { width: 100%; height: auto; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { body { padding: 0; } #page { margin-top: 0; } #branding { border-top: none; } } /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* STYLES GO HERE */ } /* Smartphones (landscape) ----------- */ @media only screen and (min-width : 321px) { /* STYLES GO HERE */ } /* Smartphones (portrait) ----------- */ @media only screen and (max-width : 320px) { /* STYLES GO HERE */ } /* galaxy tab3 (portrait and landscape) ----------- */ @media screen and (min-device-width : 600px) and (max-device-width : 1024px) { body{ max-width: 1024px; } #page {margin: auto; } div#nav-gradient-bar{ max-width: 150%; left: -150px; padding-right:350px; } #branding img {left: 0; } #branding {background: none;margin-left: 0;} .language-links{right:-20%;} #main {max-width: 70.7%; margin-left:83px;} footer{width: 100%;} #footer-content{margin-left:183px;} } /* iPads (portrait and landscape) ----------- */ @media screen and (min-device-width : 768px) and (max-device-width : 1024px) { body{ max-width: 1024px; } #page {margin: auto; } div#nav-gradient-bar{ max-width: 1140px; left: -150px; padding-right:350px; } #branding img {left: 0; } #branding {background: none;margin-left: 0;} .language-links{right:-20%;} #main {max-width: 1426px; margin-left:183px;} footer{width: 1606px;} #footer-content{margin-left:183px;} } /* iPads (landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { /* STYLES GO HERE */ } /* iPads (portrait) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { /* STYLES GO HERE */ } /* Desktops and laptops ----------- */ @media only screen and (min-width : 1224px) { /* STYLES GO HERE */ } /* Large screens ----------- */ @media only screen and (min-width : 1824px) { /* STYLES GO HERE */ } /* iPhone 5 (portrait & landscape)----------- */ @media screen and (min-device-width : 320px) and (max-device-width : 568px) { body{ max-width: 568px; } #page {margin: auto; } div#nav-gradient-bar{ max-width: 1140px; left: -150px; padding-right:350px; } #branding img {left: 0; } #branding {background: none;margin-left: 0;} .language-links{right:-20%;} #main {max-width: 970px; margin-left:183px;} footer{width: 1150px;} #footer-content{margin-left:183px;} } /* iPhone 5 (landscape)----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { .social-media-container{left:113%;} #main {margin-left:183px;} } /* iPhone 5 (portrait)----------- */ @media screen and (min-width : 320px) and (max-width : 568px) and (orientation : portrait) { .social-media-container{left:200%;} #main {margin-left:113px;} } /*custom styles*/ .my-eform th{ color: #000000; padding-top: 16px; font-size: 16px; } .my-eform #em-location-data table.em-location-data, .my-eform #em-location-data .em-location-map-container{ width: 100%; } .my-eform h3{ font-weight:bold; } .my-eform p{margin:0 !important; padding-bottom: 0.6em !important;} .my-eform .inside{ margin-bottom: 10px !important;} .my-eform table td{ padding-top: 0 !important;} .my-eform #em-location-search-tip{ display: none !important; } .my-eform #location-balloon-content, .my-eform #em-location-data table.em-location-data select{ width: 49%; } .my-eform .event-attributes label{ font-size: 18px; font-weight: bold;} .my-eform .event-extra-details input[name="em_attributes[Taught by]"]{ margin-left: 115px !important; } .my-eform .event-extra-details input[name="em_attributes[Booking_URL]"]{ margin-left: 87px !important; } .my-eform .event-extra-details input[name="em_attributes[Cost]"]{ margin-left: 155px !important; } .my-eform .event-extra-details input[name="em_attributes[Coordinator Name]"]{ margin-left: 50px !important; } /*popup onload in header.php*/ #popup{ position:fixed; display:hidden; top:160px; left:50%; width:450px; height:auto; margin-left:-250px; background-color:white; z-index:6; padding:20px; border:solid 5px #333333; border-radius:5px; } #overlay-back{ position:absolute; top:0; left:0; width:100%; height:2147px !important; background:#000; opacity:0.6; filter:alpha(opacity=60); z-index:5; display:none; } .close-image{ display: block; float:right; position:relative; top:-15px; right: -15px; height: 20px; }