/* Theme Name: Carron Media v1.2 Theme URI: http://www.carronmedia.com/ Description: Wordpress theme for Carron Media. Author: Ian Harris Author URI: http://www.carronmedia.com/ Version: 1.2 */ @import url("http://files.carronmedia.com/css/reset.css"); body {background: url('http://files.carronmedia.com/images/backinner.jpg') 0 0 repeat-x #fff; font: 62.5%/1.9em Verdana, Arial, Helvetica, sans-serif; color: #444;} body.home {background: url('http://files.carronmedia.com/images/background.jpg') 0 0 repeat-x #fff;} .hidden {display: none;} .clear {clear: both;} .left {float: left;} .justify {text-align: justify;} strong {font-weight: bold;} a img {border: none;} #wrapper {position: relative; width: 960px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%;} /****** HEADER ******/ #header {width: 960px; height: 101px;} #logo {margin: 0 0 0 10px; width: 355px; height: 100px; float: left;} #topmenu {margin: 10px; width: 250px; float: right; text-align: right;} #topmenu p, #topmenu a, #topmenu a:visited {color: #fff; font-size: 1em; text-decoration: none;} #topmenu a:hover {color: #ccc;} #topmenu img {vertical-align: middle;} /******* NAVIGATION *******/ #navbar {height: 43px;} #nav {margin: 0 0 0 10px; height: 43px; width: 600px; float: left;} #nav li {float: left;} #nav a, #nav a:visited {background: url('http://files.carronmedia.com/images/menu1.png') 0 0 no-repeat; height: 43px; display: block; outline: none;} #nav a.home, #nav a:visited.home {width: 66px; background-position: 0 0;} #nav a:hover.home, #nav a.home .active {background-position: 0 -43px;} #nav a.services, #nav a:visited.services {width: 80px; background-position: -67px 0;} #nav a:hover.services, #nav a.services .active {background-position: -67px -43px;} #nav a.portfolio, #nav a:visited.portfolio {width: 78px; background-position: -147px 0;} #nav a:hover.portfolio, #nav a.portfolio .active {background-position: -147px -43px;} #nav a.blog, #nav a:visited.blog {width: 54px; background-position: -225px 0;} #nav a:hover.blog, #nav a.blog .active {background-position: -225px -43px;} #nav a.contact, #nav a:visited.contact {width: 77px; background-position: -278px 0;} #nav a:hover.contact, #nav a.contact .active {background-position: -278px -43px;} #nav a.quote, #nav a:visited.quote {width: 102px; background-position: -355px 0;} #nav a:hover.quote, #nav a.quote .active {background-position: -355px -43px;} /******* SEARCH *******/ #searchform {width: 215px; float: right; text-align: right; padding: 0 10px 0 0; margin: 12px 0 0;} .searchinput, .searchbutton {float: left; height: 21px;} .searchinput {background: url('http://files.carronmedia.com/images/searchbg.png') no-repeat; width: 193px;} .searchbutton {width: 17px;} input#s {border: none; background: none; width: 173px; padding: 2px 10px; color: #999; outline: none;} /****** BANNER ******/ #banner {height: 100px; background: url('http://files.carronmedia.com/images/mainbginner.jpg') 0 0 no-repeat;} body.home #banner {height: 236px; background: url('http://files.carronmedia.com/images/mainbg.jpg') 0 0 no-repeat;} #banner h2 {line-height: 100px; padding: 0 0 0 10px; font-size: 41px; color: #fff;} /******* CONTENT *******/ #content {margin: 53px 0 0; padding: 10px;} body.home #content {margin: 13px 0 0; padding: 0;} #maincontent {width: 680px; float: left;} #sidebar {width: 220px; float: right;} #content p, #content li, #content address, #contact label, #contact span {font-size: 12px;} #content p, #content address {margin: 0 0 10px;} body.home #content p, body.home #content li {font-size: 13px;} #content address {font-style: normal;} #sidebar a.sidebarrss {background: url('http://files.carronmedia.com/images/feed-icon.png') left 3px no-repeat; display: block; height: 18px; line-height: 18px; font-size: 14px; padding: 0 0 0 18px;} #sidebar ul {margin: 0 0 10px;} #sidebar ul ul li {margin: 0 0 3px 20px; list-style: disc; color: #7aa6cb;} #sidebar ul ul li a, #sidebar ul ul li a:visited, #sidebar ul #tagcloud a, #sidebar ul #tagcloud a:visited {color: #444;} #sidebar ul ul li a:hover, #sidebar ul #tagcloud a:hover {color: #7aa6cb;} abbr, acronym {border-bottom: 1px dotted #7aa6cb; cursor: help;} #content a, #content a:visited {color: #7aa6cb; text-decoration: underline;} #content a:hover {color: #555;} #content h3 {font-size: 25px; line-height: 1.25em; color: #7aa6cb; margin: 5px 0 10px;} #content h4 {font-size: 20px; color: #7aa6cb; margin: 25px 0 10px; clear: both;} #content div.post h4, #sidebar h4 {margin: 30px 0 10px;} #content div.portfoliocontent h4 {margin: 0 0 10px;} #content h4 a, #content h4 a:visited {text-decoration: none; border-bottom: 1px solid;} #content h4 a:hover {text-decoration: none;} #content h5, #footer h5 {font-size: 16px; color: #7aa6cb; margin: 5px 0 10px;} /*Home Page */ .maincolumn {width: 245px; padding: 40px 10px 10px 65px; float: left;} .columnbg1 {background: url('http://files.carronmedia.com/images/edit.png') 10px 40px no-repeat;} .columnbg2 {background: url('http://files.carronmedia.com/images/user.png') 10px 40px no-repeat;} .columnbg3 {background: url('http://files.carronmedia.com/images/cart.png') 10px 40px no-repeat;} .maincolumn p {margin: 10px 0;} .maincolumn ul, .service ul {margin: 10px 0 0 0px;} .maincolumn ul li, .service ul li{background: url('http://files.carronmedia.com/images/tick.png') 0 center no-repeat; padding: 0 0 0 20px; list-style: none;} /* Blog */ #maincontent p.postauthor {font-size: 10px;} .postsideinfo {float: left; width: 60px; text-align: center;} #maincontent .postsideinfo p {margin: 0; line-height: 1.1em;} #maincontent p.blogday {font-size: 28px;} #maincontent p.blogmonth {font-size: 18px;} #maincontent p.blogyear {font-size: 12px;} #maincontent p.totalcomments {background: url('http://files.carronmedia.com/images/comment-bubble.png') 0 0 no-repeat; height: 48px; width: 60px; margin: 8px 0 0; font-size: 18px; line-height: 48px;} .backlink {font-size: 13px; margin: 0 0 15px; display: block;} .blogcounter {margin: 20px 0 0; width: 60px;} .postmain {float: right; width: 589px; border-left: 1px dotted #ccc; padding: 0 0 0 15px;} .blogpost {margin: 0 0 40px;} #maincontent .postdetails {height: 38px; line-height: 38px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; margin: 30px 0 0;} img.comment, img.contactimg, img.commentfeed {vertical-align: middle;} /* Comments */ #commentsarea {background-color: #f0f0f0; border: 1px solid #ccc; padding: 10px; margin: 40px 0;} .commentlist div.commentwrap, .trackbacks {background-color: #fff; border: 1px solid #ccc; margin: 0 0 10px; padding: 10px;} .trackbacks li {line-height: 25px; list-style: decimal; margin: 0 0 0 20px;} .commentavatar {float: left; width: 64px; padding: 0 10px 0 0;} li.depth-1 div.commenttext {float: left; width: 560px;} li.depth-2 div.commenttext {float: left; width: 520px;} li.depth-3 div.commenttext {float: left; width: 480px;} li.depth-4 div.commenttext {float: left; width: 440px;} .commenttext cite {font-size: 16px; font-style: normal; color: #7aa6cb;} .reply {height: 16px; width: 100%;} .reply a.comment-reply-link {background: url('http://files.carronmedia.com/images/add_comment.png') 0 0 no-repeat; padding: 0 0 0 20px; line-height: 16px; float:right;} #comments_section div#respond {margin: 5px 0 15px;} #commentsarea .commenttext a.url, #commentsarea .commenttext a:visited.url {color: #7aa6cb;} #commentform input[type="text"], #commentform input.submitbutton, #commentform textarea, #contact input[type="text"], #contact input[type="submit"], #contact textarea {width: 390px; padding: 5px; border: 1px solid #ccc; display: block;} #commentform input.focusField, #contact input.focusField, #commentform textarea.focusField, #contact textarea.focusField {border: 1px solid #7aa6cb; background: #f6fafe;} #commentform input.submitbutton, #contact input[type="submit"] {width: 150px; outline: none;} #contact input[type="submit"] {margin: 0 0 0 250px; float: left;} #contact select {border: 1px solid #ccc;} #contact option {margin: 0 3px 0 0;} /* General */ #terms {padding: 0 10px;} #terms p, #terms ul li {font-size: 10px;} #terms ul, #maincontent ul {list-style: disc; margin: 0 0 10px 40px;} #maincontent ul.children {list-style: none;} .testimonial {background: url('http://files.carronmedia.com/images/comment.png') 0 0 no-repeat; margin: 0 0 20px; padding: 0 0 0 65px;} .service {margin: 5px 0 0; padding: 0 0 0 65px;} .design {background: url('http://files.carronmedia.com/images/edit.png') 0 0 no-repeat;} .development {background: url('http://files.carronmedia.com/images/process.png') 0 0 no-repeat;} .ecommerce {background: url('http://files.carronmedia.com/images/cart.png') 0 0 no-repeat;} .wordpress {background: url('http://files.carronmedia.com/images/note_book.png') 0 0 no-repeat;} .cms {background: url('http://files.carronmedia.com/images/tools.png') 0 0 no-repeat;} .seo {background: url('http://files.carronmedia.com/images/search.png') 0 0 no-repeat;} .marketing {background: url('http://files.carronmedia.com/images/mail.png') 0 0 no-repeat;} .sitemapcol {width: 205px; padding: 10px; float: left;} #maincontent div.sitemapcol ul {margin: 0 0 0 20px;} .portfoliosite {padding: 10px 0 20px; margin: 0 0 10px; border-bottom: 1px solid #ccc; overflow: hidden;} .portfoliosite.bottomsite {border-bottom: none; padding: 10px 0 0; margin: 0;} .portfolioimg {width: 350px; float: left;} #maincontent .portfolioimg p {margin: 0;} .portfolioimg a img {background-color: #f0f0f0; border: 1px solid #ccc; padding: 5px;} .portfolioimg a:hover img {border-color: #7aa6cb;} .portfoliocontent {float: right; width: 310px;} .servicelist {width: 155px; float: left;} #maincontent .servicelist ul {margin-left: 0;} #maincontent .servicelist ul li {background: url('http://files.carronmedia.com/images/tick.png') 0 center no-repeat; padding: 0 0 0 20px; list-style: none;} .downloadlink {height: 48px; margin: 10px 20px; padding-left: 55px; background: url('http://files.carronmedia.com/images/download.png') 0 0 no-repeat;} #maincontent .downloadlink p {font-size: 18px; line-height: 48px;} #maincontent .downloadlink small {font-size: 12px;} #tutoriallinks {background: #f0f0f0; border: 1px solid #ccc; padding: 10px 0; margin: 15px 30px; height: 48px; text-align: center;} #maincontent a.demo, #maincontent a.download {display: inline-block; height: 48px; font-size: 18px; line-height: 48px; padding-left: 55px; margin: 0 10px;} #maincontent a.demo {background: url('http://files.carronmedia.com/images/process.png') 0 0 no-repeat;} #maincontent a.download {background: url('http://files.carronmedia.com/images/download.png') 0 0 no-repeat;} dl {margin: 0 0 10px;} dt, dd {font-size: 12px;} dd {font-style: italic; margin-left: 30px;} img.postheaderimg {background-color: #f0f0f0; border: 1px solid #ccc; padding: 5px; margin: 0 0 5px;} a:hover img.postheaderimg {border-color: #7aa6cb;} img.aligncenter {display: block; background-color: #f0f0f0; border: 1px solid #ccc; padding: 5px; margin: 10px auto;} div.post blockquote {background-color: #f0f0f0; border: 1px solid #ccc; padding: 10px 15px; margin: 15px 30px;} #content div.post blockquote p {color: #7aa6cb; font-size: 16px; line-height: 24px; margin: 0;} #map {margin: 0 auto;} /****** CONTACT FORMS ******/ #contact {margin: 30px 0 20px;} #contact form p {position: relative;} #contact fieldset {background-color: #f0f0f0; border: 1px solid #ccc; margin: 0 0 15px; padding: 10px;} #contact fieldset.formbutton {border: none; background-color: #fff;} #contact form div {position: relative; min-height: 30px; margin: 0 0 10px;} #contact form div.clear {min-height: 0; height: 0;} #contact span.requiredfield {color: red;} #contact label, #contact span.labeltext {float: left; width: 250px; margin-top: 2px;} #contact label.radiolabel {float: left; width: 130px; margin-top: 2px;} #contact label.checkboxlabel {float: left; width: 200px; margin-top: 2px;} #contact div.featurecheckboxes {float: left; width: 400px; margin-bottom: 0;} #contact .success, #contact .warning {border: 1px solid; margin: 0 0 15px; padding: 10px 0 0 50px;} #contact .success {background: #dff2bf url('http://files.carronmedia.com/images/success.png') 5px center no-repeat; color: #4f8a10;} #contact .warning {background: #ffbaba url('http://files.carronmedia.com/images/warning.png') 5px center no-repeat; color: #d8000c;} #contact .success p {color: #4f8a10; font-size: 1.3em; font-weight: bold;} #contact .warning p {color: #d8000c; font-size: 1.3em; font-weight: bold;} #contact label.error {float: none; color: red; position: absolute; top: 16px; left: 0; font-size: 11px;} img.formloaderimg {margin: 3px 0 0 10px; float: left;} /******* FOOTER *******/ img#wpstats {display:none} #footer {border-top: 1px solid #ccc; margin-top: 20px; font: 1.1em/19px Verdana, Arial, Helvetica, sans-serif; color: #999;} #footer a, #footer a:visited {color: #999;} #footer a:hover {color: #444;} #footer li {padding-left: 20px;} #colwrapper {position: relative; width: 840px; left: 100px; margin: 10px 0 5px;} .footercol, .footercolwide {padding: 10px 10px 20px; float: left;} .footercol {width: 180px;} .footercolwide {width: 220px;} .stumble {background: url('http://files.carronmedia.com/images/icons/stumbleupon.png') 0 2px no-repeat;} .digg {background: url('http://files.carronmedia.com/images/icons/digg.png') 0 2px no-repeat;} .facebook {background: url('http://files.carronmedia.com/images/icons/facebook.png') 0 2px no-repeat;} .delicious {background: url('http://files.carronmedia.com/images/icons/delicious.png') 0 2px no-repeat;} .twitter {background: url('http://files.carronmedia.com/images/icons/twitter.png') 0 2px no-repeat;} .technorati {background: url('http://files.carronmedia.com/images/icons/technorati.png') 0 2px no-repeat;} .emailicon {background: url('http://files.carronmedia.com/images/email.png') 0 2px no-repeat;} .mailicon {background: url('http://files.carronmedia.com/images/page.png') 0 2px no-repeat;} .phoneicon {background: url('http://files.carronmedia.com/images/telephone.png') 0 2px no-repeat;} #footer .footerlinks li {padding-left: 0;} #latest_tweet span {font-size: 0.9em; color: #7aa6cb;} .loadinggif {background: url('http://files.carronmedia.com/images/ajax-loader.gif') center center no-repeat; height: 50px;} .twitter_link {display: block; background: url('http://files.carronmedia.com/images/twitter_blue_bird.png') 0 0 no-repeat; padding-left: 50px; margin-top: 10px; height: 25px; font: 14px/25px bold Verdana, Arial, Helvetica, sans-serif;} #copyright {text-align: center; height: 30px;} #copyright p {line-height: 30px;} #copyright img {vertical-align: middle;}