/* Theme Name: db photo&film Theme URI: http://www.theworkof.co.uk/ Description: The theme for theworkof.co.uk Version: 1.0.0 Author: Peter Pimentel Communication + Design Author URI: http://pimentel.ca/ */ /* ----------------------------------------------------------------------------- Standard -----------------------------------------------------------------------------*/ html { height: 100%; margin-bottom: 1px; } body { margin: 0; padding: 0; font: 80% "Trebuchet MS",Trebuchet,Lucida Sans,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, a:link, a:visited { color: #666; text-decoration: none; } a:hover { color: #c34100; text-decoration: underline; } li.gallery a:link, li.gallery a:visited { color: #c34100; } li.gallery a:hover { background: #c34100; color: #fff; } li.on a:link, li.on a:visited, li.on a:hover { font-weight: bold; } li.regular a:link, li.regular a:visited { color: #666; } li.regular a:hover { background: #666; color: #fff; } 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 #ccc; margin: 0.5em 0 1.5em 0; } fieldset { border: 0; } ul { padding-left: 1.6em; margin-left: 1em; list-style-type: circle; } 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: 1.5em; font-weight: normal; color: #4d4d4d; text-decoration: none; margin: 0 0 0.5em 0; } h2 { font-size: 1.5em; font-weight: normal; color: #4d4d4d; text-decoration: none; margin: 0 0 0.5em 0; } h3 { font-size: 1.0em; font-weight: bold; color: #000; text-decoration: none; margin: 1.5em 0 0 0; } h1 span { font-size: 0.6em; padding: 0 0 0 1em; } /* ----------------------------------------------------------------------------- db photo&film Styles -----------------------------------------------------------------------------*/ #db { width: 960px; margin: 2px auto 0 auto; } #h { height: 69px; border-bottom: 1px solid #cfcfce; } .homepage #h { border: 0; } #h img { float: left; display: inline; margin: 23px 55px 8px 0; } #h ul { font-size: 14px; margin: 0; padding: 35px 0 0 0; text-transform: lowercase; list-style: none; font-size: 13px; } #h ul li { margin: 0; padding: 0 46px 0 0; list-style: none; display: inline; } #h a, #h a:link, #h a:visited { color: #929292; text-decoration: none; } #h a.on, #h a:hover { color: #000; text-decoration: none; } #home { width: 941px; margin: 0 auto; padding: 0 0 28px 0; } .fbox { float: left; height: 305px; display: inline; width: 220px; margin: 18px 20px 29px 0; padding: 0; color: #fff; background: #767674 url(images/fbox-bottom.png) no-repeat scroll bottom left; font-size: 0.85em; } .fbh { width: 198px; padding: 11px 11px 16px 11px; background: #767674 url(images/fbox-top.png) no-repeat scroll top left; } .fbox h2 { font-size: 1.3em; font-weight: bold; color: #fff; margin: 0 0 0.7em 0; padding: 0 11px; } .fbox p { padding: 0 11px; height: 7em; } .fbox a:link, .fbox a:visited { text-decoration: none; color: #ffa171; } .fbox a:hover { text-decoration: underline; color: #ffa171; } .fbox h2 a:link, .fbox h2 a:visited, .fbox h2 a:hover { text-decoration: none; color: #fff; } #home .last { margin: 18px 0 29px 1px; } #home .last p { margin-bottom: 0; height: auto; } #home .last p.link { margin-top: 1em; } #home .last p strong { font-weight: bold; } .fbc { height: 7em; } #title { padding: 22px 10px 17px 10px; } #content { float: left; display: inline; width: 540px; padding: 0 10px; } .post { clear: both; padding: 0 0 35px 0; color: #787878; } .post h2, .post h1 { padding: 0 0 2px 0; border-bottom: 1px solid #cfcfce; } .post h2 a:hover { text-decoration: none; } .meta { font-size: 0.9em; text-transform: uppercase; color: #888; } .meta a, .meta a:link, .meta a:visited { color: #888; } .meta a:hover { color: #c34100; text-decoration: none; } .actions { clear: both; padding: 5px 7px 5px 7px; background: #e9e9e9; color: #c34100; text-align: right; font-size: 0.9em; } .continue { float: left; display: inline; } .actions a { color: #c34100; text-transform: uppercase; } .fbi { width: 540px; } #gallery { float: left; display: inline; width: 780px; margin: 0; padding: 22px 0; } #gallery #rotate { height: 522px; margin: 0 0 5px 0; padding: 0; } #gallery #rotate img { display: none; } #gallery #rotate img.first { display: block; } #gallery #caption { width: 625px; float: left; display: inline; padding: 6px 0; color: #666; } #gallery .controls { text-align: right; font-size: 1.3em; color: #888; } #next { padding: 0 0 0 15px; margin: 0 0 0 10px; border-left: 1px solid #ccc; } #prev { padding: 0 15px 0 0; margin: 0 10px 0 0; border-right: 1px solid #ccc; } #next:hover, #prev:hover { cursor: pointer; } #widecontent { width: 790px; float: right; display: inline; margin: 0 10px 0 0; } #widecontent h1 { padding: 0 0 2px 0; border-bottom: 1px solid #cfcfce; } #splitcontent { width: 461px; } #splitside { width: 305px; float: right; display: inline; margin: 0; padding: 0; } #splitside .box { margin: 0 10px 0 0; padding: 0 0 23px 0; background: #f3f3f3 url(images/splitside.png) no-repeat scroll bottom left; font-size: 0.9em; } #splitside .box a, #splitside .box a:link, #splitside .box a:visited { color: #c34100; text-decoration: none; } #splitside .box h2 { color: #000; font-size: 1.2em; text-decoration: none; font-weight: bold; background: transparent url(images/splitside-h2.png) no-repeat scroll top left; padding: 14px 13px 6px 13px; margin: 0; border: 0; } #splitside .box p { margin: 0 13px 0 13px; padding: 10px 2px 0 2px; color: #818181; border-top: 1px solid #fff; } #splitside .box p.notopper { border: 0; } #splitside .box p strong { color: #000; font-weight: normal; } #splitside .box hr { height: 0; color: #f3f3f3; background-color: #f3f3f3; border: 0; border-top: 1px solid #fff; margin: 0.5em 0 1.5em 0; } #splitside .post .box h2.nl { border-top: 1px solid #fff; background: transparent; } #sbl { float: left; display: inline; width: 140px; padding: 0 10px; font-size: 11px; } #sbl #title { padding-left: 0; } span.wpp-post-title { font-weight: normal !important; } #sbr { float: right; display: inline; width: 209px; padding: 0 10px; font-size: 11px; } .widget { margin: 0 0 20px 0; color: #888; } .widget a:link, .widget a:visited { color: #888; } .widget a:hover { color: #c34100; text-decoration: none; } .widget h2 { padding: 6px 0 0 0; color: #111; font-size: 1em; } .widget h2 a, .widget h2 a:link, .widget h2 a:visited { color: #111; } .widget ul { margin: 0; padding: 0; list-style: none; } .widget ul li { margin: 0 0 5px 0; padding: 0; list-style: none; } .widget ul li span { font-weight: bold; } #f { clear: both; padding: 8px 0 10px 0; text-align: right; font-size: 0.85em; color: #acacac; border-top: 1px solid #cfcfce; } #f a, #f a:hover, #f a:visited { color: #acacac; text-decoration: none; } .litepage { color: #787878; } .litepage p, .litepage ul, .litepage ol { font-size: 1em; } .litepage strong { color: #555; } .w2 { padding-bottom: 1.5em; } .litepage a, .litepage a:link, .litepage a:visited { color: #c34100; text-decoration: none; } .litepage a:hover { color: #fff; background: #c34100; text-decoration: none; } .litepage .widget a:hover, .litepage #splitside .box a:hover { color: #fff; background: #c34100; text-decoration: none; } .circle { text-align: center; height: 200px; background: url(images/circle.gif) no-repeat; padding-top: 35px; padding-left: 15px; padding-right: 120px; margin-top: 2em; font-size: 0.95em; } .circle p { font-size: 11px; line-height: 13px; } .circle h3 { margin: 0px 0px 10px; padding: 0px; border: 0; font-size: 1em; color: #666; } .circle a:hover { border: 0;text-decoration: none; } .circle #button:hover { background: url(images/button.gif) no-repeat left bottom; text-decoration: none; border:none; } .circle #button { height: 21px; width: 82px; display:block; background: url(images/button.gif) no-repeat left top; font- size:15px; text-decoration:none; margin-left: 46px; } #rotate { display : block; list-style : none; margin : 0; padding : 0; height: 508px; } #rotate li { display : none; list-style : none; margin : 0; padding : 0; } #rotate li { padding : 0; margin : 0; overflow : hidden; } /* ----------------------------------------------------------------------------- Comments and More -----------------------------------------------------------------------------*/ .singlecomment { width: 510px; 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: 540px; margin: 2em 0; padding: 0; } #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentlist li { font-weight: bold; } .commentlist cite, .commentlist cite a { font-style: normal; font-size: 1.2em; color: #c34100; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } #commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentmetadata { font-size: 0.9em; font-weight: normal; font-style: italic; color: #888;} 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; background: #f4f4f4; border: 1px solid #dadada; } .alt { margin: 0; } .commentlist { padding: 0; text-align: justify; margin: 0 0 2em 0; list-style: none; } .commentlist li { margin: 20px 0 0 0; padding: 10px 18px; list-style: none; background: #fff; border: 1px solid #dadada; } .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 #dadada; }