/*  
Theme Name: Fat And Grungy
Theme URI: http://www.sound-weavers.com
Description: Fat and Grungy is a customized theme exclusively built for the Sound Weavers Recording Studio website
Version: 0.3
Author: Trapik Media 
Author URI: http://www.TrapikMedia.com
*/



/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/

/* Sound Weavers Template Stylesheet */
*{
	margin:0;
	padding:0;
	border:0;
}/* Reset all margins, paddings and borders to zero */

body{
	font: 11px/130% Verdana, Arial, sans-serif;
	background-color: #960;
	color: #000;
	text-align: center;
}
a{
	text-decoration: none;
	outline: none;
}
p{
	padding: 5px;
}
h1, h2{
	font-size: 15px;
}
/* the layout - the sitewide elements */
#header{
	clear: both;
	background:#000 url(images/headerbg.gif) bottom center repeat-x;
	color:#fff;
	padding-bottom: 20px;
}
#supermenu{
	display: block;
}
#content{
	background-color: #fff;
	clear: both;
}
.center{
	margin:0 auto;
	width:740px;
	text-align: left;
}
#main{
	width:470px;
	float: left;
	display: inline;
}
#sidebar{
	float: right;
	width:260px;
	display: inline;
}
#footer{
	clear: both;
	background:#960 url(images/footerbg.gif) top center repeat-x;
	color:#fff;
	padding-top: 20px;
}

/*universal classes*/
.hide{
	text-indent: -9999px;
}
.panner{
	clear:both;
	height:40px;
}
	/*headings*/
h2.pagetitles{
	font-family: Georgia, Arial, Verdana, sans-serif;
	margin:5px 0 5px 0;
	text-align: justify;
	font-size: 15px;
	line-height:120%;
	color:#c60;
	background-color: inherit;
}
h2.pagetitles a{
	color:#c60;
	background-color: inherit;
	font-weight: normal;
}

/*header styling*/
h1#logo{
	float: left;
	width:360px;
	height:40px;
	display: inline;
}
h1#logo a{
	display: block;
	width:360px;
	height: 40px;
	background: #000 url(images/sitelogo.gif) top left no-repeat;
}
span#toggler{
	float: right;
	width:145px;
	margin-top:10px;
	height:25px;
	background: #000 url(images/toggler.gif) bottom left no-repeat;
	display: inline;
}


/*The Universal top nav*/

#supermenu ul{
	list-style: none;
	margin-top:10px;
	width:740px;
	height:55px;
	background:#000 url(images/topmenu.gif) top left no-repeat;
	color:#fff;
	border-top:1px solid #222;
}
#supermenu li{
	float: left;
}
#supermenu li a{
	display: block;
	height:55px;
	text-indent:-9999px;
}
li#n1 a{
	width:85px;
}
li#n2 a{
	width:95px;
}
li#n3 a{
	width:90px;
}
li#n4 a{
	width:90px;
}
li#n5 a{
	width:100px;
}
li#n6 a{
	width:110px;
}
li#n7 a{
	width:75px;
}
li#n8 a{
	width:90px;
}

#supermenu li a:hover{
	background:#000 url(images/topmenu.gif) top left no-repeat;
}
li#n1 a:hover{
	background-position: 0 -75px;
}
li#n2 a:hover{
	background-position: -85px -75px;
}
li#n3 a:hover{
	background-position: -180px -75px;
}
li#n4 a:hover{
	background-position: -270px -75px;
}
li#n5 a:hover{
	background-position: -360px -75px;
}
li#n6 a:hover{
	background-position: -460px -75px;
}
li#n7 a:hover{
	background-position: -570px -75px;
}
li#n8 a:hover{
	background-position: -645px -75px;
}
/*footer styles*/
#flinks{
	clear: both;
	height:50px;
	padding-top: 20px;
	display: block;
	background: #960 url(images/flinksbg.gif) top left no-repeat;
	text-align: center;
}
#flinks[id]{
	height:30px;
}
#flinks ul{
	display: inline;
	margin-top:20px;
}
#flinks ul li{
	display: inline;
	padding: 0 5px 0 5px;
}

/*hyperlinks*/
#content a{
}
#footer a{
	color:#fff;
	background-color: inherit;
	border-bottom:1px solid #7a5200;
}
#footer a:hover{
	border-bottom: 1px dotted #fff;
}
/*Archives Page styles*/
.post{
	padding-bottom: 20px;
}
.post a, .featured a{
	color: #960;
	background-color: inherit;
	font-weight: bold;
	border-bottom: 1px dotted #960;
}
.post a:hover, .featured a:hover{
	border-bottom: 1px solid #960;
}

.post h2 a{
	text-decoration: none;
}
.subpost{
	clear:both;
	padding-top:15px;
	height: 40px;
	width:465px;
	background: #fff url(images/subpostbg.gif) top left no-repeat;
	color: #960;
}
.subpost[class]{
	height: 25px;
}
.date{
	float: left;
	margin-left: 10px;
	display: inline;
}
.feedback{
	float: right;
	margin-right:10px;
	display: inline;
}
.entry{
	padding-top:10px;
	text-align: justify;
}
.postmetadata{
	padding-top: 10px;
	color: #c60;
	background-color: inherit;
}

.postmetadata a{
	font-weight: bold;
	text-decoration: none;
	border-bottom:1px solid #fff;
}
.feedback a{
	font-weight: bold;
	text-decoration: none;
	border-bottom:1px solid #fc0;
}
.postmetadata a:hover, .feedback a:hover{
	border-bottom:1px dotted #c60;
}
/*sidebar*/
#sidebar h3{
	width: 265px;
	height: 25px;
}
h3#recpos{
	background:#fff url(images/recentpostsbg.gif) top left no-repeat;
	color:#eee;
}
h3#arc{
	background:#fff url(images/archivesbg.gif) top left no-repeat;
	color:#eee;
}
h3#cat{
	background:#fff url(images/categoriesbg.gif) top left no-repeat;
	color:#eee;
}
h3#serv{
	background:#fff url(images/servicebg.gif) top left no-repeat;
	color:#eee;
}
h3#loc{
	background:#fff url(images/locationbg.gif) top left no-repeat;
	color:#eee;
}
h3#rates{
	background:#fff url(images/ratesbg.gif) top left no-repeat;
	color:#eee;
}
h3#feedback{
	margin-top: 10px;
	background:#960 url(images/postyourfeedback.gif) top left no-repeat;
	color:#eee;
	clear: both;
	height: 30px;
}
ul.sidelist{
	list-style: none;
	margin-left:10px;
}
ul.sidelist li{
	padding:5px 0 5px 0;
}
ul.sidelist small{
	clear: both;
	color: #f90;
	display: block;
	background-color: inherit;
}
ul.sidelist a{
	clear: both;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	color:#c30;
	background-color:inherit;
}

ul.sidelist a:hover{
	border-bottom:1px dotted #960;
}

/* Definition Lists*/
dl{
	margin:10px 0;
}
dt{
	font-weight:bold;
	
}
dd{
	padding: 5px 0;
}

/*forms*/
input, textarea{
	border: 1px solid #ddd;
}

/*main page sections*/
#teaser{
	width: 470px;
}
#latestpost{
	float:left;
	width:270px;
	display: inline;
}
#latestpost a{
	color: #960;
	background-color: inherit;
	font-weight: bold;
	border-bottom: 1px dotted #960;
}
#latestpost a:hover{
	border-bottom: 1px solid #960;
}
#latestpost h3{
	background: #fff url(images/studioblog.gif) bottom left no-repeat;
	height:35px;
	width:270px;
}
#recentposts{
	float:left;
	width:190px;
	margin-left:10px;
	background: #fff url(images/main_recentbg.gif) top left no-repeat;
	color:#eee;
	padding-top:20px;
}
#recentpostsbottom{
	background: #fff url(images/main_recentbg_bottom.gif) bottom left no-repeat;
	color: #eee;
	height:45px;
	width:190px;
}
#recentposts h3{
	display: block;
	height:15px;
	width:112px;
	background: #fff url(images/h1recentpost.gif) top left no-repeat;
	margin:0 auto;
}
ul.rmainlist{
	list-style: none;
	margin:10px;
	
}
ul.rmainlist li{
	padding:5px 0 5px 0;
	border-bottom: 1px solid #fff;
}

ul.rmainlist li a{
	clear: both;
	text-decoration: none;
	color:#fff;
	background-color:inherit;
	font-weight: bold;
	
}

ul.rmainlist a:hover{
	color:#fc6;
}

/*footer sections*/
.fsecs{
	float:left;
	margin-left:6px;
	width: 240px;
	display: inline;
}
.fsecs h3{
	width:240px;
	height: 30px;
	clear: both;
	text-indent: -9999px;
}
#flickr h3{
	background: #960 url(images/studioflickrfeed.gif) top left no-repeat;
	color:#eee;
}
#clients h3{
	background: #960 url(images/clients.gif) top left no-repeat;
	color:#eee;
}
#contact h3{
	background: #960 url(images/contact_us.gif) top left no-repeat;
	color:#eee;
}
/*flickr*/
#flickr ul{
	list-style: none;
	margin:10px;
}
#flickr li{
	float: left;
	display: block;
	margin: 5px;
	width: 85px;
	background-color: #000;
	color: inherit;
}
#flickr li img{
	padding: 5px;
}

/*contact form*/
#contact fieldset { border:0;margin:0;padding:0; }
#contact label { display:block; }
#contact input.text,textarea { width:230px;font:11px/12px verdana,arial, sans-serif;color:#333;padding:3px;margin:1px 0;border:1px solid #ccc; }
#contact input.submit { float: right; display: inline; padding:2px 5px;font:normal 12px/12px verdana,arial,sans-serif; background-color: #960; color: #fff; border: 1px solid #c60;}
/*comments*/
#comments ul, #comments li{
	list-style: none;
	clear: both;
}
#comments li{
	clear: both;
	display: block;
}
.cavatar{
	width: 80px;
	float: left;
	display: inline;
}
.yellow{
	color: #fc0;
	background-color: #960;
}
.commentext{
	float: left;
	display: inline;
	background: #960 url(images/com_mid.gif) top left repeat-y;
	color:#fc0;
	width: 660px;
}
.com-top{
	background: #960 url(images/com_top.gif) top left repeat-y;
	color:#fc0;
	clear: both;
	height: 20px;
}
.com-bot{
	background: #960 url(images/com_bot.gif) top left repeat-y;
	color:#fc0;
	clear: both;
	height: 20px;
}
.commentext p{
	margin-left: 10px;
	margin-right: 10px;
	font-size: 11px;
}
.entry li{
	margin-left: 20px;
}
#comment-form{
	width: 400px;
	margin: 0 auto;
}
#feedbox{
	clear: both;
}
label.text{
	width: 200px;
	display: block;
	float: left;
}
input.textfield{
	margin:5px;
	border: 1px solid #fff;
	background-color: #7B5200;
}
input.submit{
	border: 0;
	text-align: center;
	width: 70px;
}
textarea.commentbox{
	border: 1px solid #fff;
	background-color: #7B5200;
	width: 340px;
	color: #fff;
}