/*body {
  background-color: red;
}*/

.title {
	/*float: left;*/
	height: 200px;
	padding-top: 50px;
	}

.page-title {
	font-size: 3.4em;
}
.page-sub-title {
	/*text-align: left;*/
	font-size: 1.2em;
}
/* Portfolio List ***************************************************/

.list li {
	width: 30%;
}
.list .single {
	margin-right: 5%;
}
.list li:nth-child(3n+3) {
	margin-right: 0;
}
.item-title {
	font-size: .8em;
}
.item-desc {
	display: inline;
}


/* social icons ***************************************************/

.social-container {
	visibility: visible;
	position: inherit;
	float: right;
	width: 175px;
	margin: 48px 0 0 0;
	/*overflow: hidden;*/
	text-align: right;
	/*background-color: #eee;*/
}
.social-container ul li {
	padding: 0;
	list-style-type: none;
	height: 26px;
}
.social-container a {
	height: 26px;
	width: 26px;
}
ul#socialigation li {
	display: inline-block;
	margin: 0 0 0 7px;
}
/* smaller size for larger screens */

li.link-linkedin a {
	background: url("/images/icons_social_sm.png");
	background-position: 0 0;
	-webkit-background-size: 130px 70px;
}
 @media screen and (-webkit-device-pixel-ratio: 2) {
li.link-linkedin a {
	background: url("/images/icons_social_sm@2x.png");
	background-position: 0 0;
}
}
li.link-linkedin a:hover {
	background: url("/images/icons_social_sm.png");
	background-position: 0 43px;
	-webkit-background-size: 130px 70px;
}
 @media screen and (-webkit-device-pixel-ratio: 2) {
li.link-linkedin a:hover {
	background: url("/images/icons_social_sm@2x.png");
	background-position: 0 43px;
}
}
li.link-twitter a {
	background: url("/images/icons_social_sm.png");
	background-position: -27px 0;
	-webkit-background-size: 130px 70px;
}
 @media screen and (-webkit-device-pixel-ratio: 2) {
li.link-twitter a {
	background: url("/images/icons_social_sm@2x.png");
	background-position: -25px 43px;
}
}
li.link-twitter a:hover {
	background: url("/images/icons_social_sm.png");
	background-position: -27px 43px;
	-webkit-background-size: 130px 70px;
}
 @media screen and (-webkit-device-pixel-ratio: 2) {
li.link-twitter a:hover {
	background: url("/images/icons_social_sm@2x.png");
	background-position: -27px 43px;
}
}
li.link-tumblr a {
	background: url("/images/icons_social_sm.png");
	background-position: -53px 0;
	-webkit-background-size: 130px 70px;
}
 @media screen and (-webkit-device-pixel-ratio: 2) {
li.link-tumblr a {
	background: url("/images/icons_social_sm@2x.png");
	background-position: -53px 43px;
}
}
li.link-tumblr a:hover {
	background: url("/images/icons_social_sm.png");
	background-position: -53px 43px;
	-webkit-background-size: 130px 70px;
}
 @media screen and (-webkit-device-pixel-ratio: 2) {
li.link-tumblr a:hover {
	background: url("/images/icons_social_sm@2x.png");
	background-position: -53px 43px;
}
}
li.link-pinterest a {
	background: url("/images/icons_social_sm.png");
	background-position: -80px 0;
	-webkit-background-size: 130px 70px;
}
 @media screen and (-webkit-device-pixel-ratio: 2) {
li.link-pinterest a {
	background: url("/images/icons_social_sm@2x.png");
	background-position: -80px 43px;
}
}
li.link-pinterest a:hover {
	background: url("/images/icons_social_sm.png");
	background-position: -80px 43px;
	-webkit-background-size: 130px 70px;
}
 @media screen and (-webkit-device-pixel-ratio: 2) {
li.link-pinterest a:hover {
	background: url("/images/icons_social_sm@2x.png");
	background-position: -80px 43px;
}
}
/* portfolio page ******************************************************/

.feature {
	width: 90%;
	margin: 20px auto;
}
.description {
	width: 30%;
	float: left;
	margin: 60px 0 0 0;
	/*background-color: #eee;*/
}
.description p {
	font-size: .8em;
	line-height: 1.8em;
}

.feature-images {
	width: 65%;
	float: right;
}

img.portfolio-img {
	max-width: 100%;
	margin: 0 0 20px 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.feature-url {
	width: 25%;
	float: left;
	margin: 20px 0 5px 0;
	text-align: left;
}
.feature-url a {
	float: left;
	padding: 10px 30px;
	font-size: .7em;
}


nav {
	width: 25%;
	float: left;
	margin: 20px 0;
	text-align: left;
}
nav a {
	float: left;
	padding: 10px 30px;
	font-size: .7em;
}