/*
    Theme Name: MIchale Graves version 2
    Theme URI: http://www.michalegraves.net/
    Description: The second incarnation of MichaleGraves.net (under Evan Eckard)
    Version: 2.0
    Author: Evan Eckard
    Author URI: http://www.evaneckard.com/
*/


body {
	margin:0;
	font-family: Georgia, Times New Roman, Times, serif;
	background:url(images/page-back.jpg) no-repeat center top #200702;
}

#container {
	margin:0 auto;
	width:960px;
	position:relative;
	padding:0 0 40px;
}
#container .logo {
	position:absolute;
	height:58px;
	width:386px;
	left:91px;
	top:105px;
}
#container .upper {
	padding:222px 0 0;
	height:88px;
	overflow:hidden;
}


/* perkins banner */

#banner {
	margin:0 auto;
	width:960px;
	position:relative;
	z-index:1000;
}

#banner #perkins a {
	position:absolute;
	display:block;
	width:392px;
	height:92px;
	overflow:hidden;
	text-indent:-400px;
	top:20px;
	left:600px;
	background:url(images/perkins-banner.gif) no-repeat 0 0;
	font-size:10px;
	z-index:1001;
}
#banner #perkins a:hover {
	background:url(images/perkins-banner.gif) no-repeat 0 -92px;
}


/* navigation */

#navigation {
	width:514px;
	height:33px;
	margin:0;
	padding:0;
	position:relative;
	background:url(images/nav.jpg);
	float:right;
}
#navigation li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
}
#navigation li, #navigation a {
	height:33px;
	display:block;
}
#nav01 {
	text-indent:-300em;
	overflow:hidden;
	left:0;
	width:60px;
}
#nav02 {
	text-indent:-300em;
	overflow:hidden;
	left:60px;
	width:61px;
}
#nav03 {
	text-indent:-300em;
	overflow:hidden;
	left:121px;
	width:58px;
}
#nav04 {
	text-indent:-300em;
	overflow:hidden;
	left:179px;
	width:70px;
}
#nav05 {
	text-indent:-300em;
	overflow:hidden;
	left:249px;
	width:64px;
}
#nav06 {
	text-indent:-300em;
	overflow:hidden;
	left:313px;
	width:52px;
}
#nav07 {
	text-indent:-300em;
	overflow:hidden;
	left:365px;
	width:63px;
}
#nav08 {
	text-indent:-300em;
	overflow:hidden;
	left:428px;
	width:86px;
}

#nav01 a:hover {
	background:transparent url(images/nav.jpg) 0 -66px no-repeat;
}
#nav02 a:hover {
	background:transparent url(images/nav.jpg) -60px -66px no-repeat;
}
#nav03 a:hover {
	background:transparent url(images/nav.jpg) -121px -66px no-repeat;
}
#nav04 a:hover {
	background:transparent url(images/nav.jpg) -179px -66px no-repeat;
}
#nav05 a:hover {
	background:transparent url(images/nav.jpg) -249px -66px no-repeat;
}
#nav06 a:hover {
	background:transparent url(images/nav.jpg) -313px -66px no-repeat;
}
#nav07 a:hover {
	background:transparent url(images/nav.jpg) -365px -66px no-repeat;
}
#nav08 a:hover {
	background:transparent url(images/nav.jpg) -428px -66px no-repeat;
}


.nav01on {
	background:transparent url(images/nav.jpg) 0 -33px no-repeat;
}
.nav02on {
	background:transparent url(images/nav.jpg) -60px -33px no-repeat;
}
.nav03on {
	background:transparent url(images/nav.jpg) -121px -33px no-repeat;
}
.nav04on {
	background:transparent url(images/nav.jpg) -179px -33px no-repeat;
}
.nav05on {
	background:transparent url(images/nav.jpg) -249px -33px no-repeat;
}
.nav06on {
	background:transparent url(images/nav.jpg) -313px -33px no-repeat;
}
.nav07on {
	background:transparent url(images/nav.jpg) -365px -33px no-repeat;
}
.nav08on {
	background:transparent url(images/nav.jpg) -428px -33px no-repeat;
}



/* columns */

.column01 {
	float:left;
	width:630px;
	margin-top:60px;
	position:relative;
	background:url(images/column01-back.gif) no-repeat 4px 20px;
}
.column02 {
	float:right;
	width:310px;
}
#column-wide {
	margin-top:60px;
	position:relative;
	background:url(images/column01-back.gif) no-repeat 4px 20px;
}
#column-wide .top {
	width:810px;
	float:right;
	background:url(images/column-wide-top.jpg) no-repeat right top;
	height:3px;
	line-height:0;
	font-size:0;
}
#column-wide .btm {
	width:810px;
	float:right;
	background:url(images/column-wide-btm.jpg) no-repeat right top;
	height:3px;
	line-height:0;
	font-size:0;
}

#column-wide .content {
	width:770px;
	float:right;
	padding:10px 20px;
	background:url(images/column-wide-back.jpg) repeat-y;
	color:#fff;
	font-size:12px;
	line-height:20px;
}
.column01 .post-outer {
	background:url(images/post-back.jpg) repeat-y right top;
	width:480px;
	float:right;
}
.column01 .post {
	padding:30px 20px; 20px;
	background:url(images/upper-post-home.jpg) no-repeat right top;
	color:#fff;
	font-size:12px;
	line-height:20px;
}
.column01 .inner-content {
	padding:12px 20px; 20px;
	background:url(images/upper-post-inner.jpg) no-repeat right top;
	color:#fff;
	font-size:12px;
	line-height:20px;
}
.column01 .post .date {
	color:#fff;
	font-size:11px;
	line-height:16px;
	font-style:italic;
}
.column01 .post h3, .column01 .inner-content h3, #column-wide h3, .post-area h3 {
	font-size:18px;
	line-height:24px;
	color:#fff;
	margin:0 0 6px;
	padding:0 0 10px;
	text-transform:uppercase;
	width:360px;
	background:url(images/h3-liner.gif) repeat-x bottom;
}
.column01 .inner-content h4 {
	font-size:14px;
	line-height:22px;
	color:#d7c2bc;
	margin:0 0 6px;
	padding:0 0 10px;
	font-style:italic;
	font-weight:normal;
}
.column01 .post h3 a, .column01 .inner-content h3 a, .post-area h3 a {
	color:#fff;
	text-decoration:none;
	border-style:none;
	font-weight:normal;
}
.column01 .post a, .column01 .post-btm a, .inner-content a, .column01 .inner-content a, #comments-area .inner a, .post-area a, .column01 .post-nav a {
	color:#fff;
	text-decoration:none;
	border-bottom:1px solid #690100;
}
.column01 .post a:hover, .column01 .post-btm a:hover, .inner-content a:hover, .column01 .inner-content a:hover, #comments-area .inner a:hover, .post-area a:hover, .column01 .post-nav a:hover {
	color:#fff;
	text-decoration:none;
	border-bottom:1px solid #fff;
}
.column01 .post-btm {
	background:url(images/post-btm.gif) no-repeat top right;
	height:26px;
	font-size:10px;
	font-style:italic;
	color:#fff;
	float:right;
	width:480px;
	padding:10px 30px 0 0;
	text-align:right;
}
.column01 .norm-btm {
	background:url(images/norm-btm.gif) no-repeat top right;
	height:26px;
	font-size:10px;
	float:right;
	width:480px;
}

.column01 .post-nav {
	padding:20px 0 0;
	height:50px;
	width:480px;
	float:right;
	font-size:12px;
}
.previous {
	float:left;
}
.next {
	float:right;
}
.archives-link a {
	display:block;
	width:128px;
	height:30px;
	overflow:hidden;
	text-indent:-400px;
	background:url(images/btn-archives.gif) no-repeat 0 0;
	margin:20px 0 0 150px;
}
.archives-link a:hover {
	background:url(images/btn-archives.gif) no-repeat 0 -30px;
}


/* column02 image headers */

.column02 h3 {
	margin:0;
	padding:0;
}
.column02 .available-now a {
	display:block;
	margin:0;
	padding:0;
	height:35px;
	background:url(images/header-available.gif) no-repeat;
	overflow:hidden;
	text-indent:-300px;
	font-size:1px;
}
.column02 .recent-comments-txt {
	display:block;
	margin:0;
	padding:0;
	height:35px;
	background:url(images/header-comments.gif) no-repeat;
	overflow:hidden;
	text-indent:-300px;
	font-size:1px;
}
.column02 .related-txt {
	display:block;
	margin:0;
	padding:0;
	height:35px;
	background:url(images/header-related.gif) no-repeat;
	overflow:hidden;
	text-indent:-300px;
	font-size:1px;
}


/* side list */


.sidelist {
	margin:10px 0;
	padding:0;
}
.sidelist li {
	margin:0;
	list-style:none;
	padding:0;
}
.sidelist a {
	display:block;
	padding:4px 0 4px 20px;
	background:url(images/bullet.gif) no-repeat 5px 50%;
	font-size:12px;
	color:#fff;
	width:230px;
}
.sidelist a:hover {
	background:url(images/bullet-over.gif) no-repeat 5px 50%;
	text-decoration:none;
}
.note {
	color:#e0ccc7;
	font-size:11px;
	line-height:16px;
	font-style:italic;
}
.breaker {
	display:block;
	background:url(images/breaker.gif) repeat-x 0 5px;
	height:10px;
}
.desc-list li {
	margin:0 0 8px;
}



/* 3 column */

.col-01, .col-02 {
	float:left;
}
.col-02  {
	font-size:11px;
}
.col-03 {
	float:right;
	width:120px;
	padding:20px 0 20px 20px;
	border-left:1px solid #4C180B;
	text-align:center;
	font-size:11px;
}
.col-01 {
	width:200px;
	padding:20px 0;
}
.col-01 img {
	border:1px solid #fff;
}
.btn-buy a {
	display:block;
	width:98px;
	height:29px;
	background:url(images/btn-buy.gif) no-repeat 0 0;
	text-indent:-400px;
	overflow:hidden;
	text-decoration:none;
	margin:0 auto;
}
#container .col .btn-buy a {
	margin:8px auto 0;
}
.btn-buy a:hover {
	background:url(images/btn-buy.gif) no-repeat 0 -29px;
}
.tour {
	margin:0;
	padding:0;
}
.tour li {
	display:block;
	margin:0;
	padding:8px 0;
	border-top:1px solid #4C180B;
	clear:both;
}
.tour-date {
	float:left;
	margin:0 10px 0 0;
	font-size:11px;
	color:#d5b3b9;
	width:80px;
	clear:left;
}
.row {
	display:table-row;
}
.col {
	display:table-cell;
	width:180px;
	text-align:center;
	padding:10px;
}
.col img {
	border:1px solid #fff;
	margin-bottom:8px;
}
#container .col a {
	border-style:none;
}


/* internal posts */

.post-area {
	background:url(images/comments-back.jpg) repeat-y;
	width:480px;
	float:right;
	margin:12px 0;
}
.post-area .top {
	background:url(images/comments-top.jpg) no-repeat;
	height:3px;
	font-size:0;
	line-height:0;
}
.post-area .bottom {
	background:url(images/comments-bottom.jpg) no-repeat;
	height:3px;
	font-size:0;
	line-height:0;
}
.post-area .inner {
	color:#fff;
	padding:10px 20px;
	font-size:11px;
	line-height:16px;
}

/* comments */

#comments-area {
	background:url(images/comments-back.jpg) repeat-y;
	width:480px;
	float:right;
	margin:12px 0;
}
#comments-area .top {
	background:url(images/comments-top.jpg) no-repeat;
	height:3px;
	font-size:0;
	line-height:0;
}
#comments-area .bottom {
	background:url(images/comments-bottom.jpg) no-repeat;
	height:3px;
	font-size:0;
	line-height:0;
}
#comments-area .inner {
	color:#fff;
	padding:10px 20px;
	font-size:11px;
	line-height:16px;
}

.comments-PII, .comments-PII-2 {
	float:left;
}
.comments-PII {
	width:200px;
	padding:20px 20px 20px 0;
}
.comments-PII-2 {
	width:200px;
	padding:20px 0;
}
.comments-PII input {
	color:#000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #5A180B;
	width:190px;
	padding:5px;
	background:#E2D08E;
}
.comments-PII-2 textarea {
	color:#000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #5A180B;
	width:190px;
	height:180px;
	padding:5px;
	background:#E2D08E;
}
.comments-PII-2 input {
	color:#fff;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	border-style:none;
	padding:0;
	width:93px;
	height:26px;
	background:url(images/btn-comment.gif) no-repeat 0 0;
	cursor:pointer;
	padding:1px 0 0;
	
}
.comments-PII-2 input:hover {
	background:url(images/btn-comment.gif) no-repeat 0 -26px;
	
}
#comment-list {
	font-size:12px;
	padding:10px 0;
}
#comment-list .bigger, cite {
	font-weight:normal;
	font-size:12px;
	line-height:22px;
}
.comment-left {
	padding:20px 0;
}
.comment-meta {
	float:left;
	width:80px;
	margin-right:10px;
	font-size:10px;
	font-weight:bold;
}
.avatar {
	border:1px solid #C0C0B4;
}
.comment-metadata {
	font-size:11px;
	font-weight:normal;
}
.comment-metadata a, .comment-meta a, comments-PII a, comments-PII-2 a, cite a {
	color:#437680;
	text-decoration:none;
}
.comment-metadata a:hover, .comment-meta a:hover, comments-PII a:hover, comments-PII-2 a:hover, cite a:hover {
	text-decoration:underline;
}
.comment-txt {
	float:left;
	width:320px;
	padding-left:20px;
	font-size:11px;
	line-height:18px;
}




/* available records */

.album {
	padding:12px 0;
	background:url(images/cd.gif) no-repeat 85% 65%;
}
.album .title {
	color:#fff;
	display:block;
	clear:both;
	font-size:12px;
	padding:4px 0 4px 10px;
}
.album .title a {
	color:#fff;
	text-decoration:none;
}
.album-left {
	padding:10px;
	float:left;
	background:url(images/cd-back.jpg) no-repeat;
	width:181px;
	margin:0;
}
.album-right {
	padding:40px 0 0;
	float:left;
	text-align:left;
}
.album-left a img {
	border:1px solid #fefefe;
}
.album-left a:hover img {
	border-color: #D31C21;
}


.album-right .menu {
	width:106px;
	height:73px;
	margin:0;
	padding:0;
	position:relative;
	background:url(images/album-menu.gif);
}
.album-right .menu li {
	margin:0;
	padding:0;
	list-style:none;
}
.album-right .menu li, .album-right .menu a {
	height:23px;
	display:block;
}
.menu01 {
	text-indent:-300em;
	overflow:hidden;
	left:0;
	width:106px;
	position:absolute;
	top:0;
}
.menu02 {
	text-indent:-300em;
	overflow:hidden;
	left:0;
	width:106px;
	position:absolute;
	top:25px;
}
.menu03 {
	text-indent:-300em;
	overflow:hidden;
	left:0;
	width:106px;
	position:absolute;
	top:50px;
}
.menu01 a:hover {
	background:transparent url(images/album-menu.gif) -106px 0 no-repeat;
}
.menu02 a:hover {
	background:transparent url(images/album-menu.gif) -106px -25px no-repeat;
}
.menu03 a:hover {
	background:transparent url(images/album-menu.gif) -106px -50px no-repeat;
}


/* recent comments */

.recent-comments {
	margin:10px 0;
	padding:0;
	font-size:11px;
}
.recent-comments li {
	padding:0;
	margin:0;
	list-style:none;
}
.recent-comments .listMeta {
	font-size:10px;
}
.recent-comments a {
	display:block;
	text-decoration:none;
	color:#dcccc9;
	font-size:11px;
	line-height:16px;
	padding:0 0 10px;
}

.recent-comments a .listMeta {
	font-size:10px;
	color:#a68c87;
}
.recent-comments a:hover {
	color:#fff;
}


/* middle section */

#middle {
	background:url(images/middle-back.jpg) no-repeat 50% 0 #4C180B;
	padding:20px 0;
}
#middle .inner {
	width:960px;
	margin:0 auto;
}
#middle .inner01, #middle .inner02, #middle .inner03 {
	width:300px;
	background:url(images/middle-inner-back.jpg) repeat-y;
}
#middle .inner-top {
	background:url(images/middle-inner-top.jpg) no-repeat;
	font-size:0;
	line-height:0;
	height:3px;
}
#middle .inner-btm {
	background:url(images/middle-inner-btm.jpg) no-repeat;
	font-size:0;
	line-height:0;
	height:3px;
}
#middle .inner01, #middle .inner02 {
	float:left;
}
#middle .inner01 {
	margin-right:30px;
}
#middle .inner03 {
	float:right;
}
#middle .inner-content {
	font-size:12px;
	color:#fff;
	line-height:20px;
	padding:12px 20px;
	position:relative;
	height:110px;
}

#middle .title a {
	display:block;
	height:26px;
	overflow:hidden;
	font-size:11px;
	text-indent:-400px;
}
#middle .tour a {
	background:url(images/txt-tour.gif) no-repeat 3px 0;
}
#middle .store a {
	background:url(images/txt-store.gif) no-repeat 3px 0;
}
#middle .music a {
	background:url(images/txt-music.gif) no-repeat 3px 0;
}

.mic {
	height:104px;
	width:97px;
	background:url(images/img-mic.png) no-repeat transparent;
	position:absolute;
	top:-54px;
	left:220px;
}
.photo {
	height:73px;
	width:85px;
	background:url(images/img-8x10.png) no-repeat transparent;
	position:absolute;
	top:-40px;
	left:236px;
}
.cd {
	height:64px;
	width:62px;
	background:url(images/img-cd.png) no-repeat transparent;
	position:absolute;
	top:-40px;
	left:246px;
}


/* links */


#links {
	padding:30px 0;
	margin:0 auto;
	width:960px;
}


#social {
	width:775px;
	height:56px;
	margin:0 auto;
	padding:0;
	position:relative;
	background:url(images/logos-social.gif);
}
#social li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
}
#social li, #social a {
	height:56px;
	display:block;
}
#social01 {
	text-indent:-300em;
	overflow:hidden;
	left:0;
	width:59px;
}
#social02 {
	text-indent:-300em;
	overflow:hidden;
	left:59px;
	width:95px;
}
#social03 {
	text-indent:-300em;
	overflow:hidden;
	left:153px;
	width:89px;
}
#social04 {
	text-indent:-300em;
	overflow:hidden;
	left:241px;
	width:94px;
}
#social05 {
	text-indent:-300em;
	overflow:hidden;
	left:334px;
	width:70px;
}
#social06 {
	text-indent:-300em;
	overflow:hidden;
	left:404px;
	width:89px;
}
#social07 {
	text-indent:-300em;
	overflow:hidden;
	left:493px;
	width:122px;
}
#social08 {
	text-indent:-300em;
	overflow:hidden;
	left:615px;
	width:160px;
}



#social01 a:hover {
	background:transparent url(images/logos-social.gif) 0 -56px no-repeat;
}
#social02 a:hover {
	background:transparent url(images/logos-social.gif) -59px -56px no-repeat;
}
#social03 a:hover {
	background:transparent url(images/logos-social.gif) -153px -56px no-repeat;
}
#social04 a:hover {
	background:transparent url(images/logos-social.gif) -241px -56px no-repeat;
}
#social05 a:hover {
	background:transparent url(images/logos-social.gif) -334px -56px no-repeat;
}
#social06 a:hover {
	background:transparent url(images/logos-social.gif) -404px -56px no-repeat;
}
#social07 a:hover {
	background:transparent url(images/logos-social.gif) -493px -56px no-repeat;
}
#social08 a:hover {
	background:transparent url(images/logos-social.gif) -615px -56px no-repeat;
}


/* footer */


#footer {
	padding:20px 0 30px;
	font-size:11px;
	line-height:18px;
	color:#d4b4ac;
	margin:0 auto;
	width:960px;
	text-align:center;
}
#footer a {
	color:#d4b4ac;
	border-bottom:1px solid #8a4a3a;
	text-decoration:none;
}
#footer a:hover {
	color:#fff;
	border-bottom:1px solid #fff;
}



/* ee logo */

#evan a {
	display:block;
	width:151px;
	height:35px;
	overflow:hidden;
	text-indent:-500px;
	background:url(images/logo-evaneckard.gif) no-repeat 0 0;
	margin:10px auto 0;
}
#evan a:hover {
	background:url(images/logo-evaneckard.gif) no-repeat 0 -35px;
}