var newTemplates = {
	detail: {
		photoTemplates: {
			averageVotesText: "${num_of_votes}&nbsp;ratings&nbsp;|&nbsp;${text_rating}&nbsp;stars",
			html: '\
				<div class="${classes.ITEM} ${classes.PHOTO}{if !photo.previous} ${classes.FIRST}{/if}{if !photo.next} ${classes.LAST}{/if} ${hooks.MEDIA_ITEM}">\
				<div class="${classes.NAVIGATION}">\
					<div class="${classes.NEXT} ${hooks.MEDIA_NEXT}">${templates.getNextLabel()}</div>\
					<div class="${classes.PREVIOUS} ${hooks.MEDIA_PREVIOUS}">${templates.getPreviousLabel()}</div>\
				</div>\
				<div class="${classes.TITLE} ${hooks.MEDIA_TITLE}"><h1>${photo.title|ellipse:config.titleLength || photo.title.length}</h1></div>\
				<div class="${classes.DATE}">\
					<div class="${classes.LABEL}">${templates.getDateLabel()}</div>\
					<div class="${classes.VALUE}">${photo.uploadedDate|date}</div>\
				</div>\
				<div class="${classes.AUTHOR} ${hooks.MEDIA_AUTHOR}">\
				{if !photo.hiddenAuthor}\
					<div class="${classes.LABEL}">${templates.getAuthorLabel()}</div>\
					<div class="${classes.VALUE}">${photo.author}</div>\
				{/if}\
				</div>\
				<div class="${classes.WRAPPER}">\
					{if config.embedShare}\
						${shareWidget|html}\
					{/if}\
					{if config.embedSendFriend}\
						${sendFriendWidget|html}\
					{/if}\
				</div>\
				<div class="detailWrapper">\
					<div class="${classes.LARGE_THUMB_WRAPPER}">\
						<div class="${classes.LARGE_THUMB}" style="background: transparent url(${photo.url}) no-repeat 50% 50%;"></div>\
						<div class="${classes.THUMB_OVERLAY}"></div>\
					</div>\
					<div class="${classes.DESCRIPTION}">\
						<div>${templates.getPhotoDescription(photo.description)}</div>\
					</div>\
					<div class="hdCommentsButton ${hooks.MEDIA_COMMENTS_BTN}" id="${commentsButtonId}">\
						${templates.getCommentsText()}\
					</div>\
					{if photo.numberOfComments > 0}\
						<div class="hdSubmitComment">${templates.getCommentsButtonText()}</div>\
					{/if}\
					<div class="${classes.RATING}">\
						<div class="${ratingClasses.AVERAGE_RATING} ${hooks.MEDIA_RATING_AVG}">\
							<div class="${ratingClasses.CAPTION} ${hooks.MEDIA_CAPTION}"></div> \
							<div class="artRating">\
								<div class="${ratingClasses.STAR_RATING} ${hooks.MEDIA_RATING_STAR}"></div>\
							</div>\
							<div class="${ratingClasses.NUM_OF_VOTES}-container">${templates.getAverageVotesText(\'<div class="\'+templates.getVotesText()+\'"></div>\',\'<div class="\'+templates.getRatingText()+\'"></div>\')}</div>\
						</div>\
						<div class="${ratingClasses.MY_RATING} ${hooks.MEDIA_RATING_MY}">\
							<div class="${ratingClasses.CAPTION} ${hooks.MEDIA_CAPTION}">YOUR RATING:</div> \
							<div class="artRating">\
								<div class="${ratingClasses.STAR_RATING} ${hooks.MEDIA_RATING_STAR}"></div>\
							</div>\
							<div class="${ratingClasses.NUM_OF_VOTES}-container"><div class="${hooks.MEDIA_RATING_TEXT}"></div></div>\
						</div>\
					</div>\
					<div style="clear:both"></div>\
					<div class="${classes.TAG_LIST}">\
					{if hasTags}\
						<div class="${classes.LABEL}">${templates.getTagsLabel()}</div>\
						<div class="${classes.VALUE}">\
						{for tag in photo.tags}{if tag_index > 0}${", "}{/if}<a class="${classes.TAG} ${hooks.MEDIA_TAG}" href="javascript:void(0)">${tag}</a>{/for}\
						</div>\
					{/if}\
					</div>\
				</div>\
			</div>'
		},
		videoTemplates: {
			averageVotesText: "${num_of_votes}&nbsp;ratings&nbsp;|&nbsp;${text_rating}&nbsp;stars",
			html: '\
				<div class="${classes.ITEM} ${classes.VIDEO}{if !video.previous} ${classes.FIRST}{/if}{if !video.next} ${classes.LAST}{/if} ${hooks.MEDIA_ITEM}">\
				<div class="${classes.NAVIGATION}">\
					<div class="${classes.NEXT} ${hooks.MEDIA_NEXT}">${templates.getNextLabel()}</div>\
					<div class="${classes.PREVIOUS} ${hooks.MEDIA_PREVIOUS}">${templates.getPreviousLabel()}</div>\
				</div>\
				<div class="${classes.TITLE} ${hooks.MEDIA_TITLE}"><h1>${video.title|ellipse:config.titleLength || video.title.length}</h1></div>\
				<div class="${classes.DATE}">\
					<div class="${classes.LABEL}">${templates.getDateLabel()}</div>\
					<div class="${classes.VALUE}">${video.uploadedDate|date}</div>\
				</div>\
				<div class="${classes.AUTHOR} ${hooks.MEDIA_AUTHOR}">\
				{if !video.hiddenAuthor}\
					<div class="${classes.LABEL}">${templates.getAuthorLabel()}</div>\
					<div class="${classes.VALUE}">${video.author}</div>\
				{/if}\
				</div>\
				{if config.embedShare}\
					${shareWidget|html}\
				{/if}\
				{if config.embedSendFriend}\
					${sendFriendWidget|html}\
				{/if}\
				<div class="detailWrapper">\
					<div class="${classes.LARGE_THUMB_WRAPPER}">\
						<div class="${classes.LARGE_THUMB} ${hooks.MEDIA_THUMB_LG}"></div>\
					</div>\
					<div class="hdCommentsButton ${hooks.MEDIA_COMMENTS_BTN}" id="${commentsButtonId}">\
						{templates.getCommentsText(video.numberOfComments)}\
					</div>\
					{if video.numberOfComments > 0}\
						<div class="hdSubmitComment">${templates.getCommentsButtonText()}</div>\
					{/if}\
					<div class="${classes.RATING}">\
						<div class="${ratingClasses.AVERAGE_RATING} ${hooks.MEDIA_RATING_AVG}">\
							<div class="${ratingClasses.CAPTION} ${hooks.MEDIA_CAPTION}"></div> \
							<div class="artRating">\
								<div class="${ratingClasses.STAR_RATING} ${hooks.MEDIA_RATING_STAR}"></div>\
							</div>\
							<div class="${ratingClasses.NUM_OF_VOTES}-container">${templates.getAverageVotesText(\'\',\'<div class="\'+templates.getRatingText()+\'"></div>\')}</div>\
						</div>\
						<div class="${ratingClasses.MY_RATING} ${hooks.MEDIA_RATING_MY}">\
							<div class="${ratingClasses.CAPTION} ${hooks.MEDIA_CAPTION}">YOUR RATING:</div> \
							<div class="artRating">\
								<div class="${ratingClasses.STAR_RATING} ${hooks.MEDIA_RATING_STAR}"></div>\
							</div>\
							<div class="${ratingClasses.NUM_OF_VOTES}-container"><div class="${hooks.MEDIA_RATING_TEXT}"></div></div>\
						</div>\
					</div>\
					<div class="${classes.DESCRIPTION}">\
						<div>${templates.getVideoDescription(video.description)}</div>\
					</div>\
					<div class="${classes.TAG_LIST}">\
					{if hasTags}\
						<div class="${classes.LABEL}">${templates.getTagsLabel()}</div>\
						<div class="${classes.VALUE}">\
						{for tag in video.tags}{if tag_index > 0}${", "}{/if}<a class="${classes.TAG} ${hooks.MEDIA_TAG}" href="javascript:void(0)">${tag}</a>{/for}\
						</div>\
					{/if}\
					</div>\
				</div>\
			</div>'
		}
	},
	gallery: {
		photoTemplates: {
			html: '\
				<div class="${classes.ITEM} ${classes.PHOTO}{if !photo.previous} ${classes.FIRST}{/if}{if !photo.next} ${classes.LAST}{/if} ${hooks.MEDIA_ITEM}">\
					<div class="${classes.SMALL_THUMB_WRAPPER}">\
						<div class="${classes.SMALL_THUMB} ${hooks.MEDIA_THUMB}" style="background: transparent url(${photo.thumbUrl}) no-repeat 50% 50%;">\
							<div class="${classes.THUMB_OVERLAY}"></div>\
						</div>\
					</div>\
					<div class="${classes.TITLE} ${hooks.MEDIA_TITLE}">${photo.title|ellipse:config.titleLength || photo.title.length}</div>\
					<div class="${classes.AUTHOR} ${hooks.MEDIA_AUTHOR}">\
					{if !photo.hiddenAuthor}\
						<div class="${classes.LABEL}">${templates.getAuthorLabel()}</div>\
						<div class="${classes.VALUE}">${photo.author}</div>\
					{/if}\
					</div>\
					<div class="detailWrapper">\
						<div class="${classes.RATING}">\
							<div class="${ratingClasses.MY_RATING} ${hooks.MEDIA_RATING_MY}">\
								<div class="${ratingClasses.CAPTION} ${hooks.MEDIA_CAPTION}"></div>\
								<div class="${ratingClasses.STAR_RATING} ${hooks.MEDIA_RATING_STAR}"></div>\
								<div class="${classes.WRAPPER}">\
								(<div class="${ratingClasses.NUM_OF_VOTES} ${hooks.MEDIA_VOTES}"></div>)\
								</div>\
							</div>\
							<div class="${ratingClasses.AVERAGE_RATING} ${hooks.MEDIA_RATING_AVG}">\
								<div class="${ratingClasses.CAPTION} ${hooks.MEDIA_CAPTION}"></div> \
								<div class="${ratingClasses.STAR_RATING} ${hooks.MEDIA_RATING_STAR}"></div>\
								<div class="${ratingClasses.NUM_OF_VOTES}-container"><div class="${ratingClasses.NUM_OF_VOTES} ${hooks.MEDIA_VOTES}"></div>&nbsp;rating{if photo.numberOfVotes != 1}s{/if}</div>\
							</div>\
						</div>\
					</div>\
				</div>'
		},
		videoTemplates: {
			html: '\
				<div class="${classes.ITEM} ${classes.VIDEO}{if !video.previous} ${classes.FIRST}{/if}{if !video.next} ${classes.LAST}{/if} ${hooks.MEDIA_ITEM}">\
					<div class="${classes.SMALL_THUMB_WRAPPER}">\
						<div class="${classes.SMALL_THUMB} ${hooks.MEDIA_THUMB}" style="background: transparent url(${video.thumbUrl}) no-repeat 50% 50%;">\
							<div class="${classes.THUMB_OVERLAY}"></div>\
						</div>\
					</div>\
					<div class="${classes.TITLE} ${hooks.MEDIA_TITLE}">${video.title|ellipse:config.titleLength || video.title.length}</div>\
					<div class="${classes.AUTHOR} ${hooks.MEDIA_AUTHOR}">\
					{if !video.hiddenAuthor}\
						<div class="${classes.LABEL}">${templates.getAuthorLabel()}</div>\
						<div class="${classes.VALUE}">${video.author}</div>\
					{/if}\
					</div>\
					<div class="${classes.RATING}">\
						<div class="${ratingClasses.MY_RATING} ${hooks.MEDIA_RATING_MY}">\
							<div class="${ratingClasses.CAPTION} ${hooks.MEDIA_CAPTION}"></div>\
							<div class="${ratingClasses.STAR_RATING} ${hooks.MEDIA_RATING_STAR}"></div>\
							<div class="${classes.WRAPPER}">\
							(<div class="${ratingClasses.NUM_OF_VOTES} ${hooks.MEDIA_VOTES}"></div>)\
							</div>\
						</div>\
						<div class="${ratingClasses.AVERAGE_RATING} ${hooks.MEDIA_RATING_AVG}">\
							<div class="${ratingClasses.CAPTION} ${hooks.MEDIA_CAPTION}"></div> \
							<div class="${ratingClasses.STAR_RATING} ${hooks.MEDIA_RATING_STAR}"></div>\
							<div class="${ratingClasses.NUM_OF_VOTES}-container"><div class="${ratingClasses.NUM_OF_VOTES} ${hooks.MEDIA_VOTES}"></div>&nbsp;rating{if video.numberOfVotes != 1}s{/if}</div>\
						</div>\
					</div>\
				</div>'
		}
	},
	featuredPosts: {
		blogTemplates: {
			html: '\
				<div class="${classes.ITEM} ${classes.BLOG}{if !blog.previous} ${classes.FIRST}{/if}{if !blog.next} ${classes.LAST}{/if} ${hooks.MEDIA_ITEM}">\
				<div class="${classes.TITLE} ${hooks.MEDIA_TITLE}">${blog.title|ellipse:config.titleLength || blog.title.length}</div>\
			</div>'
		}
	}
};

DarkCustom.templates = HD.merge(HD.clone(DarkCustom.templates || {}, true), newTemplates);
					
