/* @override http://www.diamondmachete.com/wp-content/themes/grunge-music/style.css */

/*
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-family:Verdana, sans-serif;
font-size:13px;
font-weight:normal;
letter-spacing:0.5px;
color : #fff;
margin:0; 
padding:0;
background :#000 url(images/bg.jpg) center top;
background-repeat:no-repeat;
}

/* Normal tags */
h1, h2, h3, h4, h5, h6, ul, ol, table, tr, td, form, input {margin:0; padding:0;}

h1, h2 {font:normal 18px Verdana;padding:0 0 5px 0;}
h3 {font:normal 16px Verdana;}
h4 {font:bold 14px Verdana;}
h5, h6 {font:bold 12px Verdana;}

a {color:#777;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 #777;background:#1f1f1f;}
select { width: 130px; }
blockquote { border-left: 5px solid #777; border-right:5px solid #777;margin:10px 0; padding:5px 10px;}
code {font: 11px 'Courier New', Courier, Fixed; border:1px dashed #777;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;}
.textwidget tr td{padding-bottom:10px;}
/*  ====================== Page Structure ================= */

#wrapper {width : 800px; margin:0 auto;background :#-230903 url(images/cont-bg.gif) repeat-y;}
#nav1 {height:65px; width:700px; padding:0 50px;}
#header {width:800px; height:465px;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:#transparent;}
.sidebar{float:left; width:214px; margin:0;padding:0px 10px 0 10px;}
#content{float:left; width:440px; padding:10px 10px 0 10px;margin-left:40px;margin-right:20px;}

/*  ====================== Header ======================= */


/* --------- Logo ------------ */
.logo{display:none;}
/* 
.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 :25px 0 0 0;list-style : none;text-align:center;}
#nav1 li {margin :0;padding:0 10px 0 20px; font-size : 18px; list-style : none; line-height:16px;display:inline;}
#nav1 li.home {background : transparent;padding:0 15px 0 15px;}
#nav1 li a {color:#fff;text-decoration:none; font-family:Verdana, sans-serif;letter-spacing:-1px;text-transform:uppercase;}
#nav1 li a:hover, #nav1 li.current_page_item a {text-decoration : none;color:#777;}

/* 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:#222;margin:1px 7px 5px 0; height:15px;}
form.searchbar input.btn{background:#333;font-weight : bold;height:23px;cursor:pointer;width:70px;}
form.searchbar input.btn:hover {color:#777;}




/*  ======================== Contents ======================= */
.post {padding:0 10px 30px 10px; }
#content form#searchform {text-align:center;}
.post h2, .post h1 {color:#fff;font:normal 18px Verdana;padding:0 0 5px 0;}
.post h2 a, .post h1 a {color:#fff;}
.post h2 a:hover, .post h1 a:hover {text-decoration:none; border-bottom:1px dotted #fff;}
.post .date {color:#fff; font-size:14px;}
.post .date a {color:#777;}
.entry {text-align:left;padding:10px 0;}
a.more-link {text-align:right;color:#777; }
p.postmetadata {color:#777;font-size:10px;}
h2.pagetitle, h2.center {text-align: center; padding:0 0 15px 0; color:#777;}

/* 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:left; }



/* --------------- SideBars ----------------*/
.sidebar .sb-box {margin-top:10px; padding-bottom:15px;}
.sidebar h2 {font:normal 15px Verdana; color:#FFF; }
.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:#777;text-decoration:none;}
.sidebar .current-cat a {color:#777;}
.sidebar h2.widgettitle {border-bottom:1px dotted #fff;margin-bottom:10px;}

/*  ========================= Footer  ======================= */
#footer .fleft { background : url(images/ftr-left.gif) no-repeat; width:39px; height:66px;float:left;}
#footer .frt {background : url(images/ftr-rt.gif) no-repeat; width:32px; height:64px;float:left; }
#footer .fmain  {padding:14px 6px; float:left; width:617px; height:40px; line-height:20px;text-align:center;}
#footer {color:#transparent;font-size:11px;}
#footer a{color:#fff;font-weight:bold;}


/*  ================================= Others ============================= */

.clr {clear : both;font:normal 1px/1px Verdana; height:1px;}


/* --------------------- common elements --------------------------- */
.navigation { display: block; color : #777; 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:#777;}
#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:#1f1f1f;font-weight:bold;width:100px;padding:0;cursor:pointer;}
#submit:hover, #searchsubmit:hover {background:#777;}


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*/

/* PHoto Gallery Page */
.entry #gallery-1{
	width:100%;
	text-align:center;
}