.container {
	width:1102px;
	float:none;
}

#thumbs {
	overflow: auto;
	height: 600px;
	width: 300px;
	border: 1px solid #E7E7DE;
	padding: 0;
	float: left;
	position:relative;
}

#thumbs ul {
	list-style-type: none;
	float: left;
	font-size:14px;
	line-height:14px;
	font-family: "static", arial;
	padding:0;
	padding-left:20px;
}

#thumbs ul li{
	margin-bottom:10px;
}

#thumbs ul li a:first-child{
	color:#000000;
	font-size:16px;
    font-family: "static", arial;
	font-weight:bold;
}

#thumbs ul li{
	margin-bottom:10px;
}

#thumbs ul li a.active{
		color:#AAAAAA;
}

#thumbs ul li a.active img{
		border: 2px solid #aaaaaa;
}

#thumbs li p{
	margin-top:0px;
	width:275px;
}

.thumb {
	border: 0;
	float: left;
	width: 100px;
	height: 75px;
	background: url(http://a.vimeocdn.com/thumbnails/defaults/default.75x100.jpg);
	margin-right: 10px;
}

#embed {
	background-color: #E7E7DE;
	width: 800px;
	height: 600px;
	float: left;
}

#portrait {
	float: left;
	margin-right: 5px;
	max-width: 100px;
}

#stats {
	margin-bottom: 20px;
}

#stats img{
	margin-left:20px;
}

#stats h2{
	color:#000000;
	font-size:18px;
    font-family: "static", arial;
}

#stats p{
	font-size:14px;
    font-family: "static", arial;
}

.category{
	margin-bottom:40px;
}

.category a{
	margin-left:20px;
	font-size:18px;
	font-family:'jeanlucbold', Arial, sans-serif;
	color:#000000;
	float:left;
}

.category a.active{
	color:#AAAAAA;
}


div.text-container {
    margin: 0 auto;
    width: 75%;
}

.text-content{
   color:#606060;
   width:160px;
}

.short-text {
    overflow: hidden;
    height: 42px;
	margin-top:-10px;

}

.full-text{
    height: auto;
}

.show-more, hidden-link {
    padding: 10px 0;
    text-align: center;
}

.show-more a{
	font-size:11px;
    font-family: "static", arial;
	color:#606060;
	font-weight:bold;
}

.hidden-link a{
	font-size:9px;
    font-family: "static", arial;
	color:#606060;
	font-weight:bold;
}


.hidden-link{
	visibility:hidden;
}

line{
   position:relative;
   float:left;
   width:100%;
   height:1px;
   background:#CCCCCC;
   margin-bottom:10px;
}

/**
* Responsive Design
*
* Tablet smaller than 800px
*
**/

@media screen and (max-width: 1140px) {

	#wrapper{
		width:840px;
	}

	.container{
		width:840px;
	}

	.content{
		width:840px;
	}

	#thumbs{
		width:800px;
	}

	#thumbs ul{
		width:97%;
	}

	#thumbs li p{
		width:100%;
	}

	.text-content{
		width:80%;
	}

	.show-more, hidden-link{
		display:none;
	}

	.thumb{
		margin-bottom:10px;
	}

}

@media screen and (max-width: 840px) {

	#wrapper{
    width:100%;
  }

	.container{
		width:100%;
	}

	.content{
		width:100%;
	}

	#embed{
		height:240px;
		width:100%;
		text-align:center;
	}

	#thumbs{
		width:100%;
	}

}

/**
* Responsive Design
*
* The iPhone 4 display is 320 by 480 points in size total.
* The status bar is 20 points high,
* and the tool bar at the bottom in 44 points high.
*
**/

@media screen and (max-width: 450px) {

body
{
}

.container {
	margin:0 auto;
	width:320px;
}

.content{
	width:80%;
	margin-bottom:30px;
}

#embed {
	width: 320px;
	height: 240px;
}

#thumbs {
    width:100%;
	/*height:auto;*/
	overflow: auto;
	-webkit-overflow-scrolling:touch;
	height:278px;
}

#thumbs ul {
    width: 92%;
}

#thumbs li p{
	width:90%;
}

.category{
	margin-bottom:20px;
	float:left;
}

.category a{
	margin-left:10px;
	font-size:14px;
	width:100%;
}

.show-more, hidden-link{
	display:block;
}

.text-content{
	width:180px;
}

.short-text{

}

#stats h2{
	font-size:14px;
}

#stats p{
	font-size:10px;
}

}