@charset "UTF-8";
/* CSS Document */

/*  
Theme Name:db 2010 v.10
Theme URL: http://www.drawnbymkc.com
Description: Drawn by MKC / 1/15/2010
Author: Kate Cauley
Author URL: http://www.drawnbymkc.com
*/

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

body {
	background: #4d4d4d;
	font-family: Calibri;
	margin: 0px 0px 0px 0px;
	padding: 0px;

	background-image: url(http://www.drawnbymkc.com/mkcsite/webpageImages/bkgrnd1.jpg);
	background-repeat: repeat;
	background-position: top left;
}

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



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

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

.cardHeader {
	padding: 0px;
	float: left;
	background-image: url(webpageImages/titletaf.png);
	background-repeat: no-repeat;
	background-position: top left;
	-moz-opacity: 0.55;
	opacity: .80;
	margin-top: 4px;
	position: relative;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 1px;
	height: 246px;
	width: 389px;
}
.cardImageHeader {
	width: 380px;
	height: 240px;
	margin: 4px 1px 0px 3px;
	padding: 0px 0px 0px 0px;
	float: none;
	background-image: url(webpageImages/projecttafsize.png);
	background-repeat: no-repeat;
	background-position: top left;
	overflow: auto;
	position: relative;
}
.cardHeaderTaf {
	width: 185px;
	height: 73px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	background-image: url(webpageImages/projecttaf.png);
	background-repeat: no-repeat;
	-moz-opacity: 0.55;
	opacity: .80;
	position: relative;
	overflow: hidden;
}

.cardHeaderTitle {
	color: #0B1222;
	font-size: 20px;
	font-weight: 400;
	padding: 0px;
	float: right;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 180px;
	height: 200px;
	font-style: normal;
}

.cardHeaderNav {
	color: #3B443F;
	font-size: 11px;
	line-height: 12px;
	width: 340px;
	height: 130px;
	margin: 1px 1px 0px 1px;
	padding: 1px 15px 1px 5px;
	float: right;
	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;
}


/*************************************
 
 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: titletaf.png; /** not used yet, it is at the end of the page and flips to the next page of images */
	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: 191px;
	height: 246px;
	padding: 0px;
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	opacity: 1;
	moz-opacity: 1;
	position: relative;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	clear: none;
	border-color: #FFFFFF;
	background-repeat: no-repeat;
	overflow: hidden;
}

.cardBlockText {
		width: 197px;
	height: 60px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 3px;
	float: left;
	overflow: hidden;
	font: calibri;
	font-size: 20px;
	background-image: projecttaf.png;
	background-repeat: no-repeat;
	background-position: top left;



	
}

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

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

.cardImage {
	overflow: hidden;
	width: 189px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	position: absolute;
	top: 26px;
	left: 4px;
}

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

.cardImageInfo {
	color: #666666;
	font-size: 10px;
	width: 115px;
	margin: 0px 0px 0px 0px;
	padding: 1px 1px 1px 0px;
	overflow: hidden;
	float: left;
}
.cardimageArtist {
	color: #557799;
	font-size: 14px;
	margin: 0px 0px 0px 4px;
	padding: 0px 0px 0px 0px;
	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: 191px;
	height: 246px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

.gallery-item {
	width: 191px;
	height: 246px;
	overflow: hidden;
	float: left;
	margin: 0px;
	padding: 0px 5px 0px 0px;
}

img {
	border-width: 0px;
	background-position-x: 3px;
}

/*************************************
 
 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: small;
	line-height: 11px;
	width: 143px;
	height: 178px;
	margin: 2px 0px 0px 6px;
	padding: 1px 5px 1px 5px;
	float: left;
	overflow: visible;
}

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

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

.cardTitletafTitle {
	color: #0B1222;
	font-size: 21px;
	font-weight: 200;
	width: 370px;
	margin: 0px 0px 0px 0px;
	padding: 12px 1px 1px 1px;
	float: left;
	font-family: Calibri, "Calibri Bold Italic", Verdana;
}

.cardTitleCopy {
	color: #OB1222;
	font-size: 13px;
	line-height: 16px;
	float: left;
	overflow: visible;
	padding-top: 8px;
	padding-bottom: 1px;
	position: relative;
	height: 185px;
	width: 355px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.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: ;
	
	
	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;
}



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

 SPACERS AND LINES
 padding top, right, bottom, left

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

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

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

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

.cardTitleBreak{
	background: url(webpageImages/tafbreak.png);
	width: 355px;
	height: 2px;
	float: left;
	overflow: visible;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 15px;
}

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