/* Theme Name: The Mack N Biz Theme URI: http://themacknbiz.com Description: The ballerific theme developed by Danny Banks for The Mack N Biz. Version: 1.00 Author: Danny Banks Author URI: http://dbanksdesign.com/ Tags: mack, biz */ /* COLORS Black: #0d141c Tan: #f0f0d8 Green: #789048 (120,144,72) */ @import url(reset.css); /* Font Face */ @font-face { font-family: 'LeagueGothicRegular'; src: url('type/League_Gothic.eot'); src: local('League Gothic Regular'), local('LeagueGothic'), url('type/League_Gothic.woff') format('woff'), url('type/League_Gothic.otf') format('opentype'), url('type/League_Gothic.svg#LeagueGothic') format('svg'); } /*------------------------------------ Global Elements and Classes ------------------------------------*/ html { background:#0d141c; } * { font-family:Helvetica, Arial, Sans-serif; font-size:14px; } p, li { color:#f0f0d8; font-size:14px; line-height:1.6em; } p { margin-bottom:22px; } a { color:#789048; } a:hover { color:#f0f0d8; } hr { background:#242a2f; height:5px; border:none; margin-bottom:20px; } ol { margin:0 0 10px 0; } h1 { font-size: 48px;line-height:normal; font-weight: normal; font-family: 'LeagueGothicRegular', sans-serif;} h3 a { line-height:1em; } .clear { clear:both; } .test { border:1px solid red;} .right { float:right; } .left { float:left; } .half { width:45%; } p.right { text-align:right; } a.back-to-top { padding:5px 10px; background:#789048; color:#f0f0d8; -moz-border-radius:5px; -webkit-border-radius:5px; } a.back-to-top:hover { color:#0d141c; } a.button { padding:5px 10px; background:#789048; color:#f0f0d8; font-size:14px; -moz-border-radius:5px; -webkit-border-radius:5px; } a.button:hover { color:#0d141c; } ::selection { background:rgba(120,144,72,0.5); } ::-moz-selection { background:rgba(120,144,72,0.5); } /*------------------------------------ Header ------------------------------------*/ #top { width:100%; height:110px; background:#f0f0d8; z-index:2; } #header { height:110px; width:1000px; margin:0 auto; background:url(img/header.gif) top left no-repeat; position:relative; z-index:3; } #header * { text-indent:-9999px; } #header h1 a { float:left; display:block; width:300px; height:110px; margin-left:30px; } #right { position:absolute; top:0; right:0; width:1000px; height:110px; background:#0d141c; z-index:1;} #facebook, #myspace, #pure-volume { float:right; display:block; width:40px; height:50px; margin:60px 10px 0 0; } #facebook { background:url(img/facebook.gif) top right; } #myspace { background:url(img/myspace.gif) top right; } #pure-volume { background:url(img/pure-volume.gif) top right; } #myspace:hover, #facebook:hover, #rss:hover, #pure-volume:hover { background-position:bottom right; } #rss { display:block; width:75px; height:75px; position:absolute; bottom:-145px; right:-55px; background:url(img/rss.gif); text-indent:-9999px; } /*------------------------------------ Navigation ------------------------------------*/ #nav { width:100%; background:#789048; } #nav ul { width:960px; margin:0 auto; overflow:hidden; } #nav li { float:left; } #nav a { display:inline-block; height:60px; color:#f0f0d8; font-family:'LeagueGothicRegular', Arial, sans-serif; line-height:60px; font-size:30px; padding:0 20px; text-transform:uppercase; background:url(img/nav.gif) 0 -110px no-repeat; } /*------------------------------------ Banner ------------------------------------*/ #banner { width:940px; height:200px; padding:20px 0; margin:20px auto; position:relative; border-top:5px dashed #242a2f; border-bottom:5px dashed #242a2f; } #banner img { float:left; } #banner .excerpt { float:right; width:440px; height:180px; padding:10px; background:#f0f0d8; overflow:hidden; border:none; } #banner p { color:#0d141c; margin:0; } #banner .excerpt h3 { padding:0; line-height:1em;} #banner a:hover { color:#0d141c; } #banner .excerpt .FBConnectButton { display:none; } .download-now { display:block; width:170px; height:40px; position:absolute; right:-20px; bottom:10px; background:url(img/download-now.gif) top left; text-indent:-9999px; } .download-now:hover { background-position:bottom left; } /*------------------------------------ Content ------------------------------------*/ #content { width:940px; margin:0px auto; padding-bottom:20px; background:url(img/content.gif) top right repeat-y; } h2.page-title { border-bottom:5px dashed #242a2f; margin-bottom:20px; } h2.page-title, .page-title a { font-family:'LeagueGothicRegular', Arial, sans-serif; text-transform:uppercase; font-size:80px; color:#f0f0d8; padding-top:20px; } h2.page-title:first-letter, .page-title a:first-letter { color:#789048; } .page-title a:hover { color:#789048; } /*------------------------------------ Main ------------------------------------*/ #main { float:left; width:460px; } #main.wide { width:940px; } #main.wide .page .entry { padding:0 10px 0 0; } #main input[type="text"] { background:#f0f0d8; -moz-border-radius:5px; -webkit-border-radius:5px; padding:7px; border:none; } #latest-news { display:block; width:490px; height:40px; margin-left:-30px; text-indent:-9999px; margin-bottom:10px; background:url(img/latest-news.gif); } /* Excerpt */ .excerpt { position:relative; margin:0 0 10px 10px; padding-bottom:20px; border-bottom:5px dashed #f0f0d8; } .excerpt * { position:relative; z-index:2; } .excerpt h3 { font-size:30px; padding:20px 0 0 0; } .excerpt .author { display:block; position:absolute; bottom:-40px; right:0; padding:0; font-family:'LeagueGothicRegular', Arial, sans-serif; color:#242a2f; font-size:160px; text-transform:uppercase; line-height:normal; z-index:1; } .excerpt .entry { padding-left:10px; min-height:100px; margin-bottom:10px; } #main .excerpt .entry .FBConnectButton { display:none; } .excerpt .read-more { display:block; width:110px; height:20px; background:url(img/readmore.png) top left no-repeat; float:right; margin-right:-10px; text-indent:-9999px; z-index:3; } .excerpt .read-more:hover { background-position:bottom left; } .excerpt .date { position:absolute; top:0; left:-40px; width:40px; height:40px; background:#789048; } .month, .day { display:block; color:#f0f0d8;; line-height:1em; } .month { text-transform:uppercase; font-weight:bold; font-size:16px; letter-spacing:1px; margin:2px 0 0 3px; } .day { font-size:30px; letter-spacing:3px; margin:-2px 0 0 2px; color:#0d141c; } .meta { margin:0; padding-left:10px; } .navigation { padding-top:10px; } .navigation p { margin:10px 0;} .older-posts a, .newer-posts a, .prev-post a, .next-post a { display:block; width:120px; height:20px; text-indent:-9999px; } .navigation .older-posts a { float:left; background:url(img/older-posts.png); } .navigation .older-posts a:hover { background-position:bottom left; } .newer-posts a { float:right; margin-right:-20px; background:url(img/newer-posts.png); } .newer-posts a:hover { background-position:bottom left; } .next-post { float:right; background:url(img/next-post.png) top left; } .next-post:hover { background-position:bottom left; } .prev-post { float:left; background:url(img/prev-post.png) top left; } .prev-post:hover { background-position:bottom left; } .post-navigation { overflow:hidden; padding:10px 0; margin-bottom:10px; border-bottom:5px solid #242a2f; } /* Full Post */ .post h3 { font-size:30px; padding:10px; color:#f0f0d8; background:#789048; } .post h4 { font-size:24px; color:#789048; font-style:italic; font-weight:normal; padding:5px 30px 10px 0; background:url(img/author.png) top right no-repeat; text-align:right; text-transform:lowercase; } .post h4 span { font-weight:bold; color:#f0f0d8; text-transform:uppercase; } .post .entry { border-top:5px solid #242a2f; border-bottom:5px solid #242a2f; padding-top:22px; padding-bottom:22px; } /* Inside Post Styles */ .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { color:#f0f0d8; background:none; text-align:left; margin:0; padding:0; font-family:'LeagueGothicRegular', Arial, sans-serif; } .entry h1 { font-size:48px; } .entry h1 a { font-family:'LeagueGothicRegular', Arial, sans-serif; } .entry h2 { font-size:40px; color:#789048; } .entry h3 { font-size:32px; } .entry h4 { font-size:24px; font-family:Helvetica, Arial, sans-serif; font-style:normal; text-transform:uppercase; } .entry h5 { font-size:18px; color:#789048; font-weight:bold; font-family:Helvetica, Arial, sans-serif; } .entry h6 { font-size:14px; color:#789048; font-weight:bold; font-family:Helvetica, Arial, sans-serif; } .entry img { background:#f0f0d8; } .entry h1 + h5 { margin-top:-10px; } /* Comments */ #commentform { width:100%; } #comments { padding:0; margin-top:10px; color:#f0f0d8; font-family:'LeagueGothicRegular', Arial, sans-serif; font-size:40px; } #commentform input[type="text"], #commentform textarea { width:450px; background:#f0f0d8; border:none; padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #commentform textarea { padding:10px; width:440px; } #commentform p { margin-bottom:10px; } #respond h3 { background:#789048; padding:5px 10px; margin-bottom:10px; font-size:24px; } .commentlist li { background:#f0f0d8; padding:10px; margin-bottom:10px; border:5px solid #789048; position:relative; } .commentlist li * { color:#0d141c;} .commentlist li a { color:#789048; } .commentlist li a:hover { color:#0d141c; } img.avatar { border:5px solid #789048; position:absolute; top:-5px; left:-74px; } cite.fn { font-weight:bold; font-style:normal; font-size:16px; text-transform:uppercase; line-height:normal; } span.says { display:none; } .comment-meta { border-bottom:5px solid #0d141c; margin-bottom:10px; } .comment-meta a { font-style:italic; font-size:12px; } /*------------------------------------ Sidebar ------------------------------------*/ #sidebar { float:right; width:460px; } /* Mack */ #sidebar div.mack, #sidebar div.biz { float:left; width:200px; height:150px; padding:10px; } #sidebar div.mack { background:url(img/quote-mack.png); } #sidebar div.mack h4, #sidebar div.biz h4 { display:none; } #sidebar div.mack p, #sidebar div.biz p { font-style:italic; color:#0d141c; } /* Biz */ #sidebar div.biz { background:url(img/quote-biz.png); float:right; } /* Wide Sidebar */ #sidebar .widget { clear:both; } .widget h4 { line-height:normal; position:absolute; top:-47px; font-size:50px; padding:0; text-transform:uppercase; font-family:'LeagueGothicRegular'; color:#789048; } .widget { background:#f0f0d8; padding:10px; margin:50px 0 10px 0; position:relative; } .widget * { color:#0d141c; } /* Bizness Partner */ .widget label {} .widget .wpcf7-form { float:right; width:200px; padding-right:10px; } .widget .wpcf7-form input[type="text"], .widget .wpcf7-form textarea { border:none; padding:7px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#0d141c; color:#f0f0d8; width:190px; } input[type="submit"] { background:#789048; color:#f0f0d8; padding:5px 10px 3px 10px; font-size:18px; border:none; cursor:pointer; -moz-border-radius:5px; -webkit-border-radius:5px; text-transform:uppercase; font-weight:bold; letter-spacing:.5px; line-height:18px; } input[type="submit"]:hover { color:#0d141c; } p.bizness { width:200px; float:left; font-style:italic; } .widget .wpcf7-response-output { padding:10px; color:#f0f0d8; border:none; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:12px; line-height:1.6em; } .widget .wpcf7-validation-errors { background:#99292d; } .widget .wpcf7-mail-sent-ok { background:#789048; } .widget span.wpcf7-not-valid-tip { top:-8px; left:0; padding:5px 10px; border:none; background:none; color:#ea4a5d; font-weight:bold; } /* Contact Form */ .widget.contact .wpcf7-form { width:400px; padding:10px; float:none; margin:0px auto; } .widget.contact .wpcf7-form input[type="text"], .widget.contact .wpcf7-form textarea { width:100%; } /*------------------------------------ Footer ------------------------------------*/ #bottom { width:100%; background:#789048; } #footer { width:960px; padding:10px; margin:0 auto; position:relative; } #footer p { color:#0d141c; text-transform:uppercase; font-size:11px; margin:0; } #footer a { color:#f0f0d8; } #footer a:hover { color:#0d141c; } #footer-back { position:absolute; top:-30px; right:-50px; } /*------------------------------------ About Page ------------------------------------*/ #main.wide #mack, #main.wide #biz { width:440px; padding:20px 10px 10px 10px; background:#f0f0d8; position:relative; margin-top:50px; } #mack *, #biz * { color:#0d141c; } #mack .back-to-top, #biz .back-to-top { color:#f0f0d8; } #mack .back-to-top:hover, #biz .back-to-top:hover { color:#0d141c; } #mack img, #biz img { background:#789048; padding:5px; margin-top:-10px; margin-bottom:10px; } #mack h3, #biz h3 { position:absolute; top:-35px; left:-2px; color:#f0f0d8; font-size:70px; text-transform:uppercase; line-height:40px; } #mack { float:left; } #biz { float:right; } /*------------------------------------ Pictures Page ------------------------------------*/ #main .ngg-album-compact { border:5px solid #f0f0d8; padding:10px; margin:0 5px 5px 0; } #main .ngg-album-compact .ngg-album-compactbox { width:auto; height:auto; background:none; padding:0; } #main .ngg-album-compactbox { width:auto !important; } #main .ngg-album-compactbox .Thumb { margin-left:5px; border:5px solid #789048; -moz-border-radius:5px; -webkit-border-radius:5px; } #main .ngg-album-link { width:auto; height:auto; margin:0; padding:0 0 0 5px; } #main .ngg-album-link .Link { margin:0; padding:0; } #main .ngg-album-link .Link:hover .Thumb { border-color:#f0f0d8;} #main .ngg-gallery-thumbnail img { padding:5px; border:none; background:#789048; } #main .ngg-gallery-thumbnail:hover img { background:#f0f0d8; } div#shDisplay img#shTopImg { padding:10px !important; background:#f0f0d8 !important; -moz-border-radius:5px; } #shDisplay div#shWrap div#shTitle a { color:#789048; font-size:24px; } #shDisplay div#shWrap div#shTitle a:hover { color:#f0f0d8; } #shDisplay div#shTitle div#shCount { font-size:24px; line-height:normal; color:#f0f0d8; font-family:'LeagueGothicRegular'; padding-top:2px; } /* Classes */ .alignright { float:right; } .alignleft { float:left; } img.alignright { display:inline; padding:4px; margin:0 0 2px 10px; } img.alignleft { display:inline; padding:4px; margin:0 7px 2px 0; } #main .entry .FBConnectButton { background:url(img/share.png) top left; text-indent:-9999px; display:block; width:80px; height:20px; margin:0; padding:0; border:none; } #main .entry a:hover .FBConnectButton { background-position:bottom left; } #main .entry .FBConnectButton_Text { display:none; }