/*

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";

/* 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;

}



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-size: 20px;

font-style: normal;

font-weight: bold;

text-transform: normal;

letter-spacing: -2px;

color:#a22428;

margin-bottom: 6px;

}

#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;

}



#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;

height: 620px;

padding:0 0px 0 0px;

margin: 30px -41px 0px 0px;

background:url(images/sidebar.png);

}

#sidebarinner {
margin: 42px 0 0 0;
padding: 0px 0 0 18px;

}

#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 {
position:absolute;
bottom:0;
margin:50px 0 20px 22px;
}



#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;
	}