/*



Theme Name: jhclarke





Description: custom

Author: jclarke









/*



	- GENERAL



	- BASIC LAYOUT



	- HEADINGS



	- HEADER



	- CONTENT



		+ CONTENT LEFT



		+ CONTENT RIGHT



		+ WORDPRESS CSS



	- FORMS



	- COMMENTS



	- FOOTER



	- USEFUL







/*	##################################



   	GENERAL



	################################## */



	



body {



background-image:url(img/bg.jpg);

background-position:center center;

background-repeat:repeat-y;

font-family:Verdana,Sans-Serif;

font-size:70%;

margin:0;



}











blockquote {



	margin:0 0 0 20px;



	padding: 0 0 0 20px;



	border-left: 5px solid #f3f4f0;



}











ul, ol {



	margin: 0 0 20px 20px;



	padding: 0px;



}







/*	##################################



   	BASIC LAYOUT



	################################## */



#container{

background-color:#242424;



margin:auto;

width:772px;

border: solid 1px;

  padding-left: 0px;

   border: 1px solid #000000;

}

#shadowbox_container{

background-color:#fffff;

width:771px;

}





#header {



width:772px;



height:170px;



background-color:#242424;



margin: auto;



}

#header_in{

width:772px;

background: url(img/headern.jpg) no-repeat;

height:168px;

margin: auto;

}





#content {



   width:580px;



	height: auto;



	margin: 0 auto;

    margin-top:10px;

   font-family:Verdana,Sans-Serif;

  font-size:1.3em;

  padding:0.5em;

  color:#fff;



	padding: 0px 17px 0px 17px;

	text-align:justify;







}

#post-6 p{

  text-align: center;

}





#content a {



    text-decoration: none;

    color:#fff;

	outline: none;



}

#content a:hover {


	color:#ff6600;

    text-decoration: underline;

}


#content img{

border: solid 1px;

  padding-left: 0px;

   border: 1px solid #242424;

}



#content a:hover img{

 background-color:#000;

 border: 1px solid #ff6600;

}



.ec_ejc_thkbx a:hover {

border: solid 1px;

}

#ec_shop{

  width:552px;

  margin: auto;

}

#post-505{

  table-layout: auto;



}

#guitarbook{

 width: 601px;

 margin: auto;

}

#listen{

    width: 600px;

 margin: auto;

}





#content #post-369 a:hover img{

    border:solid 1px #ff6600;

    background: #242424;

}

#content #post-505 a:hover img{

    border:solid 1px #242424;

    background: #242424;

}

#content #guitarbook  a:hover img{

    border:solid 1px #ff6600;

    background: #242424;



}



#content-left {



	float:left;



	width:580px;

    text-align: justify;



	height:auto;



	padding: 40px 0 0 0;

    background-color:#242424;



}













.embed {



width:48%;



float:left;



padding:0 0 0 50px;



margin:0 0 20px 0;



}

#content-left p object{

  text-align: center;

}





#footer {



	padding: 20px 0;



  background-color:#242424;



}







/*	##################################



   	HEADINGS



	################################## */



	



#header h1 {



	position:absolute;



	bottom:40px;



	left:0px;



	margin: 0px;



	color: #fff;



	font:bold 28px/28px Helvetica, Arial, sans-serif;



}







#header h1 a {



	color: #fff;



	text-decoration: none;



}







#header h2 {



	position: absolute;



	bottom: 20px;



	left: 5px;



	margin: 0px;



	color: #C4AFAC;



	font:11px/11px Verdana, Tahoma, sans-serif;



}







h2, h3, h4 {



	margin:0 0 10px 0;



}







.box-left h2 {



	color:#ff6600;



	font: 30px/34px Georgia, "Times New Roman", Times, serif;



}







.box-left h2 a {



	text-decoration:none;



}







.box-left h2 a:hover {



	text-decoration:underline;



}







.box-left h3 {



	margin: 0 0 10px 0;



	color:#ff6600;



	font: 20px/24px Georgia, "Times New Roman", Times, serif;



        line-height: 12pt



}







.box-left h4 {



	color:#C4AFAC;



	font:14px/14px Verdana, Tahoma, sans-serif;



}







.box-right h3 {



	color:#662625;



	font:bold 12px/12px Verdana, Tahoma, sans-serif;



	text-transform:uppercase;



}







/*	##################################



   	HEADER



	################################## */







#menu {







   width:772px;



	margin: 0 auto;



    background-color:#353535;

    color:#242424;



font-family:Verdana,Tahoma,sans-serif;

font-size:12px;

font-size-adjust:none;

font-stretch:normal;

font-style:normal;

font-variant:normal;

font-weight:normal;

height:43px;





text-align: center;









}



#menu a:hover {

	color:#ff6600;

    text-decoration: underline;

}



#nav_in{

  margin-left: 15px;

}





/*	##################################



   	CONTENT



	################################## */



	



/** CONTENT LEFT */







.box-left {



	margin: 0 0 40px 0;



}







p.tags {



		clear: both;



        font:11px/11px Verdana, Tahoma, sans-serif;



}







/** CONTENT RIGHT */







#box-rss {



	display: none;



	height: 80px;



	margin: 0 0 20px 0;



	background: url(/bg-rss.gif) no-repeat left top;



}







#box-rss a {



	display: none;



	height: 50px;



	padding: 30px 0 0 80px;



	background: url(img/rss-icon.jpg) no-repeat 20px 20px;



	font:18px/18px Verdana, Tahoma, sans-serif;



	text-decoration: none;



}







.box-right {



	margin:20px 0;



	font:12px/11px Verdana, Tahoma, sans-serif;



	background: url(http://johnclarkemusic.com/wp-content/themes/delight/img/bg-box-right.gif) repeat-y left top;



}







.box-right h3 {



	padding: 20px 20px 0 20px;



	background: url(http://johnclarkemusic.com/wp-content/themes/delight/img/bg-box-right-top.gif) no-repeat left top;



}







.box-right-content {



	margin: 0 20px;



}







.box-right-bottom {



	height: 20px;



	background: url(http://johnclarkemusic.com/wp-content/themes/delight/img/bg-box-right-bottom.gif) no-repeat left top;



}







.box-right ul {



	margin:0;



	padding:0;



	list-style:none;



}







.box-right li {



	line-height:24px;



}







.box-right ul li ul {



	margin:0;



	padding:0 0 0 20px;



	list-style:none;



}







.box-right ul li ul li ul {



	margin:0;



	padding:0 0 0 20px;



	list-style:none;



}







.box-right p {



	margin: 20px 0 0 0;



}







/*	##################################



   	FORMS



	################################## */







label {



    display: block;



    margin: 0 0 5px 0;



}







.text {



    width: 350px;



    margin: 0 0 10px 0;



    padding: 5px;



    background: url(http://johnclarkemusic.com/wp-content/themes/delight/img/bg-form-text.gif) repeat-x left top;



    border: 1px solid #ccc;



}







textarea {



    width: 450px;



    height: 150px;



    margin: 0;



    padding: 2px;







    border: 1px solid #ccc;



}







.submit {



    width: auto;



    padding: 5px;



    color: #fff;



    background: #662625;



	border: 0;



}







/** SEARCH FORM */





#searchform{

  margin-top: 4px;

 text-align: right;

 padding-right: 10px;

  margin-bottom: 4px;  

}

element.style {

width:100px;

}

input {

}

input, fieldset {

border-color:#000000;

}

input {

border:0px solid;

}

form, select, input {

display:inline;

font-size:1em;

margin:0.1em;

}









/*	##################################



   	COMMENTS



	################################## */



	



.comment {



	margin: 0 0 20px 0;



	padding: 20px;



	background: #353535;



	border: 1px solid #ccc;



}









.comment p {



	margin: 0px;



}







.comment-details {







}







.comment img {



	float: none;



	vertical-align: middle;



}







img.avatar {



	float: left;



	margin: 0 10px 10px 0;



}







/*	##################################



   	FOOTER



	################################## */







#footer p {



   width:770px;



	margin:0 0 0 100px;



	padding:0;







	text-align:center;



}







#footer p a {



	color: #fff;



}







/*	##################################



   	USEFUL



	################################## */







.clear {

                       background-color:#242424;

	clear:both;



}







/** WORDPRESS CSS */







.aligncenter,



div.aligncenter {



   display: block;



   margin-left: auto;



   margin-right: auto;



}







.alignleft {



   float: left;



   margin: 0 10px 10px 0;



}







.alignright {



   float: right;



   margin: 0 0 10px 10px;



}







.wp-caption {



   border: 1px solid #ccc;



   text-align: center;



   background-color: #f3f4f0;



   padding-top: 4px;



}







.wp-caption img {



   float: none;



   margin: 0;



   padding: 0;



   border: 0 none;



}







.wp-caption p.wp-caption-text {



   font-size: 11px;



   line-height: 17px;



   padding: 0px;



   margin: 0px;



}







/** WIDGETS CSS */







#calendar_wrap table {



	width: 100%;



}







#calendar_wrap td {



	text-align: center;



}







#wp-calendar caption {



	margin: 0 0 10px 0;



	padding: 5px;



	background: #662625;



	color: #fff;



}







#tag_cloud {



	line-height:normal;



}
body>
#sb-container{
position: fixed;  
}