@import url(//fonts.googleapis.com/css?family=Roboto:400,300,500,700&subset=latin,cyrillic-ext,cyrillic);

/* Category page */
#SocialVideosColumnLeft {
    width: 200px;
    min-height: 400px;
	margin-bottom: 10px;
	padding-left: 5px;
    float: left;
}

#categoriesSidebar {
	list-style-type: none;
	margin: 10px 0 0 5px;
	padding: 5px 0 5px 10px;
	background: #FAFAFA;
	border: 1px solid #E4E4E4;
}

#categoriesSidebar li.root {
	font-weight: bold;
}

#categoriesSidebar li.inner {
	margin-left: 10px;
}

#SocialVideosMain {
    width: 750px;
    float:  right;
}

#actionBar {
	width: 100%;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #E4E4E4;
	height: 30px;
	display: block;
	line-height: 30px;
}

#actionBar a.btnChangeLayout {
	text-decoration: none;
	float:left;
	margin-right: 5px;
}

#videoSearch {
	float: right;
}

#videoSearch input {
	margin-right: 5px;
}

#SocialVideosMain div.videoEntry {
	background: #FAFAFA;
	padding: 5px;
	border: 1px solid #E4E4E4;
}

/* grid category listing*/
#SocialVideosMain div.videoEntry.grid {
	width: 150px;
	display: inline-block;
	margin: 0 20px 20px 0;
	height: 210px;
	overflow: hidden;
}

#SocialVideosMain div.videoEntry.grid a.videoLink {
	display: block;
	margin: auto;
}

#SocialVideosMain div.videoEntry.grid a.videoLink img {
	width: 100%;
}

#SocialVideosMain div.videoEntry.grid span.videoTitle {
	display: block;
	width: 100%;
	font-weight: bold;
}

#SocialVideosMain div.videoEntry.grid span.videoDescription {
	display: block;
	width: 100%;
	font-style: italic;
}
/* end grid category listing */

/* list category listing*/
#SocialVideosMain div.videoEntry.list {
	width: 100%;
	display: block;
	margin-bottom: 20px;
	height: 90px;
	overflow: hidden;
}

#SocialVideosMain div.videoEntry.list a.videoLink {
	display: inline-block;
	margin-right: 10px;
	float: left;
}

#SocialVideosMain div.videoEntry.list span.videoTitle {
	display: block;
	width: 100%;
	font-weight: bold;
}

#SocialVideosMain div.videoEntry.list span.videoDescription {
	display: block;
	width: 100%;
	font-style: italic;
}
/* end list category listing */

/* End category page */

/* Video page */
#videoTitleHeading {
	width: 970px;
	padding: 5px;
	display: block;
	min-height: 20px;
	/*background: #3CF;*/
	margin-bottom: 10px;
	font-size: 20px;
}

#leftSidebar {
	width: 190px;
	padding: 5px;
	float: left;
	display: inline-block;
	min-height: 400px;
	/*background: #3CF;*/
	margin-right: 10px;
}

#leftSidebar .leftSidebarWidget {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

#leftSidebar .leftSidebarWidget img {
	width: 190px;
	display: block;
	margin-top: 5px;
}

#leftSidebar .leftSidebarWidgetTitle {
	font-weight: bold;
}

#mainArea {
	width: 100%;
	display: inline-block;
	min-height: 400px;
}

#infoBar {
	display: inline-block;
	width: 100%;
	margin-bottom:20px;
}

#fbLike {
	width: 50px;
	height: 20px;
	background: #fff;
	float: left;
}

#shareSection {
	width: 100px;
	height: 20px;
	background: #fff;
	margin: auto;
}

#viewsCounter {
	float: right;
	font-size: 18px;
	margin-top: 4px;
	color: #0088E7;
}

#videoDescription {
	width: 100%;
	display:inline-block;
	margin-bottom: 20px;
}

#commentsBox {
	width: 100%;
	display:inline-block;
	font-size:0;
}

#commentsBox h3 {
	font-size:18px;	
}
.commentWrapper {
	display: block;
	width: 100%;
	padding:10px 15px;
	font-size:0;
	background:#F5F5F5;
}

.commentWrapper + .commentWrapper  {
	border-top:1px solid #fff;	
}

.commentWrapper .thumbnail {
	display:inline-block;
	width:10%;
	vertical-align:top;
	margin-right:2%;
}

.commentWrapper .thumbnail + .comment-body {
	display:inline-block;
	width:88%;
	vertical-align:top;
}

.commentWrapper .comment-body {
	font-size:14px;
}

.commentWrapper .customer-name {
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;	
}

#newCommentForm {
	margin-bottom:20px;
	display:inline-block;
	width:100%;
}

#newCommentForm textarea {
	width:75%;
	max-height:250px;
}

#newCommentForm .button {
	float:right;	
}

#uploader-rating {
	font-size:0;
	margin:0 10px 10px;
	padding:0;
	display:inline-block;
	background-repeat:no-repeat;
	background-position:0 0;
}

#uploader-rating a {
	display:inline-block;
	width:22px;
	height:22px;
	margin:0 2px;
	background:url('../image/rate-star.png') no-repeat top left;	
}

#uploader-rating a:hover,
#uploader-rating a.hover,
#uploader-rating a.active {
	background-position:bottom left;	
}

#uploader-rating:hover a.active:not(.hover) {
	background-position:top left;	
}

#uploaderInfo.box {
	margin:0;
	padding:0;	
}

#btnAddVideo {
	display: block;
	margin:10px;
}

#btnSubscribe {
	display: block;
	margin:10px;
	background-color: #5A5A5A;
}
#btnUnsubscribe {
	margin:10px;
	background:none;
	color:#5A5A5A !important;
}
#btnUnsubscribe:hover {
	color:#DA0F15 !important;
	background-color:#D8D8D8;
}
#submitVideoForm {
	font-size: 16px;
	display: block;
	line-height: 30px;
	width: 150px;
	float: right;
}
#upload_tips {
	font-size:14px;
	line-height:1.7;
}
#upload_tips b {
	font-weight:bold;
	font-size:16px;	
}
#addVideoForm {
	float:left;
	width:560px;
}
#addVideoForm table input,
#addVideoForm table textarea,
#addVideoForm table select {
	width:100%;
}
#addVideoForm table input[type="checkbox"] {
	width:auto;
	margin-right:10px;
}
#addVideoForm table .captcha-img + input {
	float: right;
	width: 90px;
	margin-left: 10px;
	min-width: 0;
	text-align:center;
	font-weight:bold;
}
#uploaderName img {
	margin-top:5px;
	display:block;
	text-align:center;	
}
#mainArea ul.socialMediaButtons{
	text-align:left;
	margin:5px 0 !important;
	padding:0;
}
#mainArea ul.socialMediaButtons li{
	list-style:none;
	display:inline-block;
	margin:0 10px 0 0;
	padding:0;
	vertical-align:top;
	text-align:left;
}
/* End video page */