/*

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 : 11px;color : #fff;margin:0; padding:0;

background :#090200;

}



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;}



.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.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.gif) 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;}





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





/* --------- Logo ------------ */

h1 {

	margin:0;

	font-size:36px;

	color:#fff;

	font-weight:normal;

	padding-top: 30px;

	padding-right: 350px;

	padding-bottom: 0;

	padding-left: 160px;

}

h1 a{color:#66ccff;text-decoration:none;font-weight: bold;}

h1 a:hover{color:#fff;text-decoration:none;}

.desc {font-size:12px;color:#fff;padding:5px 320px;}



/* --------- 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:11px; 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:200px; margin:0;padding:20px 10px 0 10px;}

#content{float:left; width:546px; padding:10px 10px 0 10px;}

.post {padding:0 10px 30px 10px; }

#content form#searchform {text-align:center;}

.post h2 {color:#fff;font-size:24px;margin:0;padding:0 0 5px 0;line-height:20px;}

.post h2 a, h2 a:hover {color:#fff; text-decoration:none;}

.post .date {color:#F46E38; font-size:11px;}

.post .date a {color:#F46E38;}

.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:#F46E38;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:#ffffff;}

.sidebar a:hover {color:#F46E38;text-decoration:none;}





/*  ========================= 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; background:#2B0B04;}

#footer {color:#F3AC8F;font-size:11px;}

#footer a{color:#fff;font-weight:bold;}





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



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





/* --------------------- common elements --------------------------- */

.navigation { display: block; color : #F46E38; 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:#F46E38;}

h3, h3#comments {padding: 0;margin: 10px auto 10px ;color:#F46E38;font-size:16px;}

a.more-link {text-align:right;color:#F46E38; }

p.postmetadata {margin:0;font-weight:bold;}

p.postmetadata a{font-weight:normal;}

.alt { background-color: #2B0B04;	border:1px solid #F46E38;}

.alt a {font-weight:normal;}

input, select, textarea {border: 0; color:#fff; border:1px solid #2B0B00;background:#2B0B04;}

#commentform #submit, #searchsubmit {margin: 0; color:#ffffff; border:0;background:#F46E37;font-weight:bold;border:1px solid #F46E38; margin-left:5px;}

blockquote { border-left: 3px solid #F46E38;}

	

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 #F46E38;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;}