/* --------------------------------------------------------------- Theme Name:Autoadjust Theme URI:http://drewdyer.co.uk/autoadjust/ Description:Autoadjust uses a tried and tested fluid rows and columns system that instantly adapts your website for comfortable viewing on mobile and other portable devices as well as on a desktop or any other viewing environment. The theme includes 5 menu positions, 3 widget areas, style sheet editor and is compatible with Jetpack. Version:1.1.1 Author:Andrew "Drew" Dyer Author URI:http://drewdyer.co.uk/ Tags:blue, gray, one-column, two-columns, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments License:GNU General Public License v3 or later License URI:license.txt Autoadjust WordPress Theme, Copyright (C) 2013 Andrew Dyer This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program. If not, see . --------------------------------------------------------------- */ @import url("css/autoadjust.css"); /* CSS RESET AND REBUILD --------------------------------------------------------------- */ /* THE 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,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,article,aside, canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { border:0; font:inherit; font-size:100%; margin:0; padding:0; vertical-align:baseline; } /* HTML5 DISPLAY-ROLE RESET FOR OLDER BROWSERS */ article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; } body { line-height:1; } ol,ul { list-style:none; } blockquote,q { quotes:none; } blockquote:before,blockquote:after,q:before,q:after { content:''; content:none; } table { border-collapse:collapse; border-spacing:0; } /* DIV AND SPANS --------------------------------------------------------------- */ div { display:block; white-space:normal; } span { display:inline-block; } /* DOCUMENT --------------------------------------------------------------- */ html,body { -webkit-text-size-adjust:100%; background:rgb(238,238,238); color:rgb(51,51,51); color:rgba(0,0,0,.8); display:block; font-family:Verdana,Geneva,sans-serif; font-size:12px; line-height:16px; } /* HEADINGS --------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { display:block; font-weight:700; } h1 { font-size:38px; line-height:48px; } h2 { font-size:34px; line-height:44px; } h3 { font-size:30px; line-height:40px; } h4 { font-size:26px; line-height:36px; } h5 { font-size:22px; line-height:32px; } h6 { font-size:18px; line-height:28px; } /* HYPERLINKS --------------------------------------------------------------- */ a, a:active, a:link, a:visited { color:rgb(0,76,120); text-decoration:none; /* TRANSITION */ -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s; transition:.5s; } a:hover { color:rgb(1,152,241); text-decoration:underline; } /* LISTS --------------------------------------------------------------- */ dd,dl,dt,ol,ul { display:block; } dt { font-weight:700; } dd { margin-left:25px; } ol { list-style:decimal; list-style-position:inside; } ul { list-style:disc; list-style-position:inside; } ol ol,ul ul, ol ul,ul ol { margin-left:25px; } li { display:list-item; } /* RESPONSIVE EMBEDS, IFRAMES, OBJECTS AND VIDEOS --------------------------------------------------------------- */ embed,iframe,object,video { display:block; max-width:100%; } /* RESPONSIVE FORMS --------------------------------------------------------------- */ fieldset,form,label { display:block; } label { display:inline-block; font-weight:700; margin-bottom:10px; } fieldset { padding:10px; } legend { font-weight:700; } textarea,input,select { border-style:solid; border-width:1px; display:inline-block; padding:10px; resize:none; width:100%; } select option { background:rgb(255,255,255); } input[type=button], input[type=reset], input[type=submit] { margin:0; width:auto; } .required { color:rgb(255,0,0); } /* RESPONSIVE IMAGES --------------------------------------------------------------- */ img { display:block; height:auto; max-width:100%; vertical-align:middle; width:auto; } /* RESPONSIVE TABLES --------------------------------------------------------------- */ table { display:table; width:100%; } caption { display:table-caption; font-weight:700; margin-bottom:10px; text-align:center; } thead { display:table-header-group; } tbody { display:table-row-group; } tfoot { display:table-footer-group; } tr { display:table-row; } th { font-weight:700; text-align:center; } td,th { display:table-cell; padding:5px; } /* TYPOGRAPHY --------------------------------------------------------------- */ abbr,acronym { text-transform:uppercase; } abbr[title],acronym[title],dfn[title] { cursor:help; font-style:italic; font-weight:700; } address,cite,dfn,em,i,ins,var,q { font-style:italic; } b,strong { font-weight:700; } blockquote { font-family:'Georgia','Times New Roman',Times,serif; margin:20px; padding:10px; } blockquote,p,pre { display:block; } del { color:rgb(204,204,204); word-wrap:break-word; } del,s,strike { text-decoration:line-through; } pre { height:auto; outline:none; vertical-align:middle; width:100%; white-space:pre-wrap; word-wrap:break-word; } code,kbd,pre,samp,tt,var { font-family:"Lucida Console",Monaco,monospace; } small,sub,sup { font-size:10px; } sub { vertical-align:sub; } sup { vertical-align:super; } q:before,q:after { content:"\""; } u,ins { text-decoration:underline; } /* RESPONSIVE FRAMEWORK --------------------------------------------------------------- */ /* RESPONSIVE FRAMEWORK - ROWS --------------------------------------------------------------- */ .row { width:100%; } .row:after { clear:both; content:" "; display:block; font-size:0; height:0; visibility:hidden; } /* FIX FOR IE6 */ * html .row { zoom:1; } /* FIX FOR IE7 */ *:first-child+html .row { zoom:1; } /* RESPONSIVE FRAMEWORK - COLS --------------------------------------------------------------- */ .col { display:block; float:left; margin-right:2%; } .col.last { margin:0; } /* RESPONSIVE FRAMEWORK - COLS - WIDTHS */ .col.width-100 { width:100%; } .col.width-90 { width:89.80%; } .col.width-80 { width:79.60%; } .col.width-75 { width:74.50%; } .col.width-70 { width:69.40%; } .col.width-60 { width:59.20%; } .col.width-50 { width:49.00%; } .col.width-40 { width:38.80%; } .col.width-33 { width:32.00%; } .col.width-30 { width:28.60%; } .col.width-25 { width:23.50%; } .col.width-20 { width:18.40%; } .col.width-10 { width:8.20%; } /* GLOBAL CLASSES --------------------------------------------------------------- */ /* BOX SIZING --------------------------------------------------------------- */ .row,.col,.widget,.wp-caption, textarea,input,select { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } /* BUTTONS --------------------------------------------------------------- */ a.button, input[type='reset'], input[type='button'], input[type='submit'] { border:solid 1px; color:rgb(51,51,51); cursor:pointer; display:inline-block; font-family:'Oswald',sans-serif; font-weight:700; line-height:20px; margin:5px 0; padding:5px 10px; text-decoration:none; text-shadow:0 1px 0 rgb(255,255,255); vertical-align:middle; white-space:nowrap; /* BACKGROUND GRADIENT */ background:rgb(220,220,220); background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RjZGNkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMGQwZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, rgb(220,220,220) 0%, rgb(208,208,208) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(220,220,220)), color-stop(100%,rgb(208,208,208))); background:-webkit-linear-gradient(top, rgb(220,220,220) 0%,rgb(208,208,208) 100%); background:-o-linear-gradient(top, rgb(220,220,220) 0%,rgb(208,208,208) 100%); background:-ms-linear-gradient(top, rgb(220,220,220) 0%,rgb(208,208,208) 100%); background:linear-gradient(to bottom, rgb(220,220,220) 0%,rgb(208,208,208) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#d0d0d0',GradientType=0 ); /* BORDER RADIUS */ -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; /* BOX SHADOW */ -webkit-box-shadow:0 1px rgb(255,255,255) inset; -moz-box-shadow:0 1px rgb(255,255,255) inset; box-shadow:0 1px rgb(255,255,255) inset; } a.button:hover, input[type='reset']:hover, input[type='button']:hover, input[type='submit']:hover { border:solid 1px; /* BACKGROUND GRADIENT */ background:rgb(230,230,230); background url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, rgb(230,230,230) 0%, rgb(214,214,214) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(230,230,230)), color-stop(100%,rgb(214,214,214))); background:-webkit-linear-gradient(top, rgb(230,230,230) 0%,rgb(214,214,214) 100%); background:-o-linear-gradient(top, rgb(230,230,230) 0%,rgb(214,214,214) 100%); background:-ms-linear-gradient(top, rgb(230,230,230) 0%,rgb(214,214,214) 100%); background:linear-gradient(to bottom, rgb(230,230,230) 0%,rgb(214,214,214) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#d6d6d6',GradientType=0 ); } /* BUTTONS - CALL TO ACTION --------------------------------------------------------------- */ .call-to-action { text-align:center; } .call-to-action a.button { font-size:24px; padding:15px 35px; } .call-to-action a.button:hover { text-decoration:none; } /* BUTTONS - COLOURS - BLUE --------------------------------------------------------------- */ a.blue.button { border:solid 1px rgb(44,86,96); color:rgb(255,255,255); text-shadow:0 1px 0 rgb(44,86,96); /* BACKGROUND GRADIENT */ background:rgb(91,182,206); background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzViYjZjZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NWE0YmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, rgb(91,182,206) 0%, rgb(69,164,186) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(91,182,206)), color-stop(100%,rgb(69,164,186))); background:-webkit-linear-gradient(top, rgb(91,182,206) 0%,rgb(69,164,186) 100%); background:-o-linear-gradient(top, rgb(91,182,206) 0%,rgb(69,164,186) 100%); background:-ms-linear-gradient(top, rgb(91,182,206) 0%,rgb(69,164,186) 100%); background:linear-gradient(to bottom, rgb(91,182,206) 0%,rgb(69,164,186) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5bb6ce', endColorstr='#45a4ba',GradientType=0 ); /* BOX SHADOW */ -webkit-box-shadow:0 1px rgb(157,211,226) inset; -moz-box-shadow:0 1px rgb(157,211,226) inset; box-shadow:0 1px rgb(157,211,226) inset; } a.blue.button:hover { /* BACKGROUND GRADIENT */ background:rgb(120,201,218); background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc4YzlkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1Y2I2Y2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, rgb(120,201,218) 0%, rgb(92,182,206) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(120,201,218)), color-stop(100%,rgb(92,182,206))); background:-webkit-linear-gradient(top, rgb(120,201,218) 0%,rgb(92,182,206) 100%); background:-o-linear-gradient(top, rgb(120,201,218) 0%,rgb(92,182,206) 100%); background:-ms-linear-gradient(top, rgb(120,201,218) 0%,rgb(92,182,206) 100%); background:linear-gradient(to bottom, rgb(120,201,218) 0%,rgb(92,182,206) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#78c9da', endColorstr='#5cb6ce',GradientType=0 ); /* BOX SHADOW */ -webkit-box-shadow:0 1px rgb(175,223,233) inset; -moz-box-shadow:0 1px rgb(175,223,233) inset; box-shadow:0 1px rgb(175,223,233) inset; } /* BUTTONS - COLOURS - GREEN --------------------------------------------------------------- */ a.green.button { border:solid 1px rgb(78,97,43); color:rgb(255,255,255); text-shadow:0 1px 0 rgb(78,97,43); /* BACKGROUND GRADIENT */ background:rgb(163,207,89); background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EzY2Y1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5M2JjNDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, rgb(163,207,89) 0%, rgb(147,188,69) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(163,207,89)), color-stop(100%,rgb(147,188,69))); background:-webkit-linear-gradient(top, rgb(163,207,89) 0%,rgb(147,188,69) 100%); background:-o-linear-gradient(top, rgb(163,207,89) 0%,rgb(147,188,69) 100%); background:-ms-linear-gradient(top, rgb(163,207,89) 0%,rgb(147,188,69) 100%); background:linear-gradient(to bottom, rgb(163,207,89) 0%,rgb(147,188,69) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3cf59', endColorstr='#93bc45',GradientType=0 ); /* BOX SHADOW */ -webkit-box-shadow:0 1px rgb(228,240,205) inset; -moz-box-shadow:0 1px rgb(228,240,205) inset; box-shadow:0 1px rgb(228,240,205) inset; } a.green.button:hover { /* BACKGROUND GRADIENT */ background:rgb(181,217,122); background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1ZDk3YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhOWM5NmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, rgb(181,217,122) 0%, rgb(169,201,106) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(181,217,122)), color-stop(100%,rgb(169,201,106))); background:-webkit-linear-gradient(top, rgb(181,217,122) 0%,rgb(169,201,106) 100%); background:-o-linear-gradient(top, rgb(181,217,122) 0%,rgb(169,201,106) 100%); background:-ms-linear-gradient(top, rgb(181,217,122) 0%,rgb(169,201,106) 100%); background:linear-gradient(to bottom, rgb(181,217,122) 0%,rgb(169,201,106) 100%); box-shadow:0 1px rgb(238,246,225) inset; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5d97a', endColorstr='#a9c96a',GradientType=0 ); /* BOX SHADOW */ -webkit-box-shadow:0 1px rgb(238,246,225) inset; -moz-box-shadow:0 1px rgb(238,246,225) inset; box-shadow:0 1px rgb(238,246,225) inset; } /* BUTTONS - COLOURS - RED --------------------------------------------------------------- */ a.red.button { border:solid 1px rgb(98,41,41); color:rgb(255,255,255); text-shadow:0 1px 0 rgb(98,41,41); /* BACKGROUND GRADIENT */ background:rgb(212,88,87); background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0NTg1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZDQ1NDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top,rgb(212,88,87) 0%, rgb(189,69,68) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(212,88,87)), color-stop(100%,rgb(189,69,68))); background:-webkit-linear-gradient(top,rgb(212,88,87) 0%,rgb(189,69,68) 100%); background:-o-linear-gradient(top,rgb(212,88,87) 0%,rgb(189,69,68) 100%); background:-ms-linear-gradient(top,rgb(212,88,87) 0%,rgb(189,69,68) 100%); background:linear-gradient(to bottom,rgb(212,88,87) 0%,rgb(189,69,68) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d45857',endColorstr='#bd4544',GradientType=0); /* BOX SHADOW */ -webkit-box-shadow:0 1px rgb(230,155,145) inset; -moz-box-shadow:0 1px rgb(230,155,145) inset; box-shadow:0 1px rgb(230,155,145) inset; } a.red.button:hover { /* BACKGROUND GRADIENT */ background:rgb(236,116,115); background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjNzQ3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNTU4NTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top,rgb(236,116,115) 0%, rgb(213,88,87) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(236,116,115)), color-stop(100%,rgb(213,88,87))); background:-webkit-linear-gradient(top,rgb(236,116,115) 0%,rgb(213,88,87) 100%); background:-o-linear-gradient(top,rgb(236,116,115) 0%,rgb(213,88,87) 100%); background:-ms-linear-gradient(top,rgb(236,116,115) 0%,rgb(213,88,87) 100%); background:linear-gradient(to bottom,rgb(236,116,115) 0%,rgb(213,88,87) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec7473', endColorstr='#d55857',GradientType=0); /* BOX SHADOW */ -webkit-box-shadow:0 1px rgb(244,172,172) inset; -moz-box-shadow:0 1px rgb(244,172,172) inset; box-shadow:0 1px rgb(244,172,172) inset; } /* BUTTONS - COLOURS - FACEBOOK --------------------------------------------------------------- */ a.facebook.button { border:solid 1px rgb(24,36,61); color:rgb(255,255,255); text-shadow:0 1px 0 rgb(24,36,61); /* BACKGROUND GRADIENT */ background:rgb(75,103,161); background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRiNjdhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYjU5OTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, rgb(75,103,161) 0%, rgb(47,71,122) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(75,103,161)), color-stop(100%,rgb(47,71,122))); background:-webkit-linear-gradient(top, rgb(75,103,161) 0%,rgb(47,71,122) 100%); background:-o-linear-gradient(top, rgb(75,103,161) 0%,rgb(47,71,122) 100%); background:-ms-linear-gradient(top, rgb(75,103,161) 0%,rgb(47,71,122) 100%); background:linear-gradient(to bottom, rgb(75,103,161) 0%,rgb(47,71,122) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b67a1', endColorstr='#2F477A',GradientType=0 ); /* BOX SHADOW */ -webkit-box-shadow:0 1px rgb(111,133,180) inset; -moz-box-shadow:0 1px rgb(111,133,180) inset; box-shadow:0 1px rgb(111,133,180) inset; } a.facebook.button:hover { /* BACKGROUND GRADIENT */ background:rgb(111,133,180); background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZmODViNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MjdhYWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, rgb(111,133,180) 0%, rgb(59,89,152) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(111,133,180)), color-stop(100%,rgb(59,89,152))); background:-webkit-linear-gradient(top, rgb(111,133,180) 0%,rgb(59,89,152) 100%); background:-o-linear-gradient(top, rgb(111,133,180) 0%,rgb(59,89,152) 100%); background:-ms-linear-gradient(top, rgb(111,133,180) 0%,rgb(59,89,152) 100%); background:linear-gradient(to bottom, rgb(111,133,180) 0%,rgb(59,89,152) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f85b4', endColorstr='#3b5998',GradientType=0 ); /* BOX SHADOW */ -webkit-box-shadow:0 1px rgb(140,157,195) inset; -moz-box-shadow:0 1px rgb(140,157,195) inset; box-shadow:0 1px rgb(140,157,195) inset; } /* BUTTONS - COLOURS - LINKEDIN --------------------------------------------------------------- */ a.linkedin.button { border:solid 1px rgb(1,82,125); color:rgb(255,255,255); text-shadow:0 1px 0 rgb(1,82,125); /* BACKGROUND GRADIENT */ background:rgb(129,190,219); background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgxYmVkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDc0YjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, rgb(129,190,219) 0%, rgb(0,116,177) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(129,190,219)), color-stop(100%,rgb(0,116,177))); background:-webkit-linear-gradient(top, rgb(129,190,219) 0%,rgb(0,116,177) 100%); background:-o-linear-gradient(top, rgb(129,190,219) 0%,rgb(0,116,177) 100%); background:-ms-linear-gradient(top, rgb(129,190,219) 0%,rgb(0,116,177) 100%); background:linear-gradient(to bottom, rgb(129,190,219) 0%,rgb(0,116,177) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#81bedb', endColorstr='#0074b1',GradientType=0 ); /* BOX SHADOW */ -webkit-box-shadow:0 1px rgb(192,222,237) inset; -moz-box-shadow:0 1px rgb(192,222,237) inset; box-shadow:0 1px rgb(192,222,237) inset; } a.linkedin.button:hover { /* BACKGROUND GRADIENT */ background:rgb(154,203,226); background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlhY2JlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzkwYzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, rgb(154,203,226) 0%, rgb(51,144,193) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(154,203,226)), color-stop(100%,rgb(51,144,193))); background:-webkit-linear-gradient(top, rgb(154,203,226) 0%,rgb(51,144,193) 100%); background:-o-linear-gradient(top, rgb(154,203,226) 0%,rgb(51,144,193) 100%); background:-ms-linear-gradient(top, rgb(154,203,226) 0%,rgb(51,144,193) 100%); background:linear-gradient(to bottom, rgb(154,203,226) 0%,rgb(51,144,193) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9acbe2', endColorstr='#3390c1',GradientType=0 ); /* BOX SHADOW */ -webkit-box-shadow:0 1px rgb(205,229,241) inset; -moz-box-shadow:0 1px rgb(205,229,241) inset; box-shadow:0 1px rgb(205,229,241) inset; } /* BUTTONS - COLOURS - TUMBLR --------------------------------------------------------------- */ a.tumblr.button { border:solid 1px rgb(31,46,61); color:rgb(255,255,255); text-shadow:0 1px 0 rgb(31,46,61); /* BACKGROUND GRADIENT */ background:rgb(61,85,110); background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNkNTU2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZDQyNTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, rgb(61,85,110) 0%, rgb(45,66,87) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(61,85,110)), color-stop(100%,rgb(45,66,87))); background:-webkit-linear-gradient(top, rgb(61,85,110) 0%,rgb(45,66,87) 100%); background:-o-linear-gradient(top, rgb(61,85,110) 0%,rgb(45,66,87) 100%); background:-ms-linear-gradient(top, rgb(61,85,110) 0%,rgb(45,66,87) 100%); background:linear-gradient(to bottom, rgb(61,85,110) 0%,rgb(45,66,87) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d556e', endColorstr='#2d4257',GradientType=0 ); /* BOX SHADOW */ -webkit-box-shadow:0 1px rgb(119,136,154) inset; -moz-box-shadow:0 1px rgb(119,136,154) inset; box-shadow:0 1px rgb(119,136,154) inset; } a.tumblr.button:hover { /* BACKGROUND GRADIENT */ background:rgb(100,119,139); background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY0Nzc4YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NzY4NzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, rgb(100,119,139) 0%, rgb(87,104,121) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(100,119,139)), color-stop(100%,rgb(87,104,121))); background:-webkit-linear-gradient(top, rgb(100,119,139) 0%,rgb(87,104,121) 100%); background:-o-linear-gradient(top, rgb(100,119,139) 0%,rgb(87,104,121) 100%); background:-ms-linear-gradient(top, rgb(100,119,139) 0%,rgb(87,104,121) 100%); background:linear-gradient(to bottom, rgb(100,119,139) 0%,rgb(87,104,121) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#64778b', endColorstr='#576879',GradientType=0 ); /* BOX SHADOW */ -webkit-box-shadow:0 1px rgb(146,160,174) inset; -moz-box-shadow:0 1px rgb(146,160,174) inset; box-shadow:0 1px rgb(146,160,174) inset; } /* BUTTONS - COLOURS - TWITTER --------------------------------------------------------------- */ a.twitter.button { border:solid 1px rgb(21,58,89); color:rgb(255,255,255); text-shadow:0 1px 0 rgb(21,58,89); /* BACKGROUND GRADIENT */ background:rgb(76,157,222); background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjOWRkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZDY4YTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, rgb(76,157,222) 0%, rgb(29,104,167) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(76,157,222)), color-stop(100%,rgb(29,104,167))); background:-webkit-linear-gradient(top, rgb(76,157,222) 0%,rgb(29,104,167) 100%); background:-o-linear-gradient(top, rgb(76,157,222) 0%,rgb(29,104,167) 100%); background:-ms-linear-gradient(top, rgb(76,157,222) 0%,rgb(29,104,167) 100%); background:linear-gradient(to bottom, rgb(76,157,222) 0%,rgb(29,104,167) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c9dde', endColorstr='#1d68a7',GradientType=0 ); /* BOX SHADOW */ -webkit-box-shadow:0 1px rgb(123,184,233) inset; -moz-box-shadow:0 1px rgb(123,184,233) inset; box-shadow:0 1px rgb(123,184,233) inset; } a.twitter.button:hover { /* BACKGROUND GRADIENT */ background:rgb(112,177,229); background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcwYjFlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YTg2YjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, rgb(112,177,229) 0%, rgb(74,134,185) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(112,177,229)), color-stop(100%,rgb(74,134,185))); background:-webkit-linear-gradient(top, rgb(112,177,229) 0%,rgb(74,134,185) 100%); background:-o-linear-gradient(top, rgb(112,177,229) 0%,rgb(74,134,185) 100%); background:-ms-linear-gradient(top, rgb(112,177,229) 0%,rgb(74,134,185) 100%); background:linear-gradient(to bottom, rgb(112,177,229) 0%,rgb(74,134,185) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#70b1e5', endColorstr='#4a86b9',GradientType=0 ); /* BOX SHADOW */ -webkit-box-shadow:0 1px rgb(176,212,242) inset; -moz-box-shadow:0 1px rgb(176,212,242) inset; box-shadow:0 1px rgb(176,212,242) inset; } /* BUTTONS - SIZES --------------------------------------------------------------- */ .small a.button { font-size:10px; padding:3px 6px; } .medium a.button { font-size:16px; padding:8px 16px; } .large a.button { font-size:18px; padding:10px 35px; } .xlarge a.button { font-size:24px; padding:12px 55px; } /* CLEARFIX --------------------------------------------------------------- */ .clearfix:after, .search:after, .pagination:after { clear:both; content:" "; display:block; font-size:0; height:0; visibility:hidden; } /* FIX FOR IE6 */ * html .clearfix, * html .search, * html .pagination { zoom:1; } /* FIX FOR IE7 */ *:first-child+html .clearfix, *:first-child+html .search, *:first-child+html .pagination { zoom:1; } /* GRADIENTS - LIGHT GREY --------------------------------------------------------------- */ .light-grey-gradient, #comments ol.comment-list li.bypostauthor > .comment-body, .wp-caption, textarea, input, select { background:rgb(255,255,255); background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(238,238,238) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(238,238,238))); background:-webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(238,238,238) 100%); background:-o-linear-gradient(top, rgb(255,255,255) 0%,rgb(238,238,238) 100%); background:-ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(238,238,238) 100%); background:linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(238,238,238) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); } .light-grey-gradient-reverse, textarea:focus, input:focus, select:focus { background:rgb(238,238,238); background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, rgb(238,238,238) 0%, rgb(255,255,255) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(238,238,238)), color-stop(100%,rgb(255,255,255))); background:-webkit-linear-gradient(top, rgb(238,238,238) 0%,rgb(255,255,255) 100%); background:-o-linear-gradient(top, rgb(238,238,238) 0%,rgb(255,255,255) 100%); background:-ms-linear-gradient(top, rgb(238,238,238) 0%,rgb(255,255,255) 100%); background:linear-gradient(to bottom, rgb(238,238,238) 0%,rgb(255,255,255) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); } /* GRADIENTS - DARK GREY --------------------------------------------------------------- */ .dark-grey-gradient, #infinite-handle span, .pagination div a, #respond { background:rgb(221,221,221); background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, rgb(221,221,221) 0%, rgb(204,204,204) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(221,221,221)), color-stop(100%,rgb(204,204,204))); background:-webkit-linear-gradient(top, rgb(221,221,221) 0%,rgb(204,204,204) 100%); background:-o-linear-gradient(top, rgb(221,221,221) 0%,rgb(204,204,204) 100%); background:-ms-linear-gradient(top, rgb(221,221,221) 0%,rgb(204,204,204) 100%); background:linear-gradient(to bottom, rgb(221,221,221) 0%,rgb(204,204,204) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#cccccc',GradientType=0 ); } .dark-grey-gradient-reverse, #infinite-handle span:hover, .pagination div a:hover { background:rgb(204,204,204); background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, rgb(204,204,204) 0%, rgb(221,221,221) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(204,204,204)), color-stop(100%,rgb(221,221,221))); background:-webkit-linear-gradient(top, rgb(204,204,204) 0%,rgb(221,221,221) 100%); background:-o-linear-gradient(top, rgb(204,204,204) 0%,rgb(221,221,221) 100%); background:-ms-linear-gradient(top, rgb(204,204,204) 0%,rgb(221,221,221) 100%); background:linear-gradient(to bottom, rgb(204,204,204) 0%,rgb(221,221,221) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#dddddd',GradientType=0 ); } /* INFORMATION BOXES --------------------------------------------------------------- */ .info-box.error { background:rgb(255,186,186); border:solid 1px rgb(225,70,79); color:rgb(225,70,79); margin-bottom:10px; padding:10px; /* BOX SHADOW */ -webkit-box-shadow:0 1px rgb(255,198,197) inset; -moz-box-shadow:0 1px rgb(255,198,197) inset; box-shadow:0 1px rgb(255,198,197) inset; } .info-box.inform, #respond .form-allowed-tags { background:rgb(189,229,248); border:solid 1px rgb(58,130,186); color:rgb(58,130,186); margin-bottom:10px; padding:10px; /* BOX SHADOW */ -webkit-box-shadow:0 1px rgb(214,247,255) inset; -moz-box-shadow:0 1px rgb(214,247,255) inset; box-shadow:0 1px rgb(214,247,255) inset; } .info-box.notice, #respond .logged-in-as { background:rgb(254,239,179); border:solid 1px rgb(184,132,42); color:rgb(184,132,42); margin-bottom:10px; padding:10px; /* BOX SHADOW */ -webkit-box-shadow:0 1px rgb(255,255,201) inset; -moz-box-shadow:0 1px rgb(255,255,201) inset; box-shadow:0 1px rgb(255,255,201) inset; } .info-box.success { background:rgb(223,242,191); border:solid 1px rgb(115,161,65); color:rgb(115,161,65); margin-bottom:10px; padding:10px; /* BOX SHADOW */ -webkit-box-shadow:0 1px rgb(228,246,198) inset; -moz-box-shadow:0 1px rgb(228,246,198) inset; box-shadow:0 1px rgb(228,246,198) inset; } /* MENUS - DROP DOWN MENU --------------------------------------------------------------- */ ul.drop-down-menu li.menu-item { display:inline-block; position:relative; } ul.drop-down-menu li.menu-item a { display:block; } ul.drop-down-menu select { display:none; } /* MENUS - DROP DOWN MENU - SUB MENU */ ul.drop-down-menu li.menu-item:hover ul.sub-menu { left:0; top:auto; } ul.drop-down-menu ul.sub-menu { left:-9999px; margin:0; position:absolute; text-align:left; width:200px; z-index:444; } ul.drop-down-menu ul.sub-menu li.menu-item { display:block; } /* MENUS - DROP DOWN MENU - SUB MENU POSITIONING */ ul.drop-down-menu li.menu-item ul.sub-menu ul.sub-menu, ul.drop-down-menu li.menu-item ul.sub-menu ul.sub-menu ul.sub-menu, ul.drop-down-menu li.menu-item ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu { left:-9999px; top:0; } ul.drop-down-menu li.menu-item li.menu-item:hover ul.sub-menu, ul.drop-down-menu li.menu-item li.menu-item li.menu-item:hover ul.sub-menu, ul.drop-down-menu li.menu-item li.menu-item li.menu-item li.menu-item:hover ul.sub-menu { left:200px; } /* MENUS - DROP DOWN MENU - MENU SYMBOLS */ ul.drop-down-menu ul li > a:after { content:'►'; float:right; text-align:right; } ul.drop-down-menu > li > a:after { content:'▼'; margin-left:5px; text-align:right; } ul.drop-down-menu li > a:only-child:after { content:''; margin:0; } /* MENUS - HORIZONTAL ALIGNED MENU ---------------------------------------------------------------- */ ul.horizontal-aligned-menu { display:block; } ul.horizontal-aligned-menu ul.sub-menu, ul.horizontal-aligned-menu li.menu-item { display:inline; list-style:none; margin:0; } /* PAGINATION --------------------------------------------------------------- */ .pagination { margin-bottom:20px; text-shadow:0 1px rgb(255,255,255); } /* PAGINATION - PREVIOUS & NEXT --------------------------------------------------------------- */ .pagination div a { border:solid 1px; color:rgb(51,51,51); display:inline-block; padding:10px; text-decoration:none; /* BORDER RADIUS */ -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; /* BOX SHADOW */ -webkit-box-shadow:0 1px rgb(255,255,255) inset; -moz-box-shadow:0 1px rgb(255,255,255) inset; box-shadow:0 1px rgb(255,255,255) inset; } .pagination div a:hover { text-decoration:none; } .pagination .previous { float:left; } .pagination .next { float:right; } /* RESPONSIVE BORDERS Automatically responds to the bg colour of the container div. ---------------------------------------------------------------- */ .responsive-text-box, textarea,textarea:focus, input,input:focus, select,select:focus, .search, #navigation #secondary-menu, #content .page, #content .post, #content .product, .wp-caption, #aside .widget, #infinite-handle span, #comments ol.comment-list li.comment .comment-body, #comments ol.comment-list li.pingback, #respond, a.button, a.button:hover, input[type='reset'], input[type='reset']:hover, input[type='button'], input[type='button']:hover, input[type='submit'], input[type='submit']:hover, .pagination div a, h1.large.results { /* BACKGROUND CLIP */ -webkit-background-clip:padding; -moz-background-clip:padding; background-clip:padding-box; /* FALLBACK COLOURISATION */ border-color:rgb(178,178,178); /* RESPONSIVE COLOURISATION */ border-color:rgba(0,0,0,.2); } /* RESPONSIVE DROP SHADOW Automatically responds to the bg colour of the container div. ---------------------------------------------------------------- */ .responsive-drop-shadow, #top, #header, #navigation, #content .page, #content .post, #content .product, #aside .widget, #infinite-handle span, .pagination .previous, .pagination .next, #comments ol.comment-list li.comment .comment-body, #comments ol.comment-list li.pingback, #respond, #footer { /* FALLBACK COLOURISATION */ -webkit-box-shadow:0 5px 5px -5px rgb(178,178,178); -moz-box-shadow:0 5px 5px -5px rgb(178,178,178); box-shadow:0 5px 5px -5px rgb(178,178,178); /* RESPONSIVE COLOURISATION */ -webkit-box-shadow:0 5px 5px -5px rgba(0,0,0,.2); -moz-box-shadow:0 5px 5px -5px rgba(0,0,0,.2); box-shadow:0 5px 5px -5px rgba(0,0,0,.2); } /* SEARCH --------------------------------------------------------------- */ .search { border:solid 1px; border-color:rgb(178,178,178); border-color:rgba(0,0,0,.2); } /* ARCHIVE & SEARCH RESULTS - HEADING --------------------------------------------------------------- */ h1.large.author-archive-results, h1.large.category-archive-results, h1.large.date-archive-results, h1.large.search-results { background-position:left; background-repeat:no-repeat; border-bottom:solid 4px; padding-left:42px; padding-bottom:10px; } h1.large.author-archive-results { background-image:url(images/icons/archive/author-archive-results.png); } h1.large.category-archive-results { background-image:url(images/icons/archive/category-archive-results.png); } h1.large.date-archive-results { background-image:url(images/icons/archive/date-archive-results.png); } h1.large.search-results { background-image:url(images/icons/search/results.png); } /* SEARCH - TERM --------------------------------------------------------------- */ .search .term { border:none; float:left; font-style:italic; max-height:38px; width:80%; } /* SEARCH - SUBMIT --------------------------------------------------------------- */ .search .submit { background:none; background:rgba(0,0,0,.1); background-image:url(images/icons/search/submit.png); background-position:center; background-repeat:no-repeat; border:none; float:right; height:36px; margin:0; max-height:36px; width:20%; /* BACKGROUND CLIP */ -webkit-background-clip:padding; -moz-background-clip:padding; background-clip:padding-box; /* BORDER RADIUS */ -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; /* BOX SHADOW */ -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .search .submit:hover { background-image:url(images/icons/search/submit.png); background-position:center; background-repeat:no-repeat; border:none; /* BACKGROUND CLIP */ -webkit-background-clip:padding; -moz-background-clip:padding; background-clip:padding-box; } /* WIDGET --------------------------------------------------------------- */ .widget { margin-bottom:20px; padding:10px; } /* WIDGET - TITLE ---------------------------------------------------------------- */ .widget h1.title { font-size:18px; line-height:18px; margin-bottom:10px; } /* WIDGET - LISTS ---------------------------------------------------------------- */ .widget ol, .widget ul, .widget li { line-height:20px; } @media screen and (max-width:690px) { /* RESPONSIVE FRAMEWORK --------------------------------------------------------------- */ /* RESPONSIVE FRAMEWORK - COLS --------------------------------------------------------------- */ .col { margin-right:0; } /* RESPONSIVE FRAMEWORK - COLS - WIDTHS */ .col.width-100, .col.width-90, .col.width-80, .col.width-75, .col.width-70, .col.width-60, .col.width-50, .col.width-40, .col.width-33, .col.width-30, .col.width-25, .col.width-20, .col.width-10 { width:100%; } /* GLOBAL CLASSES --------------------------------------------------------------- */ /* MENUS - DROP DOWN MENU --------------------------------------------------------------- */ ul.drop-down-menu li.menu-item, ul.drop-down-menu li.menu-item a { display:none; } }