/* @override 
	http://hh.12/japrocksampler/japrocksampler.css
	http://hh.12/japrocksampler/css/japrocksampler.css
*/

body, html, div, td, span, p, a, h1, h2, h3, h4, h5, h6, img, ul, li, hr, form, input, select, b, i, em, strong {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

body, html {
	min-height: 100%;
}

body, div {
	font-family: Verdana;
	font-size: 12px;
	line-height: 1.5;
}

body {
	background-color: #333;
/*background-image: url(../site_graphics/background.gif);*/
	width: 740px;
	margin: 0 auto;
	padding: 0px 0px 60px 0px;
}

h1 {
	background-color: #ff0000;
	font-size: 9px;
	text-align: center;
	color: #ff0000;
	height: 220px;
	background-image: url(../site_graphics/japrocksamplerHeader.png);
	background-position: 0px -3px;
}

.content {
	background-color: #ffffff;
	height: 100%;
}

.menu {
	width: 160px;
	background-color: #000000;
	color: #ffffff;
	font-size: 10px;
	line-height: 1.2;
}

.menuContents {
	text-transform: uppercase;
	padding: 20px;
	min-height:  600px;
}

input {
	font-family: Verdana;
	color: #000;
	background-color: #ffffff;
}

.menu input {
	width: auto;
}

#searchForm input {
	width: 114px;
	border-width: 0px;
	background-color: #fff;
	color: #000;
	padding:  3px;
	font-size: 10px;
}

.menu form {
	padding: 10px 0px;
	margin: 10px 0px;
}

.menu form, .menu ul, .menu li {
	
}

.menu li {
	font-size: 10px;
	line-height: 1.2;
	list-style-type: none;
	padding: 5px 0px;
	display: block;
}

.menu li div a {
	font-size: 10px;
}

a, a:visited {
	color: #ff0000;
	text-decoration: none;
}

a:hover, a:visited:hover {
	text-decoration: underline;
}

.menu a, .menu a:visited {
	color: #ffffff;
	font-weight: bold;
}

.page {
	padding: 20px 60px 40px 30px;
}

.pageFooter {
	background-color: #f00;
	color: #000;
	padding: 5px 10px;
	font-size: 10px;
	font-weight: normal;
}

.pageFooter a, .pageFooter a:visited {
	color: #000;
	text-decoration: underline;
}

.pageTitle {
	margin: 4px 0px 10px 0px;
	border-bottom: 3px solid #000000;
}

h2 {
	line-height: 36px;
	font-size: 36px;
	letter-spacing: -0.2em;
	margin: 0px 0px 15px 0px;
	text-transform: uppercase;
}

h3 {
	padding: 10px 0px;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 12px;
}

p {
	margin-bottom: 12px;
}

.hr {
	height: 1px;
	overflow: hidden;
	background-color: #000000;
	margin: 20px 0px;
}

.hr hr {
	display: none;
}

.siteIntro {
	font-weight:  bold;
	padding: 10px 0px 0px 0px;
}

.siteIntro span {
	display: block;
	text-align: right;
}

.contributeInfo {
	margin: 20px 0px;
	border-top: 2px solid #000000;
	padding-top: 20px;
	font-size: 10px;
	font-weight: bold;
}

.menu .hr {
	height: 2px;
	background-color: #f00;
}

#logInForm {
	margin: 0;
	padding: 0;
	width: 120px;
	font-size: 10px;
}

#logInForm input {
	border-width: 0px;
	padding: 3px;
	background-color: #fff;
	margin: 5px 0px;
	width: 114px;
}

#logInForm input.logInButton {
	border-width: 0px;
	font-size: 10px;
	padding: 3px;
	text-transform: uppercase;
	background-color: #f00;
	color: #fff;
	font-weight: bold;
	width: auto;
}

#logInForm input.logInButton:hover {
	background-color: #fff;
	color: #f00;
}

.logInWrapper {
	font-size: 10px;
	font-weight: bold;
	color: #f00;
}

.logInWrapper a {
	font-size: 10px;
}

.addContent .labelCol, .editContent .labelCol {
	width: 25%;
}

.addContent input, .addContent textarea, .addContent select, .editContent input, .editContent textarea, .editContent select {
	width: 320px;
	padding: 5px;
	border: 1px solid #999;
	margin: 5px 0px;
	background-color: #fff;
}

.addContent select, .editContent select {
	margin-top: 10px;
}

.addContent select, .editContent select {
	margin: 10px 0px;
	padding:  0px;
}

.addContent .inputFile, .editContent .inputFile {
	border-width: 0px;
	background-color: transparent;
	padding-left: 0px;
}

.addContent label, .editContent label {
	padding: 11px 20px 0px 0px;
	text-align: right;
	display: block;
}

.editContent label {
	 font-size:  10px; ;
}

.editContent textarea {
	 width: 470px;
	 font-size:  12px;
	 line-height: 1.2;
}

.userPost .editContent textarea, #fullsize .editContent textarea, #fullsizeArtwork .editContent textarea {
width: 320px;
	padding: 5px;
	border: 1px solid #999;
	margin: 5px 0px;
	background-color: #fff;	
}

th {
	font-weight:  normal;
	font-size: 10px;
	text-align:  left;
}

.artistDiscography .editContent input {
	 width:  auto;
}

.artistDiscography .editContent input.year {
	 width:  40px;
	 text-align:  right;
}

.addContent .submit, .editContent .submit {
	width: auto;
	background-color: #ff0000;
	padding: 5px;
	border: 1px;
	border-color: #000000;
	color: #ffffff;
	font-weight:  bold;
}

.artistFilter {	
	padding-top:  10px;
	font-weight: bold;
	text-transform: uppercase;

}
.artistFilter span {
	padding: 0px 2px;
}

.artistPrevNext {
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	background-image: url(../site_graphics/hDots.gif);
	background-repeat:  repeat-x;
	background-position: bottom center;
	padding-bottom:  12px;
	margin-bottom: 20px;
}

.artistPrevNext #next {
	float: right;
}

.artistPrevNextClear {
	clear: both;
}

.artistTextBlock {
	padding: 10px 0px 20px 0px;
}

#artistText .adminEdit {
	font-size: 10px !important;
	background-color: #f00;
	color: #fff;
	font-weight: bold;
	float:  right;
	padding:  3px;
}

.artistDiscography {
	background-image: url(../site_graphics/hDots.gif);
	background-repeat: repeat-x;
	margin-top: 24px;
	padding-top: 12px;
}

.artistDiscography strong {
	margin-bottom: 12px;
	display: block;
}

.artistDiscography ul li {
	margin-left: 2em;
}

.addContent, .userPost, .userImages, .editContent {
	border-top: 1px solid #000000;
	padding: 10px 0px;
	color: #000;
}

.postCredit {
	margin-top: 10px;
	background-image: url('../site_graphics/hDots.gif');
	background-repeat: repeat-x;
	padding-top: 10px;
	font-size: 9px;
}

.userPost, .userImages {
	padding: 20px 0px;
}

.userPost ul {
	margin-left: 2em;
}

ul.discogPackshots {
	margin:  0 !important;
	padding: 0;
	margin-top: 2em;
}

ul.discogPackshots li {
	float:  left;
	display: inline;
	padding:  0 14px 14px 0;
	margin:  0;
	list-style-type: none;
}

ul.discogPackshots li a {
	display: inline;
}

ul.discogPackshots li span {
	width: 104px;
	display:  block;
	font-size: 10px;
	margin-top:  0.8em;
}

ul.discogPackshots li a img, ul.discogPackshots li a:visited {
	border: 2px solid #f00;
}

#fullsizePackshot {
	margin-bottom:  24px;
	clear:  both;
}

.userImages a img, .userImages a img:visited {
	 border: 2px solid #f00;
}

.userImages a img:hover, .userImages a img:visited:hover {
	border-color:  #000;
}

.userPostType {
	font-weight: bold;
	font-size: larger;
	text-transform: uppercase;
	padding: 10px 0px;
	border-bottom: 1px solid #000;
}

.addContent, .editContent {
	margin-top: 10px;
	background-color: #fff;
	border: 1px dotted #000;
	padding: 20px;
}

#fullsize .editContent {
	 margin-bottom: 20px;
}

.postType {
	font-weight: bold;
	font-size: larger
	;
}

.postTitle {
	font-weight: bold;
	font-size: larger;
	padding-bottom: 12px;
}

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.packshot {
	float: right;
	margin: 0px 0px 20px 20px;
	width: 204px;
	font-weight: bold;
}

.packshot a img {
	border: 2px solid #000;
	display: block;
	margin-bottom: 10px;
}

.packshot a img:hover {
	border-color: #f00;
}

.userImages a {
	display:  inline;
	margin-right:  10px;
}

.note {
	font-size: 10px;
	line-height: 1.2;
	padding-bottom: 12px;
}

.leadImage, .fullsizeContents, .fullsizeArtwork {
	padding:  24px 0px 30px 0px;
	text-align:  left;
}

.fullsizeArtwork {
	margin-top:  24px;
	border-top:  2px solid #000;
	padding-bottom:  0px;
}

.leadImage img, .fullsizeContents img, .fullsizeArtwork img {
	border: 2px solid #000;
}

.leadImage span, .fullsizeContents span, .fullsizeArtwork span {
	 width: 490px;
	 font-size:  10px;
	 line-height: 1.2;
	 padding:  8px 0px;
	 display:  block;
	 background-image:  url(../site_graphics/hDots.gif);
	 background-repeat: repeat-x;
	 background-position: bottom;
}

.fullsizeContents .adminEdit, .postCredit .adminEdit, .fullsizeArtwork .adminEdit {
	float:  right;
	margin-left: 20px;
}

.fullsizeContents .postCredit, .fullsizeArtwork .postCredit {
	background-image: none;
	margin-top: 0;
	line-height: 1;
}

.userImages ul {
	vertical-align: top;
}
.userImages li {
	 display: inline;
	 list-style-type: none;
}

.userImages li a img {
	margin-bottom: 10px;
}

.postsPagination {
	border-top: 2px solid #000;
	padding-top:  10px;
	font-weight: bold;
}

.postsPagination .prev {
	float:  left;
	display: inline;
}
.postsPagination .next {
	float: right;
	display:  inline;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */

.sIFR-flash + div[adblocktab=true] {
	display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
	visibility: hidden;
}