/***************************************************************************************************
Theme Name: Incubator Games Theme
Description: The default Incubator Games Wordpress theme.
Author: Radek & Derek Koncewicz
***************************************************************************************************/


/***************************************************************************************************
* news
***************************************************************************************************/

.post-wrapper
{
	width: 					864px;
	height:					100%;
	margin:					0px auto 0px auto;
}

.post-arrow-container-left
{
	width:					56px;
	height:					124px;
	margin-top:				-62px;
	position:				fixed;
	top:						50%;
	left:						0px;
	z-index:					100;
}

.post-arrow-container-right
{
	width:					56px;
	height:					124px;
	margin-top:				-62px;
	position:				fixed;
	top:						50%;
	right:					0px;
	z-index:					100;
}

.post-arrow-float
{
	width:					56px;
	height:					124px;
	position:				relative;
}

.post-arrow-float:hover img.bottom
{
	opacity:					0;
}

.post-arrow-link
{
	width:					56px;
	height:					124px;
	position:				absolute;
}

.post-newsletter
{
	font-size: 				0.6956em;
	line-height: 			0.75em;
	font-weight:			700;
}

.post-newsletter #newsletter-float
{
	margin:					0px;
}

.post-newsletter #newsletter-caption
{
	display:				none;
}

.post-newsletter #newsletter-label
{
	padding-top:			10px;
}


/***************************************************************************************************
* news excerpt
***************************************************************************************************/

.excerpt-header
{
	width: 					100%;
	height:					46px;
	position:				relative;
	background-image: 	url('images/newsbutton_top.png');
	background-repeat:	no-repeat;
	background-position:	left top;
	overflow:				hidden;
}

.excerpt-title
{
	position:				absolute;
	top:						-2px;
	left:						10px;
}

.excerpt-title a,
.excerpt-title h2
{
	color:					#fff;
	text-align:				left;
	text-shadow: 			0px 3px 3px rgba(0, 0, 0, 0.75);
	width:					660px;
	display:				inline-block;
	white-space: 			nowrap;
	overflow:				hidden;
	text-overflow: 			ellipsis;
}

.excerpt-date
{
	position:				absolute;
	top:						16px;
	right:					10px;
	font-weight: 			600;
	font-size: 				0.75em;
   line-height: 			0.8em;
}

.excerpt-main
{
	width: 					100%;
	background-image: 	url('images/newsbutton_mid.png');
	background-repeat:	repeat-y;
}

.excerpt-feature
{
	width:					340px;
	height:					240px;
	position:				relative;
	float:					left;
}

.excerpt-feature-bg
{
	width:					300px;
	height:					215px;
	position:				relative;
	background-image: 	url('images/excerpt_thumb_bg.png');
	margin:					20px 20px 5px 20px;
}

.excerpt-feature-bg:hover div.excerpt-feature-thumb
{
	-webkit-transform: 	translateY(-6px) scale(0.88);
	-moz-transform: 		translateY(-6px) scale(0.88);
	-ms-transform: 		translateY(-6px) scale(0.88);
	transform: 				translateY(-6px) scale(0.88);
}

.excerpt-feature-thumb
{
	width:					300px;
	height:					200px;
	background-repeat:	no-repeat;
	background-position: center center;
	overflow:				hidden;
	z-index:					10;
	position: 				absolute;
	-webkit-transform: 	translateY(0px) scale(1.0);
	-moz-transform: 		translateY(0px) scale(1.0);
	-ms-transform: 		translateY(0px) scale(1.0);
	transform: 				translateY(0px) scale(1.0);
	-webkit-transition: 	-webkit-transform 0.2s;
	-moz-transition: 		-moz-transform 0.2s;
	transition: 			transform 0.2s;
}

.excerpt-feature-caption
{
	width:					300px;
	height:					14px;
	font-size:				0.75em;
	line-height:			1.0em;
	font-weight:			700;
	color:					#000;
	text-align:				center;
	position: 				absolute;
	bottom: 					16px;
	z-index:					5;
}

.excerpt-content
{
	width:					514px;
	height:					184px;
	position:				relative;
	float:					right;
	font-style:				italic;
	overflow:				hidden;
	margin-right:			10px;
}

.excerpt-more
{
	width:					514px;
	height:					56px;
	position:				relative;
	float:					right;
	text-align:				right;
	margin-right:			10px;
}

.excerpt-footer
{
	width: 					100%;
	height:					34px;
	background-image: 	url('images/excerpt_button_bottom.png');
	background-repeat:	no-repeat;
	background-position:	left top;
}


/***************************************************************************************************
* news post
***************************************************************************************************/

.post-header
{
	width: 					100%;
}

.post-divider
{
	width:					864px;
	height:					16px;
	background-image: 	url('images/news_spacer.png');
	background-repeat:	no-repeat;
	background-position:	left top;
}

.post-meta
{
	position:				relative;
	width:					100%;
	height:					22px;
	font-size: 				14px;
	line-height:			18px;
	font-weight:			700;
	color:					#000;
}

.post-meta a:link,
.post-meta a:visited
{
	color:					#107de6;
}

.post-meta a:hover,
.post-meta a:active
{
	color:					#c45920;
}

.post-categories
{
	position:				absolute;
	top:						4px;
	left:						5px;
}

.post-date
{
	position:				absolute;
	top:						4px;
	right:					5px;
}

.post-main
{
	width: 					100%;
	font-size: 				1.4375em;
	line-height:			1.5em;
}

.post-bio
{
	position:				relative;
	width:					864px;
	height:					92px;
	background-image: 	url('images/news_author_bar.png');
	background-repeat:	no-repeat;
	background-position:	left top;
	clear:					both;
}

.post-bio-gravatar
{
	position:				absolute;
	top:						7px;
	left:						9px;
}

.post-bio-profile
{
	position:				absolute;
	top:						13px;
	left:						98px;
	font-size: 				16px;
	line-height:			18px;
	font-weight:			700;
	color:					#fff;
}

.post-bio-caption
{
	position:				absolute;
	top:						51px;
	left:						100px;
	font-size: 				14px;
	line-height:			18px;
	font-weight:			700;
	color:					#000;
}

.post-bio-caption a:link,
.post-bio-caption a:visited
{
	color:					#107de6;
}

.post-bio-caption a:hover,
.post-bio-caption a:active
{
	color:					#c45920;
}


/****************************************************************************************
* comments markup
****************************************************************************************/

.comments 
{
   width: 					100%;
	font-size: 				16px;
	line-height:			22px;
	color:					#107de6;
}

.comments h2
{
	color:					#000;
}

.comment
{
	position:				relative;
	min-height:				70px;
	height:					auto;
}

/*
	display:					inline-block;
	vertical-align:		top;
	*/

.comment-gravatar,
.comment-admin-gravatar
{
	width:					70px;
	height:					70px;
	position:				absolute;
	top:						0px;
	left:						0px;
}

.comment-gravatar
{
	border: 					1px solid #087de6;
}

.comment-admin-gravatar
{
	border: 					1px solid #c45920;
}

.comment-gravatar img,
.comment-admin-gravatar img
{
	width:					70px;
	height:					70px;
}

.comment-notch,
.comment-admin-notch
{
	width:					35px;
	height:					70px;
	z-index:					10;
	position:				absolute;
	top:						0px;
	left:						70px;
}

.comment-notch
{
	background-image: 	url('images/comment_notch.png');
	background-position:	right center;
	background-repeat:	no-repeat;
}

.comment-admin-notch
{
	background-image: 	url('images/comment_admin_notch.png');
	background-position:	right center;
	background-repeat:	no-repeat;
}

.comment-visitor,
.comment-admin
{
	width:					auto;
	max-width:				758px;
	height:					auto;
	z-index:					5;
	position:				relative;
	top:						0px;
	left:						104px;
}

.comment-visitor
{
	/*background-color:		#107de6;*/
}

.comment-admin
{
	/*background-color:		#c45920;*/
}

.comment-bubble,
.comment-admin-bubble
{
	padding:					10px;
	background-color: 	#fff;
   border: 					1px solid #000;
   -webkit-border-radius:10px;
   border-radius: 		10px;
}

.comment-bubble
{
	border: 					1px solid #087de6;
}

.comment-admin-bubble
{
	border: 					1px solid #c45920;
}

.comment-form 
{
   width:					100%;
	color:					#000;
}

.comment-form-input
{
   width: 					100%;
	height:					39px;
	margin:					10px 0px 10px 0px;
	position:				relative;
	background-image: 	url("images/about_contact_email.png");
   background-repeat: 	no-repeat;
	background-position: left top;
}

.comment-form input
{
	width:					305px;
	margin:					6px 5px 0px 10px;
   display: 				block;
   float: 					left;
	padding:					3px 2px 2px 2px;
	border:					1px solid transparent;
}

#name-checkmark,
#name-checkmark-bg,
#email-checkmark,
#email-checkmark-bg
{
	top:						4px;
	left:						324px;
}

.comment-form label
{
   margin:					5px 0px 0px 36px;
   display: 				block;
   float: 					left;
	color:					#000;
}

.comment-form-textarea
{
   width: 					864px;
   height: 					151px;
	overflow:				hidden;
   background-repeat: 	no-repeat;
	background-image: 	url("images/news_conversation_comment.png");
   background-repeat: 	no-repeat;
	background-position: left top;
}

.comment-form textarea
{
   width: 					842px;
	max-width:				842px;
   height: 					125px;
	max-height:				125px;
   margin: 					10px;
	border:					1px solid transparent;
}

.comment-form-submit
{
   width: 					100%;
   height: 					30px;
   margin:					10px 0px 10px 0px;
}

.comment-form button
{
   width: 					100%;
	height:					100%;
	position:				relative;
   margin: 					0px;
	
}

.comment-form button:hover img.bottom
{
	opacity:					0;
}

.comment-form-submit-label
{
   width: 					100%;
   height: 					100%;
   top:						10px;
	position:				absolute;
	font-weight:			600;
	color:					#fff;
	text-align:				center;
}