/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* ================ */
/* = The 1Kb Grid = */     /* 14 columns, 60 pixels each, with 10 pixel gutter */
/* ================ */

.grid_1 { width:60px; }
.grid_2 { width:130px; }
.grid_3 { width:200px; }
.grid_4 { width:270px; }
.grid_5 { width:340px; }
.grid_6 { width:410px; }
.grid_7 { width:480px; }
.grid_8 { width:550px; }
.grid_9 { width:620px; }
.grid_10 { width:690px; }
.grid_11 { width:760px; }
.grid_12 { width:830px; }
.grid_13 { width:900px; }
.grid_14 { width:970px; }

.column {
	margin: 0 5px;
	overflow: hidden;
	float: left;
	display: inline;
}
.row {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}
.row .row {
	margin: 0 -5px;
	width: auto;
	display: inline-block;
}

body{
	text-align:center;
	font:12px/1.231 georgia,arial,helvetica,clean,sans-serif;
	background-color: #1d1d1d;
	color:#000;
	background-image:url(images/dabak.png);
	

	}

a {font-weight:800;text-decoration: none;}

a img {border: none}

p {
    margin:5px 0 18px;
}

.img-right {
float:right;padding:5px
}


.clear {
clear:both;
display:block;
height:0;
overflow:hidden;
visibility:hidden;
width:0;
}	

.lefty {
float: left;
}

.nopad {
padding: 0;
}

.beige {
background: #B5A288;
padding: 5px;
}

.twocol {
width:281px;
min-height: 566px;
padding: 8px;
}

.mid {
	background: url(images/sprites-vert.png)  0 0;
	
	}
	
.midmid{
	background: url(images/sprites-vert.png)  -182px 0;

	}

#header h1 {
	margin:0 0 10px;
	}
#header h1 a {
	text-indent: -5000px;
	background:transparent url(http://www.strangefamousrecords.com/sfr_includes/images/header.jpg) no-repeat;
	height: 143px;
	width: 967px;
	display: block;
	}
	
#myslidemenu {
	width: 967px;
	margin: 0 auto;
	text-align: left;
	margin-bottom: 10px;
}	


.jqueryslidemenu{
	background: #343434;
	background-image: url(images/nav-bg.png);
	background-position: top left;
	height: 27px;
	border: #000 1px solid;
	margin: 8px 0 0 0;
}

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

.jqueryslidemenu ul li {
	position: relative;
	display: inline;
	float: left;
	z-index: 10;
}

.jqueryslidemenu ul li a {
	display: block;
	font-size:13px;
	padding: 5px 15px;
	text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited {
	color: #B5A288;
}

.jqueryslidemenu ul li li a:link, .jqueryslidemenu ul li li a:visited{
	color: #3FC0C6;
	border: 1px solid #000;
	border-top: none;
	font-size:11px;
}

.jqueryslidemenu ul li a:hover {
	background: #000; /*tab link background during hover state*/
	color: #3FC0C6;
}

.jqueryslidemenu ul li li a:hover {
	background: #1c1c1c; /*tab link background during hover state*/
	color: #B5A288;
}

.jqueryslidemenu li:hover > a { 
	background:  url(images/nav-bg.png) #000 0 -27px;
	color: #3FC0C6 !important;
	}



.jqueryslidemenu ul li ul {
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
}

.jqueryslidemenu ul li ul li {
	display: list-item;
	float: none;
}

.jqueryslidemenu ul li ul li ul {
	top: 0;
}

.jqueryslidemenu ul li li a{
	width: 160px; /*width of sub menus*/
	padding: 5px;
	margin: 0;
	border-top-width: 1px solid #000;
	border-bottom: 1px solid #000;
	background: #343434;
}


.downarrowclass {
	position: absolute;
	top: 12px;
	right: 7px;
}


.rightarrowclass {
	position: absolute;
	top: 6px;
	right: 5px;
}

#navMainSearch {
	float: right; 
	margin-right: 10px; 
	width: 155px;
}

.searchfield {

	width: 100px;
}

.searchfieldb {

	width: 140px;
}


.col {
background: #161616;
width:140px;
padding: 10px;
text-align: left;
}


.colleft a {
	font-size:12px;
	text-decoration: none;
	margin-bottom: 10px;
	padding: 1px;
	}

.colleft ul {
	margin: 5px 0;
	padding: 0;
	list-style-type: none;
}

.colleft li a:link, .colleft li a:visited {
	background:#B5A288;
	color:#000000;
	display:block;
	
}

.colleft li a:hover {
	background:#3FC0C6
}

.lcoleft li li a:link, .colleft li li a:visited {
	background:#000;
	color:#B5A288;
	font-size:11px;
	padding:1px 5px 1px 3px;
	
	display: inline;
	clear: both;
	line-height: 1.65em;
	margin-bottom: 10px;
	clear: both;
}



.colleft li li a:link, .colleft li li a:visited {
	background:#000;
	color:#B5A288;
	font-size:11px;
	padding:1px 5px 1px 3px;
	display: inline;
}

.colleft li li a:hover {
	color: #3FC0C6 ;
	background:#000;
}

.colleft li li {
	margin-bottom: 6px;
}



.cont {
background: #45413E;
width:605px;
padding: 10px;
text-align: left;
line-height:20px;
min-height:1260px;
}

.cont p a, .cont h2 a {
background-color:#EADBC8;
color:#1F140E;
text-decoration: none;
padding:2px;}

.cont a:hover {
background-color:#000;
color:#EADBC8;
}

.cont h3{
background:  url(images/nav-bg.png) #000 0 -54px;
padding-left: 20px;
height: 20px;
color: #fff;
line-height: 20px;
margin: 0 0 10px 0;
}

.cont h3 a img{

padding-right:4px;

}

.cont h3 a {
color:#EADBC8;
text-decoration: none;
display:inline;
}
.cont h3 a:hover {
color:#40BFCE;
}

.cont h3 img {
float: right;
}

#headline {
float: right;
width:282px;padding:0 5px;
line-height: 18px;}



#headline h2 {
margin: 5px 0;
color:#931A02;
font-size: 16px;
line-height: 24px;
}


#news, #sales {
background: #2b2b2b;
margin: 5px 0;
padding: 2px 5px;}

.saleitems {
	width:140px;
	float:left;
	margin: 3px  0 8px 8px;
	display: block; 
	color:#A09C93;
}

.saleitems h4 {
line-height: 1.2em;
	margin: 0 0 8px 0;

}

.saleitems img {
	width:69px;
	height: 81px;


}

.saleitems a {
	background:#000000 none repeat scroll 0 0;
color:#3FC0C6;
}


.newsitems {
	width:270px;
	float:left;
	margin: 8px 0 8px 8px;
	display: block; 
	color:#A09C93;
}

.newsitems h4 a {
background-color:#EADBC8;
color:#1F140E;
text-decoration: none;
padding:2px;}

.newsitems img {
	float:left;
	padding:10px 8px 8px 0;

}

.newsitems p {
	margin: 4px;
		line-height: 1.4em;
}

.newsitems h4  {
margin: 0 0 8px;
}

/* SCROLLER HOMEPAGE ONLY */

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable, .scrollableb {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 556px;
	height:140px;
	background:#161616;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items, .scrollableb .items{
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}



/* active item */
.scrollable .active, .scrollableb .active{
	border:2px solid #000;
	z-index:9999;
	position:relative;
}




/* this makes it possible to add next button beside scrollable */
.scrollable, .scrollableb {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(images/sprites.png) no-repeat;
	display:block;
	width:17px;
	height:140px;
	float:left;
	margin:0 2px;
	padding: 0;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 center; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-40px 0; }
a.right:active 	{ background-position:-40px 0;} 


/* left */
a.left				{ margin-left: 0px; background-position:-20px 0;} 
a.left:hover  		{ background-position:-60px 0; }
a.left:active  	{ background-position:-60px 0;}

 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 

#ben-top p {
	margin: 0
	}
	
#ben-top {
	padding:10px 17px;
	background:url(images/sprites-vert.png) -1345px 0;
	*margin: -5px 0 0 0;
	}
	
#ads {
padding: 10px 0 0 0;}

#sale {
clear: both;
margin-top: 5px;}
	
/* Right Column
**************************************/
.col {
background: #161616;
width:154px;
padding: 4px;
color: #817D79;
line-height: 1.35em;
text-align: center;
}

.col p {
margin-bottom:8px;
text-align: left;
padding: 0 4px;
}

.col ul, .col ul ul {

text-align: left;

}

.col a {
text-decoration: none;
color:#B5A288;
}

.col a:hover {
color:#3FC0C6;
}


	
.colright h4, .colright h4 a  {
	text-indent: -5000px;
	background:transparent url(images/sprites.png) no-repeat -91px 0;
	height: 38px;
	width: 150px;
	display: block;
	margin:  0;
	clear: both;
	padding: 0;
	}
	
	.colright h4  {
margin:15px 0 3px 0
	}
	
	
.colright h4.cart, .colright h4.cart a {
height: 23px;
	background:transparent url(images/sprites.png) no-repeat -91px -46px;
	}
	
.colright h4.hot, .colright h4.hot a {
height: 23px;
	background:transparent url(images/sprites.png) no-repeat -91px -85px;
	}
	
.colleft h4.blogposts {
height: 23px;
	background:transparent url(images/sprites.png) no-repeat -91px -117px;
	text-indent: -5000px;
width: 150px;
	display: block;
	}
	
.colright img {
margin-bottom: 25px
	}
 


#ft {
clear: both;
margin-top: 20px;
color:#B5A288;}

#ft a {
color: #40BFCE}