/* Theme Name: TabbyAwards Version: 1.1 Author: Debbie Rouleau, for Tabtimes, debbie@tabtimes.com Based on Theme: Constellation Theme URI: http://http://constellationtheme.com/ Description: TabbyAwards theme is based on the Constellation theme, an assemblage of awesome resources, put together to form an extremely flexible WordPress foundation, by original author Ninety Degrees (http://ninetydegrees.co/) */ /*--[ HTML5 Boilerplate RESET ]--------------------------------------------------------------------------------*/ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0} article,aside,figure,footer,header,hgroup,nav,section{display:block} nav ul{list-style:none} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:none} a{font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0} ins{background-color:#ff9;color:#000;text-decoration:none} mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold} del{text-decoration:line-through} abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help} table{border-collapse:collapse;border-spacing:0} hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0} input,select{vertical-align:middle} /*--[ HTML5 Boilerplate MINIMAL BASE STYLES ]--------------------------------------------------------------------------------*/ table { font-size:inherit; font:100%; } select, input, textarea { font:99% sans-serif; } pre, code, kbd, samp { font-family: monospace, sans-serif; } body, select, input, textarea { color:#444; } h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; } html { -webkit-font-smoothing: antialiased; } a:hover, a:active { outline: none; } a { color:#607890; } a:hover { color:#036; } strong, th { font-weight: bold; } td, td img { vertical-align:top; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } pre { padding: 15px; white-space: pre; /* CSS2 */ white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; } input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } label, input[type=button], input[type=submit], button { cursor: pointer; } ::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; } ::selection { background:#FF5E99; color:#fff; text-shadow: none; } a:link { -webkit-tap-highlight-color: #FF5E99; } html { overflow-y: scroll; } button { width: auto; overflow: visible; } .ie7 img { -ms-interpolation-mode: bicubic; } /*--[ HELPER CLASSES ]--------------------------------------------------------------------------------*/ .ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; } /* for image replacement */ .hidden { display:none; visibility:hidden; } /* Hide for both screenreaders and browsers */ .visuallyhidden { position:absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } /* Hide only visually - available for screenreaders */ .invisible { visibility: hidden; } /* Hide visually and from screenreaders, but maintain layout */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } /* Hides from IE-mac \*/ .clearfix { display: block; } /*--[ Font-Face ]------------------------------------------------------------------------------------*/ @font-face { font-family: 'Helvetica Neue'; src: url('fonts/HelveticaNeue.eot'); src: url('fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeue.woff') format('woff'), url('fonts/HelveticaNeue.ttf') format('truetype'), url('fonts/HelveticaNeue.svg#Helvetica Neue') format('svg'); } @font-face { font-family: 'Helvetica Neue Light'; src: url('fonts/helveticaneue-light-webfont.eot'); src: url('fonts/helveticaneue-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/helveticaneue-light-webfont.woff') format('woff'), url('fonts/helveticaneue-light-webfont.ttf') format('truetype'), url('fonts/helveticaneue-light-webfont.svg#Helvetica Neue') format('svg'); } /*--[ Layout ]--------------------------------------------------------------------------------*/ html { font: 62.5% "Helvetica Neue", Helvetica, Arial, sans-serif; /* Reset to 10px equivilent */ text-align: center; background: #e0e0e0 /*url(images/body.png)*/; } body { text-align: center; color: #444; font-size:1.6em; /* 16 px equiv */ line-height: 1.5em; /* 24px equiv */ position: relative; } #header { background:#fff; text-align:center; margin:0 auto; overflow:hidden; zoom:1; clear:both; height:130px; /*border-bottom:5px solid #df1e33;*/ } #header #tab_sections { margin:0 auto; text-align:right; height:30px; font-size: 0.9em; } #header #tab_sections a { display: block; float: right; margin: 0 0 0 1em; padding: 0.2em 0.5em; /*background-color: #df1e33; color: #fff; border: 1px solid #df1e33;*/} #header #tab_sections a.business { color:#010101; } #header #tab_sections a.selected { background-color: #df1e33; color: #fff; border-top: none; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } #header #tab_sections a.selected.business {background:#010101; color:#fff; } #header #zone_logos { margin:0 auto; padding:0; text-align:left; } #header #zone_logos h1 { border-bottom: none; } #logo {float:left;} #logo a img { width:285px; } .business #logo {float:none;max-width: 570px;margin-top:21px;} .business #logo a img {height:63px;width:auto;display:block;} .business #logo a img.primary {float:right;} #header #zone_logos .logo_medias{float:left; color:#CCC; margin-top: 1.5em; margin-left:1em;} #header #zone_logos .logo_medias a {color:#ccc;} #header #zone_logos .logo_medias a img { vertical-align:middle;} #header-border-fixed { background-color:#df1e33; width:100%; height:3px !important; border:0; } #header-border-fixed.sticky { position:fixed; top:0; z-index:10000;} #header-border-fixed.games {background-color:#010101;} #main { text-align:left; margin:0 auto; overflow: hidden; zoom: 1; clear: both; position:relative; } #main-content { min-height:500px; } #main-nav {position:relative; width:300px; } #main-nav ul { padding:0; overflow: hidden; zoom:1; margin:0; width:300px; } #main-nav ul.sticky { position:fixed; top:2px; z-index:9999; } #main-nav ul li { display:block; width:100%; border-top: 1px solid #e44052; border-bottom: 1px solid #b21829; background:#df1e33; color:#fff; margin:0; padding:0; text-align:right; text-transform:uppercase; font: 0.75em Helvetica, Arial, sans-serif bold; } #main-nav ul li:first-child {border-top: 1px solid #df1e33;} #main-nav ul li a[title="Enter the competition"] { /*text-align:center;*/ border-bottom-color:#cf5a6d; /*-webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;*/ background: #f22229; /* Old browsers * / /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmMjIyMjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3OCUiIHN0b3AtY29sb3I9IiNjMzAwMjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f22229 50%, #c30021 78%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f22229), color-stop(78%,#c30021)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f22229 50%,#c30021 78%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f22229 50%,#c30021 78%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f22229 50%,#c30021 78%); /* IE10+ */ background: linear-gradient(to bottom, #f22229 50%,#c30021 78%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f22229', endColorstr='#c30021',GradientType=0 ); /* IE6-8 */ } #main-nav ul li:last-child { /*text-align:center;*/ border-bottom-color:#cf5a6d; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } #main-nav ul li.current-menu-item { background-color:#b21829; border-top-color:#b21829; border-bottom-color:#b21829; } #main-nav ul li a { color:#fff; padding:0.8em; display:block;} #main-nav ul#menu-tabbyawards-business-menu li { border-top-color:#333; border-bottom-color:#000; background-color:#010101;} #main-nav ul#menu-tabbyawards-business-menu li:first-child { border-top-color: #010101;} #main-nav ul#menu-tabbyawards-business-menu li.current-menu-item { background-color:#333; border-top-color:#333; border-bottom-color:#333;} .page-id-545 #main-content #mc_embed_signup form, .page-id-783 #main-content #mc_embed_signup form {padding-left:0 !important;} #sidebar {text-align:center;} #sidebar.sticky {position:fixed; top: 300px; z-index:9998;} #text-2.sticky {position:fixed; top:300px; z-index:9999;} #text-6 {margin:0 auto; text-align:center; clear:both; width:100%; display:block;} #text-6 div {text-align:left;} #text-6 #homepage_media-partners h3 {float:left; border-bottom:none; margin-right:3em;} .page-id-23 #text-6, .page-id-545 #sidebar #text-10, .page-id-783 #sidebar #text-13 {display:none;} #footer { overflow: hidden; zoom: 1; clear: both; padding: 1em 0 0 0; background:#333; color:#fff; margin:0 auto; text-align:center; } #footer #sizing {margin:0 auto; text-align:left;} #footer #sizing #nav-footer { margin:0 auto; text-align:left; float:left; } #footer #sizing #nav-footer ul li { float:left; margin-right:20px;} #footer #sizing #right-side-footer {float:right;} #footer #sizing #right-side-footer ul { list-style:none; } #footer #sizing #right-side-footer ul li { float:left; margin-right:10px; display:inline-block; list-style:none; } /*--[ Anchors ]--------------------------------------------------------------------------------*/ a { color: #df1e33; text-decoration: none; } a:hover { color: #df1e33; text-decoration: underline; } a:focus { color: #5999cf; text-decoration: none; } /*--[ Typography ]--------------------------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { color:#df1e33; font-family: "Helvetica Neue Light", Helvetica, Arial, sans-serif; font-weight:lighter; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#df1e33; } .post-3 header h1, .post-7 header h1, #post-355 header h1, .page-id-49 #text-9, .page-id-23 #text-9, .page-id-1155 #main-content article header, .post-545 #text-9 #block-newsletter { display:none; visibility:hidden; } /*.rgba h1, .rgba #logo, .rgba h2, .rgba h3, .rgba h4, .rgba h5, .rgba h6 { text-shadow: 0 1px 0 rgba(255,255,255,0.95) }*/ h1 { font-size:1.5em; line-height: 1.75em; margin: 0.75em 0 0.375em 0; padding-bottom:0.2em; border-bottom:1px solid #bfbfbf; text-transform:uppercase; } /* 32px font, line height 36, margin-top 24, margin bottom 12 */ h2 { font-size:1.25em; line-height: 1.5em; margin: 0.75em 0 0.375em 0; letter-spacing: 0.2em } /* 32px font, line height 36, margin-top 24, margin bottom 12 */ h3 { font-size:1em; line-height: 1.25em; margin: 0.9231em 0 0.462em 0; color:#000; border-bottom:1px solid #bfbfbf; padding-bottom:0.2em; } /* 26px equiv */ h4 { font-size:0.95em; line-height: 1.15em; margin-top:1.2em; } /* 20px equiv */ h5 { font-size:0.875em; line-height: 1em; margin-top:1.3333em; } /* 18px equiv */ h6 { font-size:0.75em; line-height: 0.953em; margin-top:1.7143em; text-transform: uppercase; } /* 14px equiv */ #logo {/*font-size:2em;*/ line-height: 1em; margin: 0; padding: 0; font-weight: bold; letter-spacing: -.05em; } p, ul, ol, dl, blockquote, hr, pre, table, fieldset, article, article footer, nav { margin: 0 0 1.5em 0; line-height: 1.5em; } .sharingButtons_home p {margin:0; line-height:1em; display:inline;} nav {margin-bottom:0.5em;} article ul { margin: 0 0 2em 2em; list-style: disc outside; } ul.list_judges li {/*display:table-row;*/ margin-bottom:0.5em;} article ol { margin: 0 0 2em 2em; list-style: decimal outside; } article blockquote { margin: 0 0 1.25em 2.5em; font-family: cambria, georgia, times, serif; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: #f6f6f6; padding: 1.19em 1.25em 0; font-style: italic; } small {font-size:0.75em/*6875em*/; } .px82 { font-size:5.125em; } .px50 { font-size:3.125em; } .px42 { font-size:2.625em; } .px40 { font-size:2.5em; } .px37 { font-size:2.3125em; } .px35 { font-size:2.1875em; } .px32 { font-size:2em; } .px30 { font-size:1.875em; } .px28 { font-size:1.75em; } .px25 { font-size:1.5625em; } .px24 { font-size:1.5em; } .px23 { font-size:1.4375em; } .px216 { font-size:1.35em; } .px21 { font-size:1.3125em; } .px20 { font-size:1.25em; } .px18 { font-size:1.125em; } .px16 { font-size:1em; } .px15 { font-size:0.9375em; } .px14 { font-size:0.875em; } .px13 { font-size:0.8125em; } .black { color: #010101; } .dark-grey { color: #444; } /*--[ Images ]--------------------------------------------------------------------------------*/ a:hover .wp-post-image, a:focus .wp-post-image { padding: 1px !important; border: 3px solid #ffe084 !important; } .alignleft{ float: left; clear: left; margin: 0.38em 1.62em 0.38em 0; } .alignright { float: right; clear: right; margin: 0.38em 0 0.38em 1.62em; } .aligncenter { margin: 0 auto 1.62em; display: block; } div.wp-caption { text-align: center; background: #11161a; border: 1px solid #1a1f23; outline: 4px solid #0d1015; padding: 0 !important; text-align: center !important; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } div.wp-caption img { margin: 0; padding: 5px 5px 0; outline: 0; border: 0; } p.wp-caption-text { margin: 0 !important; padding: 0 3px 3px !important; font-weight: bold; clear: both; font-size: 0.92em; color: #eee; } img.noStyle {background:transparent !important; border:none !important; outline:none !important; } /* Images */ .entry-content img, .comment-content img, .widget img { max-width: 97.5%; /* Fluid images for posts, comments, and widgets */ } img[class*="align"], img[class*="wp-image-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } img.size-full { max-width: 97.5%; width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */ } .page-id-159 .wp-image-849 {border:none; background: transparent;} ul.list_judges li img { margin-bottom: 1em; } /*--[ Widgets ]--------------------------------------------------------------------------------*/ .page-id-783 #text-9 {display:none; visibilit: hidden;} section#text-7 { margin-top: -26px; } section#text-8 { margin-top: -26px; } /*--[ 6 COL LAYOUT ]--------------------------------------------------------------------------------*/ /* Default 6-column, 768 px layout for iPads, netbooks, and IE (All other layouts inherit styles from this layout) ----------------------------------------------------------- 1 2 3 4 5 6 76px 200px 324px 448px 572px 696px (48px gutters) */ body {margin:0 auto; font-size:1.4em;} #header #tab_sections, #header #zone_logos, #footer #sizing { width: 708px; } #main {padding: 0; width: 708px;} #main-content, #footer #sizing #nav-footer { width:384px; float: left;} #sidebar, #main-nav, #footer #sizing #right-side-footer { width:300px; float: right;} #main-nav ul { width:300px; } article blockquote { margin-left: 0 } #main-content article {margin-bottom:4em;} /*--[ 8 COL LAYOUT ]--------------------------------------------------------------------------------*/ /* 8-column, 1024 px layout for desktops and laptops ------------------------------------------------------------------------ 1 2 3 4 5 6 7 8 9 82px 212px 342px 472px 602px 732px 862px 992px 1122px (48px gutters) */ @media only screen and (min-width: 992px) { body {font-size:1.6em; } #header #tab_sections, #header #zone_logos, #footer #sizing { width: 992px; } #main {padding: 0; width: 992px;} #main-content, #footer #sizing #nav-footer { width:650px; /*margin-right:48px;*/ float: left;} #sidebar, #main-nav, #footer #sizing #right-side-footer { width:300px; float: right;} #main-nav ul { width:300px; } } /*--[ 12 COL LAYOUT ]--------------------------------------------------------------------------------*/ /* 12-column, 1824 px layout for gigantic screens (48px gutters) --------------------------------------------------------------------------------------- 1 2 3 4 5 6 7 8 9 10 11 12 98px 244px 390px 536px 682px 828px 974px 1120px 1266px 1412px 1558px 1704px */ @media only screen and (min-width: 1925px) { /*1824px*/ body { font-size:2em; } #header #tab_sections, #header #zone_logos, #footer #sizing { width: 1704px; } #main { padding: 0 60px 96px 60px; width: 1704px;} #main-content, #footer #sizing #nav-footer { width:1120px; margin-right:48px; float: left;} #sidebar, #main-nav, #footer #sizing #right-side-footer { width:536px; float: right;} #main-nav ul { width:536px; } } /*--[ 2 COL LAYOUT ]--------------------------------------------------------------------------------*/ /* 2-column, 320 px layout for smartphones --------------------------------------- 1 2 120px 264px (24px gutters) */ @media only screen and (max-width: 682px) { body {font-size:1.4em; /* Set to 14 px for smart phones creating 28px vertical rhythm */ line-height: 1em; } #header #tab_sections, #header #zone_logos, #footer #sizing { width: 100%; margin:0; padding:0; } #main { width: 100%; margin:0; padding:0; } /*#main-nav ul li { width:120px; float:left; margin-right:24px}*/ #main-content, #footer #sizing #nav-footer { width: 95%; margin:0 auto; padding:0; float: none;} #sidebar, #main-nav, #footer #sizing #right-side-footer { width: 95%; margin:0 auto; padding:0; float: none;} #main-nav ul { width:100%; } #main-nav ul.sticky { position:relative; text-align:center; } #main-nav ul li {display:inline; margin:0 0 10px 10px; clear:none; float:left; width:auto;} #main-nav ul li:last-child {-webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0;} #main-nav ul li.current-menu-item, #main-nav ul li.current-menu-item a { text-decoration:underline; font-weight:bold;} article blockquote { margin-left: 0 } #text-2.sticky {position:relative !important; display:block; z-index:10000; width:95%; height:95%;} .business #logo {float:none; width:100%; text-align:center} .business #logo a img {height:63px;width:auto;display:block;margin:0 auto 15px;} .business #logo a img.primary {float:none;} .business #header {height:auto;} } /*--[ PRINT STYLES ]--------------------------------------------------------------------------------*/ @media print { * { background: transparent !important; color: #444 !important; text-shadow: none; } a, a:visited { color: #444 !important; text-decoration: underline; } a:after { content: " (" attr(href) ")"; } abbr:after { content: " (" attr(title) ")"; } .ir a:after { content: ""; } /* Don't show links for images */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } }