/* @override http://newmediacampaigns.com/css/compiled.css */
/* plugin by Joel Sutherland http://www.newmediacampaigns.com/page/a-jquery-plugin-to-create-an-interactive-filterable-portfolio-like-ours */

/* Layout */
.boundingBox{ margin: 0 auto; width: 1000px; }

/* Content */

#content{ padding: 0; }

/* Content - Portfolio Listing */

ul#portfolio-filter { 
	font-size: 14px;
	font-family: "obliqua-1","obliqua-2",Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 20px;
	color: #222;
margin-bottom: 20px;
	/*padding-left: 36px;
	width: 189px;*/
	}
ul#portfolio-filter .dotted-horz { margin: 10px 0; }
ul#portfolio-filter li { margin: 9px 0; height: 20px; }
ul#portfolio-filter a { padding: 7px; text-decoration: none; color: #222; }
ul#portfolio-filter a:hover { color: #FF4F21; background-color: #f5f7e0; }
ul#portfolio-filter a.current, .all ul#portfolio-filter a.all, .portfolio ul#portfolio-filter a.portfolio, .blog ul#portfolio-filter a.blog  { 
	background-color: #f5f7e0;
	font-weight: 600;
	}

ul#portfolio-filter ul#content-filter li a:hover { background-color: #ffd9cf; }

.all ul#content-filter li.all a, .portfolio ul#content-filter li.portfolio a, .blog ul#content-filter li.blog a { background-color: #ffd9cf; font-weight: 600; }

ul#portfolio-filter a:hover.current, .all ul#content-filter li.all a:hover, .portfolio ul#content-filter li.portfolio a:hover, .blog ul#content-filter li.blog a:hover { color: #222; }

#content-filter { border-bottom: 1px solid #666; padding-bottom: 10px; margin-bottom: 10px; }

/* tag IDs */
ul#portfolio-filter li#content-tag, ul#portfolio-filter li#medium-tag, ul#portfolio-filter li#style-tag, ul#portfolio-filter li#client-tag {
	display: none;
}

ul#medium-filter, ul#content-filter, ul#style-filter, ul#client-filter, ul#all-filter {
	padding-left: 25px;
	}

ul#content-filter {
	background: url(images/content.gif) 0 2px no-repeat;
	}

ul#medium-filter {
	background: url(images/medium.gif) 0 58px no-repeat;
	}

ul#style-filter {
	background: url(images/style.gif) 0 14px no-repeat;
	}

ul#client-filter {
	background: url(images/client.gif) 0 10px no-repeat;
	}


/* Portfolio Display */


ul#portfolio-list{ 
	padding: 0; 
	list-style: none;
	width: 1005px;
	}

ul#portfolio-list.flickr-list li {
	height: 240px;
	}
ul#portfolio-list.flickr-list img {
	margin-bottom: 10px;
	}
	
.post.portfolio-title { /*Yellow Title Block*/
	background: #e9f1a1;
	padding: 20px;
	width: 220px; 
	height: 260px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

ul#portfolio-list li, .portfolio-title { 
	width: 260px;
	/*display: block; */
	float: left;
	margin: 0 73px 30px 0;
	height: 340px;
	}

ul#portfolio-list li a .img-container, ul#portfolio-list li a .img-container .frame {
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

ul#portfolio-list li a .img-container { 
	border: 1px solid #CCC;
	}

ul#portfolio-list li a .img-container .frame {
	border: 12px solid #FFF;
	}

ul#portfolio-list li a:hover .img-container { 
	border-color: #666;
	}

/*ul#portfolio-list li a:hover .img-container .frame {
	border-color: #e9f1a1;
	}
*/

ul#portfolio-list li .img-container {
	display: block; 
	margin: 0 0 10px 0;
	width: 260px; 
	height: 192px;
	overflow: hidden;
	}

ul#portfolio-list li .img-container .frame {
	
	width: 236px; height: 168px; background: #FFF;overflow: hidden;
	
	}

ul#portfolio-list li .img-container img {
	width: 236px;
	border: none;
	}

ul#portfolio-list li p {
	/*font-size: 13px;*/
	color: #908375;
	text-align: left;
	}
ul#portfolio-list li h3 {
	margin-bottom: 4px;
	line-height: 1.25em;
	padding: 0;
	text-align: left;
	}

/*hack for extra margin*/
/*#portfolio-list { width: 750px; }*/
.content #container { padding-right: 25px; }
.content #content { width: 1000px; }

#main-image img, #main-image object {
	width: 525px;
	margin-left: 50px;
	margin-bottom: 30px;
	}

#main-image object {
	border: 1px solid #CCC;
	}

.portfolio-content img {
	margin-bottom: 8px;
	}
.portfolio-content .alignleft {
	margin-right: 25px;
	}
.portfolio-content .alignright {
	margin-left: 25px;
}

/* when the layout is typical, do this
.portfolio-content .three.col { clear: both; }
.portfolio-content .five.col { float: none; } */

.portfolio-content .five.col { padding-left: 50px; width: 525px; }

.project-meta {
	clear: both;
	margin-bottom: 25px;
	}