/* Theme Name:CODA BLUE Theme URI:http://wordpress.bustatheme.com/coda-blue/ Description:The Coda Slider inspired wordpress theme by Greg Johnson. Version:1.0 Author:Greg Johnson Author URI:http://greg-j.com/ Tags:coda, jquery, slider, dark, fixed */ /* CSS Reset */ html, div, span, applet, object, iframe, 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 caption{ margin:0; padding:0; border:0; outline:0; } :focus{outline:0} ol, ul{list-style:none} blockquote:before, blockquote:after, q:before, q:after{content:""} blockquote, q{quotes:"" ""} strong{font-weight:bold} em{font-style:normal} body {font-size: 62.5%; /* Resets 1em to 0px */font-family: Verdana, Sans-Serif;margin: 0 0 0px 0;padding: 0;} p {padding-bottom:10px;} a {color: #127ab9;text-decoration: none; cursor:pointer} a:hover {color: #127ab9;text-decoration: underline;} a:focus {outline: none;} h1, h2, h3, h4, h5, h6 {font-weight: normal; margin:0px 0px 7px 0px;} /* news */ h1 {font-size:18px; color:#cb8929; margin:0px; padding:0px; margin:0px 0px 5px 0px;} h2 {font-size:14px; color:#cb8929; margin:0px; padding:0px; margin:0px 0px 5px 0px;} h3 {font-size:11px; color:#cb8929; margin:0px; padding:0px; margin:0px 0px 5px 0px;} /* STRUCTURE--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #page {width:100%; background-color:white; padding:0px; font-family:Verdana; } .clear {clear: both;} /* STRUCTURE--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* HEADER INTERIOR------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #headerinterior {width:920px; height:316px; padding:8px; margin:0 auto;position:relative;background-image: url(images/header_interior.gif); background-repeat: no-repeat;} #home {width:892px; height:334px; margin-left:0px; margin-top:0px; background: #ffffff url('images/header.gif') no-repeat;} #calltoaction {width:892px; height:40px; text-align:center;color:#ffffff; font-size:14px; margin:0px; padding:0px; background: #ffffff url('images/calltoaction.gif') no-repeat;} /* HEADER--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #header {width:900px; height:390px; margin: 0px auto; background: url('images/header.jpg') no-repeat;} #headerback {width:100%; height:390px; margin-left:0px; background:#00204c url('images/headerback.gif') repeat;} #header h1, #header h2{display:none;} #header ul {list-style-type: none; list-style-image: none; float: right; padding: 0px 0px 0px 0px; margin-left: 10px; margin-top: 30px;} #header ul li {float: left; display: block;padding:0px;padding-right:15px;} #header ul li a {text-decoration: none; color: #ffffff; font-family:verdana;font-style:bold; font-size:11px; border-bottom: 4px solid #045c90;} #header ul li a:hover {text-decoration: none; color: #ffffff; font-family:verdana;font-style:bold;font-size:11px; border-bottom: 4px solid #ffffff;} /* CONTENT-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #content {width:900px; margin: 0px auto; background:#f9fafa url('') no-repeat;} #contentback {width:100%; margin-left:0px; background:#f9fafa url('') no-repeat;} #contentwrap {width:100%;background-color:#;padding:0px;margin-left:0px; margin-top:0px; font-family:verdana;font-size:11px; line-height:14px; background-color:#f9fafa;} #content-a {float:left; width:464px;padding:4px; border: solid 10px #e8f5ff; background-color:#ffffff;} #content-b {float:right; width:350px; padding:4px;height:100%; border: solid 0px #f4f4f5;background-color:#ffffff;} #content-wide {width:870px;padding:4px; border: solid 0px #00aeef; background-color:#f4f4f5;} #inside {padding:10px; background-color:#e8f5ff;} #inside p {padding-bottom:0px;} #inside-b {padding:10px; background-color:#c7e4fa; font-family:verdana;font-size:9px; line-height:12px; height:autoÊ!important;Êheight:250px;} #cleanoffer { list-style-image: url(http://davidgrega.com/wp-content/themes/DavidGrega/images/cleanoffer_list.gif); margin:10px 0px 0px 20px; } code {padding:0px;margin:0px;color:#ff0000;font-size:11px;font-family: Verdana;} /* RECENT POSTS--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #recent-posts {padding-left: 0;margin-left: 0;border-bottom: 1px solid #dbdbdc;width: 100%;} #recent-posts li {list-style: none;margin: 0;padding: 0em;padding-top:4px;padding-bottom:4px;border-top: 1px solid #dbdbdc;} #morenews li {list-style: none;margin: 0;padding: 0em;padding-top: .5em;padding-bottom: 0em;text-align:right;} /* FOOTER--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #footer {width:900px; height:100px; margin: 0px auto; background: url('images/footer_logo.gif') no-repeat;} #footerback {width:100%; margin-left:0px; background:#ffffff url('images/footerback.gif') repeat;} /* MISCELLANEOUS-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .center {text-align: center;} .hidden {display: none;} hr {display: none;} a img {border: none;} /* IMAGES -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ p img {padding: 0;max-width: 100%;} /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ 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;} /* Begin Form Elements-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .entry form {/* This is mainly for password protected posts, makes them look better. */text-align:center;} select {width: 130px;} #commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;} #commentform {margin: 5px 10px 0 0;} #commentform textarea {width: 100%;padding: 2px;} #respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #commentform #submit {margin: 0 0 5px auto;float: right;} .project {width:350; height:175;} /* End Form Elements-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */