/* Theme Name: D.C. Plastic Handrails. Theme URI: http://www.dcplastics.co.uk/ Description: Based from the default WordPress functions.php Version: 1.0 Author: Scott Collins, Bransin Anderson Author URI: http://www.bransinanderson.com/ Tags: black text, simplistic, gray, blue, 2 column */ /* CSS 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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; position: relative; line-height: 1.2; color: black; background: white url(images/body.jpg) repeat-x 0 0; text-align: center; } div.wrap, #c { position: relative; text-align: left; margin: 0 auto; width: 768px; } hr { display: none; } h1, h2, h3, h4, h5, h6 { font-weight: bold; } a:link, a:visited, a:active { color: #3399FF; text-decoration: none; } #c a:hover { border-bottom: #000 dotted 1px; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } strong { font-weight: bold; } em { font-style: italic; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /* HEADER ---------------------------------------------- */ #header { position: relative; } #header h1 a, #header h1 img { display: block; width: 313px; } ul#siteNav { position: absolute; top: 68px; right: -10px; } ul#siteNav li { padding: 0 10px; display: inline; } ul#siteNav li.last { padding-right: 0; } ul#siteNav a:link, ul#siteNav a:visited, ul#siteNav a:hover, ul#siteNav a:active { font-size: 16px; text-decoration: none; } ul#siteNav a:link, ul#siteNav a:visited, ul#siteNav a:active { color: #000; } ul#siteNav a:hover, ul#siteNav a.active { color: #3399FF; } /* HOME CONTENT ---------------------------------------------- */ #hc { padding-bottom: 20px; } #hc div.punch { position: relative; width: 100%; background: #383838; color: #FFF; margin-bottom: 22px; padding: 44px 0; } #hc div.headLine { float: left; width: 377px; } #hc div.headLine h2 { font-size: 36px; margin-left: 6px; } #hc div.hContact { float: right; width: 384px; } #hc div.hContact p { margin: 0 6px 12px; } #hc div.hContact p.callUs { position: relative; padding-left: 168px; font-size: 16px; margin-bottom: 0; } * html #hc div.hContact p.callUs a { position: absolute; left: -168px; } #hc div.hContact p.callUs a { position: absolute; top: 0; left: 0; } #hc div.cols { background: url(images/cols.gif) repeat-y 0 0; } #hc div.col { width: 243px; float: left; margin: 0 7px; padding: 14px 0; } * html #hc div.col { display: inline; } #hc div.col.c { margin-right: 0; } #hc div.col h1, #hc div.col h2, #hc div.col h3, #hc div.col h4, #hc div.col h5, #hc div.col h6, #hc div.col p { padding: 0 8px; margin-bottom: 12px; } #hc div.col h1 { font-size: 22px; } #hc div.col h2 { font-size: 20px; } #hc div.col h3 { font-size: 18px; } #hc div.col h4 { font-size: 16px; } #hc div.col h5 { font-size: 14px; } #hc div.col h6 { font-size: 12px; } #hc div.col ul { list-style: circle; } #hc div.col ol { list-style: decimal; } #hc div.col ul, #hc div.col ol { padding: 0 8px 0 24px; margin-bottom: 12px; } #hc div.t { background: url(images/cols-t.gif) no-repeat 6px top; } #hc div.btm { background: url(images/cols-b.gif) no-repeat 6px bottom; } /* CONTENT ---------------------------------------------- */ #c { padding-bottom: 17px; } #c h1 { font-size: 20px; margin-bottom: 20px; } #c h2 { font-size: 18px; margin-bottom: 18px; } #c h3 { font-size: 16px; margin-bottom: 16px; } #c h4, #c h5, #c h6 { font-size: 14px; margin-bottom: 14px; } #c .gallery { margin: 0 12px; } #c .gallery a:hover, #c p.attachment a:hover { border-bottom: none; } #c .gallery img { border-width: 1px; } #c .gallery-item { text-align: left !important; margin-top: 0 !important; } #c div.ow h2 a:link, #c div.ow h2 a:visited, #c div.ow h2 a:active { color: #000; } #c div.ow h2 a:hover { color: #3399FF; border-bottom: none; } #c h1, #c h2, #c h3, #c h4, #c h5, #c h6, #c p { padding: 0 12px; } #c blockquote { line-height: 1.5; margin: 0 24px; padding-left: 12px; border-left: #DDD solid 1px; } #c blockquote p { padding: 0; } .alignleft { float: left; margin-right: 4px; } .alignright { float: right; margin-left: 4px; } #c p, #c ul, #c ol { margin-bottom: 18px; } #content { padding: 12px 0; background: #FFF; border: #EFEEEE solid 1px; } #sidebar { padding: 0; } #content { float: left; width: 500px; margin-left: 7px; } * html #content { display: inline; } #content ul { list-style: circle; } #content ol { list-style: decimal; } #content ul, #content ol { padding: 0 36px; } #content li { padding-bottom: 6px; } /* SIDEBAR ---------------------------------------------- */ #sidebar { float: right; width: 243px; } #c #sidebar ul, #c #sidebar #childNav { margin-bottom: 17px; } #calendar_wrap table { width: 100%; } #calendar_wrap caption { text-align: center; font-weight: bold; font-size: 14px; padding-bottom: 6px; } #calendar_wrap td, #calendar_wrap th { text-align: center; } #sidebar #cformsform { width: auto; margin: 0 12px; } #sidebar .cform legend { font-size: 14px; } #sidebar fieldset { border: none; background: none; border-width: 0; padding-bottom: 0; } #sidebar .cform label, #sidebar p.cf-sb { text-align: left; } #sidebar p.cf-sb input { width: auto; } #sidebar .cform textarea, #sidebar .cform input { width: 207px; } .linklove { display: none !important; } #sidebar p.quote { font-size: 16px; margin-bottom: 0; } #sidebar p.quote a:hover { border-bottom: none; } #sidebar p.quote a, #sidebar p.quote strong { display: block; } #sidebar #childNav, #sidebar li.widget, #sidebar p.quote { background: #FFF; border: #EFEEEE solid 1px; padding: 12px; } #sidebar #childNav ul { margin: 0; list-style: circle; padding-left: 12px; } #sidebar li.widget { margin-bottom: 17px; } #sidebar li.widget p { margin: 0; padding: 0; } /* FOOTER ---------------------------------------------- */ #footer { background: #383838; color: #FFF; font-size: 11px; } #footer div.wrap { overflow: hidden; } #footer div.copy { float: left; width: 505px; padding: 18px 0; } #footer div.copy p { margin-bottom: 4px; } #footer p.rehau { position: relative; float: right; width: 256px; } #footer p.rehau img { display: block; } #footer p.rehau span { position: absolute; top: 26px; left: 115px; color: #817F84; }