diff -r c9dc489913af -r 1fbf7d835dc2 integration/css/common.css
--- a/integration/css/common.css	Fri Oct 26 18:54:20 2012 +0200
+++ b/integration/css/common.css	Mon Oct 29 17:22:55 2012 +0100
@@ -81,6 +81,11 @@
 	margin-bottom: 1px;
 }
 /* header */
+.title-header{
+	width: 460px;
+	float: left;
+	height: 60px;
+}
 .header{
 	position: relative;
 	background-color: #e2dbfd;
@@ -204,7 +209,8 @@
 .button:hover{
 	background-color: #FF00FC
 }
-.user.login h2, .user.signup h2 {
+.user.login h2, 
+.user.signup h2 {
 	color: #de2500;
 	font-size: 14px;
 	font-weight: 600;
@@ -297,4 +303,52 @@
 }
 .footer .links-right li img {
     vertical-align: middle;
+}
+/* video-item */
+.hashcut-video-wrap{
+	padding-left: 10px;
+	overflow: hidden;
+	margin-bottom: 16px;
+}
+.video-item{
+	width: 300px;
+	float: left;
+	margin-right: 20px;
+}
+
+.video-item h3{
+	font-size: 12px;
+}
+.video-item h3 strong{
+	font-weight: 600;
+}
+.video-item h3 span{
+	color: #de2500;
+}
+.video-item .screenshot{
+	display: inline-block;
+	margin-bottom: 8px;
+}
+.video-item h3 a{
+	border-bottom: 1px solid #bababa;
+	display: inline-block;
+    line-height: 12px;
+}
+.video-item h3 a:hover{
+	border-bottom: none;
+}
+.pagination{
+	text-align: center;
+}
+.pagination a{
+	font-size: 14px;
+	color: #7628df;
+	text-decoration: underline;
+}
+.pagination a:hover{
+	text-decoration: none;
+}
+.pagination a.active{
+	color: #de2500;
+	text-decoration: none;
 }
\ No newline at end of file