/*
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:#740303 url('images/body_bg2.gif') repeat-x 0 0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	
}

/* 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 : 1000px; margin:0 auto;background :#740303 url(images/body_bg.gif) repeat-x 0 0;}
#nav1 {height:104px; width:700px; padding:0 50px;background :url(images/nav-bg.gif) no-repeat;}

#contents {margin:0 auto; width:1000px; min-height:409px;background : url(images/body_bg2.gif) repeat-y;}
#cont-btm {width:1000px; height:102px;background : url(images/cont-btm1.gif) no-repeat;}
#footer {width:1000px;padding:0 50px 20px 50px;background:#230903;}
.sidebar{float:left; width:232px; margin:0;padding:20px 10px 0 10px;min-height:409px; background:#450404 url('images/mid_panel_bg.gif') repeat-x 0 0;}
#content{float:left; width:700px; padding:20px 10px 0 20px;}

/*------------------------------------------------top--------------------*/
#topMain{
	width:99%;
	background:url('http://ysfmotivation.com/images/top_bg.gif') repeat-x 0 0;
	height:315px;
	padding-left:0; padding-right:0; padding-top:10px; padding-bottom:0
}
#top{
	width:999px;
	height:315px;
	margin:0 auto;
	background:url('http://ysfmotivation.com/images/header.jpg') no-repeat 0 0;
	position:relative
}
#top img.logo{
	position:absolute;
	left:30px;
	top:30px;
	width:205px;
	height:87px;
}
#top img.login{
	position:absolute;
	left:478px;
	top:70px;
	width:106px;
	height:80px;
}
#top ul.topNav{
	background:url('http://ysfmotivation.com/images/top_nav_bg.gif') no-repeat 0 0;
	width:376px;
	height:68px;
	position:absolute;
	left:20px;
	top:130px;
	padding-left:5px; padding-right:0; padding-top:3px; padding-bottom:0
}
#top ul.topNav li{
	float:left;
	height:50px;
	background:url('http://ysfmotivation.com/images/top_nav_div.gif') no-repeat right top;; padding-left:0; padding-right:2px; padding-top:0; padding-bottom:0
}
#top ul.topNav li a{
	display:block;
	background:inherit url('http://ysfmotivation.com/images/nav_bg.gif') repeat-x 0 0;
	color:#E9B9B9;
	text-decoration:none; text-transform:uppercase; font-style:normal; font-variant:normal; font-weight:bold; line-height:50px; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding-left:12px; padding-right:12px; padding-top:0; padding-bottom:0; background-color:inherit
}
#top ul.topNav li a:hover{
	background:inherit url('http://ysfmotivation.com/images/nav_bg_hover.gif') repeat-x 0 0;
	color:#fff;
	border-left:0px solid #000000; border-right:1px solid #000000; padding-left:11px; padding-right:11px; padding-top:0; padding-bottom:0; background-color:inherit
}
#top ul.topNav li.noImg{
	background-image:url('none');
}
#top ul.topNav li a.hover{
	display:block;
	background:inherit url('http://ysfmotivation.com/images/nav_bg_hover.gif') repeat-x 0 0;
	color:#fff;
	text-decoration:none; text-transform:uppercase; border-left:0px solid #000000; border-right:0px solid #000000; font-style:normal; font-variant:normal; font-weight:bold; line-height:50px; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding-left:11px; padding-right:11px; padding-top:0; padding-bottom:0; background-color:inherit
}

#top h1{
	display:block;
	width:528px;
	height:76px;
	position:absolute;
	left:20px;
	top:225px;
	text-indent:-2000px
}
/*------------------------------------------------top--------------------*/

/*------------------------------------------------menu--------------------*/
#menuMain{
	width:100%;
	height:28px;
	background:url('http://ysfmotivation.com/images/menu_bg.gif') repeat-x 0 0;
}
#menu{
	width:942px;
	margin:0 auto;
	height:28px;
}
#menu ul{
	width:942px;
	height:28px;
}
#menu ul li{
	float:left;
	border-right:#595959 solid 1px;
	height:28px;
}
#menu ul li a{
	display:block;
	padding:0 13px;
	font:bold 13px/28px Arial, Helvetica, sans-serif;
	color:#979696;
	text-decoration:none;
	background-color:inherit;
}
#menu ul li a:hover{
	color:#8DA128;
	background-color:inherit;
}
#menu ul li.noBdr{
	border:none;
}
#menu ul li a.first{
	display:block;
	padding:0 14px 0 0;
	font:bold 13px/28px Arial, Helvetica, sans-serif;
	color:#979696;
	text-decoration:none;
	background-color:inherit;
}
#menu ul li a.first:hover{
	color:#8DA128;
	background-color:inherit;
}
#menu ul li a.last{
	display:block;
	padding:0 0 0 14px;
	font:bold 11px/28px Arial, Helvetica, sans-serif;
	color:#979696;
	text-decoration:none;
	background-color:inherit;
}
#menu ul li a.last:hover{
	color:#8DA128;
	background-color:inherit;
}
/*------------------------------------------------menu--------------------*/


/*  ======================== 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--------------------*/
#footerMain{
	width:100%;
	height:116px;
	background:url('http://ysfmotivation.com/images/footer_bg.gif') repeat-x 0 0;
}
#footer{
	width:850px;
	margin:0 ;
	height:116px;
	position:relative;
}
#footer ul{
	width:552px;
	position:absolute;
	left:0;
	top:21px;
}
#footer ul li{
	float:left;
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	color:#979696;
	background-color:inherit;
}
#footer ul li a{
	padding:0 7px;
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	color:#979696;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer ul li a.one{
	padding:0 7px 0 0;
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	color:#979696;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a.one:hover{
	text-decoration:underline;
}
#footer p.copyright{
	font:normal 10px/14px Arial, Helvetica, sans-serif;
	position:absolute;
	left:0;
	top:41px;
	width:230px;
	color:#BAA884;
	background-color:inherit;
}
#footer p.design{
	display:block;
	width:197px;
	height:19px;
	padding:0;
	position:absolute;
	left:0;
	top:60px;
	font:bold 12px/14px Arial, Helvetica, sans-serif;
	color:#D54A4A;
	background-color:inherit;
}
#footer p.design a.link{
	font:bold 12px/14px Arial, Helvetica, sans-serif;
	color:#D54A4A;
	background-color:inherit;
	text-decoration:none;
}
#footer p.design a.link:hover{
	color:#fff;
	background-color:#D54A4A;
}
#footer a.xhtml{
	display:block;
	background:url('http://ysfmotivation.com/images/xhtml_bg.gif') no-repeat 0 0;
	width:81px;
	height:16px;
	position:absolute;
	left:770px;
	top:17px
}
#footer a.xhtml:hover{
	background:url('http://ysfmotivation.com/images/xhtml_bg_hover.gif') no-repeat 0 0;
}
#footer a.css{
	display:block;
	background:url('http://ysfmotivation.com/images/css_bg.gif') no-repeat 0 0;
	width:81px;
	height:16px;
	position:absolute;
	left:861px;
	top:17px
}
#footer a.css:hover{
	background:url('images/css_bg_hover.gif') no-repeat 0 0;
}
/*------------------------------------------------footer--------------------*/


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