/*
Theme Name:   Clean
Theme URI:    http://john-moore.net
Description:  A clean, white theme for John Moore.
Version:      0.1
Author:       Neil Scott
Author URI:   http://www.neil-scott.com
*/

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; background: #fff url(img/background3.jpg) fixed no-repeat right -26px;
margin:0; color: #000; font: 75% "Times New Roman", serif;
}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }


.content p {font-size: 15px; line-height: 23px; padding: 0 3px;}

h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

p           { margin: 0 0 15px; }
p.last      { margin-bottom: 0; }
p img       {  margin: 0em 0em 15px 0px; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */


ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }



blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }




.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.container {
  width: 640px;
  margin: 20px 0 0 20px;
  position:relative;
background: transparent; 
border-top:4px solid #000;
}





.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }

label { font-weight: bold; }

fieldset    {/* padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc;  */}
legend      { font-weight: bold; font-size:1.2em; }

input.text, input.title   { width: 300px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }

a { color:#AE0C18; text-decoration: none;  }
a:hover { color:#fff; background: #000;  }




.header {width: 640px; display:block; padding: 0; margin: 0; border-bottom: 1px solid #000;}

h1 {
font: 40px  Arial, sans-serif;

padding: 0; margin: 20px 0 20px 3px;
}
h1 a {color: #000;}
h1 a:hover {background: #fff;}

.content {border-top: 1px solid #000; padding-top: 15px;}
.about {width: 640px; display:block; padding: 10px 0 0 0; margin: 0; }
.about p {font-size: 18px; line-height: 24px; margin: 0 3px 15px 3px;}
.about p a, .content p a {font-style:italic; color:#AE0C18 ;}
#main {padding: 0; margin:0px 0 0 0;}

.about p a:hover, .content p a:hover {font-style:italic; color:#fff ;}
#sidebar { width: 180px;margin-top:150px; margin-left: 30px; padding: 40px 0px 20px 0px;}

p img.alignleft {float:left; margin: 0 15px 15px 0;}
p img.alignright {float:right; margin: 0 0px 15px 15px;}

p img.aligncenter { margin: 0 auto; }
.shop {margin: 10px 0 0 3px; font-size: 13px; border-bottom: 2px solid #000;}

.footer {margin: 10px 0 0;  padding-top: 15px; font-size: 13px; color: #999; border-top: 2px solid #000; border-bottom: 4px solid #000;}
.footer a{color: #000; font-variant:small-caps; padding: 0 3px;}
.footer a:hover {color: #fff;}



.previous {float:left; display:inline;}
.next {float:right; display:inline;}

h2 {font: italic normal 21px/24px  "times new roman", serif}
h2 a { color:#000; text-decoration: none;  padding: 0 3px; }
h2 a:hover {color: #fff;}
h3 {text-transform:uppercase; font: bold 12px helvetica, arial, sans-serif; border-bottom: 1px solid #fff; padding-right: 5px; text-align:right;}

h3.blog {border-color:#9770cc;}
h3.music {border-color:#9FC274 ;}




#navigation { border-bottom: 2px solid #000; display:block; width: 640px; padding: 0; margin: 0; height:40px;}
#navigation ul{list-style:none; margin: 13px 0 10px 0;}
#navigation ul li {display:inline; margin: 0px 0 0px 0; font: italic normal 16px Times, Georgia, serif; }
#navigation ul li a {margin: 0px 20px 0px 0px; padding: 3px; color:#000; display:block; float:left;}
#navigation ul li a:hover {color:#AE0C18; background: #fff;}





.mus img{float: left; margin: 0 0 3px 0;}

.mus br {clear:both;}

a.more-link {font-variant: small-caps; font-style: normal !important; font-size: 13px;}