/* Theme Name: Danbar Drilling Services WordPress theme Theme URI: http://www.interconnectit.com/ Description: The WordPress theme for Danbar Drilling Services. Version: 1.0.1 Author: Mike Little for Interconnect IT Author URI: http://www.interconnectit.com/ Tags: custom */ @import url(reset-min.css); body { font-family: Arial, sans-serif; font-size: small; background-color: #fff; } * html body { font-size: 74%; } body { line-height: 1.6em;} h1 { font-weight: bold; font-size: 150%; color: #ff0;} h2 { font-weight: bold; font-size: 140%; color: #ff0; } h3 { font-weight: bold; font-size: 120%; color: #ff0; margin-top:20px; } h4 { font-weight: bold; font-size: 110%; color: #ff0; margin-top:20px; } h5 { font-weight: bold; font-size: 100%; color: #ff0; margin-top:20px;} h6 { font-weight: normal; font-size: 100%; color: #ff0; margin-top:20px;} #index {} div.wrap { width:936px; margin: 0 auto; } #header { background: #202020 url(images/head-bg.png) repeat-x; height: 136px; color: #fff; } #header #subhead { margin: 3px 0; } #logodiv { float:left; margin-top: 33px; margin-left: 20px;} #subhead {color:#ff0; display:block; font-size: 150%; font-weight: bold; letter-spacing: 0.04em;} h1 a { color: #202020; } #ir {} #description { text-align:right; float:right; margin-top: 33px; font-size: 120%; margin-right: 70px;} #description #line1 { color: #ff0; font-size: 160%; font-weight: bold; margin-right: 36px; margin-bottom:6px;} #headline { clear: both; float:left; width:100%;} #headline-image { float:left; margin-right: 20px; padding: 4px; border: 1px #dfdfff solid; height:250px;} #headline-image.short { height:60px;} #headline-story { margin-right: 100px; margin-left: 420px; color: #666; font-size: 120%;} #headline-story p { margin-bottom: 1em; } #home-read-more { text-align: right; } #home-read-more a { font-weight: bold; color: #e92f3a; text-decoration: none;} #home-read-more a:hover, #home-read-more a:active { text-decoration: underline;} #headline-story h1 { font-weight: bold; font-size: 110%; color: #444; margin-bottom: 1em;} /* rounded block */ #contact-block { padding: 0; background: #ccc url(images/grey-border-right.gif) top right no-repeat; width: 470px;} #contact-block .line1 { margin: 0; background: url(images/grey-border-left.gif) top left no-repeat; padding: 5px 5px 0 5px;} #contact-block .line2 { margin: 0; background: url(images/grey-border-left.gif) bottom left no-repeat; padding: 0 0 0 5px;} #contact-block .line2 em { display: block; background: url(images/grey-border-right.gif) bottom right no-repeat; padding: 0 5px 5px 0;} #contact-block p { font-size: 100%; } #contact-block .line1 img { position: relative; float:left; margin-right: 5px;} #contact-block a { color: #666; text-decoration: none;} #contact-block a:hover { text-decoration: underline;} #headline-story { position: relative; } #postit { position: absolute; right: -120px; bottom: -75px;} hr.clearer { clear: both; margin:0; color: #fff; border: 0;} #middle { clear: both; float:left; background: #454547 url(images/middle-bg.png) repeat-x; color: #fff; padding-top: 40px; width:100%; } #middle-clearer { clear: both; background: #fff url(images/middle-bg-bottom.png) repeat-x; height: 20px; margin: 0; margin-top: -6px; border-bottom: 0; } #middle #leftcolumn {float:left; width: 285px; margin-right: 10px; border-right: 0; } #home-page #middle #leftcolumn {width: 445px; border-right: 1px #444 solid; } #middle #leftcolumn li { clear: both; float:left;} #home-page #middle #leftcolumn li { margin-bottom: 20px;} #home-page #middle #leftcolumn img { display: block; float:left; border: 1px #ff0 solid; } #middle #leftcolumn div.featured { margin-left: 130px; margin-right: 20px; } #middle #leftcolumn .featured { } #middle #leftcolumn .featured div.featured a { color: #ff0; font-size: 140%; text-decoration: none;} #middle #leftcolumn li.post, #middle #leftcolumn li.page_item { font-weight: bold; font-size: 100%; color: #ccc; text-decoration: none; width: 100%;} #middle #leftcolumn #search { } #middle #leftcolumn #top li.current_page_item a { color: #fff; } #middle #leftcolumn li.post a, #middle #leftcolumn li.page_item a, #middle #leftcolumn li a { color: #ccc; text-decoration: none;} .offscreen { width:1px; height:1px; top:-900px; font-size:1%; position:absolute; overflow:hidden; } #middle #leftcolumn ul#search label { color: #ff0; font-weight: bold;} #middle #leftcolumn ul#search input { border: 0; height: 1.6em; font-size: 80%; vertical-align: middle;} #middle #leftcolumn ul#search #s { width: 80%;} #middle #leftcolumn ul#search form, #middle #leftcolumn ul#search li, #middle #leftcolumn ul#search div { width: 100%; float:left; } #middle #leftcolumn ul#search { background-color: #454547; float:left; width: 100%; } #middle #leftcolumn ul#top { background-color: #454547; float:left; width: 100%; margin-bottom: 0; margin-top: 0; border-bottom: 1px #fff solid; border-top: 1px #fff solid; padding-bottom: 20px; } #middle #leftcolumn ul#bot { background-color: #454547; float:left; width: 100%; } #middle #leftcolumn ul#meta { background-color: #454547; float:left; width: 100%; } #middle #leftcolumn li { background-color: #454547; float:left; width: 100%; } #home-page #middle #leftcolumn li { background-color: transparent; } #middle #leftcolumn #search { padding: 5px; } #middle #leftcolumn #top { padding: 5px; } #middle #leftcolumn #bot { padding: 5px; } #middle #leftcolumn h3 { margin-top: 10px; margin-bottom: 5px; } #index #middle #leftcolumn li.post, #index #middle #leftcolumn li.page_item { margin: 0; line-height: 1.7;} #middle #leftcolumn p { font-size: 110%; margin-top: 0.5em;} #middle #rightcolumn { width: 536px; float:left; margin-left: 21px;} #home-page #middle #rightcolumn { width: 376px;} #middle #rightcolumn p { font-size: 120%; margin-top: 1em;} #middle #rightcolumn h2 { font-weight: bold; font-size: 150%; color: #ff0; line-height: 1.2;} #home-rss { text-align: right; margin-right: -35px; border: 0; vertical-align: middle; margin-bottom: 5px;} #home-rss img { vertical-align: middle;} #footer {} #footer #footfind { width: 270px; float:left;} #footer #footaddress { width: 360px; float:left;} #footer #footcontact { width: 270px; float:left;} #footer #footfind p { margin-left: 30px; text-align: center; width: 75px; background: #fff url(images/globe.png) no-repeat; padding-top: 60px;} #footer #footfind a { text-decoration: none;} #footer #footcontact p { margin-left: 200px; text-align: center; width: 67px; background: #fff url(images/contact2.png) no-repeat; padding-top: 50px;} #footer #footcontact a { } #footer #footaddress { text-align: center;} #footer #foot-links { color: #333;} #footer #foot-links li { display: inline; border-right: 1px #999 solid;} #footer #foot-links li.last { border-right: 0;} #footer #foot-links a { color: #333; margin-right: 4px; margin-left: 4px; text-decoration: none; } #footer a { color: #333; text-decoration: none; } #footfind a { color: #f00; font-weight: bold; } #footcontact a { color: #f00; font-weight: bold; } #footer p a span { color: #f60; } strong { font-weight: bold; } #middle #rightcolumn h2 a { color: #ff0; text-decoration: none;} #middle #rightcolumn h2 a:hover, #middle #rightcolumn h2 a:active { text-decoration: underline;} div.post { margin-bottom: 1.5em; } .navigation a { color: #ff0; text-decoration: none;} .navigation a:hover, .navigation a:active { text-decoration: underline;} .navigation .alignleft { float:left;} .navigation .alignright { float:right;} #search-page div.entry h1, #search-page div.entry h2 { color: #fff; font-size: 100%; } /* hide the cforms link */ .linklove a { position: absolute; left: -999em; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } .aligncenter { text-align: center;} .entry img { border: 1px #eee solid; } .entry a { color: silver;} .entry a:hover, .entry a:active { color: yellow; } #middle #rightcolumn .morelink { text-align:right; margin-top: 0.25em;} img.noborder { border-style:none; } .morelink a { color: #ff0; text-decoration: none;} .morelink a:hover, .morelink a:active { text-decoration: underline;} .column-thirds{ width: 35%; display: inline; float: left; padding: 2.5%;} .column-halves{ width: 45%; display: inline; float: left; padding: 2.5%;} .column-two-thirds{ width: 55%; display: inline; float: left; padding: 2.5%;} #middle #rightcolumn li { list-style-type: disc; margin-left: 3em;} #middle #rightcolumn ul { margin-top:15px; margin-bottom:15px; font-size: 110%; }