/* 1. Fonts 2. Resetish 3. Base 4. Figures & Images 5. Forms 6. Tables 7. Standard WP styles 8. Framework styles 9. Widgets */ /* ************** * * 1. Fonts * * ************** */ /*! Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 3.3.0 build: 3167 */ /** * Percents could work for IE, but for backCompat purposes, we are using keywords. * x-small is for IE6/7 quirks mode. */ body { font:13px/1.5 arial,helvetica,clean,sans-serif; *font-size:small; /* for IE */ *font:x-small; /* for IE in quirks mode */ } /** * Nudge down to get to 13px equivalent for these form elements */ select, input, button, textarea { font:99% arial,helvetica,clean,sans-serif; } /** * To help tables remember to inherit */ table { font-size:inherit; font:100%; } /** * Bump up IE to get to 13px equivalent for these fixed-width elements */ pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%; line-height:100%; } /*! END BSD licensed Yahoo! code */ /* ************** * * 2. Resetish * * ************** */ html, body, div, address, form { margin: 0; padding: 0; } figure img, figure object, figure embed { /* html5 elements seperated out to keep IE =<8 nice */ margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6, p, ol, ul, dl, blockquote, pre, table, .widget, form .set { margin: 1em 0 0; padding: 0; } img { border: 0; } abbr[title], acronym[title], dfn[title] { border-bottom : 1px dotted; cursor : help; } /* html5 block elements */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; display : block; } /* ************** * * 3. Base * * ************** */ /* 3a. Headings */ h1,h2,h3,h4,h5,h6 { page-break-after: avoid; } /* margin on first element only in hgroup */ hgroup *:nth-child(n+2) { margin-top:0 } h1 { font-size:138.5%; /* 18px */ } h2 { font-size:123.1%; /* 16px */ } h3 { font-size:108%; /* 14px */ } h4,h5,h6 { font-size: 100%; /* 13px */ } /* 3b.Typography */ /* p - see 2.*/ ul, ol, dl { margin-left: 1em; padding-left: 1em; } li ul, li ul, li dl { /* nested lists don't need top margins */ margin-top: 0; } dd, blockquote { margin-left: 1em; } address { font-style: italic; } small, sup, sup { font-size: 75%; } sub, sup { line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } mark { /* for IE */ background: #ff0; } /* 3c. Links */ a, a:link, a:visited { color: #1670a4; background: transparent; text-decoration: underline; /* double ups required as multiple psuedo classes can apply at once */ } a:focus { color: #fff; background: #1670a4; text-decoration: none; } a:hover, a:active { color: #1670a4; background: transparent; text-decoration: none; } /* ******************* * * 4. Figures & Images * * ******************* */ /* moved to WordPress styles below */ /* ************** * * 5. Forms * * ************** */ /* form styles inspired (heavily) by MIT licenced http://www.getskeleton.com/ - tidied up a few bits - used % for font-sizes - used ems for margins, padding - changed a few colours to pass AAA in WCAG 2 - used classes instead of attribute selectors (reconsider, selectivzr exists) - set up for comments form, grunion forms & formidable plugins. */ fieldset, div { border: 0; } input.text,input.tag, input.phone, input.url, input.image, input.email, input.password, input.number, input.date, input.time, textarea, select { color: #555; background: #fff; margin: 0; padding: .5em .25em; outline: none; border: 1px solid #999; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; width: 280px; max-width: 100%; display: block; } input.error, textarea.error, select.error { border-color: #900; } select { padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input.text:focus,input.tag:focus, input.phone:focus, input.url:focus, input.image:focus, input.email:focus, input.password:focus, input.number:focus, input.date:focus, input.time:focus, select:focus, textarea:focus { color: #000; background: #FFF2CC; border: 1px solid #666; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); } textarea { min-height: 8em; } label, legend { display: block; font-weight: bold; } fieldset.set label, #tmloginform .forgetmenot label, form.grunion .set-check label { display: inline; font-weight: normal; } form span.error { color: #900; } label, select, input.radio, input.scale, /* radio, scale */ input.checkbox, /* checkbox */ form .submit input, .form-submit input, button, .button { cursor : pointer; } form .submit input, .form-submit input, button, a.button { color: #333; background-color: #eee; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #ffffff, #cccccc); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, #ffffff, #cccccc); /* FF3.6 */ background-image: -ms-linear-gradient(top, #ffffff, #cccccc); /* IE10 */ background-image: -o-linear-gradient(top, #ffffff, #cccccc); /* Opera 11.10+ */ background-image: linear-gradient(top, #ffffff, #cccccc); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc'); /* IE6–IE9 */ border: 1px solid; border-color: #ccc #aaa #aaa #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 85%; font-weight: bold; text-decoration: none; text-shadow: 0 1px #fff; line-height: 2em; padding: .4em 1em; display: inline-block; cursor: pointer; *display: inline; *zoom: 1; } form .submit input:hover, .form-submit input:hover, button:hover, a.button:hover, form .submit input:focus, .form-submit input:focus, button:focus, a.button:focus { color: #000; background-color: #eee; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#b2b2b2)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #ffffff, #b2b2b2); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, #ffffff, #b2b2b2); /* FF3.6 */ background-image: -ms-linear-gradient(top, #ffffff, #b2b2b2); /* IE10 */ background-image: -o-linear-gradient(top, #ffffff, #b2b2b2); /* Opera 11.10+ */ background-image: linear-gradient(top, #ffffff, #b2b2b2); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#b2b2b2'); /* IE6–IE9 */ border-color: #aaa #888 #888 #aaa; } form .submit input:active, .form-submit input:active, button:active, a.button:active { background-color: #eee; background-image: -webkit-gradient(linear, left top, left bottom, from(#b2b2b2), to(#ffffff)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #b2b2b2, #ffffff); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, #b2b2b2, #ffffff); /* FF3.6 */ background-image: -ms-linear-gradient(top, #b2b2b2, #ffffff); /* IE10 */ background-image: -o-linear-gradient(top, #b2b2b2, #ffffff); /* Opera 11.10+ */ background-image: linear-gradient(top, #b2b2b2, #ffffff); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b2b2b2', EndColorStr='#ffffff'); /* IE6–IE9 */ border-color: #888 #aaa #aaa #888; } /* formidable field types */ .set-scale div { text-align: center; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=2px&bgColorHeader=dddddd&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=50&borderColorHeader=dddddd&fcHeader=444444&iconColorHeader=0073ea&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=dddddd&fcContent=444444&iconColorContent=ff0084&bgColorDefault=f6f6f6&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=100&borderColorDefault=dddddd&fcDefault=0073ea&iconColorDefault=666666&bgColorHover=0073ea&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=25&borderColorHover=0073ea&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=dddddd&fcActive=ff0084&iconColorActive=454545&bgColorHighlight=ffffff&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=cccccc&fcHighlight=444444&iconColorHighlight=0073ea&bgColorError=ffffff&bgTextureError=01_flat.png&bgImgOpacityError=55&borderColorError=ff0084&fcError=222222&iconColorError=ff0084&bgColorOverlay=eeeeee&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Helvetica, Arial, sans-serif; font-size: 92.3%; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Helvetica, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff url(../../../../../big-red-framework/assets/parent/i/jqui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #444444; } .ui-widget-content a { color: #444444; } .ui-widget-header { border: 1px solid #dddddd; background: #dddddd url(../../../../../big-red-framework/assets/parent/i/jqui/ui-bg_highlight-soft_50_dddddd_1x100.png) 50% 50% repeat-x; color: #444444; font-weight: bold; } .ui-widget-header a { color: #444444; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #dddddd; background: #f6f6f6 url(../../../../../big-red-framework/assets/parent/i/jqui/ui-bg_highlight-soft_100_f6f6f6_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #0073ea; outline: none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #0073ea; text-decoration: none; outline: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #0073ea; background: #0073ea url(../../../../../big-red-framework/assets/parent/i/jqui/ui-bg_highlight-soft_25_0073ea_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; outline: none; } .ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; outline: none; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #dddddd; background: #ffffff url(../../../../../big-red-framework/assets/parent/i/jqui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ff0084; outline: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ff0084; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #cccccc; background: #ffffff url(../../../../../big-red-framework/assets/parent/i/jqui/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x; color: #444444; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #444444; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #ff0084; background: #ffffff url(../../../../../big-red-framework/assets/parent/i/jqui/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #222222; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #222222; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(../../../../../big-red-framework/assets/parent/i/jqui/ui-icons_ff0084_256x240.png); } .ui-widget-header .ui-icon {background-image: url(../../../../../big-red-framework/assets/parent/i/jqui/ui-icons_0073ea_256x240.png); } .ui-state-default .ui-icon { background-image: url(../../../../../big-red-framework/assets/parent/i/jqui/ui-icons_666666_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../../../../../big-red-framework/assets/parent/i/jqui/ui-icons_ffffff_256x240.png); } .ui-state-active .ui-icon {background-image: url(../../../../../big-red-framework/assets/parent/i/jqui/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(../../../../../big-red-framework/assets/parent/i/jqui/ui-icons_0073ea_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../../../../../big-red-framework/assets/parent/i/jqui/ui-icons_ff0084_256x240.png); } /* positioning */ .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; } .ui-corner-tr { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; } .ui-corner-bl { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; } .ui-corner-br { -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; } .ui-corner-top { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; } .ui-corner-right { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; } .ui-corner-left { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; } .ui-corner-all { -moz-border-radius: 2px; -webkit-border-radius: 2px; } /* Overlays */ .ui-widget-overlay { background: #eeeeee url(../../../../../big-red-framework/assets/parent/i/jqui/ui-bg_flat_0_eeeeee_40x100.png) 50% 50% repeat-x; opacity: .80;filter:Alpha(Opacity=80); } .ui-widget-shadow { margin: -4px 0 0 -4px; padding: 4px; background: #aaaaaa url(../../../../../big-red-framework/assets/parent/i/jqui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .60;filter:Alpha(Opacity=60); -moz-border-radius: 0px; -webkit-border-radius: 0px; }/* Datepicker ----------------------------------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { _display: none; /*sorry for IE5*/ _display/**/: block; /*sorry for IE5*/ _position: absolute; /*must have*/ _z-index: -1; /*must have*/ _filter: mask(); /*must have*/ _top: -4px; /*must have*/ _left: -4px; /*must have*/ _width: 200px; /*must have*/ _height: 200px; /*must have*/ } /* ************** * * 6. Tables * * ************** */ table { border-collapse:collapse; border-spacing:0; } th,td { border:1px solid #000; padding:.5em; vertical-align: top; } th { /*distinguishing table headers from data cells*/ font-weight:bold; text-align:left; vertical-align: bottom; } thead th { text-align: center; vertical-align: top; } caption { /*coordinated margin to match cell's padding*/ margin-bottom:.5em; font-style: italic; } /* ********************* * * 7. Standard WP styles * * ********************* */ figure, .wp-caption { background-color: #f3f3f3; text-align: center; padding-top: 4px; margin: 1px; border: 1px solid #ccc; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0; } figcaption, .wp-caption p.wp-caption-text { font-size: 85%; /* approx 11px at standard font size */ padding: 0 4px 5px; margin: 0; } .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } /* galleries */ dl.gallery-item, dd.gallery-caption { margin: 0; padding: 0; } .entry-content::after { /* clearfix */ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .entry-content { *zoom: 1; } .more-link { /* display more links as blocks */ display: block; margin: 1em 0 0; /* force margin on these */ } /* You will also need to style the following, they will depend on your design */ .sticky { /* attached to sticky posts */ } .bypostauthor { /* comments added by the post's author */ } /* If you use post formats, you will also need */ .format-aside, .format-gallery, .format-link, .format-image, .format-quote, .format-status, .format-video, .format-audio, .format-chat, .format-standard { } /* ********************* * * 8. Framework styles * * ********************* */ #siteName { /* reset h1 and p to same */ margin: 0; font-weight: bold; font-size:138.5%; /* 18px */ } #pageName { /* reset h1 & h2 to same */ font-size:123.1%; /* 16px */ } #siteDetails { display: block; } /* ************** * * 9. Widgets * * ************** */ /* specific widget styles */ .textwidget > :first-child { margin-top: 0; } /* generic widget style */ .widget ul { list-style: none; margin:0; padding-left: 0; } .widget ul ul { margin-left: 1em; }