/*  
Theme Name: jds 2009 v.10
Theme URL: http://www.joshuadavis.com
Description: www.joshuadavis.com / 11/20/2009
Author: Joshua Davis
Author URL: http://www.joshuadavis.com
*/

/*************************************
 
 padding top, right, bottom, left

body {
	background: #FFFFFF;
	font-family: Georgia;
	margin: 5px 5px 5px 5px;
	padding: 0px;

	background-image: url(http://www.joshuadavis.com/wp-images/bg.jpg);
	background-repeat: repeat;
	background-position: top left;
}

 *************************************/



/*************************************
 
 TOP NAV BLOCK - 5 CARDS
 padding top, right, bottom, left

 *************************************/

.cardHeader {

	width: 165px;
	height: 224px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;

	background-image: url(http://www.joshuadavis.com/wp-images/cardHeader.png);
	background-repeat: no-repeat;
	background-position: top left;
}

.cardHeaderTitle {
	color: #242424;
	font-size: 11px;
	font-weight: bold;
	width: 143px;
	margin: 0px 0px 0px 6px;
	padding: 1px 5px 1px 5px;
	float: left;
}

.cardHeaderNav {
	color: #111111;
	font-size: 11px;
	line-height: 15px;
	width: 143px;
	height: 168px;
	margin: 2px 0px 0px 6px;
	padding: 1px 5px 1px 5px;
	float: left;
	overflow: hidden;
}

.cardHeaderCopy {
	color: #333333;
	font-size: 10px;
	line-height: 11px;
	width: 143px;
	height: 178px;
	margin: 2px 0px 0px 6px;
	padding: 1px 5px 1px 5px;
	float: left;
	overflow: hidden;
}

/*************************************
 
 DATE CARDS
 padding top, right, bottom, left

 *************************************/

.cardDate {
	width: 165px;
	height: 224px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;

	background-image: url(http://www.joshuadavis.com/wp-images/cardDate.png);
	background-repeat: no-repeat;
	background-position: top left;
}

.cardDateSpace {
	width: 153px;
	padding: 0px;
	float: left;
}

.cardDateCopy {
	color: #999999;
	font-style: italic;
	font-size: 33px;
	text-align: center;

	width: 153px;
	height: 40px;
	margin: 0px 0px 0px 6px;
	padding: 0px;
	float: left;
}

/*************************************
 
 PAGE CARDS
 padding top, right, bottom, left

 *************************************/

.cardPageNav {
	width: 165px;
	height: 224px;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 0px 0px;
	float: left;

	background-image: url(http://www.joshuadavis.com/wp-images/cardHeaderDark.png);
	background-repeat: no-repeat;
	background-position: top left;
}

.cardcardPageNavSpace {
	width: 153px;
	height: 91px;
	margin: 0px 0px 0px 6px;
	padding: 0px;
	float: left;
}

.cardcardPageNavCopy {
	color: #4D4D4D;
	font-style: normal;
	font-size: 22px;
	text-align: center;

	width: 153px;
	height: 30px;
	margin: 0px 0px 0px 6px;
	padding: 0px;
	float: left;
}

.cardcardPageNavCell {
	text-align: center;
	width: 60px;
	height: 30px;
	float: left;
}

/*************************************
 
 CONTENT CARDS
 padding top, right, bottom, left

 *************************************/

.cardBlockImage {
	width: 165px;
	height: 224px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	overflow: hidden;

	background-image: url(http://www.joshuadavis.com/wp-images/cardImage.png);
	background-repeat: no-repeat;
	background-position: top left;
}

.cardBlockText {
	width: 165px;
	height: 224px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	overflow: hidden;

	background-image: url(http://www.joshuadavis.com/wp-images/cardText.png);
	background-repeat: no-repeat;
	background-position: top left;
}

/*************************************
 
 CONTENT CARDS - IMAGES
 padding top, right, bottom, left

 *************************************/

.cardImage {
	overflow: hidden;
	width: 153px;
	height: 153px;
	margin: 5px 0px 4px 5px;
	padding: 0px;
	float: left;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #DDDDDD;
}

.cardImageTitle {
	color: #333333;
	font-size: 10px;
	font-weight: normal;
	width: 143px;
	margin: 0px 0px 0px 6px;
	padding: 1px 5px 1px 5px;
	overflow: hidden;
	float: left;
}

.cardImageInfo {
	color: #666666;
	font-size: 10px;
	width: 115px;
	margin: 0px 0px 0px 6px;
	padding: 1px 1px 1px 5px;
	overflow: hidden;
	float: left;
}

.cardImageLink {
	width: 14px;
	height: 14px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
}

.cardImageComment {
	width: 14px;
	height: 14px;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
}

.cardImageLink img {
	opacity: 0.75;
}

.cardImageLink img:hover {
	opacity: 1.0;
}

.cardImageComment img {
	opacity: 0.5;
}

.cardImageComment img:hover {
	opacity: 0.75;
}

.gallery {
	width: 153px;
	height: 153px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

.gallery-item {
	width: 153px;
	height: 153px;
	overflow: hidden;
	float: left;
	margin: 0px;
	padding: 0px 22px 0px 0px;
}

img {
	border-width: 0px;
}

/*************************************
 
 CONTENT CARDS - TEXT
 padding top, right, bottom, left

 *************************************/

.cardTextTitle {
	color: #333333;
	font-size: 11px;
	font-weight: normal;
	width: 143px;
	margin: 0px 0px 0px 6px;
	padding: 1px 5px 1px 5px;
	float: left;
}

.cardTextCopy {
	color: #333333;
	font-size: 10px;
	line-height: 11px;
	width: 143px;
	height: 178px;
	margin: 2px 0px 0px 6px;
	padding: 1px 5px 1px 5px;
	float: left;
	overflow: hidden;
}

/*************************************
 
 CONTENT CARDS - CALENDAR
 padding top, right, bottom, left

 *************************************/

.cardCalendarTitle {
	color: #333333;
	font-size: 11px;
	font-weight: normal;
	width: 143px;
	margin: 0px 0px 0px 6px;
	padding: 1px 5px 1px 5px;
	float: left;
}

.cardCalendarCopy {
	color: #333333;
	font-size: 10px;
	line-height: 11px;
	width: 143px;
	height: 148px;
	margin: 2px 0px 0px 6px;
	padding: 1px 5px 1px 5px;
	float: left;
	overflow: hidden;
}

.cardCalendarInfo {
	color: #666666;
	font-size: 10px;
	width: 125px;
	margin: 0px 0px 0px 6px;
	padding: 1px 1px 1px 5px;
	overflow: hidden;
	float: left;
}

/*************************************
 
 CONTENT CARDS - CALENDAR - NEW EVENTS
 padding top, right, bottom, left

 *************************************/

.cardNewEventBlock {
	width: 153px;
	height: 212px;
	margin: 6px;
	padding: 0px 0px 0px 0px;
	float: left;
	overflow: hidden;
}

.cardNewEventBreak {
	width: 143px;
	height: 1px;
	float: left;
	margin: 5px 0px 2px 5px;
	padding: 0px;

	background-image: url(http://www.joshuadavis.com/wp-images/alpha_20.png);
	background-repeat: repeat;
	background-position: top left;
}

.cardNewEventUrl {
	background: #F7F7F7;
	width: 153px;
	height: 100px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	overflow: hidden;
}


/*************************************
 
 CONTENT CARDS - CALENDAR - NEW EVENTS
 padding top, right, bottom, left

 *************************************/

.bioBlock {
	width: 660px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	top: 5px;
	left: 335px
}

.bioCopy {
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	width: 633px;
	margin: 0px 0px 0px 6px;
	padding: 5px 10px 0px 5px;
	float: left;
	overflow: auto;
}

.bioCopy p {
	margin: 0px 0px 0px 6px;
	padding: 0px 0px 10px 0px;
}

.bioTopCap {
	width: 660px;
	height: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(http://www.joshuadavis.com/wp-images/bioTopCap.png);
	background-repeat: no-repeat;
	background-position: top left;
	overflow: auto;
}

.bioMidCap {
	width: 660px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(http://www.joshuadavis.com/wp-images/bioMidCap.png);
	background-repeat: repeat-y;
	background-position: top left;
	overflow: auto;
}

.bioBotCap {
	width: 660px;
	height: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(http://www.joshuadavis.com/wp-images/bioBotCap.png);
	background-repeat: no-repeat;
	background-position: top left;
	overflow: auto;
}


/*************************************

 SPACERS AND LINES
 padding top, right, bottom, left

 *************************************/

.spacer{
	width: 153px;
	height: 1px;
	margin: 6px 0px 4px 6px;
	padding: 0px;
	float: left;
}

.cardBreak{
	width: 143px;
	margin: 0px;
	padding: 0px;
}

.cardLineBreak{
	background: #ECECEC;
	width: 143px;
	height: 1px;
	margin: 0px;
	padding: 0px;
}

.cardTitleBreak{
	background: #CCCCCC;
	width: 143px;
	height: 1px;
	float: left;
	margin: 5px 0px 5px 11px;
	padding: 0px;
}

/*************************************
 
 AHREF COLORS

 *************************************/

a {
	color:#557799;
	text-decoration:none;
}

a:hover {
	color:#666666;
}

/*************************************
 
 COMMENTS PREVIEW  - padding top, right, bottom, left

 *************************************/

.commentsPreviewBlock {
	margin: 10px 5px 0px 5px;
	padding: 0px;
	overflow: auto;
}

/*************************************
 
 COMMENTS  - padding top, right, bottom, left

 *************************************/

.commentsBlock {
	margin: 0px;
	padding: 10px;
}

.commentsBlock a {
	color: #333333;
	text-decoration:none;
}

.commentsBlock a:hover {
	color:#666666;
}

.commentsNumber {
	background: #CCCCCC;
	color: #242424;
	font-size: 13px;
	line-height: normal;	
	margin: 0px 0px 10px 0px;
	padding: 5px;
}

.myCommentsHeader {
	background: #CCCCCC;
	color: #333333;
	font-size: 10px;
	line-height: normal;
	margin: 0px;
	padding: 5px;
}

.myCommentsCopy {
	color: #111111;
	font-size: 12px;
	line-height: normal;
	margin: 0px;
	padding: 5px;
}

.myReplyBlock {
	color: #111111;
	font-size: 11px;
	line-height: normal;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

.myCommentsLogged {
	background: #999999;
	color: #000000;
	font-size: 12px;
	line-height: normal;
	margin: 0px 0px 0px 0px;
	padding: 5px;
}

.myCommentsField {
	margin: 0px 2px 0px 0px;
	padding: 0px 0px 0px 0px;;
}

.myCommentsSubmit {
	text-align: right;
	margin: 0px;
	padding: 10px 0px 10px 0px;
}

textarea {
	width: 100%;
	height: 100px;
	border: 1px solid #999999;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.inputStyle {
	width: 150px;
	border: 1px solid #999999;
	margin: 0px 5px 0px 0px;
	padding: 5px;
}

.submit {
	cursor: pointer;
}

.submit:hover {
	cursor: pointer;
}