/* Theme Name: DCI Blog Website URI: http://www.dciblog.com Description: A WordPress Blog for Development Concepts, Inc. Version: 1.0 Author: Brad Huff Author URI: http://apartmentonefifteen.com/ DCI Blog http://www.dciblog.com/ This website was designed and built by Brad Huff, Apartment Onefifteen */ /************************************************************************ Listing Order: ============== 1 - Colors 2 - Fonts 3 - Global 4 - Header 5 - Content 6 - Sidebar 7 - Footer ************************************************************************/ /*********************************************************************** 1 - COLORS ************************************************************************/ /* Blue rgb(81,113,178) Red rgb(255,13,8) Lt Red 60 rgb(255,110,107) Dk Red 80 rgb(204,10,6) Dk Red 60 rgb(153,8,5) */ /*********************************************************************** 2 - FONTS ************************************************************************/ @font-face { font-family: "LeagueGothic"; src: url(fonts/LeagueGothic.otf) format("opentype"); } /*********************************************************************** 3 - Global ************************************************************************/ * { margin: 0px; padding: 0px; border: 0px; } body { background: rgb(255,255,255); color: rgb(51,51,51); font-family: Arial, Helvetica, sans-serif; font-size: 14px; } p { line-height: 20px; margin-bottom: 20px; } a { color: rgb(255,13,8); text-decoration: none; } a:hover { text-decoration: underline; } h1,h2,h3 { font-family: "LeagueGothic"; font-weight: normal; margin-bottom: 20px; } h1 { font-size: 36px; line-height: 40px; } h2 { font-size: 30px; line-height: 40px; } .home h2 { font-size: 36px; line-height: 40px; } h3 { font-size: 24px; line-height: 20px; } h4 { font-size: 14px; line-height: 20px; font-family: font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .left {float:left } .right {float:right } .clear { clear: both } .wrap { width: 960px; margin: 0px auto 0px auto; } .button { padding: 5px 20px; color: white; background: rgb(255,49,32); border:1px solid rgb(255,49,32); border-bottom:1px solid rgb(204,10,6); -moz-box-shadow: inset 0px 1px 0px rgba(255,110,107,1); -webkit-box-shadow: inset 0px 1px 0px rgba(255,110,107,1); box-shadow: inset 0px 1px 0px rgba(255,110,107,1); cursor: pointer; position: relative; } .button:hover { background: rgb(255,13,8); border:1px solid rgb(255,13,8); border-bottom:1px solid rgb(255,110,107); -moz-box-shadow: inset 0px 5px 10px rgba(153,8,5,.5); -webkit-box-shadow: inset 0px 5px 10px rgba(153,8,5,.5); box-shadow:inset 0px 5px 10px rgba(153,8,5,.5); position: relative; top: 1px; text-decoration: none; } input, textarea { background: rgb(250,250,250); padding: 4px 9px; border: solid 1px rgb(102,102,102); border-bottom-color: rgb(153,153,153); -moz-box-shadow: inset 0px 3px 5px rgba(51,51,51,.3); -webkit-box-shadow: inset 0px 3px 5px rgba(51,51,51,.3); box-shadow: inset inset 0px 3px 5px rgba(51,51,51,.3); } input { height: 20px; } textarea { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; } .wp-caption-text { font-size: 12px; color: rgb(153,153,153); } dt { font-weight: bold; } /*********************************************************************** 4 - HEADER ************************************************************************/ #header { border-bottom: solid 1px rgb(255,13,8); margin-bottom: 40px; position: relative; } #header a { color: rgb(51,51,51); } #header .title { margin-top: 17px; } #header .title a { background-image: url(images/logo.png); text-indent: -9999px; display: block; height: 80px; width: 186px; overflow: hidden; } #header ul { position: absolute; top: 60px; right: -5px; margin-bottom: 0px; } #header li { display: inline; font-family: "Arial Narrow", Arial, sans-serif; list-style: none; text-shadow: 0px 1px 0px rgb(204,204,204) } #header li a { font-size: 18px; line-height: 20px; padding: 5px; margin-left: 5px; } #header li a:hover { color: rgb(255,13,8); text-decoration: none; } /*********************************************************************** 5 - CONTENT ************************************************************************/ #content, #sidebar { margin-bottom: 40px; } #content { float: left; width: 620px; margin-right: 60px; } #content .more-link { position: absolute; right: 0px; bottom: 60px; } #content .more-link a:hover { text-decoration: none; } #content .tags { margin-top: 60px; } #content .date { color: rgb(255,13,8); } #content .post { position: relative; } #content .post-body h1 a, #content .post-body h2 a { color: rgb(51,51,51); } #content .post-body h1 a:hover, #content .post-body h2 a:hover { text-decoration: none; } #content .post-body ul, #content .post-body ol { padding-left: 60px; } #content .post-body ul, #content .post-body ol, #content .post-body dl { margin-bottom: 20px; line-height: 20px; } #content .post-body ul li, #related ul li { list-style: url(images/bullet.png); } #content .post-body ul li, #content .post-body ol li, #related ul li { padding-left: 20px; } #content .post-body li, #related ul li { margin-bottom: 10px; } #content .post-body blockquote { margin: 60px 40px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; } #content .post-body blockquote p { display: inline; font-size: 24px; line-height: 40px; } #content .post-body blockquote:before { content: open-quote; font-size: 160px; line-height: 40px; color: rgb(255,13,8); text-shadow: 1px 1px 1px rgba(51,51,51,.3); position: relative; top: 30px; float: left; margin-right: 15px; } #content .post-body blockquote:after { content: close-quote; font-size: 160px; line-height: 40px; color: rgb(255,13,8); text-shadow: 1px 1px 1px rgba(51,51,51,.3); vertical-align: bottom; position: relative; top: 55px; } #content .post-body blockquote.pullquote { float: right; width: 280px; margin: 0px 0px 40px 0px; padding-left: 40px; position: relative; top: 0px; } #content .post-body blockquote.pullquote p { display: inline; font-size: 24px; line-height: 40px; } #content .post-body blockquote.pullquote:before { float: left; position: relative; top: 35px; left: 0px; z-index: 999; } #content .post-body blockquote.pullquote:after { float: right; position: relative; bottom: 0px; right: 0px; z-index: 999; } #content .earlier { float: left; } #content .newer { float: right; } #content #searchform label { display:none; } #content #searchform input { width: 100%; } #content #searchform input.button { float: right; width: 78px; height: 30px; margin-right: 0px; padding: 0px; } #author, #related { background-color: rgb(250,250,250); padding: 15px; border: solid 1px rgb(153,153,153); margin-bottom: 20px; } #author p { font-style: italic; } #author h3 a { color: rgb(51,51,51); font-style: normal; } #author p a { font-style: normal; } #related {} #related ul { padding-left: 45px; } #comments { margin-bottom: 20px; } #comments h3 { font-size: 36px; line-height: 40px; float: left; } #comments h3 + p { float: right; margin: 5px 0px; } #comments ol { list-style: none; } #comments .commentlist {} #comments .commentlist .comment.even {} #comments .commentlist .comment.odd {} #comments .commentlist .comment { border-bottom: solid 1px rgb(204,204,204); margin-bottom: 20px; } #comments .commentlist .comment .comment-author { float: left; width: 130px; margin-right: 10px; } #comments .commentlist .comment .comment-text { float: right; width: 480px; } #respond label { width: 130px; height: 14px; padding: 8px 0px; float: left; text-align: right; margin: 0px 10px 10px 0px; } #respond input, #respond textarea { float: left; width: 460px; margin-bottom: 10px; } #respond textarea { height: 200px; } #respond input.button { height: 30px; width: 140px; margin: 0px 340px 10px 140px; } /*********************************************************************** 6 - SIDEBAR ************************************************************************/ #sidebar { float: left; width: 280px; } #sidebar h3 { font-size: 30px; line-height: 40px; } #sidebar .updates { margin-top: 40px; } #sidebar .updates h3 { float: left; margin-bottom: 0px; } #sidebar .updates ul { float: right; display: inline; position: relative; top: -4px; } #sidebar .updates li { float: left; } #sidebar .rss { background:url(images/icon-rss.png) no-repeat; text-indent: -9999px; display: block; height: 48px; width: 48px; overflow: hidden; margin-right: 10px; } #sidebar .email { background:url(images/icon-envelope.png) no-repeat; text-indent: -9999px; display: block; height: 48px; width: 48px; overflow: hidden; } #sidebar form label { display: none; } #sidebar form input { float: left; width: 165px; margin-right: 15px; } #sidebar form input.button { float: right; width: 78px; height: 30px; margin-right: 0px; padding: 0px; } #sidebar li { list-style: none; } #sidebar .widget { margin-top: 20px; border-top: solid 1px rgb(204,204,204); padding-top: 20px; } /*********************************************************************** 7 - Footer ************************************************************************/ #footer { height: 50px; padding-top: 10px; border-top: 1px solid rgb(255,13,8); } #footer p { font-size: 12px; } #footer .apt115 a { color: rgb(51,51,51); }