/*

Theme Name: Pen and Cape

Theme URI: http://www.subpardesign.com

Description: Personalized theme for the work of Jason Mott.

Version:1.0

Author: Randy Skidmore

Author URI: http://www.subpardesign.com

Tags: prose, poetry, superheroes

*/



@charset "UTF-8";


/* WP BASE SPECS Added 021111 */

code {
	font: 1.1em "Courier New", Courier, Fixed;
	}
	
pre {
	font: 1.1em "Courier New", Courier, Fixed;
	margin:1.5em;
	padding:10px;
	background:#fafafa;
	border:1px solid #eee;
	}
	
acronym, abbr {
	font-size: 0.9em;
	letter-spacing: .07em;
	}
	
hr {
	clear:both;
	width:80%;
	height:1px;
	border:none 0;
	color:#ccc;
	background-color:#ccc;
	margin:1.5em 0;
	}
	
img {
	border:none;
	max-width:100%;
	}
	
blockquote {
	margin-left:-21px;
	padding-left:21px;
	background:url(images/quote.gif) no-repeat 0 6px;
	color:#343434;
}
	
	.entry cite {
		font-style:italic;
		font-size:.9em;
		display:block;
		margin:5px 0 0;
		text-align:right;
		}
		
	.entry cite:before {
		content: "\2014 \0020";
		}	
		
.post dt {
	font-weight:bold;
	background:url(images/icons.gif) no-repeat 0 -141px;
	padding-left:10px;
	margin-left:-10px;
}

.post dd {
	padding-left:10px;
	padding-bottom:5px;
}
		
.clear { 
	clear:both;
	}
		
.alignleft {
	float:left;
	}
	
.alignright {
	float:right;
	}
	
.aligncenter, div.aligncenter, img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}


/* Begin Images */	
img.alignleft, .alignleft img {
	margin-right:10px;
	}
	
img.alignright, .alignright img {
	margin-left:10px;
	}

.wp-caption, .attachment img {
	text-align: center;
}

.wp-caption p.wp-caption-text {
	font-size: .9em;
	color:#b6b6b6;
	margin: 0;
}

.attachment, .caption {
	text-align:center;
}

.attachment img {
	}
	
	
	
/* End WP base specs */


/* CSS Document */

html {
margin:0;

padding:0;
}


body {

margin:0;

padding:0;

height:100%;

background:url(images/wood_back.jpg);

background-repeat:repeat;

}

#prose {

font-family: Helvetica, Arial, sans-serif;

font-size: 12px;

font-style: normal;

font-weight: normal;

text-transform: normal;

letter-spacing: normal;

line-height: 1.4em;

color:#666666;
}

br {
margin:0;
}

#prose br {
clear:left;
margin-bottom:10px;
}


#wrap {

width:1157px;

min-height:834px;

margin:0 auto 0 auto;

background:url(images/sub_notebook2.png);

background-repeat:no-repeat;

}



.clear {

width:931px;

height:1px;

clear:both;

}



.clear2 {

width:253px;

height:1px;

clear:both;

}



/*--TYPE--*/

/*

p {

margin:0;

padding:0;

}

*/




h1, h2 {

margin:16px 0 0 0;
font-family: Helvetica, Arial, sans-serif;

}



a {

text-decoration:none;

}



a:hover {

text-decoration:underline;

}



#maincontent h2 {

font-family: Helvetica, Arial, sans-serif;

font-size: 44px;

font-style: normal;

font-weight: bold;

text-transform: normal;

letter-spacing: -2px;

line-height: 1.2em;

color:#a22428;

}



#maincontent h2 a {

color:#a22428;

}



#maincontent h3 {

font-family: Helvetica, Arial, sans-serif;

font-size: 34px;

font-style: normal;

font-weight: bold;

text-transform: normal;

letter-spacing: -2px;

line-height: 1.2em;

color:#a22428;

margin:0;

}



#maincontent p {

font-family: Helvetica, Arial, sans-serif;

font-size: 12px;

font-style: normal;

font-weight: normal;

text-transform: normal;

letter-spacing: normal;

line-height: 1.4em;

color:#666666;

}



#maincontent a {

color:#a22428;

}



#maincontent .tags {

font-family: Cambria, serif;

font-size: 12px;

font-style: italic;

font-weight: normal;

text-transform: normal;

letter-spacing: normal;

line-height: 1.4em;

color:#999999;

margin-top:3px;

margin-bottom:17px;

}



.moretext {

font-family: Cambria, serif;

font-size: 12px;

font-style: italic;

font-weight: normal;

text-transform: normal;

letter-spacing: normal;

line-height: 1.4em;

color:#a22428;

text-decoration:none;

}



#commentbubble p.comments {

padding:34px 0 0 10px;

font-family: Cambria, serif;

font-size: 12px;

font-style: italic;

font-weight: normal;

text-transform: normal;

letter-spacing: normal;

line-height: 1.4em;

color:#999999;

}



.comments a, .tags a {

color:#999999;

}



#maincontent p.timestamp {

font-family: Helvetica, Arial, sans-serif;

font-size: 9px;

font-style: normal;

font-weight: normal;

text-transform: uppercase;

letter-spacing: normal;

line-height: 1.6em;

color:#999999;

margin:0 0 0px 0;

}



#maincontent p.timestamp a {

color:#a22428;

}


#sidebar h2 {

font-family: Helvetica, Arial, sans-serif;

font-style: normal;

font-weight: bold;

text-transform: normal;

letter-spacing: -2px;

color:#a22428;

margin-bottom: 6px;

margin-top:0;

}

#sidebar li {
list-style:none;
font-family: Helvetica, Arial, sans-serif;
color:#333333;
font-size:11px;
line-height:1.5em;
}

#sidebar li a {
color:#00FF33;
list-style:none;
list-style-position:inside;
font-family: Helvetica, Arial, sans-serif;
color:#000000;
font-size:12px;
}

#sidebar ul {  
list-style:none;
margin:0 0 0 10px; padding:0;
}

#sidebar ul a {
color:#333333;
margin:0;
padding:0;
}


.footertype {

font-family: Helvetica, Arial, sans-serif;

font-size: 9px;

font-style: normal;

font-weight: normal;

text-transform: uppercase;

letter-spacing: normal;

line-height: 1.6em;

color:#FFFFFF;

padding:5px 0 0 0;

}



.footertype a {

color:#a22428;

}





/*--HEADER--*/



a.headerlogo {

float:left;

width:430px;

height:110px;

margin-left:132px;

margin-top:-5px;

background-image:url(images/logo.png);

}



a.headerlogo:hover {

background-position:-430px;

}



#search {

float:right;

width:100px;

margin-right:200px;

}





/*--CONTENT--*/



#notepad {

float:left;

width: 931px;

padding: 135px 0px 0 132px;

min-height:100%;

}



#content_stretch {

width:931px;

height:10px;

margin-left:-21px;

background:url(images/content_stretch.png);

margin-bottom:0px;

height:auto;

}



#maincontent {

width: 665px;

margin: 0px 0 0 0;

padding:20px 0 0 25px;

height:100%;

}





#commentbubble {

width:670px;

height:63px;

background-image:url(images/bubble.png);

margin-bottom:40px;
clear: left;

}



#content_bottom {

width:931px;

height:38px;

margin-left:-21px;

margin-bottom:10px;

background:url(images/content_bottom2.png);

clear:both;

}





/*--NAVIGATION--*/



#navigation {

margin:8px 0 0 13px;

height:31px;

width:625px;

}



a.home {

float:left;

width:72px;

height:31px;

background-image:url(images/btn_home.jpg)

}



a.home:hover {

background-position:-72px;

}



a.bio {

float:left;

width:72px;

height:31px;

background-image:url(images/btn_bio.jpg)

}



a.bio:hover {

background-position:-72px;

}



a.writing {

float:left;

width:135px;

height:31px;

background-image:url(images/btn_writing.jpg)

}



a.writing:hover {

background-position:-135px;

}



a.performance {

float:left;

width:140px;

height:31px;

background-image:url(images/btn_performance.jpg)

}



a.performance:hover {

background-position:-140px;

}



a.photos {

float:left;

width:103px;

height:31px;

background-image:url(images/btn_photos.jpg)

}



a.photos:hover {

background-position:-103px;

}



a.contact {

float:left;

width:103px;

height:31px;

background-image:url(images/btn_contact.jpg)

}



a.contact:hover {

background-position:-103px;

}



/*--SIDEBAR--*/



#sidebar {

float:right;

position:relative;

width: 253px;

padding:0 0px 0 0px;

margin: 30px -48px 0px 0px;

}

#side_top {
	background-image:url(images/side_top.png);
	float:right;
height:62px;
margin:0 8px 0 0;
width:245px;
}

#side_bottom {
	background-image:url(images/side_bottom.png);
	float:right;
height:35px;
margin:0 7px 0 0;
width:245px;
}

#sidebarinner {
float:right;
margin:-10px 56px 0 0;
padding:0 0 0 18px;
width:178px;
background-color:#dca761;

}

#searchbar {
margin:-60px 20px 8px 0;
background-image:url(images/searchbar.jpg);
width:197px;
height:44px;
}

#searchbar #s {
float:left;
padding:0;
margin:13px 0 0 16px;
border:0;
width:130px;
background:none;
color:#999999;
font-size:12px;
}

#searchbar #searchsubmit {
float: right;
margin:0 3px 0 0;
width:34;
height:44;
}

#results {
margin: 25px 0 0 0;
background-color:#f0e4c5;
padding:5px;
}

#buttons {
margin:20px 0 0 0;
}



#buttons p {

font-family: Helvetica, Arial, sans-serif;

font-size: 9px;

font-style: normal;

font-weight: normal;

text-transform: uppercase;

letter-spacing: normal;

line-height: 1.6em;

color:#FFFFFF;

padding:4px 0 0 30px;

margin:0;

}



#button_abovebar {

font-size:10px;

width:200px;

height:20px;

margin:0px 0 10px 2px;

}




#button_abovebar p {

font-family: Helvetica, Arial, sans-serif;

font-size: 9px;

font-style: normal;

font-weight: normal;

text-transform: uppercase;

letter-spacing: normal;

line-height: 1.6em;

color:#666666;

padding:3px 0 0 20px;

margin:0;

}



#button_abovebar a {

color:#a22428;
font-size:9px;
font-weight:normal;

}



a.feed1 {

float:left;

background:url(images/Feed_16x16.png);

width:16px;

height:16px;

}



a.feed2 {

float:left;

background:url(images/Feed_24x24.png);

width:24px;

height:24px;

}



a.twitter {

float:left;

background:url(images/Twitter_24x24.png);

width:24px;

height:24px;

}



a.facebook {

float:left;

background:url(images/FaceBook_24x24.png);

width:24px;

height:24px;

}







/*--FOOTER--*/



#footer {

border-top: 1px solid #666666;

width:100%;

position:absolute;

height: 118px;

background-color:#000000;

margin:10px 0 0 0;

opacity:0.8;

filter:alpha(opacity=50);

}

#footercontainer {
width:950px;
margin: 0 auto 0 auto;
}

.footercolumn {
margin-left: 30px;
float: left;
width: 135px;
}

.long {
width:550px;
}

/*---COMMENTS STYLING, CLASSES FOUND IN COMMENT-TEMPLATE.PHP----*/



ol {

width:665px;

list-style:none;

margin:0;

padding:0;

}



.says{display:none;}



.awaiting {

font-family: Helvetica, Arial, sans-serif;

font-size: 12px;

color:#FF0000;

}



.fn {

font-family: Helvetica, Arial, sans-serif;

font-size: 12px;

font-style: normal;

font-weight: normal;

text-transform: normal;

letter-spacing: normal;

line-height: 1.4em;

}





.commentmetadata {

font-family: Helvetica, Arial, sans-serif;

font-size: 9px;

font-style: normal;

font-weight: normal;

text-transform: normal;

letter-spacing: normal;

line-height: 1.4em;

color:#666666;

}



.even {

background-color:#f0e4c5;

padding:5px 5px 5px 5px;

margin-bottom:10px;

}


/*----MICROPLAYER STYLES------*/


a.playerlink {
padding:6px;
font-size:14px;
font-weight:600;
}

a.playerlink2 {
background-color:#f0e4c5;
padding:6px;
font-size:14px;
font-weight:600;
}

.microAudio-bg {
	color: #b13334;
	}

.microAudio-leftbg {
	color: #b13334;
	}

.microAudio-lefticon {
	color:#FFFFFF;
	}

.microAudio-voltrack {
	color: #FFFFFF;
	}

.microAudio-volslider {
	color: #e7c78c;
	}

.microAudio-rightbg {
	color: #e7c78c;
	}

.microAudio-rightbghover {
	color: #e7c78c;
	}

.microAudio-righticon {
	color: #FFFFFF;
	}

.microAudio-righticonhover {
	color: #FFFFFF;
	}

.microAudio-skip {
	color: #e7c78c;
	}

.microAudio-text {
	color: #b13334;
	}

.microAudio-track {
	color: #e7c78c;
	}

.microAudio-border {
	color: #b13334;
	}

.microAudio-loader {
	color: #e7c78c;
	}

.microAudio-tracker {
	color: #FFFFFF;
	}

.mAp, .adplr {
	width: 300px;
	}