/* Theme Name: Threadless Media Theme URI: http://threadlessmedia.com Description: First Threadless Media Theme. Author: Bob Potter Author URI: http://threadlessmedia.com Version: 1.1 */ /******************************** Background-Styles ********************************/ 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; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" "";} h1, h2, h3, h4, h5, h6 {margin-bottom: 12px;} h1 {font-size: 2em; line-height: 1em;} h2 {font-size: 1.8em; line-height: 1.1em;} h3 {font-size: 1.6em; line-height: 1.1em;} h4 {font-size: 1.4em;} h5 {font-size: 1.2em;} h6 {font-size: 1em;} p {padding-bottom: 15px;} strong {font-weight: bold;} em { font-style: italic; } body { margin: 0px; padding: 0px; background: #fff url(images/bg-header.jpg) repeat-x; color:#222528; font-family: Georgia, Times, serif; font-size:95%; line-height:1.3em; } #footer { padding:40px; top:-20px; min-height:130px;} .container { width:960px; margin: 0 auto; position:relative; } .clear { clear: both;} /******************************** Header-Styles ********************************/ #header { padding: 0px; } #logo { background: url(images/logo-threadless-media.png) no-repeat; width: 606px; height: 122px; } #logo a { display: block; text-indent: -9999px; width: 606px; height: 122px; } #logo h1 {font-size: 2em; color: #fff; } ul#menu { margin:10px 0 10px 0; padding:0px; position:absolute; right:0px;} ul#menu li { display:inline; margin-left:0;} ul#menu li a { text-decoration:none; color:#fff; font-size:13px; text-transform:uppercase; padding: 4px 14px 19px; } ul#menu li a:hover { background-color:#3d87c3; } /******************************** featuredBlock ********************************/ #featuredBlock { width: 960px; border-bottom: 1px solid #ebebeb; margin:0; padding:0;} #imageBlock { width: 335px; padding: 25px 25px 20px 25px; float: left; } #imageBlock img {margin: 15px; background: #fff; border: 1px solid #ebebeb;} #textBlock { width: 525px; padding: 25px 25px 30px 25px; float: right; text-align: justify;} #textBlock p { font-style: italic;} a:link.button { text-decoration: none; background-color: #3d88c4; color:#fdfef8; border: 5px solid #337cb6; font-size:.9em; padding: 6px 18px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } a:visited.button { text-decoration: none; background-color: #3d88c4; color:#fdfef8; border: 5px solid #337cb6; font-size: .9em; padding: 6px 18px; -moz-border-radius: 6px; -webkit-border-radius:6px; } a:hover.button { background-color: #4a95d0; border: 5px solid #3d88c4; -moz-border-radius: 6px; -webkit-border-radius:6px; } /******************************** contentBlock ********************************/ #contentBlock { margin: 0; padding: 0;} #content a:link { text-decoration: underline; color: #3d88c4; } #content a:visited { text-decoration: underline; color: #3d88c4;} #content a:hover { text-decoration: none; color: #3d88c4; } #content h2 { padding-top: 15px;} #content h2 a:link {text-decoration: none; background: none; color: #333333; font-weight: normal; } #content h2 a:visited {text-decoration: none; background: none; color: #333333; font-weight: normal; } #content h2 a:hover {text-decoration: underline; color: #333333;} #content .entry h3 a:link {text-decoration: none; background: none; color: #333333; font-weight: normal; } #content .entry h3 a:visited {text-decoration: none; background: none; color: #333333; font-weight: normal; } #content .entry h3 a:hover {text-decoration: underline; background: none; color: #333333; } #content .entry ol, #content .entry ul { margin-left: 35px; margin-bottom: 8px;} .entry h3 { padding-top: 25px; } #contentBlock a:link.button { text-decoration: none; background-color: #3d88c4; color:#fdfef8; border: 5px solid #337cb6; font-size:.9em; padding: 6px 18px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } #contentBlock a:visited.button { text-decoration: none; background-color: #3d88c4; color:#fdfef8; border: 5px solid #337cb6; font-size: .9em; padding: 6px 18px; -moz-border-radius: 6px; -webkit-border-radius:6px;} #contentBlock a:hover.button { background-color: #4a95d0; border: 5px solid #3d88c4; -moz-border-radius: 6px; -webkit-border-radius:6px; } #content { width: 550px; float: left; padding: 0px 40px 40px 0; text-align: justify;} #content { border-right: 1px solid #ebebeb; } .first ebebeb #content ol, #content ul { margin-left: 40px; margin-bottom: 15px; } #content img.aligncenter, #content img.alignright, #content img.alignleft { border: 1px solid #ebebeb; } #content img.aligncenter { display: block; margin: 0 auto 12px; } #content img.alignright { float: right; margin-left: 15px; } #content img.alignleft { float: left; margin-right: 15px; } #content .postmetadata { padding-top: 15px; font-size: .9em; } #content .postmetadata a:link { text-decoration: none; background-color: #fff; color: #333333; } #content .postmetadata a:visited { text-decoration: none; background-color: #fff; color: #333333; } #content .postmetadata a:hover { text-decoration: underline; background-color: #fff; color: #333333; } blockquote { border-left: 5px solid #333333; padding: 5px 25px; margin: 15px 25px 15px 0px; } /******************************** sidebar - homepage ********************************/ #sidebar { width: 365px; margin-left: 2px; float: right; padding: 0px 0 0; } #sidebar { border-left: 1px solid #ebebeb; padding-bottom: 35px;} #sidebar h3.home { text-align: center; color: #333333; background: #3d88c4; padding: 15px 0;} #sidebar ul.serviceImg {margin-top: -12px; list-style: none; font-size: 14px; border-top: 1px solid #ebebeb; padding-top: 15px; border-bottom: 1px solid #ebebeb; padding-bottom: 15px;} #sidebar ul.serviceImg a:link { text-decoration: none; background: none; color: #3f3e3a; } #sidebar ul.serviceImg a:visited { text-decoration: underline; background: none; color: #3f3e3a; } #sidebar ul.serviceImg a:hover { text-decoration: underline; color: #3f3e3a; } #sidebar .improveWebsite { width: 365px; height: 53px; background: url(images/improve-your-website.gif) no-repeat; padding-bottom: 15px; border-bottom: 1px solid #ebebeb;} #sidebar .improveWebsite a { display: block; text-indent: -9999px; width: 365px; height: 53px; } #sidebar .getTraffic { width: 365px; height: 53px; background: url(images/get-more-web-traffic.gif) no-repeat; margin-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #ebebeb;} #sidebar .getTraffic a { display: block; text-indent: -9999px; width: 365px; height: 53px; } #sidebar .engageCustomers { width: 365px; height: 53px; background: url(images/engage-your-customers.gif) no-repeat; margin-top: 15px; } #sidebar .engageCustomers a { display: block; text-indent: -9999px; width: 365px; height: 53px; } #sidebar h3 { color: #3f3e3a; padding: 41px 0 5px 15px;} #sidebar ul.serviceList { list-style: none; margin: 0 0px; } #sidebar ul.serviceList a:link { text-decoration: none; background: none; color: #3f3e3a; display: block; border-bottom: 1px solid #ebebeb; padding: 5px 15px;} #sidebar ul.serviceList a:visited { text-decoration: none; background: none; color: #3f3e3a; display: block; border-bottom: 1px solid #ebebeb; padding: 5px 15px; } #sidebar ul.serviceList a:hover { text-decoration: underline; color: #3f3e3a; } #sidebar .nolinkhilite a:link { text-decoration: none; background-color: #fff; } #sidebar .nolinkhilite a:visited { text-decoration: none; background-color: #fdfef8; } #sidebar .nolinkhilite a:hover { text-decoration: none; background-color: #fdfef8; } /******************************** Comments ********************************/ #disqus_thread .dsq-by a:link, #disqus_thread .dsq-by a:visited, #disqus_thread .dsq-by a:hover, #disqus_thread .dsq-by a:active { text-decoration: none; background: none; } #disqus_thread .dsq-authenticated-pic a:link, #disqus_thread .dsq-authenticated-pic a:visited { text-decoration: none; background: #fff; } #disqus_thread .dsq-authenticated-pic a:hover { text-decoration: none; background: #fff; } #disqus_thread .dsq-authenticated-pic a:active { text-decoration: none; background: #fff; } #disqus_thread .dsq-authenticated-info a:link, #disqus_thread .dsq-authenticated-info a:visited, #disqus_thread .dsq-authenticated-info a:active { text-decoration: none; background: none; color: #333333; } #disqus_thread .dsq-authenticated-info a:hover { text-decoration: underline; background: none; color: #333333; } #disqus_thread .logout a:hover { background: #eaf2ac; } /******************************** footer ********************************/ #footer { background: #54564e url(images/bg-footer-container.jpg) repeat; margin: 0;} #footer .container { margin-top: -40px; padding-top: 20px;} #footer h3, #footer p { color: #fdfef8; } #footer p { font-size: 14px; line-height: 1.4em; } #footer .twitter { background: url(images/twitter-48.png) no-repeat 0 30%; padding: 25px 0 25px 55px; margin-bottom: 15px;font-style: italic;} #footer .blogPosts { width: 293px; float: left; margin-right: 40px; } #footer .socialLinks { width: 293px; float: right; } #footer ul { list-style: none; } #footer ul li { display: block; } #footer ul li a:link { color: #fdfef8; text-decoration: none; margin-top: 1px; padding: 1px 0 1px 4px; display: block; font-size: 14px;} #footer ul li a:visited { color: #fdfef8; text-decoration: none; margin-top: 1px; padding: 1px 0 1px 4px; display: block; font-size: 14px;} #footer ul li a:hover { color: #fdfef8; background: #3d88c4; } #footer .facebook { background: url(images/facebook-icon.png) no-repeat 0 50%; padding-left 60px; } /******************************** tables ********************************/ table { width: 100%; border: 1px solid #d7d9c5; border-bottom: none; background: #fff; } table caption { margin: 0; padding: 8px 20px; text-align: auto; border: 1px solid #d7d9c5; border-bottom: none; background: #fff; } table th, table td { margin: 0; padding: 8px 15px; text-align: center; border-bottom: 1px solid #b5b5b5; } table th { color: #333; } table .name { text-align: left; } table tr { background: #f7f7f7; } table tr.alt { background: #fff; }