@import url(constants.less);
@import url(classes.less);

/*	mainContentWidth = 558	*/

/*-------------------------------------
---------------------------------------
blog entry
---------------------------------------
-------------------------------------*/

#blogWraperSingle #blogEntry{

	position: relative;

}

#blogWraperSingle #blogEntry #blogEntryHeader {
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	height: 50px;

}

#blogEntryBody {

}

#blogWraperSingle #blogViewSingleInfoWraper {
	margin: 41px 0;
}



#blogWraperSingle #blogViewSingleInfoWraper p {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: rgba(0,0,0,0.5);
}

#blogWraperSingle #blogViewSingleInfoWraper span {
	font-weight: normal;
	color: rgba(0,0,0,0.5);
}



#blogWraperSingle .dateTime {


	
}

#blogWraperSingle .date {


}


#blogWraperSingle .blogEntryBackButton {
	position: absolute;
	top: 15px;
	left: 110px;

}

#blogWraperSingle .time {
	display: none;
}





#blogWraperSingle #addThisSurround {


	position: absolute;
	top:17px;
	right: 17px;

}

#blogWraperSingle #addThisWraper {

	position: relative;
	width: auto;
	
}

#blogWraperSingle #addThisWraper a{
	float: left;
}












#blogWraperSingle .imgLandscape {
	max-width: 558px;
	clear: both;
	display: block;
	margin: 16px auto;
}


#blogWraperSingle .imgPortrait {
	max-width: 279px;
	float: right;
	clear: both;
	display: block;
	margin: 0px 0px 16px 16px;

}

#blogWraperSingle .imgPortrait.floatRight, #blogWraperSingle .imgLandscape.floatRight {
	float: right;
	clear: both;
	margin: 0px 0px 16px 16px;
}

#blogWraperSingle video {
/* 	max-width: 558px; */
	margin: 20px auto;
	width: 100%;
}










#blogWraperSingle a {

}

#blogWraperSingle img.addBlogImgShadow {
	.box-shadow(0px,0px,4px,1px,@black4);
	border: 1px solid @black1;
}

#blogWraperSingle h1 {
	font-weight: 600;
	background-color: @black2;
	color: @black6;
	text-shadow: 0 1px 1px @black10, 0 -1px 1px white;
	
	margin: 52px -25px 25px -25px;
	padding: 10px 25px 8px 25px;
	clear: both;
	position: relative;
	overflow: hidden;
	
	
	.box-shadow-double-inset(0px, 2px, 3px, 0px, rgba(0,0,0,0.4), 0px, -1px, 3px, 0px, rgba(0,0,0,0.4));

}






#blogWraperSingle h2 {
	font-size: 16px;
	margin: 15px 0px 5px 0px;
	padding: 0px 0px 0px 0px;		
}

#blogWraperSingle h3 {
	font-size: 14px;
	margin: 15px 0 5px 0;
	padding: 0px 0px 0px 0px;	
}

#blogWraperSingle p {
		
}

#blogWraperSingle ul {
	list-style-type: disc;
	margin: 20px 0 9px 20px;
	padding: 0px 0px 0px 0px;	
	
	
}

#blogWraperSingle ol {
	list-style-type: decimal;
	margin: 20px 0 9px 20px;
	padding: 0px 0px 0px 0px;	
	
	
}


#blogWraperSingle li {
	margin: 7px 0px 7px 0px;
	padding: 0px 0px 0px 10px;	
}



#blogWraperSingle .code, #blogWraperSingle .menu, #blogWraperSingle .shortcut {
	background-color: #f7f8dd;
	padding: 0 4px;
	color: #332f29;
}


#blogWraperSingle .code {
	font-weight: bold;
	color: #332f29;
}

#blogWraperSingle .menu {
	font-style: italic;
}

#blogWraperSingle .shortcut {
	font-weight: bold;
}



/*-------------------------------------
---------------------------------------
add comment form
---------------------------------------
-------------------------------------*/

#addComment {
	clear: both;
	padding-top: 67px;
	padding-bottom:67px;
	margin: 52px 0;

	position: relative;
	z-index: 10;
	
}


#addComment:before, #addComment:after {
}

#addComment:after {

}

#addComment h1 {

}

#addComment form {
	width: 311px;
	margin: 0px auto;
	
}



#addComment input, #addComment textarea {
	margin: 20px 0;
	
}

#addComment textarea {
	width: 287px;
	padding: 12px;
}

#addComment input {
	font-size: 20px;
	padding: 12px;
	margin: 20px 0;
	width: 287px;
}

#addComment #addCommentButton {
	clear: both !important;
}

#addComment input:hover, #addComment textarea:hover {
	
}






/*-------------------------------------
---------------------------------------
comment entries
---------------------------------------
-------------------------------------*/

#blogComments {

}

.comment {
	position: relative;
	margin: 41px 0;
	background: rgba(255,255,255,0.7);
}

.comment p {
	margin: 16px 0 !important;
	padding: 10px !important;

}

.comment:first-child{
	margin-top: 32px !important;
}

.comment:last-child{
	margin-bottom: 32px !important;
}

.comment .dateTime {

}

.comment .time {
	display: block !important;
	color: @black4;
	position: absolute;
	left:112px;
	top: 3px;
}

.comment h3 {
	font-size: 17px !important;
	padding-left: 160px !important;
	padding-top: 15px !important;
	font-weight: bold;
	font-family: 'PT Sans', sans-serif;
	
}