/*
Theme Name: JT-Dot-Com
Theme URI: http://blog.jeremytharp.com/
Description: A custom theme by Jeremy Tharp for blog.jeremytharp.com
Version: 1.0
Author: Jeremy Tharp
Author URI: http://jeremytharp.com
*/

body, html, div {
	margin: 0; border: 0; padding: 0;
}
body {
	background: black url(http://jeremytharp.com/images/header.sheen.gradient.png) repeat-x;
	font-family: arial, dejavu sans, helvetica, sans-serif;
	font-size: 12px;
}
img {
	vertical-align: middle;
	border: 0;
}
a {
	color: #555555;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active, a:focus {
	outline: 0;
}
div#header {
	position: absolute; top: 0px; left: 0px;
	width: 100%;
	z-index: 100;
}
img#pennant {
	position: absolute; top: 0px; left: 50%;
	margin-left: -512px;
	z-index: 200;
}
div#headerGlossLeft {
	position: absolute; top: 0px; left: 50%;
	width: 103px;  height: 24px;
	margin-left: -218px;
	background: transparent url(http://jeremytharp.com/images/header.gloss.left.png) no-repeat;
}
div#headerGlossMiddle {
	position: absolute; top: 0px; left: 50%;
	width: 115px;  height: 24px;
	margin-left: -115px;
	background: transparent url(http://jeremytharp.com/images/header.gloss.gradient.png) repeat-x;
}
div#headerGlossRight {
	position: absolute; top: 0px; left: 50%;
	width: 50%; height: 24px;
	background: transparent url(http://jeremytharp.com/images/header.gloss.gradient.png) repeat-x;
}
span#tagLine {
	position: absolute; top: 0px; left: 50%;
	height: 24px; line-height: 24px;
	margin-left: -212px;
	color: white; font-style: italic; font-family: arial, dejavu sans, helvetica, sans-serif;
	font-size: 11px;
	cursor: default;
}
div#content {
	position: relative;
	width: 1000px;
	overflow: auto;
	margin: 0 auto;
}
ul#sidebar {
	position: relative; top: -12px; float: left;
	width: 187px;
	padding: 15px; padding-top: 60px; padding-bottom: 60px;
	margin-top: 170px; margin-left: 16px;
	background-color: #CCCCCC;
	background: #CCCCCC url(http://jeremytharp.com/images/menu.bottom.point.png) no-repeat center bottom;
	list-style-type: none;
}
ul#sidebar h2 {
	position: relative; left: -15px;
	width: 217px;
	background-color: #444444;
	margin-top: 20px;
	text-shadow: none;
	-moz-text-shadow: none;
}
img#pageMenuGloss {
	position: absolute; top: 0px; left: 0px;
	width: 218px; height: 100%;
}
div#side ul {
	position: relative; left: -15px; top: 8px;
	margin: 0; padding: 0; border: 0;
	list-style-type: none;
	text-align: left;
}
div#side li {
	width: 187px;
	padding-left: 15px; padding-right: 15px;
	line-height: 23px;
	font-size: 16px;
	text-shadow: 1px 1px 5px #444444;
}
div#side li:hover {
	background: transparent url(http://jeremytharp.com/images/menu.gloss.highlight.gradient.png) repeat-x;
}
div#side a.normal {
}
div#side ul a {
	padding: 0; margin: 0; border: 0;
	color: #551111; font-weight: bold;
}
div#side ul a:hover {
	text-decoration: none;
}			
div#side p span {
	font-weight: bold;
}
div#side p {
	position: relative; margin-top: 40px; margin-bottom: 40px;
	text-align: center;
}
div#pageCanvas {
	position: relative; float: right;
	width: 727px;
	margin-top: 65px;
	margin-right: 8px;
}
div#canvasHeaderCornerLeft {
	position: absolute; top: -54px; left: -4px;
	width: 29px; height: 54px;
	background: transparent url(http://jeremytharp.com/images/contents.header.corner.left.png) no-repeat;
}
h2 {
	position: relative; left: -10px; clear: both;
	width: 734px; height: 22px; line-height: 22px;
	background: #A70000 url(http://jeremytharp.com/images/header.gloss.gradient.png) repeat-x;
	color: #FFFFFF; font-weight: normal; font-size: 13px;
	text-align: center;
	text-shadow: 1px 1px 1px skyblue;
	cursor: default;
	box-shadow:		0px 4px 3px #222222;
	-moz-box-shadow:	0px 4px 3px #222222;
	-khtml-box-shadow:	0px 4px 3px #222222;
	-webkit-box-shadow:	0px 4px 3px #222222;
}
h2.title {
	position: absolute; top: -54px; left: 25px;
	width: 685px; height: 54px; line-height: 54px;
	margin: 0; padding: 0; border: 0;
	background: transparent url(http://jeremytharp.com/images/contents.header.gradient.png) repeat-x;
	color: white; font-weight: bold; font-size: 18px;
	text-align: center; font-family: dejavu sans, arial, helvetica, sans-serif;
	text-shadow: 1px 1px 4px skyblue;
	box-shadow: none;
	-moz-box-shadow: none;
	-khtml-box-shadow: none;
	-webkit-box-shadow: none;
	cursor: default;
	overflow: hidden;
}
h1 a,
h2 a {
	color: white;
}
div#canvasHeaderCornerRight {
	position: absolute; top: -54px; right: -4px;
	width: 29px; height: 54px;
	background: transparent url(http://jeremytharp.com/images/contents.header.corner.right.png) no-repeat;
}
div#searchBox {
	position: absolute; top: 35px; right: 50%;
	margin-right: -480px;
}
div#main {
	position: relative; float: right;
	width: 714px; min-height: 200px;
	margin-top: 118px;
	border: 4px solid #A70000; padding: 10px;
	background: white url(http://jeremytharp.com/images/contents.gradient.png) repeat-y;
}
a.prev {
	float: left;
}
a.next {
	float: right;
}
div#discographyLeft {
	position: relative; float: left; clear: left;
	width: 30%;
	margin-top: 40px; margin-bottom: 40px;
	text-align: center;
}
div#discographyRight {
	position: relative; float: right; clear: right;
	width: 67%;
	margin-top: 30px; margin-bottom: 30px;
	text-align: left;
}
div#discographyRight p.header {
	font-weight: bold; font-size: 14px; line-height: 20px;
}
div#discographyRight p.header a {
	font-weight: normal; font-size: 12px;
}
div#discographyRight p.header a img {
	border: 0; vertical-align: top;
}
div#discographyRight pre {
	width: 100%;
	font-size: 11px;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;
}
div#discographyLeft div.header {
	width: 100%; height: 22px; line-height: 22px;
	background: #A70000 url(http://jeremytharp.com/images/header.gloss.gradient.png) repeat-x;
	color: white; font-weight: bold;
	text-align: center;
	margin-top: 8px; margin-bottom: 8px;
	box-shadow:		0px 4px 3px #222222;
	-moz-box-shadow:	0px 4px 3px #222222;
	-khtml-box-shadow:	0px 4px 3px #222222;
	-webkit-box-shadow:	0px 4px 3px #222222;
}
div.discographyNotes {
	width: 91%;
	padding: 4%; border: 1px solid #DDDDDD; margin-top: 10px; margin-bottom: 10px;
	color: #222222; text-align: left;
	background-color: #FFF7ED;
}
p.albumHeader {
	clear: both;
}
p.albumHeader a {
	font-size: 20px; font-weight: bold;
}
div.albumBox {
	position: relative; float: left;
	width: 28%;
	padding: 2%;
	margin-bottom: 25px;
}
div#playerBox {
	width: 100%; clear: both;
	margin-bottom: 15px;
	text-align: center;
}
div#playerBoxMediaFiles {
	float: right;
}
div#discographyFiles {
	clear: both;
	text-align: left;
}
div#discographyFiles a {
	font-weight: bold;
}
div#discographyFiles div {
	width: 94%;
	padding: 3%;
	font-size: 9px;
	background-color: #C7E5F1; color: black;
	border: 1px dotted #444444; margin-bottom: 15px;
}
div#discographyVideos {
	clear: both; text-align: center;
}
ul#discographyFiles {
	padding: 0; margin: 0;
}
ul#discographyFiles li {
	list-style-type: none;
	margin-bottom: 15px;
	border: 1px solid transparent;
}
ul#discographyFiles li:hover {
}
ul#discographyFiles a.title {
	font-weight: bold; font-size: 16px;
}
ul#discographyFiles a.title:hover {
	color: red;
	text-decoration: none;
}
ul#discographyFiles div {
}
div#discographyRelated {
	width: 91%;
	padding: 4%; margin-top: 10px; margin-bottom: 10px;
	text-align: left;
}
div#discographyRelated a {
	font-weight: normal;
}
div#fbLike {
}
a#tharpMe {
	line-height: 24px;
	position: absolute; top: 0px; right: 20px;
	font-weight: bold; color: white; font-size: 12px;
	text-shadow: 1px 1px 2px skyblue;
}
a#tharpMe:hover {
	font-size: 13px;
	text-decoration: none;
}
div#commentsBox {
	position: relative; clear: both;
	width: 100%;
}
div#siteNavigator {
	float: right;
	width: 50%;
	margin-left: 25px; margin-top: 15px; margin-bottom: 15px;
	text-align: right;
}
p.contactEntry {
	float: left; width: 180px;
	padding: 0; margin: 0; border: 0;
	height: 80px; line-height: 80px;
	margin-bottom: 15px;
}
p.contactEntry img {
	float: left;
	margin-right: 10px;
}
p.contactEntry a {
	font-size: 18px;
}

div#footer {
	position: relative; float: right;
	width: 100%; height: 50px; line-height: 25px;
	margin-top: 150px;
	color: white; font-size: 11px; font-family: dejavu sans, arial, helvetica, sans-serif;
	background-color: #222222;
	border-top: 1px solid white;
	text-align: center;
}
div#footer a {
	color: #666666; font-weight: bold;
}
div#footer ul {
	list-style-type: none;
}
div#footer ul {
	padding: 0; margin: 0;
}

form#commentform {
}
form#commentform label {
	float: left; clear: left;
}
form#commentform input, textarea {
	float: left; clear: right;
}
form#commentform textarea {
	width: 400px; height: 150px;
}
form#commentform input.commentsubmit {
	clear: both;
}

ol.commentlist li {
	margin-bottom: 35px;
}
div.post {
	font-size: 13px;
}
div.post blockquote {
	font-family: monospace;
	color: #444444;
	font-size: 11px;
}
div.post blockquote:before,
div.post blockquote:after {
	float: left;
	font-weight: bold; font-size: 60px;
	font-family: DejaVu Sans, Arial, Helvetica, sans-serif;
}