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

*/


body {
	font-family : Arial, Tahoma, Verdana;
	font-size : 14px;
	color : #DBD8AE;
	margin:0;
	padding:0;
	background-color: #000000;
	background-image: url(images/back.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

a {color:#EBBD65;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 : 830px;
	margin:0 auto;
	background-color: transparent;
}
#nav1 {
	height:104px;
	width:830px;
	background-color: transparent;
	text-align: left;
	padding-top: 0;
	padding-right: 50px;
	padding-bottom: 0;
	padding-left: 50px;
}
#header {
	width:830px;
	height:310px;
	text-align:center;
	background-image: url(images/header_blog.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#contents {margin:0 auto; width:830px; min-height:409px;}
#cont-btm {width:800px; height:102px;}
#footer {
	width:100%;
	height: 50px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 50px;
	clear: both;
	background-color: #000000;
	border-top-width: 3px;
	border-top-style: double;
	border-top-color: #E5BF6C;
}


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


/* --------- Logo ------------ */
h1 {
	margin:0;
	font-size:10px;
	color:#F4F4F4;
	font-weight:normal;
	padding-top: 20px;
	padding-right: 220px;
	padding-bottom: 0;
	padding-left: 15px;
	position: relative;
}
h1 a{color:#fff;text-decoration:none;}
h1 a:hover{color:#fff;text-decoration:none;}
.desc {font-size:12px;color:#fff;padding:5px 220px;}

/* --------- Navigation -------- */

#nav1 {
	text-align: left;
	height: 155px;
	margin-top: -66px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: -50px;
}

#nav1 ul {
	list-style : none;
	text-align:left;
	width: 830px;
	height: 78px;
	padding: 0px;
	margin: 0;
}

#nav1 li {
	margin :0;
	font-size : 18px;
	list-style : none;
	line-height:16px;
	display:inline;
	height:78px;
	width: 166px;
	padding: 0;
}
#nav1 a {
    display: block;
	float: left;
	width: 166px;
	height: 27px;
	padding-top: 117px;
	text-transform: lowercase;
	text-decoration: none;
	text-align: center;
	letter-spacing: -1px;
	font-size: 24px;
	color: #EBBD65;
}
#nav1 a:hover {
	background-image: url(images/botao.jpg);
	color: #372412;
	background-repeat: no-repeat;
	background-position: center bottom;
}
#nav1 .home a {
	color: #372412;
	background-image: url(images/botao.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#nav1 a:active {
	background-image: url(images/botao.jpg);
	background-repeat: no-repeat;
}

/* 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;
	height:15px;
	background-color: #000000;
	border: 1px solid #EBBD65;
	color: #CED08F;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0;
}
form.searchbar input.btn{
	height:24px;
	padding:0 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #CED08F;
	border: 3px double #EBBD65;
}






/*  ======================== Conatents ======================= */
.sidebar{
	float:left;
	width:214px;
	margin:0;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	text-transform: lowercase;
}
#content{
	float:left;
	width:546px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0px;
}
.post {padding:0 10px 30px 10px; }
#content form#searchform {text-align:center;}
.post h2 {
	color:#C2C487;
	font-size:2.2em;
	letter-spacing: -2px;
	margin:0;
	padding:0 0 5px 0;
	line-height:20px;
	text-transform: lowercase;
	font-weight: normal;
}
.post h2 a, h2 a:hover {
	color:#C2C487;
	text-decoration:none;
	font-weight: normal;
	border-bottom: 2px solid #4A3903;
}
.post .date {
	color:#EBBD65;
	font-size:11px;
	margin-top: 15px;
	font-style: italic;
}
.post .date a {color:#C2C487;}
.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;
	line-height:20px;
	font-size:26px;
	color:#CED08F;
	font-weight:normal;
	background-image: url(images/list.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 30px;
	border-bottom: 2px solid #4A3903;
	height: 24px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0;
}
.sidebar ul ul {list-style:none;margin:0;padding:0;}

.sidebar li ul {
	padding: 15px 0;
}
.sidebar ul ul li {
	list-style:none;
	margin:0;
	color:#CED08F;
	font-size : 14px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 30px;
	border-bottom: 1px dotted #4A3903;
	background: url(images/img06.gif) no-repeat 15px 50%;
}
.sidebar ul ul ul li {list-style:none;padding:3px 0 0 15px;}
.sidebar a {
	color:#EBBD65;
}

.sidebar a:hover {color:#EBBD65;text-decoration:underline;}


/*  ========================= 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; background:#000000;}
#footer {
	color:#C79858;
	font-size:0.85em;
	background-color: #000000;
	
}
#footer a{
	color:#C79858;
}
#footer a:hover{
	color:#C79858;
	text-decoration: underline;
}


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

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


/* --------------------- common elements --------------------------- */
.navigation { display: block; color : #EBBD65; 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:#EBBD65;}
h3, h3#comments {padding: 0;margin: 10px auto 10px ;color:#EBBD65;font-size:16px;}
a.more-link {text-align:right;color:#EBBD65; }
p.postmetadata {margin:0;font-weight:bold;}
p.postmetadata a{font-weight:normal;}
.alt { background-color: #000000;	border:3px double #CED08F;}
.alt a {font-weight:normal;}
input, select, textarea {border: 3px double #CED08F; color:#CED08F; background:#000000;}
#commentform #submit, #searchsubmit {margin: 0; color:#372412; border:3px double #CED08F;background:#CED08F;font-weight:bold; margin-left:5px;}
blockquote { border-left: 3px solid #EBBD65;}
	
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 #EBBD65;margin:5px;padding:5px;display:block;}


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