/*  
Theme Name: Tom Jones
Theme URI: http://tomjonesinternational.com/
Description: The WordPress theme built for <a href="http://tomjonesintl.com/">Tom Jones International</a> by K!
Version: 1.5
Author: Keith "SuPeR K!" Kocienski
Author URI: http://kbuildsyour.com/

	Tom Jones v1.5
	 http://kbuildsyour.com/

	This theme was designed and built by Keith "SuPeR K!" Kocienski,
	whose site you will find at http://kbuildsyour.com/

	The CSS and design are copyright 2005 Keith "SuPeR K!" Kocienski
	The HTML5 is copyright 2010 Keith "SuPeR K!" Kocienski
*/

html, body, form, fieldset {
  font: 76.6%/130% Georgia, serif;
  margin: 0;
  padding: 0;
}
html {
  background: #fff;
  color: #333;
  font-size: 1.2em;
  letter-spacing: .01em;
  height: 100%;
  min-height: 100%;
  min-width: 640px;
}
body {
  text-align: left;
  min-width: 640px;
  position: relative;
}
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
  margin: 0 0 .7em 0;
  padding: 0;
}
blockquote {
  border-left: solid 2px #e5e5e5;
  margin: 0 0 0 5px !important;
  padding: 0 0 0 10px;
}
li {
  margin-left: 1.5em;
  padding: 0;
}
dt {
  font-weight: bold;
}
dd, blockquote {
  margin-left: 1em;
}
form label {
  cursor: pointer;
}
fieldset {
  border: none;
}
input, select, textarea {
  font-size: 100%;
}
a {
  background-color: #f0f0f0;
  padding: 0 .2em;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  border-bottom: dotted 1px #06c;
  color: #333;
  font-weight: bold;
  text-decoration: none;
}
a img {
  border: none;
  font-size: 0;
}
a:hover {
  border-bottom: solid 1px #06c;
}
* html a {
  border-bottom: solid 1px #06c;
}
#title, #navigation {
  height: 0;
  margin: 0;
  overflow: hidden;
  width: 0;
}
#title {
  background: url(/_images/tomjonesintl-logo-2009.png) no-repeat 10px 5px;
  border-bottom: solid 4px #ccc;
  height: 78px;
  display: block;
  width: 100%;
  position: relative;
  z-index: 7;
}
#title a {
  display: block;
  height: 0;
  overflow: hidden;
  margin: 0 0 0 10px;
  padding: 78px 0 0 298px;
  width: 0;
  background-color: transparent;
  border: none;
}
#tagline {
  background: #fff url(/_images/header.jpg) no-repeat 320px 0;
  height: 78px;
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -8000px;
  width: 100%;
  z-index: 6;
}
#music {
  margin: 1em 0 .5em 0;
}
#content {
  border-right: solid 1px #ccc;
  padding: 0 10px 10px 10px;
  margin: 0 200px 0 0;
  margin: 0 14em 0 0;
  min-height: 90em;
  font-size: 1em;
}
* html #content {
  height: 740px;
  height: 53em;
}
h2#welcome-title {
  color: #fff;
  font: bold 1em Georgia, serif;;
  height: 20px;
  margin: 0 0 1em 0;
  padding: 10px 14px .5em 14px;
  position: relative;
  z-index: 5;
}
#welcome-content {
  background: #06c url(/_images/radial_blue.jpg) no-repeat center center; 
  border-left: solid 4px #e5e5e5;
  border-right: solid 4px #e5e5e5;
  color: #fff;
  min-height: 296px;
  position: relative;
  margin: -4em 0 0 0;
  padding: 40px 10px 5px 10px;
}
#welcome-content p {
  padding: 0 330px 0 0;
  font-size: .8em;
}
#welcome-content p.legal {
  padding: 0 320px 0 0;
  font-size: 1em;
}
* html #welcome-content {
  height: 296px;
}
#welcome-content small {
  font: normal .7em/1.1em arial;
}
#welcome-content small em {
  font: italic 1em/1.1em arial;
  letter-spacing: 0;
}
#welcome-photo-cover {
  position: absolute;
  top: 10px;
  right: 0;
  z-index: 3;
}
#welcome-photo {
  position: absolute;
  top: 10px;
  right: 0;
  z-index: 2;
}
#welcome-options {
  position: relative;
  margin: -12px 0 1em 0;
  padding: 12px 0 0 0;
  z-index: 4;
}
#welcome-options a {
  background: #e5e5e5;
  display: block;
  height: 21px;
  margin: 0 14px;
  padding: 0 2px;
  border: none;
  position: relative;
  text-align: right;
  z-index: 6;
}
a#welcome-show {
  display: none;
}
#welcome-left {
  background: url(/_images/corner-bottom_left.gif) no-repeat 0 0;
  display: block;
  width: 16px;
  height: 33px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
#welcome-right {
  background: url(/_images/corner-bottom_right.gif) no-repeat right 0;
  display: block;
  width: 100%;
  height: 33px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
h2 {
  font-family: Arial;
  margin: 0;
  padding: .5em 0 0 0;
  height: 1.5em;
}
h2 a, h3 a {
  font-family: Arial;
  border: none;
}
h3 {
  height: 1.5em;
}
.navigation {
  margin: 0 0 .5em 0;
}
.navigation::after {
  display: block;
  content: ' ';
  clear: both;
}
.navigation a {
  font: normal .8em/.8em Arial;
}
.navigation .alignleft {
  float: left;
  margin: 0;
  padding: 0;
}
.navigation .alignright {
  float: right;
  margin: 0;
  padding: 0;
}
textarea {
  width: 96%;
}
.post {
  padding-bottom: 10px;
  margin-bottom: 1.5em;
  width: 100%;
  position: relative;
}
.post .post-title {
  background: #fff url(/_images/frame-pieces_left.gif) no-repeat 0 0;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  font-size: 1em;
  margin: 0;
  padding: 0 0 0 10px;
}
.post .post-title a {
  background: #e5e5e5 url(/_images/frame-title_end.gif) no-repeat right 0;
  margin: 0;
  padding: 0 25px 0 0;
  font: bold 1.2em/30px arial;
  float: left;
}
.post .post-datetime {
  display: block;
  background: #fff url(/_images/frame-pieces_right.gif) no-repeat right -15px;
  height: 20px;
  margin: 0;
  padding: 0;
  width: 100%;
}
.post .post-datetime span {
  display: block;
  background: url(/_images/frame-pieces_left.gif) no-repeat left -55px;
  border-top: solid 5px #e5e5e5;
  margin: 0 15px 0 0;
  padding: 0;
  font-size: .9em;
  line-height: 15px;
  text-align: right;
}
.post .entry, .post .postmetadata {
  display: block;
  background: #fff;
  border-left: solid 5px #e5e5e5;
  border-right: solid 5px #e5e5e5;
  margin: 0;
  padding: 10px;
  overflow: auto;
}
* html .post * html .entry, * html .post * html .postmetadata {
  height: 1%;
  overflow: visible;
}
.post .postmetadata {
  font-size: .8em !important;
}
.post .bottom-left, .post .bottom-right, .post .bottom {
  display: block;
  height: 15px;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
}
.post .bottom-left {
  background: url(/_images/frame-pieces_left.gif) no-repeat left -35px;
  width: 15px;
}
.post .bottom-right {
  background: url(/_images/frame-pieces_right.gif) no-repeat right 0;
  width: 100%;
}
.post .bottom {
  border-bottom: solid 5px #e5e5e5;
  left: 15px;
  right: 15px;
}
.post img {
  max-width: 100%;
  height: auto;
}
/* start mac ie hide  \*/
* html .post .post-datetime span {
  background: url(/_images/frame-pieces_left.gif) no-repeat left -50px;
}
* html .post .postmetadata {
  padding: 10px 20px;
}
* html .post .bottom {
  width: 96.7%;
}
/* end mac ie hide */
#sidebar {
  position: absolute;
  top: 82px;
  right: 1px;
  width: 210px;
  width: 14.5em;
  font-size: 1em;
}
#sidebar h2 {
  font: bold 1.1em Arial;
}
#sidebar img {
  border: none;
}
#sidebar .page_item a[title="Reborn Vinyl Handbags"] {
  display: none;
}
#sidebar ul {
  margin: 0;
  padding: 0 0 1em 0;
  font-size: .8em;
}
#sidebar ul ul {
  font-size: 1em;
}
#sidebar ul ul ul {
  padding: 0;
}
#sidebar li {
  list-style: none;
  line-height: 1.7em;
}
#sidebar li li {
  margin: 0;
  border-top: solid 1px #f0f0f0;
}
#sidebar li a {
  display: block;
  padding: 0;
  font: normal 1em Georgia;
  line-height: 1.7em;
  border: none;
  background-image: url(/_images/bullet.jpg);
  background-repeat:  no-repeat;
  background-color:  transparent;
}
#sidebar #interact li {
  padding: .1em 0;
}
#sidebar #interact li a {
  display: inline;
  background-position: 0 .3em;
}
#sidebar li li a {
  padding: .1em 0 .1em 15px;
  background-position: 0 .45em;
}
#sidebar li li li a {
  padding: .1em 0 .1em 30px;
  background-position: 15px .45em;
}
#sidebar li li li li a {
  padding: .1em 0 .1em 45px;
  background-position: 30px .45em;
}
#footer {
  border-top: solid 4px #ccc;
  clear: both;
  text-align: center;
  padding: 5px 0 10px 0;
}
#footer p {
  margin: 0;
}
#footer div {
  font-weight: bold;
  padding: 0;
}
big {
  line-height: 1.2;
}

/* site survey */
#survey {
  background: #eee;
  border: solid 1px #ccc;
  padding: 10px;
  overflow: auto;
  font-size: 1.1em;
}
* html #survey {
  height: 1px;
  overflow: visible;
}
#survey fieldset, #survey div {
  clear: both;
  display: block;
  position: relative;
  overflow: visible;
  background: #fff;
  border: solid 1px #999;
  padding: 10px;
  margin-bottom: 10px;
}
#survey div {
  background: #f9f9f9;
  margin-top: 20px;
}
#survey legend, #survey div span.legend {
  background: #ddd;
  border: solid 1px #999;
  border-bottom: none;
  color: #000;
  padding: 1px 4px;
  margin: 0 0 0 -11px;
  font-weight: bold;
  font-size: 1em;
}
#survey div span.legend {
  display: block;
  margin: -20px 0 10px -11px;
  width: 90%;
}
#survey label {
  display: block;
  min-height: 22px;
  border: none;
}
* html #survey label {
  height: 22px;
}
#survey label span {
  display: block;
  width: 200px;
  height: 20px;
  font-weight: normal;
}
#survey label.radio-checkbox span {
  display: inline;
  width: auto;
  height: auto;
  font-weight: normal;
}
#survey label input, #survey label textarea, #survey label select {
  border: solid 1px #ccc;
  display: block;
  background: #fff;
  color: #000;
  font: 1em arial;
}
#survey label input, #survey label select {
  margin: -20px 0 0 200px;
  width: 200px;
}
#survey div label input {
  margin: -20px 0 0 190px;
}
#survey label textarea {
  margin: -20px 0 0 0;
  width: 100%;
}
#survey label.radio-checkbox input {
  margin: 0;
  width: auto;
  border: none;
  display: inline;
  background: inherit;
  color: inherit;
}
#survey label input:focus, #survey label textarea:focus, #survey label select:focus, #survey label.error input:focus {
  border: solid 1px #666;
}
#survey label.error input {

  background: #f00;
}
#survey br {
  display: block;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}
#survey .submit {
  float: right;
}

/* floats */
.right, .alignright {
  float: right;
  margin: 10px 0 10px 10px;
}
.left, .alignleft {
  float: left;
  margin: 10px 10px 10px 0;
}
hr, .postmetadata {
  clear: both;
}

/* kbuildsyourdotcom - link back */
#kbuildsyourdotcom, #kbuildsyourdotcom * {
  border: none;
  vertical-align: baseline;
  line-height: 17px;
}
#sidebar li a.no-icon {
  display: inline;
  padding: none;
  background: transparent; }