/* Theme Name: Grunge Music Theme URI: Description: This theme will be suitable for music or guitar related site. Version: 1.4 Author: Pankaj Roy Author URI: http://www.ycoding.com/ Tags: two-columns, fixed-width, red, black, right-sidebar, threaded-comments Grunge Music http://www.ycoding.com/ This theme was designed and built by Pankaj Kumar Roy, whose portfolio is http://www.ycoding.com/ Updates inthis version: Made css more clear, added threaded comment. use of h1 tags in single post and page to make the theme more SEO optimized. The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ body { font:normal 12px Arial, Tahoma,Verdana; color : #fff;margin:0; padding:0; background :#090200; } /* Normal tags */ h1, h2, h3, h4, h5, h6, ul, ol, table, tr, td, form, input {margin:0; padding:0;} h1, h2 {font:normal 20px arial;padding:0 0 5px 0;} h3 {font:normal 16px arial;} h4 {font:bold 14px arial;} h5, h6 {font:bold 12px arial;} a {color:#F46E38;text-decoration : none;} a:hover {text-decoration : underline;} img {margin:0; padding:0;} a img {border:0;} p {padding : 5px 0;margin : 0;} small {font-size:11px;} input, select, textarea {color:#fff; border:1px solid #3D1005;background:#2B0B04;} select { width: 130px; } blockquote { border-left: 5px solid #3D1005; border-right:5px solid #3D1005;margin:10px 0; padding:5px 10px;} code {font: 11px 'Courier New', Courier, Fixed; border:1px dashed #3D1005;margin:10px 0;padding:10px 20px;display:block;color:#ccc;} /*alignments*/ .alignleft {float:right;width:auto;} .alignright {float:left;width:auto;} .aligncenter {margin:0 auto;text-align: center;} .center { text-align: center;} /* ====================== Page Structure ================= */ #wrapper {width : 800px; margin:0 auto;background :#230903 url(images/cont-bg.gif) repeat-y;} #nav1 {height:104px; width:700px; padding:0 50px;background :url(images/nav-bg.gif) no-repeat;} #header {width:800px; height:238px;background : url(images/header.png) no-repeat;text-align:center;} #contents {margin:0 auto; width:800px; min-height:409px;background : url(images/cont-top.gif) no-repeat;} #cont-btm {width:800px; height:102px;background : url(images/cont-btm.gif) no-repeat;} #footer {width:700px;padding:0 50px 20px 50px;background:#230903;} .sidebar{float:left; width:214px; margin:0;padding:20px 10px 0 10px;} #content{float:left; width:546px; padding:10px 10px 0 10px;} /* ====================== Header ======================= */ /* --------- Logo ------------ */ .logo {padding:50px 220px 0 220px;font-size:36px;color:#fff;font-weight:normal;} .logo a{color:#fff;text-decoration:none;} .logo a:hover{color:#fff;text-decoration:none;} .desc {font-size:12px;color:#fff;padding:5px 220px;} /* --------- Navigation -------- */ #nav1 ul {margin :0;padding :44px 0 0 0;list-style : none;text-align:center;} #nav1 li {margin :0;padding:0 15px 0 29px; font-size : 18px; list-style : none; line-height:16px; background : url(images/nav-li.gif) no-repeat 0 5px;display:inline;} #nav1 li.home {background : transparent;padding:0 15px 0 15px;} #nav1 li a {color:#D3CFCE;text-decoration:none; } #nav1 li a:hover {text-decoration : none;color:#fff;} /* search bar ----*/ form.searchbar { margin:0;padding:0; } form.searchbar p {margin:0;padding:0;} form.searchbar input{float:left;margin:0;padding:4px 0; color:#fff;border:0; } form.searchbar input.txt{width:125px;background:#551808;margin:0 5px 5px 0; height:12px;} form.searchbar input.btn{background:#3D1005;font-weight : bold;height:24px;cursor:pointer;width:70px;} form.searchbar input.btn:hover {color:#F46E38;} /* ======================== Contents ======================= */ .post {padding:0 10px 30px 10px; } #content form#searchform {text-align:center;} .post h2, .post h1 {color:#fff;font:normal 24px arial;padding:0 0 5px 0;} .post h2 a, .post h1 a {color:#fff;} .post h2 a:hover, .post h1 a:hover {color:#F46E38; text-decoration:none;} .post .date {color:#F46E38; font-size:11px;} .post .date a {color:#F46E38;} .entry {text-align:justify;padding:10px 0;} a.more-link {text-align:right;color:#F46E38; } p.postmetadata {color:#F46E38;} h2.pagetitle, h2.center {text-align: center; padding:0 0 15px 0; color:#F46E38;} /* Begin Lists */ .entry ol,.entry ul {margin: 0; padding: 5px 0 5px 35px; } .entry li {margin: 0; padding: 0; } .postmetadata ul, .postmetadata li { display: inline; list-style-type: none;list-style-image: none;} /* Begin Form Elements */ #searchform {margin-top:30px;} .entry form { text-align:center; } /* --------------- SideBars ----------------*/ .sidebar .sb-box {margin-top:10px; padding-bottom:15px;} .sidebar h2 {font:normal 20px arial; color:#F46E38; } .sidebar ul {list-style:none;} .sidebar li {list-style:none;color:#fff;padding:3px 0 0 15px;} .sidebar a {color:#fff;} .sidebar a:hover {color:#F46E38;text-decoration:none;} .sidebar .current-cat a {color:#F46E38;} /* ========================= Footer ======================= */ #footer .fleft { background : url(images/ftr-left.gif) no-repeat; width:39px; height:80px;float:left;} #footer .frt {background : url(images/ftr-rt.gif) no-repeat; width:32px; height:80px;float:left; } #footer .fmain {padding:14px 6px; float:left; width:617px; height:54px; line-height:20px; background:#2B0B04;} #footer {color:#F3AC8F;font-size:11px;} #footer a{color:#fff;font-weight:bold;} /* ================================= Others ============================= */ .clr {clear : both;font:normal 1px/1px arial; height:1px;} /* --------------------- common elements --------------------------- */ .navigation { display: block; color : #F46E38; padding:0 0 15px 0;font-weight:bold;} .navigation .alignright { width:49%; text-align:right; } .navigation .alignleft {width:49%; text-align:left;} .alt, odd { background:#2B0B04;margin: 0; padding: 10px;} .even { background:#3D1005;} /* Comments section */ h3#comments {padding:0 0 15px 0; color:#F46E38;} #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform textarea { width: 320px; padding: 2px;height:80px;} #submit, #searchsubmit {margin: 0; color:#fff; border:0;background:#F46E37;font-weight:bold;width:100px;padding:0;cursor:pointer;} #submit:hover, #searchsubmit:hover {background:#3D1005;} ol.commentlist {margin:0;padding:0;} .commentlist li { font-weight:normal;} .commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 12px;} /* Begin Calendar */ #calendar_wrap {border-top: 0;color:#ffffff;margin-top:10px;} #calendar_wrap table, #calendar_wrap th {margin:0 auto;padding:0;} #wp-calendar {empty-cells: show;margin: 10px auto 0;width: 98%; font-size: 9px;} #wp-calendar #next a {padding-right: 2px;text-align: right;} #wp-calendar #prev a {padding-left: 2px;text-align: left; } #wp-calendar a {display: block;} #wp-calendar caption {text-align: center;width: 100%;font-size:12px;padding:0 0 5px 0;font-weight:bold;color:#fff;} #wp-calendar td {padding: 1px 0; text-align: center;} #wp-calendar td.pad:hover { background-color: #424242; } #wp-calendar #prev a, #wp-calendar #next a {font-size: 9px; } #wp-calendar a {text-decoration: none; } #wp-calendar caption { text-align: center; } #wp-calendar th { font-style: normal;text-transform: capitalize;} #calendar_wrap #today {font-weight:bold;color:#000;background:#fffffe;} /* End Calendar */ .smallattachment {text-align: center; float: left;margin: 5px 5px 5px 0px;width:auto;} .attachment {text-align: center; margin: 5px 0px;} /* Begin Images */ p img { padding: 0; max-width: 90%; } img.centered, img.center { display: block; margin:0 auto;} img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } img.avatar {float:right;} /* End Images */ /* End Form Elements */ /* Begin Comments*/ .commentlist { padding: 0; text-align: justify;} .commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none;} .commentlist p {margin: 10px 5px 10px 0; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; } .commentmetadata {display: block; font-size:10px;font-weight:normal;} /* End Comments */ /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor: help;} acronym, abbr { border-bottom: 1px dashed #424242; } blockquote cite { margin: 5px 0 0; display: block;} hr { display: none; } /* End Various Tags & Classes*/