/*
Theme Name: Grunge Music
Theme URI: 
Description: This theme will be suitable for music or guitar related site.
Version: 1.3
Author: Pankaj Roy
Author URI: http://www.ycoding.com/
Tags: Music, Grunge, Guitar, Black, Red, Brick Red, Fixed Width, Two Columns, Widgets, XHTML, CSS, Valid XHTML, Valid CSS

    Grunge Music
    http://www.ycoding.com/

	This theme was designed and built by Pankaj Kumar Roy,
	whose portfolio is http://www.ycoding.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

#675f57*/


body {
font-family: Georgia, "Times New Roman", Times, serif;
font-size : 14px;color:#555555; margin:0; padding:0;
background :#ebe8e3;
background-image: url(images/bgBody.jpg);
background-position:center top;
background-repeat:no-repeat;
}

a {color:#675f57;text-decoration : none;}
a:hover {text-decoration : underline;}
img {margin:0; padding:0;}
a img {border:0;}
p {padding : 5px 0;margin : 0;}

.alignleft {float:right;}
.alignright {float:left;}
.aligncenter {margin-left:auto; margin-right:auto;}

/*  ====================== Page Structure ================= */

#wrapper {width : 800px; margin:0 auto;background :#230903 url(images/cont-bg.jpg) repeat-y;}
#nav1 {height:104px; width:700px; padding:0 50px;background :url(images/nav-bg.jpg) no-repeat;}
#header {width:800px; height:238px;background : url(images/header.jpg) no-repeat;text-align:center;}
#contents {margin:0; width:800px; min-height:409px; background : url(images/cont-top.jpg) no-repeat; background-position: top;}
#cont-btm {width:800px; height:102px;background : url(images/cont-btm.jpg) no-repeat;}
#footer {width:700px;padding:0 50px 20px 50px;background:#f0eee1; background-image:url(images/footerBG.jpg);}


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


/* --------- Logo ------------ */
h1 {margin:0; padding:50px 220px 0 220px;font-size:36px;color:#3D1005;font-weight:normal;}
h1 a{color:#3D1005;text-decoration:none;}
h1 a:hover{color:#3D1005;text-decoration:none;}
.desc {font-size:12px;color:#3D1005;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;font-size:12px; padding:4px 0; color:#fff;border:0; }
form.searchbar input.txt{width:120px;background:#551808;/*transparent;*/ margin:0 10px 5px 0; height:12px;}
form.searchbar input.btn{background:#3D1005;font-weight : bold;height:24px;padding:0 4px;}






/*  ======================== Conatents ======================= */
.sidebar{float:left; width:214px; margin:0;padding:10px 10px 0 10px;}
#content{float:left; width:456px; padding:10px 30px 0 50px;}
.post {padding:0 10px 30px 10px; }
#content form#searchform {text-align:center;}
.post h2 {color:#3D1005;font-size:24px;margin:0;padding:0 0 5px 0;line-height:20px;}
.post h2 a, h2 a:hover {color:#3D1005; text-decoration:none;}
.post .date {color:#b63e35; font-size:11px;}
.post .date a {color:#b63e35;}
.entry {text-align:justify;padding:10px 0;}


/* --------------- SideBars ----------------*/
.sidebar ul {list-style : none;margin :10px 0 0 0;padding : 0;}
.sidebar ul li {list-style:none;margin:0;padding:0 0 15px 0;}
.sidebar ul li h2 {margin:0; padding:0 0 2px 0; line-height:20px; font-size:20px; color:#b63e35;font-weight:normal;}
.sidebar ul ul {list-style:none;margin:0;padding:0;}
.sidebar ul ul li {list-style:none;margin:0; color:#fff;padding:3px 0 0 20px;font-size : 12px;}
.sidebar ul ul ul li {list-style:none;padding:3px 0 0 15px;}
.sidebar a {color:#675f57;}
.sidebar a:hover {color:#b63e35;text-decoration:none;}


/*  ========================= Footer  ======================= */
#footer .fleft {  width:39px; height:66px;float:left;}
#footer .frt {width:32px; height:64px;float:left; }
#footer .fmain  {padding:14px 6px; float:left; width:617px; height:40px; line-height:20px; }
#footer {color:#675f57;font-size:11px; background-image:url(images/footerBG.jpg); background-repeat:no-repeat;}
#footer a{color:#675f57;font-weight:bold;}


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

.clr {clear : both;margin:0; padding:0;font-size:1px; line-height:1px;}


/* --------------------- common elements --------------------------- */
.navigation { display: block; color : #b63e35; width:100%;padding:0 0 15px 0;font-weight:bold;}
small {margin:0; padding:0; font-size:12px;}
#searchform {margin-top:30px;}
h2.pagetitle, h2.center {margin:0;text-align: center; padding:0; font-size:16px; color:#3D1005;}
h3, h3#comments {padding: 0;margin: 10px auto 10px ;color:#b63e35;font-size:16px;}
a.more-link {text-align:right;color:#b63e35; }
p.postmetadata {margin:0;font-weight:bold;}
p.postmetadata a{font-weight:normal;}
.alt { background-color: #dfd1b2; font-family:Arial, Helvetica, sans-serif;	border:1px solid #b63e35;}
.alt a {font-weight:normal;}
input, select, textarea {border: 0; color:#675f57; border:1px solid #2B0B00;background:#dfd1b2; font-family:Arial, Helvetica, sans-serif;}
#commentform #submit, #searchsubmit {margin: 0; color:#D3CFCE; border:0;background:#55180e;font-weight:bold;border:1px solid #b63e35; margin-left:5px;}
blockquote { border-left: 3px solid #b63e35;}
	
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;}
code { font: 1.1em 'Courier New', Courier, Fixed; border:1px dotted #b63e35;margin:5px;padding:5px;display:block;}


/* Begin Calendar */
#calendar_wrap {border-top: 0;color:#D3CFCE;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;}
.attachment {text-align: center; margin: 5px 0px;}



/* Begin Images */
p img {	padding: 0;	max-width: 90%;	}
img.centered { display: block;	margin-left: auto;	margin-right: auto;	}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;	}
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

/* End Images */



/* 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 */
.entry form { text-align:center; }
select { width: 130px; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 80%; padding: 2px;}
/* End Form Elements */



/* Begin Comments*/
.alt { 	margin: 0; padding: 10px; }
.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 { margin: 15px 30px 0 10px;padding-left: 20px;}
blockquote cite { margin: 5px 0 0; display: block;}
.center { text-align: center;}
hr { display: none; }
.alignright { float: right;	}
.alignleft { float: left;}
.navigation .alignright { width:49%; text-align:right; 	}
.navigation .alignleft {width:49%; text-align:left;}
/* End Various Tags & Classes*/

.post img {padding:5px;}