/* @override */ /* ---------------------------------------------------------------- Theme Name: GuideMyTech Homepage Theme URI: http://guidemytech.com Description: The main homepage template Author: Luke Abell Author URI: http://lukeabell.com Version: 1.0 ------------------------------------------------------------------- TABLE OF CONTENTS 0. RESET 1. GLOBAL - 1.1. BUTTONS 2. LAYOUT ELEMENTS 3. HEADER - 3.1. LOGO - 3.2. NAV - 3.3. DROPDOWN - 3.4. SOCIAL LINKS 4. BILLBOARD 5. CONTENT - 5.1. MAIN - 5.2. PAGINATION - 5.3. COMMENTS - 5.4. RESPOND FORM 6. SIDEBARS - 6.1. SIDEBAR BLOG & SIDEBAR PAGE - 6.2. SIDEBAR FOOTER 7. WIDGETS - 7.1. RECENT TWEETS - 7.2. RECENT POSTS - 7.3. FLICKR PHOTOS - 7.4. RECENT PROJECTS 8. FOOTER - 8.1. COPYRIGHT - 8.2. LINKS 9. PAGE TEMPLATES - 9.1. PORTFOLIO - 9.2. IMAGE GALLERY - 9.3. SIDEBAR LEFT - 9.4. FULL WIDTH 10. SHORTCODES - 10.1. COLUMNS 11. COLOR STYLES - 11.1. GREEN - 11.2. ORANGE - 11.3. RED - 11.4. BROWN - 11.5. YELLOW - 11.6. GREY - 11.6. MAGENTA - 11.7. PURPLE - 11.8. CYAN 12. BROWSER HACKS - 12.1. IE7 ------------------------------------------------ */ /*------------------------------------- FONTS -------------------------------------*/ @font-face { font-family: 'AvenirBold'; src: url('/wp-content/themes/GMT-Home-Final/css/fonts/avenirltstd-heavy-webfont.eot'); src: url('/wp-content/themes/GMT-Home-Final/css/fonts/avenirltstd-heavy-webfont.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/GMT-Home-Final/css/fonts/avenirltstd-heavy-webfont.woff') format('woff'), url('/wp-content/themes/GMT-Home-Final/css/fonts/avenirltstd-heavy-webfont.ttf') format('truetype'), url('/wp-content/themes/GMT-Home-Final/css/fonts/avenirltstd-heavy-webfont.svg#AvenirLTStd55RomanBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvenirMedium'; src: url('/wp-content/themes/GMT-Home-Final/css/fonts/avenirltstd-medium-webfont.eot'); src: url('/wp-content/themes/GMT-Home-Final/css/fonts/avenirltstd-medium-webfont.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/GMT-Home-Final/css/fonts/avenirltstd-medium-webfont.woff') format('woff'), url('/wp-content/themes/GMT-Home-Final/css/fonts/avenirltstd-medium-webfont.ttf') format('truetype'), url('/wp-content/themes/GMT-Home-Final/css/fonts/avenirltstd-medium-webfont.svg#AvenirLTStd65MediumRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HeroLight'; src: url('/wp-content/themes/GMT-Home-Final/css/fonts/hero_light-webfont-webfont.eot'); src: url('/wp-content/themes/GMT-Home-Final/css/fonts/hero_light-webfont-webfont.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/GMT-Home-Final/css/fonts/hero_light-webfont-webfont.woff') format('woff'), url('/wp-content/themes/GMT-Home-Final/css/fonts/hero_light-webfont-webfont.ttf') format('truetype'), url('/wp-content/themes/GMT-Home-Final/css/fonts/hero_light-webfont-webfont.svg#HeroLightLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BaltHelveticaMedium'; src: url('/wp-content/themes/GMT-Home-Final/css/fonts/balthelvetica_medium-webfont.eot'); src: url('/wp-content/themes/GMT-Home-Final/css/fonts/balthelvetica_medium-webfont.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/GMT-Home-Final/css/fonts/balthelvetica_medium-webfont.woff') format('woff'), url('/wp-content/themes/GMT-Home-Final/css/fonts/balthelvetica_medium-webfont.ttf') format('truetype'), url('/wp-content/themes/GMT-Home-Final/css/fonts/balthelvetica_medium-webfont.svg#BaltHelveticaMedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HeroRegular'; src: url('/wp-content/themes/GMT-Home-Final/css/fonts/hero-webfont-webfont.eot'); src: url('/wp-content/themes/GMT-Home-Final/css/fonts/hero-webfont-webfont.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/GMT-Home-Final/css/fonts/hero-webfont-webfont.woff') format('woff'), url('/wp-content/themes/GMT-Home-Final/css/fonts/hero-webfont-webfont.ttf') format('truetype'), url('/wp-content/themes/GMT-Home-Final/css/fonts/hero-webfont-webfont.svg#HeroRegular') format('svg'); font-weight: normal; font-style: normal; } /*------------------------------------- 0. RESET -------------------------------------*/ 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; } body { line-height: 1; } ol, ul { list-style: none; } blockquote { quotes: none; } blockquote:before, blockquote:after { content: ''; content: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } a img { border: none; } #recent-work .grid { width: 756px !important;} .project:last-child { margin-right: 0 !important; } /*------------------------------------- 1. GLOBAL -------------------------------------*/ body { background: #fff; font: 14px/22px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #363636; } input, textarea { font: 12px; line-height: 14px; font-style: italic; font-weight: bold; color: #444444; text-shadow: 0 1px 0 #ffffff; margin: 0; } input[type="text"] { background: url(images/bg-input.png) no-repeat; border: none; padding: 10px 8px; /*width: 196px;*/ width: 244px; } h1, h2, h3, h4 ,h5, h6 { color: #363636; } h1 { font-size: 44px; line-height: 36px; letter-spacing: -2px; } h2 { font-size: 36px; line-height: 28px; } h3 { font-size: 22px; line-height: 35px; } h4 { font-size: 18px; line-height: 22px; } h5 { font-size: 14px; line-height: 18px; } h6 { font-size: 12px; line-height: 16px; } hr { background-color: #e7e7e7; border: 0; clear: both; height: 1px; margin-bottom: 20px; } p { margin-bottom: 15px; } ul { list-style: square; margin: 0 0 20px 1.5em; } ol { list-style: decimal; margin: 0 0 20px 1.5em; } 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 0 24px 0; } dt { font-weight: bold; } dd { margin-bottom: 20px; } .sticky, .gallery-caption, .bypostauthor { margin: inherit; } strong { font-weight: bold; } cite, em, i { font-style: italic; } big { font-size: 131.25%; } ins { background: #ffc; text-decoration: none; } blockquote { font-style: italic; padding: 0 3em; } blockquote cite, blockquote em, blockquote i { font-style: normal; } pre { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 20px; padding: 1.5em; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } a { color: #363636; text-decoration: none; } a:hover { text-decoration: underline; } .home-slide-gmtinfo h2 { font-size: 38px !important; font-family: HeroLight, sans-serif; margin-bottom: 15px; color: #363636; font-weight:normal; } .home-slide-gmtinfo h2 .bold { font-family: HeroRegular, sans-serif; } .home-slide-gmtinfo h3 { font-size: 14px; color: #363636; /*width: 750px;*/ margin-left: 10px; font-family: BaltHelveticaMedium, sans-serif; font-weight:normal; } #recent-work #featured-work-slider .slide { display: block; } .slides_container { padding-bottom: 10px; } .project-gallery-controls { display: none; } /* -------------------- OUR TEAM -------------------- */ #blog-heading .project-prev span, #blog-heading .project-next span { margin-top: 7px !important; } #blog-heading .project-prev, #blog-heading .project-next { margin-top: -2px !important; } .custom-logo, .social-links a { /* ANIMATION */ -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1.000); } .custom-logo:hover, .social-links a:hover { opacity:.7; } #main { position: relative; } .support-pricing { width: 24%; } .live-chat { margin-top: 31px; position: absolute; } .support-pricing { width: 82%; } /*.luke-pic { background-image: url(/wp-content/themes/GMT-Home-Final/images/Luke-cut-out-1.png); width: 416px; height: 811px; position: absolute; right: 0px; bottom: 0px;}*/ #blog-heading h2 { font-size: 25px !important; } .ourteam-member h3 { font-size: 30px !important; } .ourteam-member { background: url(/wp-content/themes/GMT-Home-Final/images/bg-recent-posts-heading.png) repeat-x; background-position: bottom; padding-bottom: 1px; margin-bottom: 15px; } .ourteam-pic { width: 113px; height: 113px; margin-bottom: 5px; float: left; margin-top: 15px; margin-right: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .ourteam-pic.luke { background-image:url(/wp-content/themes/GMT-Home-Final/images/luke-picture-square-113x113.jpg); } .ourteam-pic.austin { background-image:url(/wp-content/themes/GMT-Home-Final/images/austin-picture-square-113x113.jpeg); } .ourteam-title { margin-top: 10px; margin-bottom: 5px; } .ourteam-links a { overflow: hidden; position: relative; text-decoration:none !important; color: #fff !important; text-shadow: 0 2px 1px #000; text-align: right; float: left; display: block; width: 104px; height: 30px; line-height: 30px; margin-bottom: 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background-color: #373737; background-image: -webkit-gradient(linear, left top, left bottom, from(#373737), to(#232323)); background-image: -webkit-linear-gradient(top, #373737, #232323); background-image: -moz-linear-gradient(top, #373737, #232323); background-image: -o-linear-gradient(top, #373737, #232323); background-image: -ms-linear-gradient(top, #373737, #232323); background-image: linear-gradient(top, #373737, #232323); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#373737', EndColorStr='#232323'); } .ourteam-links .linkedin-text { margin-right: 10px; } .ourteam-links .twitter-text { margin-right: 10px; } .ourteam-links .linkedin { margin-left: 1px; float: left; background-image: url(/wp-content/themes/GMT-Home-Final/images/about-linkedin-icon-2.png); height: 30px; width: 27px; } .ourteam-links .twitter { margin-left: 1px; float: left; background-image: url(/wp-content/themes/GMT-Home-Final/images/about-twitter-icon-1.png); height: 30px; width: 27px; } .ourteam-links .arrow-hover { background-image: url(/wp-content/themes/GMT-Home-Final/images/about-arrow-icon-3.png); height: 24px; width: 22px; position: absolute; right: -322px; top: 4px; } .ourteam-links .arrow-hover { /* ANIMATION */ -webkit-transition: all 500ms cubic-bezier(0.340, 0.880, 0.205, 1); /* older webkit */ -webkit-transition: all 500ms cubic-bezier(0.340, 0.880, 0.205, 1.050); -moz-transition: all 500ms cubic-bezier(0.340, 0.880, 0.205, 1.050); -ms-transition: all 500ms cubic-bezier(0.340, 0.880, 0.205, 1.050); -o-transition: all 500ms cubic-bezier(0.340, 0.880, 0.205, 1.050); transition: all 500ms cubic-bezier(0.340, 0.880, 0.205, 1.050); } .ourteam-links .linkedin-text, .ourteam-links .twitter-text { /* ANIMATION */ -webkit-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940); -moz-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940); -ms-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940); -o-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940); transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);} .ourteam-links a:hover .linkedin-text { margin-right: 26px; } .ourteam-links a:hover .twitter-text { margin-right: 26px; } .ourteam-links a:hover .arrow-hover { right: 2px; } .ourteam-links a:active { background-color: #292929; background-image: -webkit-gradient(linear, left top, left bottom, from(#292929), to(#232323)); background-image: -webkit-linear-gradient(top, #292929, #232323); background-image: -moz-linear-gradient(top, #292929, #232323); background-image: -o-linear-gradient(top, #292929, #232323); background-image: -ms-linear-gradient(top, #292929, #232323); background-image: linear-gradient(top, #292929, #232323); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#292929', EndColorStr='#232323');} /*-- 1.1 BUTTONS --*/ .btn { font-style: italic; font-family: Georgia, Serif; font-size: 13px; color: #486595; } .btn-gray { color: #515151; font-size: 13px; line-height: 13px; font-weight: bold; padding: 10px 13px; text-decoration: none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: solid #dedede 1px; background: #fbfbfb; background: -webkit-gradient(linear, 0 0, 0 100%, from(#fbfbfb), to(#f0f0f0)); background: -moz-linear-gradient(top, #fbfbfb, #f0f0f0); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#fbfbfb, endColorStr=#f0f0f0); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#fbfbfb, endColorStr=#f0f0f0); display:inline-block; /* IE is so silly */ cursor: pointer; } .btn-gray:hover { background: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f0f0), to(#fbfbfb)); background: -moz-linear-gradient(top, #f0f0f0, #fbfbfb) filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f0f0f0, endColorstr=#fbfbfb); color: #515151; text-decoration: none; } .btn-white { color: #515151; font-size: 13px; line-height: 13px; font-weight: bold; padding: 10px 13px 12px 13px; text-decoration: none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: solid #ffffff 1px; background: #ffffff; background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#fbfbfb)); background: -moz-linear-gradient(top, #ffffff, #fbfbfb); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#fbfbfb); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#fbfbfb); display:inline-block; /* IE is so silly */ cursor: pointer; box-shadow: 0 0px 4px rgba(0, 0, 0, 0.30); -moz-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.30); -webkit-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.30); } .btn-white:hover { background: -webkit-gradient(linear, 0 0, 0 100%, from(#fbfbfb), to(#ffffff)); background: -moz-linear-gradient(top, #fbfbfb, #ffffff) filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fbfbfb, endColorstr=#ffffff); color: #515151; text-decoration: none; } .btn-blue{ color: #fff; font-size: 15px; line-height: 14px; font-weight: bold; padding: 15px 57px; text-decoration: none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: solid #585858 1px; background-color: #658fd1; background-image: -webkit-gradient(linear, left top, left bottom, from(#658fd1), to(#577cb6)); background-image: -webkit-linear-gradient(top, #658fd1, #577cb6); background-image: -moz-linear-gradient(top, #658fd1, #577cb6); background-image: -o-linear-gradient(top, #658fd1, #577cb6); background-image: -ms-linear-gradient(top, #658fd1, #577cb6); background-image: linear-gradient(top, #658fd1, #577cb6); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#658fd1', EndColorStr='#577cb6'); display:inline-block; /* IE is so silly */ cursor: pointer; text-decoration: none !important; } .btn-blue:hover { background-color: #658fd1; background-image: -webkit-gradient(linear, left top, left bottom, from(#658fd1), to(#4a6b9d)); background-image: -webkit-linear-gradient(top, #658fd1, #4a6b9d); background-image: -moz-linear-gradient(top, #658fd1, #4a6b9d); background-image: -o-linear-gradient(top, #658fd1, #4a6b9d); background-image: -ms-linear-gradient(top, #658fd1, #4a6b9d); background-image: linear-gradient(top, #658fd1, #4a6b9d); } .btn-blue:active { background-color: #5f86c4; background-image: -webkit-gradient(linear, left top, left bottom, from(#5f86c4), to(#425f8d)); background-image: -webkit-linear-gradient(top, #5f86c4, #425f8d); background-image: -moz-linear-gradient(top, #5f86c4, #425f8d); background-image: -o-linear-gradient(top, #5f86c4, #425f8d); background-image: -ms-linear-gradient(top, #5f86c4, #425f8d); background-image: linear-gradient(top, #5f86c4, #425f8d); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#5f86c4', EndColorStr='#425f8d'); } /*------------------------------------- 2. LAYOUT ELEMENTS -------------------------------------*/ .grid { width: 978px; margin: 0 auto; padding: 0 12px; } .fl { float: left; } .fr { float: right; } .clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width: 100%; } .clf:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } * html .clf { zoom: 1; } /* IE6 */ *:first-child+html .clf { zoom: 1; } /* IE7 */ /*------------------------------------- 3. HEADER -------------------------------------*/ #header { padding: 26px 12px 27px; } /*-- 3.1. LOGO --*/ #header .logo { float: left; } #header .logo h1 { float: left; font-size: 32px; line-height: 37px; margin-right: 20px; display: inline-block; height: 37px; } #header .logo h3 { color: #999999; font-size: 12px; line-height: 37px; font-style: italic; float: left; font-family: Georgia, Serif; font-weight: normal; } /*-- 3.2. NAV --*/ #header .nav { float: right; } #header .nav ul { margin: none; } #header .nav li { list-style: none; float: left; margin-left: 28px; padding: 7px 0 8px; } #header .nav li:first-child { margin-left: 0; } #header .nav a { font-weight: bold; } #header .nav .current-menu-item a, #header .nav .current-page-ancestor a, #header .nav .current-menu-ancestor a, #header .nav .current-menu-parent a, #header .nav .current-page-parent a, #header .nav .current_page_parent a, #header .nav .current_page_ancestor a { color: #486595; } /*-- 3.3. DROPDOWN --*/ #header .nav .sub-menu { list-style: none; display: none; position: absolute; z-index: 500; box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 8px 0 0 -15px !important; } #header .nav .sub-menu li { padding: 0 !important; float: none; margin: 0 !important; background: #fff; border-bottom: 1px solid #f5f5f5; } #header .nav .sub-menu li:first-child { border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; } #header .nav .sub-menu li.first { border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; } #header .nav .sub-menu li:last-child { border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } #header .nav .sub-menu li.last { border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } #header .nav .sub-menu a { line-height: 35px; padding: 0 17px; width: auto; color: #505050; font-size: 12px; display: inline-block; min-width: 141px; } #header .nav .sub-menu .current-menu-item { background: url(images/bg-nav-sub.png) repeat-x center top #f2f2f2; border-bottom: 1px solid #eaeaea; } #header .nav .sub-menu .current-menu-item a { color: #486595; } #header .nav .sub-menu ul { margin-left: 175px !important; margin-top: -35px !important; } /*-- 3.4. SOCIAL LINKS --*/ #header .social-links { float: right; padding: 5px 0 0px 18px; border-left: 1px solid #ececec; margin-left: 30px; } #header .social-links a { margin-left: 5px; } /*------------------------------------- 4. BILLBOARD -------------------------------------*/ #billboard { padding: 50px 0 70px; background: url(images/bg-billboard.png) #f4f8fb; } #billboard #slides { position: relative; } #billboard .slide { width: 978px; display: none; } #billboard .slide p { /*margin: 28px 0 0;*/ margin: 10px 0 0; } #billboard .slide-image { float: left; padding: 5px; background: #fff; margin: 5px 30px 5px 5px; /*width: 715px; height: 358px;*/ width: 210px; height: 138px; box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4); } #billboard .slide h2 { font-size: 22px; line-height: 28px; /*padding-top: 15px;*/ font-weight: bold; } #billboard .next, #billboard .prev { display: inline-block; width: 26px; height: 26px; background: url(images/icon-next-prev.png); text-indent: -9999px; position: absolute; bottom: -45px; z-index: 1500; } #billboard .next { right: 456px; background-position: right top; } #billboard .prev { left: 458px; } #recent-work { padding: 50px 0; background: #486595; } #recent-work.featured-work { background: url(images/bg-billboard.png) #f4f8fb; } #recent-work h2 { font-size: 20px; color: #ffffff; line-height: 16px; text-align: center; background: url(images/bg-recent-work-heading.png) repeat-x left center; margin-bottom: 44px; text-shadow: 1px 1px 0px #333; } #recent-work.featured-work h2 { background-image: url(images/bg-featured-work-heading.png); color: #363636; text-shadow: none; } #recent-work h2 span { padding: 0 15px; background: #486595; } #recent-work.featured-work h2 span { background: #f4f8fb; } #recent-work .project { float: left; width: 222px; margin-right: 30px; text-align: center; } .guide-button-home-link { text-decoration: none !important; } .guide-button-home:hover { opacity: .9; } .guide-button-home:active { background-image: -moz-linear-gradient(90deg, rgba(255,255,255,.01) -89%, rgba(0,0,0,.01) 61%); background-image: -o-linear-gradient(90deg, rgba(255,255,255,.01) -89%, rgba(0,0,0,.01) 61%); background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,.01) -89%, rgba(0,0,0,.01) 61%); background-image: linear-gradient(90deg, rgba(255,255,255,.01) -89%, rgba(0,0,0,.01) 61%);} .guide-button-home { /* ANIMATION */ -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); margin-left: auto; margin-right: auto; margin-top: 8px; display: block !important; width: 149px; height: 32px; line-height:32px; border: 1px solid #8d8f91; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #dbdddd; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 0 2px rgba(255,255,255,.7); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 0 2px rgba(255,255,255,.7); box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 0 2px rgba(255,255,255,.7); background-image: -moz-linear-gradient(90deg, rgba(0,0,0,.26) -89%, rgba(255,255,255,.26) 61%); background-image: -o-linear-gradient(90deg, rgba(0,0,0,.26) -89%, rgba(255,255,255,.26) 61%); background-image: -webkit-linear-gradient(90deg, rgba(0,0,0,.26) -89%, rgba(255,255,255,.26) 61%); background-image: linear-gradient(90deg, rgba(0,0,0,.26) -89%, rgba(255,255,255,.26) 61%);} #recent-work .project:nth-child(4n+1) { margin-right: 0; } #recent-work .project.last { margin-right: 0; } #recent-work .project .project-image { display: inline-block; width: 212px; height: 140px; padding: 5px; background: #fff; box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4); margin-bottom: 20px; position: relative; } #recent-work .project .project-image .overlay { width: 212px; height: 140px; background: url(images/bg-overlay.png); position: absolute; top: 5px; left: 5px; opacity: 0; -webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 300ms; } #recent-work .project:hover .project-image .overlay { opacity: 1; -webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 300ms; } #recent-work .project h1 { margin-right: 0; font-size: 20px; line-height: 14px; letter-spacing: 1px; margin-bottom: 5px; text-shadow: 1px 1px 0px #333; font-family: AvenirBold, sans-serif; font-weight: normal !important; } #recent-work .project h1 sup { font-family: AvenirMedium, sans-serif; } #recent-work.featured-work .project h1 { text-shadow: none; } #recent-work .project h1 a { color: #fff; } #recent-work.featured-work .project h1 a { color: #363636; } #recent-work .project span { font-style: italic; color: #C5DCFF; font-size: 11px; font-family: Georgia, Serif; text-shadow: 1px 1px 0px #333; } #recent-work.featured-work .project span { color: #999 !important; text-shadow: none; } #featured-work-slider { position: relative; } #featured-work-slider .slide { width: 978px; min-height: 220px; display: none; } #featured-work-slider .project { margin: 5px 22px 0 5px !important; } #featured-work-slider .slide .project:last-child { margin-right: 0 !important; } #featured-work-slider .slide .project.last { margin-right: 0 !important; } #featured-work-slider .next, #featured-work-slider .prev { display: inline-block; width: 26px; height: 26px; background: url(images/icon-next-prev.png); text-indent: -9999px; position: absolute; top: 70px; z-index: 1500; } #featured-work-slider .next { right: -8px; background-position: right top; } #featured-work-slider .prev { left: -8px; } #recent-posts { padding: 50px 0; } #recent-posts h2 { font-size: 16px; line-height: 16px; text-align: center; background: url(images/bg-recent-posts-heading.png) repeat-x left center; margin-bottom: 44px; } #recent-posts h2 span { padding: 0 15px; background: #fff; } #recent-posts .post { float: left; width: 222px; margin-right: 30px; } #recent-posts .post:last-child { margin-right: 0; } #recent-posts .post.last { margin-right: 0; } #recent-posts .post .post-image { display: inline-block; width: 212px; height: 140px; padding: 5px; background: #fff; box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4); margin-bottom: 25px; position: relative; } #recent-posts .post .post-image .overlay { width: 212px; height: 140px; background: url(images/bg-overlay.png); position: absolute; top: 5px; left: 5px; opacity: 0; -webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 300ms; } #recent-posts .post:hover .post-image .overlay { opacity: 1; -webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 300ms; } #recent-posts .post h1 { margin-right: 0; font-size: 14px; line-height: 22px; letter-spacing: 0; margin-bottom: 15px; } #recent-posts .excerpt { font-size: 12px; line-height: 20px; } #recent-posts .post span { font-style: italic; font-size: 11px; font-family: Georgia, Serif; color: #999999; } #recent-posts .post span a { color: #999999; } /*------------------------------------- 5. CONTENT -------------------------------------*/ #content { padding-top: 30px; } #blog-heading { background: #486595; padding: 32px 0 35px; } #blog-heading .project-filters { float: right; background: #486595; margin-top: 6px; } #blog-heading .project-filters a { font-weight: bold; color: #fff; margin-left: 15px; text-shadow: 1px 1px 0px #333; } #blog-heading .project-filters a.selected { background: url(images/bg-white-20.png); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; display: inline-block; padding: 0 6px; } #blog-heading .blog-search { float: right; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #f2f2f2; background: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#fbfbfb)); background: -moz-linear-gradient(top, #f2f2f2, #fbfbfb); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f2f2f2, endColorStr=#fbfbfb); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f2f2f2, endColorStr=#fbfbfb); margin-left: 35px; } #blog-heading .search-inp { font-style: italic; font-family: Georgia, Serif; font-size: 12px; font-weight: normal; line-height: 12px; padding: 9px 0 9px 10px; color: #888; border: 0; background: transparent; width: 180px; } #blog-heading .search-btn { width: 30px; height:; 30px; border: 0; background: url(images/icon-search.png) no-repeat center center; text-indent: -9999px; cursor: pointer; } #blog-heading h2 { line-height: 33px; font-size: 16px; color: #fff; text-shadow: 1px 1px 0px #333; background: url(images/bg-recent-work-heading.png) repeat-x left center; margin-right: 252px; } #blog-heading h2 span { padding-right: 15px; background: #486595; } #blog-heading.single-project h2 { margin-right: 0; text-align: center; } #blog-heading.single-project h2 span { padding-left: 15px; } #blog-heading .project-prev { float: left; background: #486595; font-size: 14px; text-shadow: 1px 1px 0px #333; padding-right: 15px; margin-top: 4px; } #blog-heading .project-prev span { display: inline-block; width: 24px; height: 22px; background: url(images/icon-next-prev.png) no-repeat left bottom; margin-right: 16px; float: left; } #blog-heading .project-next { float: right; background: #486595; font-size: 14px; text-shadow: 1px 1px 0px #333; padding-left: 15px; margin-top: 4px; } #blog-heading .project-next span { display: inline-block; width: 24px; height: 22px; background: url(images/icon-next-prev.png) no-repeat -24px bottom; margin-left: 16px; float: right; } #blog-heading .project-prev a, #blog-heading .project-next a { color: #fff; } .archive-heading { margin-bottom: 50px; } .archive-heading em { font-style: italic; font-family: Georgia, Serif; font-size: 12px; color: #999; } /*-- 5.1. MAIN --*/ #main { float: left; width: 700px; padding-right: 26px; font-size: 13px; } #main .post { margin-bottom: 70px; } #main .post-image { float: left; margin-right: 30px; display: inline-block; width: 212px; height: 140px; padding: 5px; background: #fff; box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4); } .single #main .post-image { float: none; margin-right: 0; width: 715px; height: 358px; margin-bottom: 30px; } #main .post-title { font-size: 20px; margin-bottom: 10px; letter-spacing: -1px; } .single #main .post-title { margin-bottom: 0; } #main .page-title { margin-bottom: 15px; } #main .meta { font-style: italic; font-family: Georgia, Serif; font-size: 12px; color: #999; } #main .meta a { color: #999; } #main .post-content a { color: #486595; } #main .post-content h1, #main .post-content h2, #main .post-content h3, #main .post-content h4, #main .post-content h5, #main .post-content h6 { margin-top: 30px; margin-bottom: 30px; } #main .post-content h1{ font-size: 38px; } #main .post-content h2 { font-size: 34px; } #main .post-content h3 { font-size: 30px; } #main .post-content h4 { font-size: 26px; } #main .post-content h5 { font-size: 22px; } #main .post-content h6 { font-size: 20px; } #main .post-content ol, #main .post-content ul { margin-left: 15px; } #main .post-content ul { list-style: disc; } #main .post-content p, #main .post-content ol, #main .post-content ul, #main .post-content blockquote, #main .post-content pre { margin-bottom: 25px; } #main .post-content li { list-style-position: inside !important; } #main .post-content ol ol, #main .post-content ul ul, #main .post-content ol ul, #main .post-content ul ol { margin-bottom: 0; } #main .post-content ol li { list-style: decimal; } #main .post-content ol ol li { list-style: lower-alpha; } #main .post-content ul ul li { list-style: circle; } #main .post-content strong { font-weight: bold !important; } #main .post-content em { font-style: italic !important; } #main .post-content blockquote { margin-left: 20px; padding-left: 20px; border-left: 3px solid #ddd; } #main .post-content pre { padding: 20px; border: 1px solid #ddd; white-space: pre; line-height: 20px; width: 550px; overflow: auto; overflow-Y: hidden; } #main .post-content code { font-family: monospace; font-size: 13px; display: block; } #main .post-content .wp-caption { background: #fff; border: 1px solid #e4e4e4; margin-bottom: 10px; padding-top: 5px; text-align: center; box-shadow: 0 1px 2px #efefef; -moz-box-shadow: 0 1px 2px #efefef; -webkit-box-shadow: 0 1px 2px #efefef; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #main .post-content .wp-caption img { box-shadow: none !important; } #main .post-content .aligncenter, #main .post-content div.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 30px; } #main .post-content .alignleft { float: left; margin-right: 30px; } #main .post-content .alignright { float: right; margin-left: 35px; } #main .post-content .wp-caption img { border: 0 none; margin: 0; padding: 0; box-shadow: 0 1px 4px rgba(0, 0, 0, .20); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .20); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .20); } #main .post-content .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 5px 5px; } .project-gallery { float: left; width: 735px; margin-bottom: 60px; } .project-gallery .slide { width: 735px; } .project-gallery .slide img { display: inline-block; padding: 5px; background: #fff; box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4); margin: 5px 5px 0; } .project-gallery .next, .project-gallery .prev { display: none; } .project-info { float: right; width: 212px; margin-bottom: 60px; } .project-info h1 { font-size: 20px; line-height: 26px; margin: 28px 0 0 0; letter-spacing: 0; } .project-info .meta { font-style: italic; font-family: Georgia, Serif; font-size: 12px; color: #999; margin: 7px 0 0 0; } .project-info .project-content p { margin: 17px 0 0 0; } .project-info .project-content ul { margin: 30px 0 0 0; } .project-info .project-content ul li { list-style: disc; margin: 0 0 0 1.5em; font-size: 12px; color: #CCCCCC; } .project-info .project-content ul li em { color: #555555; font-weight: bold; } .project-info .project-gallery-controls .prev, .project-info .project-gallery-controls .next { display: inline-block; width: 26px; height: 26px; background: url(images/icon-next-prev.png); text-indent: -9999px; margin: 20px 0 0; } .project-info .project-gallery-controls .next { background-position: right top; } /*-- 5.2. PAGINATION --*/ #pagination { margin-bottom: 70px; } #pagination.for-comments-top { margin-top: 35px; margin-bottom: 10px; } #pagination.for-comments-bottom { margin-top: 35px; } #pagination a, #pagination .current { margin-right: 10px; font-weight: bold; font-size: 12px; } #pagination .current, #pagination .nextpostslink, #pagination .previouspostslink, #pagination .prev, #pagination .next { display: inline-block; background: #f1f1f1; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 0 6px; } #pagination .pages { font-style: italic; font-family: Georgia, Serif; font-size: 11px; float: right; color: #999; } /*-- 5.3. COMMENTS --*/ #comments { margin-bottom: 70px; } #comments h3 { font-size: 16px; } #comments h3 a { font-style: italic; font-family: Georgia, Serif; font-size: 11px; float: right; color: #486595; font-weight: normal; } #comments ol { margin: 0; } #comments li { list-style: none; } #comments .comment { margin-top: 25px; padding-top: 10px; } #comments .comment-avatar { float: left; width: 50px; height: 50px; padding: 5px; background: #fff; box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4); margin-right: 20px; } #comments .comment-meta { width: 110px; margin-right: 20px; } #comments .comment-meta p { margin-bottom: -1px; } #comments .comment-author { font-size: 12px; font-weight: bold; } #comments .comment-date { font-style: italic; font-family: Georgia, Serif; font-size: 11px; color: #999; } #comments .comment-date a { color: #999; } #comments .comment-reply-link { font-style: italic; font-family: Georgia, Serif; font-size: 11px; color: #486595; } #comments .comment-body { width: 490px; } #comments .children { margin-left: 4px; border-left: 1px solid #ececec; padding-left: 14px; } #comments .children .comment-body { width: 467px; } /*-- 5.4. RESPOND FORM --*/ #respond { margin-bottom: 70px; } #respond h3 { font-size: 16px; margin-bottom: 35px; } #respond h3 a { font-style: italic; font-family: Georgia, Serif; font-size: 11px; float: right; color: #486595; font-weight: normal; } #respond #comment-submit, #respond .form-submit { display: none; } #respond input[type="text"] { border: 0; background: url(images/bg-input.png) no-repeat; color: #888; font-style: italic; font-family: Georgia, Serif; font-size: 11px; line-height: 11px; padding: 11px 13px 12px; width: 228px; } #respond textarea { border: 0; background: url(images/bg-textarea.png); color: #888; font-style: italic; font-family: Georgia, Serif; font-size: 11px; line-height: 20px; padding: 13px; width: 453px; height: 151px; } #respond .required { color: #888; font-style: italic; font-family: Georgia, Serif; font-size: 11px; margin-left: 18px; } /*------------------------------------- 6. SIDEBARS -------------------------------------*/ /*-- 6.1. SIDEBAR BLOG & SIDEBAR PAGE --*/ #sidebar-blog { float: right; width: 222px; padding-left: 30px; background: url(images/bg-sidebar.png) no-repeat left top; } .single #sidebar-blog { background: none; } #sidebar-blog .widget { margin-bottom: 50px; font-size: 12px; } #sidebar-blog .widget a { color: #486595; font-weight: bold; } #sidebar-blog .widget-title { font-size: 16px; line-height: 16px; background: url(images/bg-recent-posts-heading.png) right center repeat-x; margin-bottom: 25px; } #sidebar-blog .widget-title span { padding-right: 15px; background: #fff; } #sidebar-blog .widget li { list-style: disc; } /*-- 6.2. SIDEBAR FOOTER --*/ #sidebar-footer { background: #1c1c1c; padding: 50px 0 40px; } #sidebar-footer .widget { float: left; width: 222px; margin-right: 30px; color: #aaa; font-size: 12px; line-height: 20px; } #sidebar-footer .widget:nth-child(4n) { margin-right: 0; } #sidebar-footer .widget.last { margin-right: 0; } #sidebar-footer .widget-title { font-size: 16px; color: #fff; background: url(images/bg-widget-heading.png) repeat-x right center; margin-bottom: 40px; text-shadow: 1px 1px 0px #333; } #sidebar-footer .widget-title span { padding-right: 15px; background: #1c1c1c; } #sidebar-footer a { color: #7489ac; } /*------------------------------------- 7. WIDGETS -------------------------------------*/ /*-- 7.1. RECENT TWEETS --*/ .widget-twitter { } .widget-twitter ul { margin: 0; } .widget-twitter li { list-style: none !important; margin-top: 25px; padding-left: 22px; background: url(images/icon-tweet2.png) no-repeat left 5px; } .widget-twitter li.tweet_first { margin-top: 0; } #sidebar-footer .widget-twitter li { background-image: url(images/icon-tweet.png); } .widget-twitter .tweet_text { margin-bottom: 1px; } .widget-twitter .date { font-style: italic; font-family: Georgia, Serif; font-size: 11px; } #sidebar-footer .widget-twitter .date { text-shadow: 1px 1px 0px #333; } #sidebar-blog .widget-twitter .date a { color: #999; font-weight: normal; } /*-- 7.2. RECENT POSTS --*/ .widget_recent_entries { } .widget_recent_entries ul { margin: 0; } .widget_recent_entries li { list-style: none !important; background: url(images/icon-link.png) no-repeat left 4px; padding-left: 23px; margin-bottom: 10px; } .widget_recent_entries a { font-weight: bold; } /*-- 7.3. FLICKR PHOTOS --*/ .widget-flickr { } .widget-flickr .flickr_badge_image { width: 40px; height: 40px; float: left; margin-right: 15px; margin-bottom: 16px; border: 2px solid #999; } .widget-flickr .flickr_badge_image:hover { border-color: #7489ac; } .widget-flickr .flickr_badge_image:nth-child(4n+1) { margin-right: 0; } .widget-flickr .flickr_badge_image.last { margin-right: 0; } .widget-flickr .flickr_badge_image img { width: 40px; height: 40px; } /*-- 7.4. RECENT PROJECTS --*/ .widget-projects { } .widget-projects .project { text-align: center; } .widget-projects .project h1 { margin-right: 0; font-size: 14px; line-height: 14px; letter-spacing: 0; margin-bottom: 3px; } #sidebar-footer .widget-projects .project h1 { text-shadow: 1px 1px 0px #333; } .widget-projects .project h1 a { color: #363636 !important; } #sidebar-footer .widget-projects .project h1 a { color: #fff !important; } .widget-projects .project .project-image { display: inline-block; width: 212px; height: 140px; padding: 5px; background: #fff; box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4); margin-bottom: 25px; position: relative; } .widget-projects .project .project-image .overlay { width: 212px; height: 140px; background: url(images/bg-overlay.png); position: absolute; top: 5px; left: 5px; opacity: 0; -webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 300ms; } .widget-projects .project:hover .project-image .overlay { opacity: 1; -webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 300ms; } .widget-projects .project span { font-style: italic; color: #999; font-size: 11px; font-family: Georgia, Serif; } #sidebar-footer .widget-projects .project span { color: #a3b6d3; text-shadow: 1px 1px 0px #333; } /*------------------------------------- 8. FOOTER -------------------------------------*/ #footer { background: #000; padding: 30px 0 10px; color: #777; } #footer a { color: #aaaaaa; } /*-- 8.1. COPYRIGHT --*/ #footer .copyright-text { font-style: italic; font-size: 11px; font-family: Georgia, Serif; } /*-- 8.2. LINKS --*/ #footer ul { margin: 0; float: right; } #footer ul li { list-style: none; float: left; margin-left: 23px; font-weight: bold; font-size: 12px; } /*------------------------------------- 9. PAGE TEMPLATES -------------------------------------*/ /*-- 9.1. PORTFOLIO --*/ .projects { } .projects .project { text-align: center; width: 222px; float: left; margin-right: 30px; margin-bottom: 50px; } .projects .project:nth-child(4n) { margin-right: 0; } .projects .project.last { margin-right: 0; } .projects .project h1 { margin-right: 0; font-size: 16px; line-height: 14px; letter-spacing: 0; margin-bottom: 3px; } .projects .project h1 a { color: #363636; } .projects .project .project-image { display: inline-block; width: 212px; height: 140px; padding: 5px; background: #fff; box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4); margin-bottom: 25px; position: relative; } .projects .project .project-image .overlay { width: 212px; height: 140px; background: url(images/bg-overlay.png); position: absolute; top: 5px; left: 5px; opacity: 0; -webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 300ms; } .projects .project:hover .project-image .overlay { opacity: 1; -webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 300ms; } .projects .project span { font-style: italic; color: #999; font-size: 11px; font-family: Georgia, Serif; } /*-- 9.2. IMAGE GALLERY --*/ .page-template-template-image-gallery-php #main { width: 978px; } .page-template-template-image-gallery-php #main .one_fourth { margin-top: 30px; } .page-template-template-image-gallery-php #main .one_fourth:nth-child(4n) { margin-right: 0; } .page-template-template-image-gallery-php #main .last { margin-right: 0; } .page-template-template-image-gallery-php #pagination { margin-top: 30px; } /*-- 9.3. SIDEBAR LEFT --*/ .page-template-template-sidebar-left-php #main { float: right; padding-left: 26px; padding-right: 0px; } .page-template-template-sidebar-left-php #sidebar-blog { float: left; padding-left: 0; padding-right: 30px; background: url(images/bg-sidebar-left.png) right top no-repeat; } /*-- 9.4. FULL WIDTH --*/ .page-template-template-full-width-php #main { width: 978px; } /*------------------------------------- 10. SHORTCODES -------------------------------------*/ /*-- 10.1. ARCHIVES --*/ #main .one_half { width:48%; } #main .one_third { width:30.66%; } #main .two_third { width:65.33%; } #main .one_fourth { width:22%; } #main .three_fourth { width:74%; } #main .one_fifth { width:16.8%; } #main .two_fifth { width:37.6%; } #main .three_fifth { width:58.4%; } #main .four_fifth { width:79.2%; } #main .one_sixth { width:13.33%; } #main .five_sixth { width:82.67%; } #main .one_half, #main .one_third, #main .two_third, #main .three_fourth, #main .one_fourth, #main .one_fifth, #main .two_fifth, #main .three_fifth, #main .four_fifth, #main .one_sixth, #main .five_sixth { position: relative; margin-right: 4%; float: left; } #main .last { margin-right: 0 !important; clear: right; } /*------------------------------------- 11. COLOR STYLES -------------------------------------*/ /*-- 11.1. GREEN --*/ .green .widget-flickr .flickr_badge_image:hover { border-color: #718b43; } .green #main .post-content a, .green #sidebar-blog .widget a, .green #respond h3 a, .green #comments .comment-reply-link, .green #comments h3 a, .green #header .nav .current-menu-item a, .green #header .nav .current-page-ancestor a, .green #header .nav .current-menu-ancestor a, .green #header .nav .current-menu-parent a, .green #header .nav .current-page-parent a, .green #header .nav .current_page_parent a, .green #header .nav .current_page_ancestor a, .green #header .nav .sub-menu .current-menu-item a, .green #sidebar-footer a, .green .btn { color: #718b43; } .green #blog-heading .project-next, .green #blog-heading .project-prev, .green #blog-heading h2 span, .green #blog-heading .project-filters, .green #recent-work, .green #recent-work h2 span, .green #blog-heading { background-color: #718b43; } .green #recent-work.featured-work h2 span, .green #recent-work.featured-work, .green #billboard { background-color: #f6f8f2; } .green #recent-work .project span, .green #sidebar-footer .widget-projects .project span { color: #d7f0ab; } /*-- 11.2. ORANGE --*/ .orange .widget-flickr .flickr_badge_image:hover { border-color: #bc7535; } .orange #main .post-content a, .orange #sidebar-blog .widget a, .orange #respond h3 a, .orange #comments .comment-reply-link, .orange #comments h3 a, .orange #header .nav .current-menu-item a, .orange #header .nav .current-page-ancestor a, .orange #header .nav .current-menu-ancestor a, .orange #header .nav .current-menu-parent a, .orange #header .nav .current-page-parent a, .orange #header .nav .current_page_parent a, .orange #header .nav .current_page_ancestor a, .orange #header .nav .sub-menu .current-menu-item a, .orange #sidebar-footer a, .orange .btn { color: #bc7535; } .orange #blog-heading .project-next, .orange #blog-heading .project-prev, .orange #blog-heading h2 span, .orange #blog-heading .project-filters, .orange #recent-work, .orange #recent-work h2 span, .orange #blog-heading { background-color: #bc7535; } .orange #recent-work.featured-work h2 span, .orange #recent-work.featured-work, .orange #billboard { background-color: #f7f4f2; } .orange #recent-work .project span, .orange #sidebar-footer .widget-projects .project span { color: #f8caa0; } /*-- 11.3. RED --*/ .red .widget-flickr .flickr_badge_image:hover { border-color: #b14e41; } .red #main .post-content a, .red #sidebar-blog .widget a, .red #respond h3 a, .red #comments .comment-reply-link, .red #comments h3 a, .red #header .nav .current-menu-item a, .red #header .nav .current-page-ancestor a, .red #header .nav .current-menu-ancestor a, .red #header .nav .current-menu-parent a, .red #header .nav .current-page-parent a, .red #header .nav .current_page_parent a, .red #header .nav .current_page_ancestor a, .red #header .nav .sub-menu .current-menu-item a, .red #sidebar-footer a, .red .btn { color: #b14e41; } .red #blog-heading .project-next, .red #blog-heading .project-prev, .red #blog-heading h2 span, .red #blog-heading .project-filters, .red #recent-work, .red #recent-work h2 span, .red #blog-heading { background-color: #b14e41; } .red #recent-work.featured-work h2 span, .red #recent-work.featured-work, .red #billboard { background-color: #fbf7f6; } .red #recent-work .project span, .red #sidebar-footer .widget-projects .project span { color: #efb1a9; } /*-- 11.4. BROWN --*/ .brown .widget-flickr .flickr_badge_image:hover { border-color: #3f3b30; } .brown #main .post-content a, .brown #sidebar-blog .widget a, .brown #respond h3 a, .brown #comments .comment-reply-link, .brown #comments h3 a, .brown #header .nav .current-menu-item a, .brown #header .nav .current-page-ancestor a, .brown #header .nav .current-menu-ancestor a, .brown #header .nav .current-menu-parent a, .brown #header .nav .current-page-parent a, .brown #header .nav .current_page_parent a, .brown #header .nav .current_page_ancestor a, .brown #header .nav .sub-menu .current-menu-item a, .brown #sidebar-footer a, .brown .btn { color: #3f3b30; } .brown #blog-heading .project-next, .brown #blog-heading .project-prev, .brown #blog-heading h2 span, .brown #blog-heading .project-filters, .brown #recent-work, .brown #recent-work h2 span, .brown #blog-heading { background-color: #3f3b30; } .brown #recent-work.featured-work h2 span, .brown #recent-work.featured-work, .brown #billboard { background-color: #f8f6f2; } .brown #recent-work .project span, .brown #sidebar-footer .widget-projects .project span { color: #c2b287; } /*-- 11.5. YELLOW --*/ .yellow .widget-flickr .flickr_badge_image:hover { border-color: #a19657; } .yellow #main .post-content a, .yellow #sidebar-blog .widget a, .yellow #respond h3 a, .yellow #comments .comment-reply-link, .yellow #comments h3 a, .yellow #header .nav .current-menu-item a, .yellow #header .nav .current-page-ancestor a, .yellow #header .nav .current-menu-ancestor a, .yellow #header .nav .current-menu-parent a, .yellow #header .nav .current-page-parent a, .yellow #header .nav .current_page_parent a, .yellow #header .nav .current_page_ancestor a, .yellow #header .nav .sub-menu .current-menu-item a, .yellow #sidebar-footer a, .yellow .btn { color: #a19657; } .yellow #blog-heading .project-next, .yellow #blog-heading .project-prev, .yellow #blog-heading h2 span, .yellow #blog-heading .project-filters, .yellow #recent-work, .yellow #recent-work h2 span, .yellow #blog-heading { background-color: #a19657; } .yellow #recent-work.featured-work h2 span, .yellow #recent-work.featured-work, .yellow #billboard { background-color: #f3f2eb; } .yellow #recent-work .project span, .yellow #sidebar-footer .widget-projects .project span { color: #fbf1b8; } /*-- 11.6. GREY --*/ .grey .widget-flickr .flickr_badge_image:hover { border-color: #474948; } .grey #main .post-content a, .grey #sidebar-blog .widget a, .grey #respond h3 a, .grey #comments .comment-reply-link, .grey #comments h3 a, .grey #header .nav .current-menu-item a, .grey #header .nav .current-page-ancestor a, .grey #header .nav .current-menu-ancestor a, .grey #header .nav .current-menu-parent a, .grey #header .nav .current-page-parent a, .grey #header .nav .current_page_parent a, .grey #header .nav .current_page_ancestor a, .grey #header .nav .sub-menu .current-menu-item a, .grey #sidebar-footer a, .grey .btn { color: #474948; } .grey #blog-heading .project-next, .grey #blog-heading .project-prev, .grey #blog-heading h2 span, .grey #blog-heading .project-filters, .grey #recent-work, .grey #recent-work h2 span, .grey #blog-heading { background-color: #474948; } .grey #recent-work.featured-work h2 span, .grey #recent-work.featured-work, .grey #billboard { background-color: #f4f4f4; } .grey #recent-work .project span, .grey #sidebar-footer .widget-projects .project span { color: #b2b2b2; } /*-- 11.6. MAGENTA --*/ .magenta .widget-flickr .flickr_badge_image:hover { border-color: #96598b; } .magenta #main .post-content a, .magenta #sidebar-blog .widget a, .magenta #respond h3 a, .magenta #comments .comment-reply-link, .magenta #comments h3 a, .magenta #header .nav .current-menu-item a, .magenta #header .nav .current-page-ancestor a, .magenta #header .nav .current-menu-ancestor a, .magenta #header .nav .current-menu-parent a, .magenta #header .nav .current-page-parent a, .magenta #header .nav .current_page_parent a, .magenta #header .nav .current_page_ancestor a, .magenta #header .nav .sub-menu .current-menu-item a, .magenta #sidebar-footer a, .magenta .btn { color: #96598b; } .magenta #blog-heading .project-next, .magenta #blog-heading .project-prev, .magenta #blog-heading h2 span, .magenta #blog-heading .project-filters, .magenta #recent-work, .magenta #recent-work h2 span, .magenta #blog-heading { background-color: #96598b; } .magenta #recent-work.featured-work h2 span, .magenta #recent-work.featured-work, .magenta #billboard { background-color: #f9f5f8; } .magenta #recent-work .project span, .magenta #sidebar-footer .widget-projects .project span { color: #fbc5f1; } /*-- 11.7. PURPLE --*/ .purple .widget-flickr .flickr_badge_image:hover { border-color: #7f557e; } .purple #main .post-content a, .purple #sidebar-blog .widget a, .purple #respond h3 a, .purple #comments .comment-reply-link, .purple #comments h3 a, .purple #header .nav .current-menu-item a, .purple #header .nav .current-page-ancestor a, .purple #header .nav .current-menu-ancestor a, .purple #header .nav .current-menu-parent a, .purple #header .nav .current-page-parent a, .purple #header .nav .current_page_parent a, .purple #header .nav .current_page_ancestor a, .purple #header .nav .sub-menu .current-menu-item a, .purple #sidebar-footer a, .purple .btn { color: #7f557e; } .purple #blog-heading .project-next, .purple #blog-heading .project-prev, .purple #blog-heading h2 span, .purple #blog-heading .project-filters, .purple #recent-work, .purple #recent-work h2 span, .purple #blog-heading { background-color: #7f557e; } .purple #recent-work.featured-work h2 span, .purple #recent-work.featured-work, .purple #billboard { background-color: #f9f4f9; } .purple #recent-work .project span, .purple #sidebar-footer .widget-projects .project span { color: #e5cae4; } /*-- 11.8. CYAN --*/ .cyan .widget-flickr .flickr_badge_image:hover { border-color: #579eb1; } .cyan #main .post-content a, .cyan #sidebar-blog .widget a, .cyan #respond h3 a, .cyan #comments .comment-reply-link, .cyan #comments h3 a, .cyan #header .nav .current-menu-item a, .cyan #header .nav .current-page-ancestor a, .cyan #header .nav .current-menu-ancestor a, .cyan #header .nav .current-menu-parent a, .cyan #header .nav .current-page-parent a, .cyan #header .nav .current_page_parent a, .cyan #header .nav .current_page_ancestor a, .cyan #header .nav .sub-menu .current-menu-item a, .cyan #sidebar-footer a, .cyan .btn { color: #579eb1; } .cyan #blog-heading .project-next, .cyan #blog-heading .project-prev, .cyan #blog-heading h2 span, .cyan #blog-heading .project-filters, .cyan #recent-work, .cyan #recent-work h2 span, .cyan #blog-heading { background-color: #579eb1; } .cyan #recent-work.featured-work h2 span, .cyan #recent-work.featured-work, .cyan #billboard { background-color: #f6fafb; } .cyan #recent-work .project span, .cyan #sidebar-footer .widget-projects .project span { color: #ceebf3; } /*------------------------------------- 12. BROWSER HACKS -------------------------------------*/ /*-- 12.1. IE7 --*/ .is-ie7 #header .nav .sub-menu { margin-top: 30px !important; margin-left: -50px !important; }