/* Theme Name: Black Phire Theme URI: http://phirebase.com/blog/phire-free-wordpress-theme/ Description: WordPress theme designed by PhireBase.com Version: 1.0 Author: David Klhufek Author URI: http://www.phirebase.com/ License: GNU General Public License License URI: license.txt Tags: dark, black, two-columns, left-sidebar, right-sidebar, fixed-width, custom-menu, custom-background, sticky-post This theme was designed and built by David Klhufek. ----------------------------------------------------------------- Color paletes ----------------------------------------------------------------- Phire #3399cc #ff17a9 #90c018 #f0c000 #e68a00 Black Knight #000000 #141414 #1c1919 #1A1716 #24201f ----------------------------------------------------------------- */ body { font-size: 62.5%; /* Resets 1em to 10px */ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; background: #000; margin: 0 0 20px 0; text-align: center; color: #777777; text-shadow: 1px 1px 1px #000000; padding: 0; } #layout { margin: 20px auto; background:transparent; padding: 0; width: 960px; } #page { text-align: left; } a { color:#3399cc; text-decoration: none; } a:visited { color:#e68a00; text-decoration: none; } a:hover { color: #ff17a9; text-decoration: none; } img { border: none; } p { padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 10px; margin: 0px; } h1 { margin:0px; padding-left: 0px; height: 60px; font-family: 'Trebuchet MS', Tahoma, Arial; font-size: 36px; font-weight:bold; color: #3399cc; display: none; } h1 a, h1 a:visited{ color: #3399cc; text-decoration: none; } h1 a:hover{ color: #3399cc; text-decoration: none; } h2 { color: #3399cc; margin: 0px 0px 2px; letter-spacing: -1px; font-family: 'Trebuchet MS', Tahoma, Arial; font-size: 20px; font-weight:bold; padding-bottom: 3px; } h2 a, h2 a:visited { color: #3399cc; text-decoration: none; } h2 a:hover { color: #ff17a9; text-decoration: none; } h3 { font-family: 'Trebuchet MS', Tahoma, Arial; font-size: 18px; color: #3399cc; margin: 10px 0px 5px; } h4 { font-family: 'Trebuchet MS', Tahoma, Arial; font-size: 16px; color: #3399cc; margin: 10px 0px 5px; } .title { background-image: url('images/title.gif'); background-repeat: no-repeat; text-align: center; height: 40px; padding-top: 15px; text-transform: uppercase; } .titlel { background-image: url('images/titlel.gif'); background-repeat: no-repeat; text-align: center; height: 40px; padding-top: 15px; text-transform: uppercase; } .upside { margin-top:15px; padding-top:10px; background: url('images/upside.gif') no-repeat; height: 50px; width: 580px; margin-left: 1px; } .upsidetext { margin-top: 0px; margin-left: 61px; text-align: left; } .downside { text-align: center; padding-top: 20px; background: url('images/downside.gif') no-repeat; height: 50px; width: 550px; } /* ----------------------------------------------------------------- Begin Header */ #header { background: transparent url('images/header.gif') no-repeat bottom center; } #headerimg { margin: 0px 0px 0; height: 200px; width: 960px; } .logo { width: 331px; height: 63px; } /* ----------------------------------------------------------------- end Header */ #content { margin-top: 10px; font-size: 1.1em } .widecolumn .entry p { font-size: 1.05em; } .narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; } .widecolumn { line-height: 1.6em; } .narrowcolumn .postmetadata { text-align: center; } .alt { background-color: #f8f8f8; border-top: 1px dotted Black; border-bottom: 1px dotted Black; } small { font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; line-height: 1.5em; } .entry p a:visited { color: #e68a00; } code { font: 1.2em 'Courier New', Courier, Fixed; background-color: #24201f; /*border: 1px solid ;*/ color: #ff17a9; padding: 0px 2px 2px 2px; font-size: 100%; font-weight: bold; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; } #page { border: none; } .narrowcolumn { float: left; padding: 0 0 20px 30px; margin: 0px 0 0; width: 550px; } .widecolumn { padding: 10px 0 20px 0; margin: 5px 0 0 74px; width: 612px; } .post { margin: 0 0 20px; text-align: justify; } .post hr { display: block; } .widecolumn .post { margin: 0; } .narrowcolumn .postmetadata { padding-top: 5px; } .widecolumn .postmetadata { margin: 30px 0; } .widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; } .widecolumn .attachment { text-align: center; margin: 5px 0px; } .postmetadata { clear: left; } /* ----------------------------------------------------------------- Begin Menu */ #container{position: relative; width: 960px; height: 34px; } #access { display: block; float: left; margin: 0 auto; width: 933px; padding-left:16px; text-transform: uppercase; text-align: left; font-size: 14px; font-weight: bold; background: transparent url(images/menu.gif) repeat-x top left; height: 34px; } #access .menu-header, div.menu { font-size: 13px; margin-left: 0px; width: 928px; } #access .menu-header ul, div.menu ul { list-style: none; margin: 0; } #access .menu-header li, div.menu li { float: left; position: relative; } #access a { color: #aaa; display: block; line-height: 34px; padding: 0 15px; text-decoration: none; } #access ul ul { display: none; position: absolute; top: 34px; left: 0; float: left; width: 180px; z-index: 99999; } #access ul ul li { min-width: 180px; } #access ul ul ul { left: 100%; top: 0; } #access ul ul a { background: #141414; line-height: 1em; padding: 10px; width: 180px; height: auto; margin-left: -40px; padding-left: 30px; } #access li:hover > a, #access ul ul :hover > a { color: #ccc; background: #141414; } #access ul li:hover > ul { display: block; } #access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a { background: #000 url('images/menuactive.gif') repeat-x; color: #aaa; } * html #access ul li.current_page_item a, * html #access ul li.current-menu-ancestor a, * html #access ul li.current-menu-item a, * html #access ul li.current-menu-parent a, * html #access ul li a:hover { background: #000 url('images/menuactive.gif') repeat-x; color: #aaa; } /* ---------------------------------------------------------------------------- End Menu */ /* =Images -------------------------------------------------------------- */ /* Resize images to fit the main content area. - Applies only to images uploaded via WordPress by targeting size-* classes. - Other images will be left alone. Use "size-auto" class to apply to other images. */ img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img { max-width: 100%; /* When images are too wide for containing element, force them to fit. */ height: auto; /* Override height to match resized width for correct aspect ratio. */ } .alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; } .alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } img.alignleft, img.alignright, img.aligncenter { background: #24201f; padding: 12px; margin-bottom: 12px; } .wp-caption { background: #24201f; line-height: 18px; margin-bottom: 20px; max-width: 500px !important; /* prevent too-wide images from breaking layout */ padding: 4px; text-align: center; } .wp-caption img { margin: 5px 5px 0; } .wp-caption p.wp-caption-text { color: #777; font-size: 12px; margin: 5px; } .wp-smiley { margin: 0; } .gallery { margin: 0 auto 18px; } .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery img { border: 2px solid #cfcfcf; } .gallery-columns-2 .attachment-medium { max-width: 92%; height: auto; } .gallery-columns-4 .attachment-thumbnail { max-width: 84%; height: auto; } .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .gallery dl { margin: 0; } .gallery img { border: 10px solid #f1f1f1; } .gallery br+br { display: none; } #content .attachment img {/* single attachment images should be centered */ display: block; margin: 0 auto; } .centr { text-align : center; } .right { text-align: right; } .foto { float: left; margin: 10px 10px 10px 10px; text-align: center; padding: 6px 6px 6px 6px; border-left: 1px dotted Black; border-top: 1px dotted Black; border-right: 1px dotted Black; border-bottom: 1px dotted Black; font-size: 70%; } /* ----------------------------------------------------------------- end Images */ /* ----------------------------------------------------------------- Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style-type:circle; padding-left: 10px; text-indent: -10px; } html>body .entry li { margin: 7px 0 8px 10px; } /*.entry ul li:before, #sidebar ul ul li:before { content: "\00BB \0020"; }*/ .entry ol { padding: 0 0 0 35px; margin: 0; } .entry ol li { margin: 0; padding: 0; } .postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; } #leftsidebar ul, #leftsidebar ul ol { margin: 0; padding: 0; } #leftsidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 15px; } #leftsidebar ul p, #leftsidebar ul select { margin: 5px 0 8px; } #leftsidebar ul ul, #leftsidebar ul ol { margin: 5px 0 0 10px; } #leftsidebar ul ul ul, #leftsidebar ul ol { margin: 0 0 0 10px; } ol li, #leftsidebar ul ol li { list-style: decimal outside; } #leftsidebar ul ul li, #leftsidebar ul ol li { margin: 3px 0 0; padding: 0; } #rightsidebar ul, #rightsidebar ul ol { margin: 0; padding: 0; } #rightsidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 5px; } #rightsidebar ul p, #rightsidebar ul select { margin: 5px 0 8px; } #rightsidebar ul ul, #rightsidebar ul ol { margin: 5px 0 0 10px; } #rightsidebar ul ul ul, #rightsidebar ul ol { margin: 0 0 0 10px; } ol li, #rightsidebar ul ol li { list-style: decimal outside; } #rightsidebar ul ul li, #rightsidebar ul ol li { margin: 3px 0 0; padding: 0; } /* End Entry Lists */ /* ----------------------------------------------------------------- Begin Form Elements */ #box_search { height:40px; } .search_text { width:auto; height:auto; float:left; margin-bottom:8px; } .search { width: 16px; height: 16px; border: none; background: url('images/searchbutton.gif') no-repeat;} .keyword { background: transparent; color: #777; width: 108px; border: Black 1px solid; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 3px; margin-left: 10px; margin-top: 10px; } /* IE Win min height hack */ * html #buttonsearch { margin: -21px 0px 0px 125px; } /* */ #buttonsearch { border: none; padding: 0px; margin: -20px 0px 0px 125px; top: 0px; background: none; } .entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; } select { width: 130px; } /* ----------------------------------------------------------------- end Form Elements */ /* ----------------------------------------------------------------- Begin Recent & Mostcommented*/ #recentpost, #mostcommented { height: 360px; width:256px; float:left; padding:10px; border:1px solid #24201f; } #mostcommented { margin-left:10px; } #recent_comments { width:256px; height: 360px; float:right; padding:10px; border:1px solid #24201f; } #recentpost a, #recent_comments a { color:#777; } #recentpost ul, #mostcommented ul, #recent_comments ul { margin-top:5px; padding-left:0px; } #recentpost ul li, #mostcommented ul li, #recent_comments ul li { list-style:none; border-top:1px dotted #000; padding:5px; display:block; } #recentpost ul li li:hover, #mostcommented ul li li:hover, #recent_comments ul li li:hover { background:#24201f; } #recentpost ul li a:hover { color:#FF17A9; text-decoration: underline; } #recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child { border-top:0px dotted #fff; } /* ----------------------------------------------------------------- end Recent & Mostcommented*/ /* ----------------------------------------------------------------- Begin Sidebars */ #sidebar { float: left; margin-top: -80px; margin-left: 20px; /* margin-left: 475px; */ } #topsidebar{ margin-top: 20px; margin-left: 6px; width: 330px; } #leftsidebar { float: left; padding: 20px 5px 10px 5px; /* margin-left: 475px; */ width: 160px; } #leftsidebar form { margin: 0; } #rightsidebar { float: left; padding: 20px 0 10px 5px; /* margin-left: 650px; */ width: 160px; } #rightsidebar form { margin: 0; } .topboxtitle { background: url('images/widesidebox.gif') no-repeat; padding: 5px 5px; } .topboxtitle h2 { font-size: 18px; text-transform: uppercase; } .topbox { margin-top: -8px; padding: 5px 5px 5px 5px; color: #90c018; background-color: #191816; } .topbox a { color:#90c018; text-decoration: none; } .topbox a:visited { color: #f0c000; text-decoration: none; } .topbox a:hover { color: white; text-decoration: none; } #sidebars { margin-top: -28px; } .sideboxtitle { background: url('images/sidebox.gif') no-repeat; padding: 5px 5px; } .sideboxtitle h2{ font-size: 18px; text-transform: uppercase; } .sidebox { margin-top: -8px; padding: 5px 5px 5px 5px; color: #90c018; background-color: #191816; } .sidebox a { color:#90c018; text-decoration: none; } .sidebox a:visited { color: #f0c000; text-decoration: none; } .sidebox a:hover { color: #f0c000; text-decoration: none; } .otherboxtitle { background: url('images/sidebox.gif') no-repeat; padding: 5px 5px; } .otherboxtitle h2{ font-size: 16px; } .otherbox { margin-top: -8px; padding: 5px 10px 5px 10px; background-color: #191816; } #leftsidebar { font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; } #rightsidebar { font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; } small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #777; } /* ----------------------------------------------------------------- end Sidebars */ /* ----------------------------------------------------------------- Begin Icon Classes*/ .authordata { padding: 2px 0 2px 20px ; background: url('images/author.gif') left center no-repeat; } .timedata { padding: 2px 0 2px 20px ; background: url('images/time.gif') left center no-repeat; } .calendardata { padding: 2px 0 2px 20px ; background: url('images/calendar.gif') left center no-repeat; } .tagdata { padding: 2px 0 2px 20px ; float: right; background: url('images/tag.gif') left center no-repeat; } .tagdata a { color:#8caa31; text-decoration: none; } .tagdata a:visited { color: #f0c000; text-decoration: none; } .tagdata a:hover { color: #f0c000; text-decoration: none; } .commentsdata { padding: 2px 0 2px 20px ; background: url('images/comment.gif') left center no-repeat; } .editdata { padding: 2px 0 2px 20px ; background: url('images/pencil.gif') left center no-repeat; } .rssdata { padding: 2px 0 2px 20px ; background: url('images/rss.gif') left center no-repeat; } /* ----------------------------------------------------------------- end Icon Classes*/ /* ----------------------------------------------------------------- Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #24201f; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } hr { display: none; } a img { border: none; } /* ----------------------------------------------------------------- end Various Tags & Classes*/ input { border : 1px solid Black; background-color : transparent; } /* ----------------------------------------------------------------- Begin Calendar */ #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar a { text-decoration: none; } #wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; } #wp-calendar th { font-style: normal; text-transform: capitalize; } #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } #wp-calendar td.pad:hover { /* Doesn't work in IE */ /*background-color: #fff;*/ } /* ----------------------------------------------------------------- end Calendar */ /* =Comments -------------------------------------------------------------- */ #comments { clear: both; } #comments .navigation { padding: 0 0 18px 0; } h3#comments-title, h3#reply-title { color: #555; font-size: 20px; font-weight: bold; margin-bottom: 0; } h3#comments-title { padding: 24px 0; } .commentlist { list-style: none; margin: 0; } .commentlist li.comment { border-bottom: 1px solid #141414; background-color: #24201f; line-height: 24px; margin: 0 0 24px 0; padding: 0 0 0 56px; position: relative; } .commentlist li:last-child { border-bottom: none; margin-bottom: 0; } .comment-body { margin-left: -40px; margin-top: 20px; } #comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px; } #comments .comment-body p:last-child { margin-bottom: 6px; margin-left: 68px; } #comments .comment-body blockquote p:last-child { margin-bottom: 24px; } .commentlist ol { list-style: decimal; } .commentlist .avatar { position: absolute; top: 4px; left: 0; margin: 10px 10px 10px 10px; } .comment-author vcard { } .comment-author cite { color: #777; font-style: normal; font-weight: bold; margin-left: 30px; } .comment-author .says { font-style: italic; } .comment-meta { font-size: 12px; margin: 0 0 0 30px; } .comment-meta a:link, .comment-meta a:visited { color: #888; text-decoration: none; } .comment-meta a:active, .comment-meta a:hover { color: #ff4b33; } .commentlist .even { } .commentlist .bypostauthor { } .reply { font-size: 12px; /*padding: 10 10 24px 0;*/ float: right; margin-right: 5px; margin-bottom: 5px; clear: both; background: url(images/readmore.gif) no-repeat top left; height: 30px; width:89px;text-align:center; } .reply a, a.comment-edit-link { color: #888; } .reply a:hover, a.comment-edit-link:hover { color: #ff4b33; } .commentlist .children { background: #1c1919; list-style: none; margin: 0; } .commentlist .children li { border: none; margin: 0; } .nopassword, .nocomments { /*display: none;*/ } #comments .pingback { border-bottom: 1px solid #777; margin-bottom: 18px; padding-bottom: 18px; } .commentlist li.comment+li.pingback { margin-top: -6px; } #comments .pingback p { color: #888; display: block; font-size: 12px; line-height: 18px; margin: 0; } #comments .pingback .url { font-size: 13px; font-style: italic; } /* Comments form */ input[type=submit] { color: #333; } #respond { border-top: 1px solid #111; margin: 24px 0; overflow: hidden; position: relative; } #respond p { margin: 0; } #respond .comment-notes { margin-bottom: 1em; } .form-allowed-tags { line-height: 1em; } .children #respond { margin: 0 48px 0 0; } h3#reply-title { margin: 18px 0; } #comments-list #respond { margin: 0 0 18px 0; } #comments-list ul #respond { margin: 0; } #cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; } #respond .required { color: #ff4b33; font-weight: bold; } #respond label { color: #888; font-size: 12px; } #respond input { margin: 0 0 9px; width: 98%; color:#777; background-color: #141414; } #respond textarea { width: 98%; color:#777; background-color: #141414; border: 1px solid black; } #respond .form-allowed-tags { color: #888; font-size: 12px; line-height: 18px; } #respond .form-allowed-tags code { font-size: 11px; } #respond .form-submit { margin: 12px 0; text-align:center; padding-left: 5px; background: url(images/button.gif) no-repeat top left; height: 30px;width:178px; } #respond .form-submit input { font-size: 14px; background-color: transparent!important; width: auto; border:none; } /* ----------------------------------------------------------------- end Comments */ /* ----------------------------------------------------------------- Begin Other Classes*/ .home .sticky { border-bottom: 4px solid #141414; margin-left: -5px; margin-right: -5px; padding: 5px 5px; } .tagcloud { padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; } .commentlist .bypostauthor { } .clear { clear: both; } .thumbnail{ background:url(images/box-overlay.png) no-repeat; float: left; margin: 10px 10px 10px 10px; padding: 6px 6px 6px 6px; font-size: 70%; width:138px; height:138px; } .main { width: 810px; margin:0; padding:0; float:left; } .mox { border-right: 1px dotted Black; border-left: 1px dotted Black; border-top: 1px dotted Black; border-bottom: 1px dotted Black; margin-top: 2px; margin-bottom: 5px; padding: 5px 15px; background-color: #1A1716; } a#gotop { background:url(images/icons.gif) 0 -304px no-repeat; float:right; height:16px; line-height:18px; display:block; padding-left:16px; margin:5px 15px 0 0 !important; margin:5px 8px 0 0; text-decoration:none; } .textwidget p{ padding: 15px 10px 5px 10px; } .search-results{background:none;margin: 20px auto;width:960px; } .search-no-results{background:none;margin: 20px auto;width:960px; } .hidden{display:none;} /* ----------------------------------------------------------------- Read More Button*/ a.readmore { padding-left: 6px; background: url(images/readmore.gif) no-repeat top left; height: 30px; float: right; } a.readmore span { display: inline-block; height: 30px; padding: 0px 11px 0px 5px; line-height: 29px; font-size: 11px; color: #777; font-weight: bold; } a.readmore span:hover { color: #999; text-decoration: none; } /* ----------------------------------------------------------------- Download Button*/ a.download { padding-left: 6px; background: url(images/button.gif) no-repeat top left; width:178px; height: 30px; float: right; } a.download span { display: inline-block; height: 30px; padding: 0px 11px 0px 5px; line-height: 29px; font-size: 11px; color: #777; font-weight: bold; } a.download span:hover { color: #999; text-decoration: none; } /* ----------------------------------------------------------------- end Other Classes*/ /* ----------------------------------------------------------------- Wp Page Navi*/ .wp-pagenavi { position: relative; /*float: right; margin-top: 35px;*/ } .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; color: #90c018; background-color: transparent; } .wp-pagenavi a:hover { color: White; background-color: transparent; } .wp-pagenavi a:visited { color: #f0c000; background-color: transparent; } .wp-pagenavi span.pages { padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #ffffff; background-color: transparent; } .wp-pagenavi span.current { padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; color: #777; background-color: transparent; } .wp-pagenavi span.extend { padding: 2px 4px 2px 4px; margin: 2px; color: #ffffff; background-color: transparent; } /* ----------------------------------------------------------------- end Wp Page Navi*/ /* ----------------------------------------------------------------- Begin Footer*/ #footer { margin: 0 auto; width: 960px; clear: both; } #footer-box { height: 380px; border-top: 1px solid #24201f; background: #141414; padding: 10px; margin-left: 16px; margin-right: 12px; } #footerleft, #footercenter { float:left; } #footercenter { margin-left:0px; } #footerright { width:314px; height: 360px; float:right; padding:10px; border:1px solid #24201f; } #footerend { text-align:center; background: transparent url('images/footer.gif') no-repeat top; border: none; } #footerend p { margin: 0; padding: 5px 0; text-align: center; } #footer h2 { text-transform: uppercase; } /* ----------------------------------------------------------------- end Footer*/