/*
Theme Name: Suburban Soul
Theme URI: http://www.suburbansoulmusic.com/
Description: Suburban Soul Music Official Theme
Version: 1.0
Author: Ben Krick
Author URI: B1Self
*/

h1,h2,h3,h4,h5,h6,address,blockquote,dd,dl,hr,p,form{
 margin: 0;
 padding: 0;
}

body{
 font-family: arial,tahoma,verdana, helvetic, sans-serif;
 font-size: 12px;
 vertical-align: top;
 background: #333 url(images/bg.jpg) ;
 color: #aaa;
 line-height:1.5em;
}


#sidebar{
float:top;
padding-top:30px;}

#bottomside{
padding-left:-20px;}

h1,h2,h3,h4,h5,h6 {
 font-weight:bold;
 color:#fff;
 }
 
h1{
 font-size:25px;
 }
h2{
 font-size:20px;
 }
h3{
 font-size:16px;
 }  
h4{
 font-size:14px;
 }
h5{
 font-size:10px;
 }
h6{
 font-size:8px;
 }


a{
 text-decoration: none;
 color:#666;
 border: 0px;
}

a:hover{ color:#FFA705;}

p{
 padding:10px 0 5px;}

blockquote{
 margin: 10px 0 0;
 border-top: 2px solid #333333;
 background: #101010;
}

blockquote p{
 padding: 10px;
}

blockquote blockquote{
 float: none;
 width: auto;
 margin: 0 10px;
background: #101010;
}

dd{
 padding: 0 0 0 20px;
}

form,input,textarea{
 font-family: arial,tahoma,verdana, helvetic, sans-serif;
 font-size: 12px;
}

p img{
 max-width: 100%;
}

img.centered{
 display:block;
 margin-left: auto;
 margin-right:auto;
}

a img{
 border: 0px;}

img.alignright{
 margin:3px 0 2px 10px;
 padding: 4px;
 border: 0px solid #333333;
 display: inline;
}

img.alignleft{
 margin 3px 10px 2px 0;
 padding: 4px
 border: 1px solid #333333;
 display: inline;
}

.alignleft{
 float: left;
}

.alignright{
 float:right;
}

.clear{
 margin: 0;
 padding: 0;
 clear: both;
}

small{
 font-size:11px;
}

#wrapper{
 width: 960px;
 margin: 0 auto;
 text-align: left;
}

#music{
 float:left;
 width:960px;
 height: 30px;
 background: #000;
}

#header{
 float:left;
 width: 960px;
 height: 259px;
 border-top:5px solid #000;
 background: url(images/logo.jpg);
}

#header h1{
 padding: 10px;
 font-size:18px;
 font-weight: normal;
}

#menu{
 float:left;
 width: 620px;
 padding-left: 40px;
 border-top: 0px solid #ededed;
}

#bgshade{
 float:left;
 width:960px;
 background: url(images/wrap.png);
}

#user-footer{
 float:left;
 width:960px;
 text-align: right;
 padding: 75px 0 0 0;
}

#block1{
 float:left;
 width:470px;
 text-align: right;
}



#block2{
 float:left;
 width:90px;
 text-align: right;
 margin-top:21px;
margin-left:12px;
}

#block3{
float:left;
 width:353px;
 text-align:left;
 padding:10px;

}

#black{
 float:left;
 width:597px;
 background: url(images/black.gif);
 margin: -35px 40px;		
}

#footer{
 float: left;
 width: 960px;
 height: 200px;
 margin: 0px 0px 0px 0;
 padding: 0px 0 0 0;
 background: url(images/footerbg.png);
}




/* MENU 2 TRY */

/* This styles the unordered list element to remove bullets and align the text */
 ul#nav {
   list-style-type : none;
   text-align : center;
 }

 /*
  This styles the links. It�s a block-level link and the text is positioned
  with padding. Other styles are defined: width, colors, text attributes, etc.
 */
 ul#nav a, ul#nav a.rss {
   background: url(images/navheadcurrent.png);
   padding : 25px 0px 0px 0px;
   margin-bottom : 10px;
   width : 100px;
   height : 61px;
   color : #333;
   font-weight : bold;
   font-style : normal;
   display : block;
   text-decoration : none;
   float: left;
 }


 /* This is only necessary for IE6 else the link margins will collapse on hover */
 ul#nav li {
   margin-bottom : 10px;
 }

 /* This removes the default left margin (indentation) */
 ul#nav li {
   margin-left : 0;
 }

 /*
  Now to offer some hover and focus styles. Further specification of focus/active styles
  could be added but I didn�t do it in this example. I didn�t feel it was needed
 */
 ul#nav a:hover, ul#nav a:focus, ul#nav a:active {
   background: url(images/current.png);
   color : #fff;
 }

 /* This offers up a hover/focus state image for the �rss� class link */
 ul#nav a.rss:hover, ul#nav a.rss:focus {
   background : #669900 url(images/rss_on.jpg) no-repeat 2px 2px;
 }

 /*
  This style the single state of the �current_page_item� class link. Not needed for
  the �rss� class link since that target page won�t display the menu
 */
 ul#nav li.current_page_item a, ul#nav li.current_page_item a:hover,
 ul#nav li.current_page_item a:focus, ul#nav li.current_page_item a:active {
   background : url(images/current.png);
   color : #FFA705;
   cursor : default;
   text-align : center;
 }


.post-nav{
 padding:10px 20px;
}

.post{
 padding:20px 20px;
}

.post h2{
 color:#FFF;
}	

.post h2 a{
 color:#FFF;
}	

.entry-date{
 padding: 10px 10px 0 10px;
 color: #666;
 text-align: right;
 font-size: 11px;
}

.entry-content{
 line-height: 20px;
}

.entry-content h2, .entry-content h3, .entry-content h3, .entry-content h5{
 padding: 10px 0 5px;
}

.entry-content h2 a{
 color: #8f3939;
}

.entry-content h3{
 font-size: 18px;
 font-weight: normal;
}

.entry-content h5{
 font-size: 14px;
}

.entry-content h6{
 font-size: 12px;
}

.entry-meta{
 padding: 10px 0 0 0;
 line-height: 24px;
}
.entry-meta{
 padding: 10px 0 0 0;
 line-height: 24px;
}