/*   
	Theme Name: Bluefly Digital
	Theme URI: http://wearebluefly.com
	Description: Theme created for Bluefly Digital, by Bluefly Digital Ltd
	Author: Bluefly Digital Ltd
	Author URI: http://wearebluefly.com
	Version: 2
	.
	Look but don't steal, stealing is wrong, there are things to be learnt here!
	.
*/

html{
	background: url(images/background.jpg) repeat top left;
}

body{
	font: normal 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #fff;
	background: rgba(255,255,255, 0.5);
	width: 960px;
	margin: 0 auto;
}

.text-indent{
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background-position: top left;
	background-repeat: no-repeat;
}

h1{
	padding: 10px;
	float: left;
}

h1 a{
	background: url(images/logo.png);
	width: 340px;
	height: 83px;
	border-bottom: none;
}

	h1 a:hover{
		border-bottom: none;
	}

h2, h3, h4{
	font-family: Georgia, "Times New Roman", serif;
}

h2{
	
}

h3, h4{
	color: #555;
	font-style: italic;
	margin-bottom: 10px;
}

h3{
	font-size: 18px;
}

h4{
	font-size: 16px;
}

p{
	margin-bottom: 10px;
	line-height: 1.5;
}

a{
	color: #1371ff;
	text-decoration: none;
	border-bottom: 1px dashed #1371ff
}

	a:hover{
		border-bottom: none;
	}

#header{
	position: relative;
	height: 103px;
}

	#nav{
		bottom: 0;
		right: 0;
		position: absolute;
		margin-right: -5px;
	}	
		
		#nav li{
			float: left;
			padding: 5px 10px;
			margin-right: 5px;
			background: #ccc;
			font-size: 14px;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-topright: 5px;
			-webkit-border-top-left-radius: 5px;
			-webkit-border-top-right-radius: 5px;
		}
		
			#nav li.current_page_item, #nav li.current_page_parent{
				background: #333;
			}
			
			#nav li a{
				border-bottom: none;
				color: #333;
			}
		
				#nav li.current_page_item a, #nav li.current_page_parent a{
					color: #ccc;
					border-bottom: none;
				}
				
			#nav li:hover{
				background: #666;
			}
				
			#nav li:hover a{
				color: #ccc;
				border-bottom: none;
			}

#greeting{
	background: #333;
	font-weight: normal;
	font-style: italic;
	color: #eaeaea;
	padding: 20px;
	margin: 0 -10px;
	font-size: 20px;
	line-height: 1.25;
	clear: both;
}

	.shadow{
		background: url(images/greeting-bg.png) no-repeat bottom left;
		margin: 0 -10px;
		height: 40px;
		clear: both;
	}

#latest-work{
	padding: 10px;
	overflow: auto;
}

	#latest-work img, .work-item-even img, .work-item-odd img{
		background-position: -80px -10px;
		width: 370px;
		height: 280px;
		border: 5px solid #fff;
		float: right;
		-o-box-shadow: 0 0 10px #333;
		-moz-box-shadow: 0 0 10px #333;
		-webkit-box-shadow: 0 0 10px #333;
	}
	
	#latest-work .description{
		float: left;
		width: 520px;
	}
	
.work-item-even, .work-item-odd{
	clear: both;
}

	.work-item-even img, .work-item-odd img{
		width: 185px;
		height: 140px;
	}
	
		.work-item-odd img{
			float: left;
		}
		
		.work-item-even p, .work-item-odd p{
			width: 700px;
			float: left;
		}
		
			.work-item-oddp{
				float: right;
			}
	
.work{
	overflow: auto;
	width: 960px;
}

	.work li{
		float: left;
		margin: 10px;
	}
	
		.work li.first{
			margin-left: 0;
		}
		
		.work li.end{
			margin-right: 0;
		}

		.work li a{
			position: relative;
			display:block;
			border: 5px solid #fff;
			width: 290px;
			height: 150px;
		}
	
			.work li a img{
				position: absolute;
				clip:rect(0px,290px,150px,0px);
				overflow: hidden;
			}
	
.more{
	clear: both;
	margin: 20px -10px 0 10px;
}
	
	.col{
		width: 300px;
		float: left;
		margin-right: 20px;
	}

#blog, #page, #single{
	float: left;
	width: 700px;
	margin: 0 20px 0 10px;
}

	.full{
		width: 930px !important;
	}

	#process li{
		overflow: hidden;
		height: 24px;
	}

#sidebar{
	width: 220px;
	float: left;
}

#footer{
	clear: both;
	padding: 10px;
}