/* Theme Name: The Work of Neil Martin Theme URI: http://www.theworkof.co.uk/ Description: The theme for theworkof.co.uk Version: 1.0.0 Author: XAdvance Author URI: http://www.xadvance.com/ */ /* ----------------------------------------------------------------------------- Standard -----------------------------------------------------------------------------*/ html { height: 100%; margin-bottom: 1px; } body { margin: 0; padding: 0; font: 76% Arial,Helvetica,sans-serif; color: #000; background: #fff; } body * { margin: 0; padding: 0; } p,ul,ol,dl,blockquote,pre { margin-bottom: 1.0em; line-height: 1.4em; } h1 { margin-bottom: 0.5em; } h2 { margin-bottom: 0.4em; } a { color: #4065b4; } img { border: 0; } acronym,abbr { border: 0; text-decoration: none; } address { font-style: normal; } hr { height: 0; color: #fff; background-color: #fff; border: 0; border-top: 1px solid #aaa; margin-bottom: 0.3em; } fieldset { border: 0; } ul { padding-left: 1.6em; margin-left: 1em; list-style-type: square; } ul li { margin-left: 0; padding-left: 0; padding-bottom: 0.4em; } dl { margin-left: 0.3em; } dd { margin: 0 0 0.5em 0.5em; } ol { padding-left: 1.6em; margin-left: 1em; } ol li { margin-left: 0; padding-left: 0; padding-bottom: 0.4em; } blockquote { border: 1px solid #dadada; background: #f8f8f8; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 8px 8px 0 8px; margin: 0 1em 1em 2em; font-style: italic; font-size: 1.1em; } /* ----------------------------------------------------------------------------- Text Formatting -----------------------------------------------------------------------------*/ .shaded { color: #888; } .cen { text-align: center; } .r { text-align: right; } .l { text-align: right; } .alignleft { float: left; margin: 0 1em 1em 0; } .alignright { float: left; margin: 0 1em 1em 0; } .rfloat { float: right; margin: 0 0 1em 1em; } .lfloat { float: left; margin: 0 1em 1em 0; } .line { white-space: nowrap; } .clear { clear: both; } .bumper { clear: both; font-size: 0.1em; } .wp-caption-text { font-size: 0.9em; color: #666; } h1 { font-size: 2.1em; font-weight: normal; color: #272727; text-decoration: none; font-family: Georgia,Times,serif; margin: 0 0 0 0; } h2 { font-size: 1.3em; font-weight: normal; color: #555; text-decoration: none; font-family: Georgia,Times,serif; margin: 0 0 0.5em 0; } h3 { font-size: 1.0em; font-weight: bold; color: #000; text-decoration: none; font-family: Arial,Helvetica,sans-serif; margin: 1.5em 0 0 0; } .header { clear: both; height: 32px; border-bottom: 1px solid #ccc; background: #fff url(images/header.jpg) no-repeat scroll bottom right; padding: 65px 0 0 0; margin: 0 0 2em 0; } .header h2 { font-size: 2.1em; font-weight: normal; color: #272727; text-decoration: none; font-family: "ArnoPro Regular",ArnoPro,Georgia,Times,serif; margin: 0 0 0 0; } .header h2 a { color: #272727; text-decoration: none; } a.pdf { line-height: 16px; padding: 0 0 0 20px; background: transparent url(images/pdf.gif) no-repeat scroll center left; } a.rss { line-height: 16px; padding: 0 0 0 20px; background: transparent url(images/rss.gif) no-repeat scroll center left; } p.rss { margin: 2em 0 2em 0; } a.tagitem { text-decoration: none; } a.tagitem:hover { text-decoration: underline; } /* ----------------------------------------------------------------------------- Content Styles -----------------------------------------------------------------------------*/ /* BIO Special Styles */ .innersidebar { line-height: 1.2em; float: right; width: 344px; margin: 0 0 1em 80px; border: 1px solid #dadada; background: #f8f8f8; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 18px; } .innersidebar h2 { color: #000; font-size: 1em; font-family: Arial,Helvetica,sans-serif; font-weight: bold; margin: 0 0 1.5em 0; padding: 0; } .toolbox { list-style: none; margin: 0; padding: 0; } .toolbox li { margin: 0; padding: 0 0 0 48px; background: transparent url(images/photoshop.jpg) no-repeat scroll top left; list-style: none; } li.photoshop { background: transparent url(images/photoshop.jpg) no-repeat scroll; } li.illustrator { background: transparent url(images/illustrator.jpg) no-repeat scroll; } li.indesign { background: transparent url(images/indesign.jpg) no-repeat scroll; } li.dreamweaver { background: transparent url(images/dreamweaver.jpg) no-repeat scroll; } li.flash { background: transparent url(images/flash.jpg) no-repeat scroll; } .interests { clear: both; margin: 0; padding: 0; width: 960px; line-height: 3em; } .interests div { float: left; width: 153px; padding: 0 13px 5px 0; margin: 0 25px 0 0; border-right: 1px solid #ccc; } .interests div.last { width: 150px; border: 0; margin: 0; } .interests div.tv { width: 181px; padding: 0 9px 5px 0; } .interests h3 { padding: 0; margin: 0 1em 0 0; } .interests ol { margin: 0 0 0 1em; padding: 0 0 0 0.5em; } .interests ol li { padding: 0 0 0 0; margin: 0 0 0.7em 1em; } /* Portfolio Styles */ .sort { font-weight: bold; position: relative; top: -1.5em; font-size: 0.98em; } .sort a { font-weight: normal; } .projects { margin: 17px 0 0 0; padding: 0; list-style: none; font-size: 0.98em; line-height: 1.4em; } .projects li { float: left; display: inline; width: 224px; margin: 0 0 1em 0; padding: 0 21px 0 0; list-style: none; background: #fff url(images/project.png) repeat-y scroll top left; } .projects li.edge { padding: 0; } .projects li a { text-decoration: none; } .projects li img { display: block; } .projects h3 { padding: 0 7px; font-size: 1em; margin: 2px 0 0 0; } .projects p { margin: 0 0 3px 0; padding: 0 7px; line-height: 1.2em; height: 3.6em; overflow: hidden; } .projects .cat { height: 23px; padding: 6px 0 0 7px; background: #f8f8f8 url(images/filed.png) no-repeat scroll bottom left; color: #000; font-weight: bold; } .projects .cat a { font-weight: normal; text-decoration: underline; } .singleproject { float: left; width: 275px; padding: 0 20px 0 0; border-right: 1px solid #ccc; line-height: 1.4em; } .singleproject p { line-height: 2.1em; } .singleproject .data { margin: 0; padding: 5px 0; font-size: 0.95em; border-bottom: 1px solid #ccc; } .singleproject .client { border-top: 1px solid #ccc; } .projectimages { float: right; width: 640px; margin: 0; padding: 0; list-style: none; } .projectimages li { width: 640px; margin: 0 0 12px 0; padding: 0 0 37px 0; list-style: none; background: #fff url(images/bar.gif) no-repeat scroll bottom center; text-align: center; } .projectimages li img { border: 5px solid #ccc; } /* Contact Styles */ .contactsidebar { line-height: 1.2em; float: right; width: 344px; padding: 0 0 0 57px; margin: 0 0 1em 30px; border-left: 1px solid #ccc; } .contactsidebar input.txt { width: 338px; border: 1px solid #ccc; } .contactsidebar input.txterror { width: 338px; border: 1px solid #f00; } .contactsidebar textarea { width: 338px; height: 130px; border: 1px solid #ccc; font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .contactsidebar textarea.error { width: 338px; height: 130px; border: 1px solid #f00; } .contactsidebar input.submit { margin: 0; width: auto; font-family: Arial,Helvetica,sans-serif; } .contactbody { width: 560px; } /* Blog */ #blog { padding: 50px 0 0 0; } #blog .header { clear: none; width: 560px; margin-top: 0; padding-top: 15px; } #blog .innersidebar { width: 307px; margin-left: 0; padding-top: 10px; } #blog .innersidebar h2 { margin: 1.3em 0 0.6em 0; } #blog .innersidebar ul { list-style: none; margin: 0 0 2em 0; padding: 0; } #blog .innersidebar ul li { list-style: none; margin: 0; padding: 0; line-height: 1.6em; } .metaline { border-top: 1px solid #ccc; font-size: 0.9em; line-height: 1.6em; min-height: 1.8em; margin: 0; padding: 0; } #blog .post { border-bottom: 1px solid #ccc; width: 560px; margin-bottom: 1.6em; } /* ----------------------------------------------------------------------------- The Work Of Styles -----------------------------------------------------------------------------*/ #header { height: 63px; background: #000; } #logo { position: absolute; top: 6px; left: 50%; padding: 0; margin: 0 0 0 -85px; } #nav { width: 960px; margin: 0 auto; padding: 40px 0 0 0; list-style: none; font-size: 0.95em; } #nav li { display: inline; margin: 0; padding: 0; list-style: none; } #nav li a { display: block; float: left; color: #fff; text-decoration: none; margin: 0; padding: 0 10px 0 0; } #body { width: 960px; margin: 0 auto; padding: 0 0 150px 0; background: #fff url(images/body.jpg) no-repeat scroll bottom center; font-size: 0.96em; line-height: 2.2em; } #grid { width: 960px; height: 390px; margin: 50px 0 40px 0; padding: 0; list-style: none; line-height: 0.1em; } #grid li { float: left; display: inline; margin: 0; padding: 0; list-style: none; } #grid li img { border: 0; margin: 0; padding: 0; display: block; } #sky { clear: both; border-bottom: 1px solid #ccc; } #recent { float: left; display: inline; width: 232px; padding: 0 21px 0 0; } #recent .projects { margin: 17px 4px 0 4px; } #recent .projects li { padding: 0; } #words { float: left; display: inline; width: 454px; padding: 0 21px 0 0; } #words .post { padding: 8px 8px 0 8px; font-size: 0.99em; } .post h3 { margin: 0 0 2px 0; padding: 0; line-height: 1em; } .post h3 a { color: #000; text-decoration: none; } .post p { line-height: 1.7em; } .post .meta { font-size: 0.98em; margin: 0 0 2em 0; } #others { float: left; display: inline; width: 232px; font-size: 0.98em; } #others ul { margin: 13px 0 0 0; padding: 0 4px; list-style: none; } #others ul li { margin: 0 0 0.8em 0; padding: 0; list-style: none; } #others ul li a { text-decoration: none; } #footer { clear: both; background: #191919 url(images/footer.jpg) no-repeat scroll top center; } #footer h2 { font-size: 1.1em; font-weight: bold; color: #fff; font-family: Arial,Helvetica,serif; padding: 0 0 0.5em 0; } #footer h3 { font-size: 1em; font-weight: bold; color: #fff; } #refs { width: 960px; margin: 0 auto; padding: 65px 0 0 0; color: #808080; } #refs .links { float: left; width: 300px; margin: 0 0 2em 0; padding: 0; } #refs .links ul { margin: 0; padding: 0; list-style: none; } #refs .links li { margin: 0 0 1em 0; padding: 0; list-style: none; height: 4em; overflow: hidden; } #refs .links a { color: #fff; font-weight: bold; text-decoration: none; } #links1.links { padding: 0 48px 0 0; float: left; } #colophon { float: left; width: 263px; margin: 0 49px 2em 0; padding: 0 0 102px 0; background: #191919 url(images/colophon.gif) no-repeat scroll bottom center; } #colophon div { width: 225px; padding: 16px 18px; border: 1px solid #404040; color: #fff; background: #272727; font-size: 0.9em; line-height: 1.6em; } #colophon a { text-decoration: underline; color: #fff; } #colophon ul, #colophon li { margin: 0; padding: 0; list-style: none; } #toes { width: 960px; clear: both; margin: 0 auto; padding: 10px 0 50px 0; font-size: 0.9em; border-top: 1px solid #404040; } #toes p { width: 200px; margin: 0 auto; text-align: center; color: #fff; } a.top { display: block; float: right; padding: 0 0 0 12px; background: #191919 url(images/top.gif) no-repeat scroll center left; color: #fff; text-decoration: none; } #footnav { margin: 0 auto; padding: 0; list-style: none; } #footnav li { display: inline; margin: 0; padding: 0; list-style: none; } #footnav li a { display: block; float: left; color: #fff; text-decoration: none; margin: 0; padding: 0 10px 0 0; } /* ----------------------------------------------------------------------------- Comments and More -----------------------------------------------------------------------------*/ .singlecomment { width: 520px; background: #f8f8f8; border: 1px solid #dadada; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 8px 12px 0 12px; margin: 0 auto 1.5em auto; } .commenter .name { font-weight: bold; } .singlecomment .name a { text-decoration: none; } h2.leave { font-size: 1.1em; font-family: Arial,Helvetica,sans-serif; font-weight: bold; } #comments { width: 560px; margin: 2em 0; padding: 0; } .commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentlist li { font-weight: bold; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } #commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentmetadata { font-weight: normal; } h3#respond { margin-top: 1em; } code { font: 1.1em 'Courier New', Courier, Fixed; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar a { text-decoration: none; } #wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; } #wp-calendar th { font-style: normal; text-transform: capitalize; } #searchform { margin: 10px auto; padding: 5px 3px; text-align: center; } #sidebar #searchform #s { width: 108px; padding: 2px; } #sidebar #searchsubmit { padding: 1px; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; border: 1px solid #dadada; } #commentform textarea { width: 554px; height: 200px; padding: 2px; border: 1px solid #dadada; } #commentform #submit { margin: 0; width: auto; font-family: Arial,Helvetica,sans-serif; } .alt { margin: 0; } .commentlist { padding: 0; text-align: justify; margin: 0; } .commentlist li { margin: 15px 0 0 3px; padding: 8px 25px 0 30px; background-repeat: no-repeat; background-position: 10px 10px; list-style: none; background-color: #f4f4f4; border: 1px solid #e4e4e4; } .commentlist p { margin: 10px 5px 10px 0; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } #wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; } #commentform #comment { width: 440px; height: 200px; padding: 2px; border: 1px solid #000; } #sitemeter { display: none; }