.dashboard{
	float: left;
	width: 302px;
	margin-right: 15px;
	margin-top: 20px;
}

.dashboard .form{
	border-radius: 5px;
	background: #F8F8F8;
	border: 1px solid #F3F3F3;
	padding: 10px;
}

.dashboard .form .title{
	color: #333333;
    font: bold 14px Helvetica Neue,Helvetica,sans-serif;
    margin: 0 0 8px;
    text-shadow: 0 1px 0 #FFFFFF;
}

.dashboard .form textarea, .dashboard .form input[type=text]{
	font: 12px Helvetica Neue,Helvetica,sans-serif;
	
	line-height: 18px;
    padding: 6px 8px 5px;
    width: 263px;
	
	resize: none;
    vertical-align: top;
	
	background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
	
	margin-bottom: 10px;
}

.dashboard .form textarea:focus{
	border-color: #56B4EF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    color: #333333;
    outline: 0 none;
}

.dashboard .form .publish-btn{
	float: right;
}

.dashboard .form .login-btn{
	float: left;
	margin-top:10px;
}

.dashboard .form input[type=submit]{
	background-color: #019AD2;
    background-image: -moz-linear-gradient(#33BCEF, #019AD2);
	
	cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
    overflow: visible;
    padding: 5px 10px;
    position: relative;
	
	
	border-radius: 4px 4px 4px 4px;
	border: 1px solid;
	border-color: #057ED0;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	
	font-family: Arial,sans-serif;
	font-size: 11px;
}
/*
 * DISCUSSION
 */
.discussion{
	float: left;
	width: 680px;
	margin-top: 20px;
}

.discussion .room{
	border-radius: 5px;
	border: 1px solid #EFEFEF;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	background: #F8F8F8;
	padding: 10px;
	margin-bottom: 10px;
}

.discussion .room .media{
	float: left;
	margin-right: 20px;
}

.discussion .room .media img{
	border-radius: 5px;
}

.discussion .room .info{
	float: left;
}

.discussion .room .info h2{
	margin-bottom: 5px;
}

.discussion .room .info p{
	margin: 0px;
}

.discussion .filter{
	background: #F5E19A;
	padding: 5px 10px;
	border-radius: 5px;
}

.discussion .filter a{
	font-size: 11px;
	margin-left: 10px;
}

/*
 * DISCUSSION POST
 */
 
.discussion .posts{
}

.discussion .posts .item{
	padding: 10px;
	border-bottom: 1px solid #EFEFEF;
}

.discussion .posts .item .media{
	float: left;
	margin-right: 10px;
}

.discussion .posts .item .media img{
	border-radius: 5px;
}

.discussion .posts .item .discussionmessage a{
	font-size: 11px;
}

.discussion .posts .item .discussionmessage strong{
	font-size: 14px;
}

.discussion .posts .item .discussionmessage strong a{
	font-size: 14px;
}

.discussion .posts .item .discussionmessage .timing{
	float: right;
	font-size: 12px;
	color: #777777;
}

.discussion .posts .item .discussionmessage p{
	display: block;
	font-size: 14px;
	color: #555555;
	margin: 0px;
}

/*
 *
 * DISCUSSIONS
 *
 */
 .rooms{
	 margin-top: 10px;
 }
 
.roomitem .counter{
	height: 30px;
    margin-top: -30px;
    position: relative;
    top: 30px;
    width: 30px;
	border-bottom-right-radius: 10px;
	overflow: hidden;
	
	visibility: hidden;
	
}

.roomitem:hover .counter{
	visibility:visible;
}

.roomitem .counter .background{
	background: #000000;
	background: -moz-radial-gradient(center, ellipse cover, black 0%, #033 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,black), color-stop(100%,#033));
	background: -webkit-radial-gradient(center, ellipse cover, black 0%,#033 100%);
	background: -o-radial-gradient(center, ellipse cover, black 0%,#033 100%);
	background: -ms-radial-gradient(center, ellipse cover, black 0%,#033 100%);
	background: radial-gradient(ellipse at center, black 0%,#033 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#003333',GradientType=1 );
	
	
    border: 1px solid #000000;
	border-bottom-right-radius: 10px;
	/*border-bottom-left-radius: 10px;*/
	
    height: 28px;
    opacity: 0.7;
    overflow: hidden;
    position: absolute;
    width: 28px;
    z-index: 2;
}

.roomitem .counter .text{
	padding: 0 5px;
	color: #FFFFFF;
    line-height: 30px;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
    opacity: 1;
    position: relative;
    z-index: 3;
	overflow: hidden;
}
 
.roomitem{
	 float: left;
	 margin-right: 20px;
	 margin-bottom: 20px;
	 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	 border-radius: 10px;
	 overflow: hidden;
}

.roomitem img{
	border-radius: 10px;
	/*
	opacity: 0.4;
   	filter: alpha(opacity=40);
	position: relative;
	*/
}

.roomitem img:hover{
	opacity: 0.7;
   	filter: alpha(opacity=70);
}


.roomitem .pic-text{
	height: 30px;
    margin-bottom: -30px;
    position: relative;
    top: -30px;
    width: 178px;
}

.roomitem .pic-text .background{
	background: #000000;
	background: -moz-radial-gradient(center, ellipse cover, black 0%, #033 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,black), color-stop(100%,#033));
	background: -webkit-radial-gradient(center, ellipse cover, black 0%,#033 100%);
	background: -o-radial-gradient(center, ellipse cover, black 0%,#033 100%);
	background: -ms-radial-gradient(center, ellipse cover, black 0%,#033 100%);
	background: radial-gradient(ellipse at center, black 0%,#033 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#003333',GradientType=1 );
	
	
    border: 1px solid #000000;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	
    height: 28px;
    opacity: 0.7;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.roomitem .pic-text .text{
	padding: 0 5px;
	color: #FFFFFF;
    line-height: 30px;
	font-weight: bold;
	font-size: 13px;
    opacity: 1;
    position: relative;
    z-index: 3;
}