/*
Theme Name: nYq Design
Theme URI: http://wordpress.org/
Description: nYq WordPress Theme
Version: 1.0
Author: Brett Nyquist
Author URI: http://brettnyquist.com/
Tags: Black, custom header, fixed width, two columns, widgets
*/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{font-size:100%;}legend{color:#000;}

body {
	background: #000000 url(images/background.jpg) top center no-repeat;
	color: #303030;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
	}
	
#container {
	margin: 0px auto;
	padding: 0;
	width: 782px;
	text-align: left;
	}
	
/* ---------------------------------------
   GLOBALS
   --------------------------------------- */
	
h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

h1 {
	font-size: 26px;
	}

h2 {
	font-size: 16px;
	}

h3 {
	font-size: 13px;
	}
	
	h3#comments {
		margin-top: 35px;
		}
	
	h3#respond {
		display: block;
		background: url(images/leave-comment.gif) top left no-repeat;
		height: 29px;
		margin-top: 35px;
		text-indent: -9999px;
		}
	
h4 {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.25px;
	margin-bottom: 4px;
	}
	
	.entry h4 {
		color: #000;
		}
		
.date {
	color: #666;
	font-size: 10px;
	text-transform: uppercase;
	}

.clear {
	clear: both;
}

.spacer {
	background: #f2f2f2 url(images/line.jpg) top left no-repeat;
	clear: both;
	height: 6px;
	width: 782px;
	}
	
em {
	font-style: italic;
	}

p {
	margin-top: 4px;
	margin-bottom: 14px;
	}
	
a {
	color: #4fbcd8;
	outline: none;
	}
	
a:hover {
	color: #4fbcd8;
	}
	
a.continue {
	background: #101010;
	color: #f2f2f2;
	font-size: 11px;
	padding: 4px 4px 5px 4px;
	text-decoration: underline;
	}
	
	a.continue:hover {
		background: #333;
		text-decoration: none;
		}
		
	a.more-link {
		color: #000;
		text-decoration: none;
		}
	
strong {
	color: #000000;
	font-weight: bold;
	}
	
small {
	font-family: Arial, Helvetica, sans-serif;
	color: #444;
	text-transform: uppercase;
	}
	
	small a {
		background: #333;
		color: #ccc;
		padding: 2px;
		}

.img-lt {
	border: 1px solid #d5c9b1;
	float: left;
	margin: 0px 15px 15px 0px;
	padding: 1px;
	}
	
.img-rt {
	border: 1px solid #d5c9b1;
	float: right;
	margin: 0px 0px 15px 15px;
	padding: 1px;
	}	
	
img.right {
	float: right;
	margin-left: 15px;
	margin-bottom: 20px;
	margin-top: 3px;
	}
	
img.frame {
	background: url(images/image-back.jpg) top left no-repeat;
	height: 230px;
	padding: 2px 5px 9px 5px;
	width: 230px;
	}
	
img.smallframe {
	background: url(images/freebie-back.jpg) top left no-repeat;
	float: right;
	height: 116px;
	margin: 0px 0px 20px 20px;
	padding: 3px 3px 5px 3px;
	width: 116px;
	}
	
ol { line-height: 18px; list-style: georgian; }
ol li {
	list-style-type: decimal;
	margin-bottom: 12px; 
	margin-left: 20px; 
	}
	
/* ---------------------------------------
   HEADER
   --------------------------------------- */

#header {
	margin: 0;
	height: 130px;
	padding: 0px;
	position: relative;
	width: 782px;
	}
	
.logo {
	margin-left: -100px;
	}
	
.based {
	left: 220px;
	position: absolute;
	top: 75px;
	}
	
.phone-number {
	position: absolute;
	top: 40px;
	right: 0px;
	}

/* ---------------------------------------
   NAVIGATION
   --------------------------------------- */

#header #navigation {
	background: url(images/nav-back.jpg) left top no-repeat;
	position: absolute;
	height: 37px;
	left: 0px;
	top: 93px;
	width: 782px;
	} 
	
	ul#header-nav {
		margin: 0;
		padding: 0;
		padding-top: 3px;
		list-style: none;
		}
		
		ul#header-nav li {
			float: left;
			height: 30px;
			text-indent: -9000px;
			padding-right: 0px;
			}
			ul#header-nav li:hover {
				cursor: pointer;
				}
			
			ul#header-nav li.home {
				background: url(images/navigation.gif) -6px 0px no-repeat;
				width: 80px;
				}
				ul#header-nav li.home:hover {background: url(images/navigation.gif) -6px -31px no-repeat;}
				ul#header-nav li.home a {
					display: block;
					height: 30px;
					width: 80px;
					}
				
			ul#header-nav li.services {
				background: url(images/navigation.gif) -88px 0px no-repeat;
				width: 105px;
				}
				ul#header-nav li.services:hover {background: url(images/navigation.gif) -88px -31px no-repeat;}
				ul#header-nav li.services a {
					display: block;
					height: 30px;
					width: 105px;
					}
				
			ul#header-nav li.portfolio {
				background: url(images/navigation.gif) -88px 0px no-repeat;
				width: 112px;
				}
				ul#header-nav li.portfolio:hover {background: url(images/navigation.gif) -88px -31px no-repeat;}
				ul#header-nav li.portfolio a {
					display: block;
					height: 30px;
					width: 112px;
					}
				
			ul#header-nav li.blog {
				background: url(images/navigation.gif) -202px 0px no-repeat;
				width: 90px;
				}
				ul#header-nav li.blog:hover {background: url(images/navigation.gif) -202px -31px no-repeat;}
				ul#header-nav li.blog a {
					display: block;
					height: 30px;
					width: 90px;
					}
						
			ul#header-nav li.freebies {
				background: url(images/navigation.gif) -289px 0px no-repeat;
				width: 100px;
				}
				ul#header-nav li.freebies:hover {background: url(images/navigation.gif) -289px -31px no-repeat;}
				ul#header-nav li.freebies a {
					display: block;
					height: 30px;
					width: 100px;
					}
						
			ul#header-nav li.request {
				background: url(images/navigation.gif) -384px 0px no-repeat;
				padding-right: 0px;
				width: 133px;
				}
				ul#header-nav li.request:hover {background: url(images/navigation.gif) -384px -31px no-repeat;}
				ul#header-nav li.request a {
					display: block;
					height: 30px;
					width: 133px;
					}
										
			ul#header-nav li.contact {
				background: url(images/navigation.gif) -522px 0px no-repeat;
				padding-right: 0px;
				width: 118px;
				}
				ul#header-nav li.contact:hover {background: url(images/navigation.gif) -522px -31px no-repeat;}
				ul#header-nav li.contact a {
					display: block;
					height: 30px;
					width: 118px;
					}
						
			ul#header-nav li.clients {
				background: url(images/navigation.gif) -637px 0px no-repeat;
				width: 125px;
				}
				ul#header-nav li.clients:hover {background: url(images/navigation.gif) -637px -31px no-repeat;}
				ul#header-nav li.clients a {
					display: block;
					height: 30px;
					width: 125px;
					}
	
/* ---------------------------------------
   CONTENT
   --------------------------------------- */
   
#content {
	background: #f2f2f2;
	font-size: 1.2em;
	color: #303030;
	margin: 0;
	padding: 0px;
	position: relative;
	width: 782px;
	z-index: 10;
	}
	
	#default-content {
		background: url(images/default-content.jpg) top left repeat-y;
		font-size: 1.2em;
		color: #303030;
		margin: 0;
		padding: 0px;
		position: relative;
		width: 782px;
		z-index: 10;
		}

		
#home-content .breaking {
	float: left;
	line-height: 1.6em;
	margin-left: 25px;
	margin-top: 30px;
	width: 390px;
	}

#home-content .about {
	float: right;
	line-height: 1.6em;
	margin-right: 25px;
	margin-top: 30px;
	width: 390px;
	}
		
/* ---------------------------------------
   INTERNAL CONTENT
   --------------------------------------- */
	
#internal-content {
	padding: 0px;
	width: 782px;
	}
	
#portfolio-page {
	background: url(images/portfolio-back.jpg) top left no-repeat;
	clear: both;
	display: block;
	min-height: 360px;
	padding: 25px 0px 0px 20px;
	position: relative;
	width: 762px;
	}
	
	#portfolio-page img.screen {
		right: 25px;
		top: 41px;
		position: absolute;
		}
		
	#portfolio-page p {
		font-size: 12px;
		line-height: 20px;
		margin-top: 10px;
		width: 340px;
		}
		
		#portfolio-page img.view-screen {
			margin-left: -20px;
			margin-top: 10px;
			}
			
		#portfolio-page img.view-screen:hover {
			-moz-opacity:0.9;
			opacity: 0.9;
			}
			
#default-page {
	background: url(images/default-back.jpg) top left no-repeat;
	float: left;
	padding: 25px 20px;
	 }
	 
	 #default-page .post {
	 	width: 530px;
	 	}
	 	
	 	#default-page .post h2.page-title {
	 		margin-bottom: -2px;
	 		}
	 		
#category-page {
	background: url(images/default-back.jpg) top left no-repeat;
	float: left;
	padding: 25px 20px;
	 }
	 
	 #category-page .post {
	 	padding-bottom: 20px;
	 	width: 530px;
	 	}
	 	
	 	#category-page .post h2.page-title {
	 		margin-bottom: -2px;
	 		}
	 		
	 		#category-page .post h2.page-title a {
	 			color: #000;
	 			}
	
.feature {
	background: url(images/feature-v2.jpg) top left no-repeat;
	height: 330px;
	position: relative;
	width: 782px;
	}
	
	.feature p {
		left: 23px;
		line-height: 18px;
		position: absolute;
		top: 142px;
		width: 310px;
		}
		
	.feature div.work-with a {
		background: url(images/work-with-us.jpg) top left no-repeat;
		height: 93px;
		left: 0px;
		position: absolute;
		text-indent: -9000px;
		top: 205px;
		width: 200px;
		}
		
		.feature div.work-with a:hover {
			background: url(images/work-with-us.jpg) 0px -94px no-repeat;
			}
			
		.feature div.view-work {
			color: #818181;
			display: block;
			position: absolute;
			top: 246px;
			left: 205px;
			}
			
			.feature div.view-work a{
				color: #818181;
				}
				
			.feature div.view a:hover {
				color: #000;
				}

.recent-work {
	background: #f2f2f2 url(images/recent-work-back.jpg) top left no-repeat;
	font-size: 12px;
	margin: 0px;
	padding: 20px 0px 20px 20px;
	position: relative;
	width: 762px;
	}

	.recent-work img.recent-arrow {
		right: 20px;
		position: absolute;
		top: -26px;
		}
		
.blog-posts {
	background: #f2f2f2 url(images/blog-posts-back.jpg) left bottom no-repeat;
	padding: 30px 0px 50px 20px;
	position: relative;
	width: 762px;
	}
	
	.blog-posts img.read-blog {
		left: 17px;
		position: absolute;
		top: -23px;}

	.post {
		margin: 0;
		clear: both;
		}
		
		.post h2 {
			color: #000;
			font-size: 26px;
			letter-spacing: -1.5px;
			line-height: 22px;
			margin-bottom: 10px;
			padding-bottom: 16px;
			}
			
			.post h2 a {
				text-decoration: none;
				}
				
			.post h2 a:hover {
				color: #4fbcd8;
				}
				
			.post h3 {
				font-size: 14px;
				letter-spacing: -0.25px;
				text-transform: uppercase;
				}
			
		.post p.author {
			background: #000000;
			color: #ffffff;
			display: inline;
			margin-top: 5px;
			padding: 2px 3px;
			font-style: italic;
			}
			
		.post p {
			line-height: 18px;
			}
			
img.sm-icon {
	margin-top: -2px;
	vertical-align: middle;
	}
	
img.home-feature {
	position: absolute;
	top: -20px;
	left: -20px;
	}

.postmetadata {
	clear: both;
	}

/* ---------------------------------------
   RECENT PROJECTS
   --------------------------------------- */
   
ul#works {
   	display: block;
   	margin: 0;
   	margin-left: -20px;
   	margin-bottom: 20px;
   	padding: 0;
   	list-style: none;
   	}
   	
   		ul#works li{
   			float: left;
   			height: 260px;
   			margin-left: 19px;
   			width: 235px;
   			}
   			
   			ul#works li h3{
   				letter-spacing: -0.25px;
   				margin: 4px 0px 3px 0px;
   				text-indent: 3px;
   				}
   				
   				ul#works li h3 a {
   					color: #010101;
   					text-decoration: none;
   					}
   					
   					ul#works li h3 a:hover {
   						color: #4fbcd8;
   						}
   					
   				ul#works p {
   					line-height: 1.6em;
   					padding-left: 3px;
   					}
   					
/* ---------------------------------------
   LATEST POSTS
   --------------------------------------- */

ul#latest-posts {
	margin: 0;
	margin-left: -20px;
	}
	
	ul#latest-posts li {
		float: left;
		width: 290px;
		padding-left: 85px;
		padding-right: 10px;
		position: relative;
		}

		ul#latest-posts li h3 {
			font-size: 15px;
			letter-spacing: -0.035px;
			line-height: 16px;
			margin-bottom: 0px;
			}
			
			ul#latest-posts li h3 a {
				color: #000000;
				text-decoration: none;
				}
				
			ul#latest-posts li h3 a:hover {
				color: #4fbcd8;
				}
				
		ul#latest-posts li img.home-thumb {
			float: right;
			margin-left: 10px;
			margin-bottom: 0px;
			margin-right: 0px;
			margin-top: 0px;
			}
			
		ul#latest-posts li p {
			display: block;
			background: url(images/blog-p-back.jpg) 10px -2px no-repeat;
			font-size: 12px;
			line-height: 20px;
			margin-left: -25px;
			margin-top: 10px;
			padding-left: 25px;
			}
			
		ul#latest-posts li div.bubble {
			background: url(images/comment-bubble.jpg) top left no-repeat;
			display: block;
			font-family: Georgia, Times, serif;
			font-size: 20px;
			font-weight: bold;
			height: 46px;
			left: 20px;
			padding-top: 6px;
			position: absolute;
			text-align: center;
			top: 0px;
			width: 50px;
			}
			


/* ---------------------------------------
   CONTACT FORM
   --------------------------------------- */

img.form-header {
	margin-top: 15px;
	}
	
#project-info {
	background: url(images/form-back.jpg) top left no-repeat;
	margin-top: -13px;
	margin-left: 1px;
	padding: 20px 29px;
	width: 470px;
	}
	
#personal-info {
	background: url(images/form-back.jpg) 0px -100px no-repeat;
	margin-top: -13px;
	margin-left: 1px;
	padding: 20px 29px;
	width: 470px;
	}

select.dropdown {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 2px;
	}
	
	select.dropdown232 {
		background: url(images/dropdown-232.jpg) top left no-repeat;
		border: none;
		padding: 4px 3px 3px 3px;
		width: 232px;
		}
	
input {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 2px;
	}
	
	input a {
		outline: none;
		}
		
textarea#additional-info {
	font-size: 12px;
	height: 120px;
	line-height: 16px;
	margin-top: 10px;
	padding: 4px;
	width: 462px;
	}
	
input.submit {
	background: url(images/submit.jpg) top left no-repeat;
	border: none;
	height: 74px;
	margin-left: -20px;
	outline: 0;
	text-indent: -9000px;
	width: 173px;
	}
	
	input.submit:hover {
		background: url(images/submit.jpg) 0px -74px no-repeat;
		cursor: pointer;
		outline: none;
		}

input.submit-message {
	background: url(images/submit-message.jpg) top left no-repeat;
	border: none;
	height: 74px;
	margin-left: -20px;
	outline: 0;
	text-indent: -9000px;
	width: 173px;
	}
	
	input.submit-message:hover {
		background: url(images/submit-message.jpg) top left no-repeat;
		cursor: pointer;
		outline: 0;
		}
		
img.required {
	margin-left: 10px;
	margin-top: -1px;
	vertical-align: middle;
	}
	
/* ---------------------------------------
   COMMENTS
   --------------------------------------- */
	
#comment-form {
	background: url(images/form-back.jpg) 0px -75px no-repeat;
	margin-top: -2px;
	padding: 20px 30px;
	width: 469px;
	}
	
	#comment-form textarea {
		width: 469px;
		}
		
input#submit-comment {
	background: url(images/add-comment.jpg) top left no-repeat;
	border: none;
	height: 74px;
	margin-left: -20px;
	outline: 0;
	text-indent: -9000px;
	width: 173px;
	}
	
	input#submit-comment:hover {
		background: url(images/add-comment.jpg) 0px -74px no-repeat;
		cursor: pointer;
		outline: none;
		}
		
ol.commentlist li {
	padding-top: 10px;
	margin-bottom: 15px;
	position: relative;
	}
	
	ol.commentlist li cite {
		display: block;
		margin-top: 2px;
		}
	
	ol.commentlist li cite, ol.commentlist li cite a {
		color: #000;
		font-size: 13px;
		font-weight: bold;
		padding-top: 2px;
		text-decoration: none;
		}
	
	.commentmetadata a {
		background: none;
		padding: 0;
		}
		
	ol.commentlist li span {
		background: #333;
		color: #fefefe;
		font-size: 11px;
		font-style: italic;
		padding: 2px;
		position: absolute;
		right: 0px;
		top: 25px;
		}
		
	ol.commentlist li a {
		color: #000;
		}
		
ol.commentlist li p {
	background: url(images/textarea-back.jpg) 0px 24px no-repeat;
	line-height: 20px;
	margin-left: 60px;
	padding-top: 5px;
	}
	
	ol.commentlist li p a {
		color: #4fbcd8;
		}
	
img.avatar {
	background: url(images/avatar-back.jpg) top left no-repeat;
	float: left;
	margin-right: 7px;
	padding: 1px 2px 3px 2px;
	}
	
/* ---------------------------------------
   SIDEBAR
   --------------------------------------- */
	
#sidebar {
	float: right;
	margin-right: 20px;
	margin-top: 20px;
	width: 174px;
	overflow: hidden;
	}

#sidebar form {
	margin: 0;
	}
	
#sidebar h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	height: 22px;
	margin-bottom: 9px;
	text-indent: -9000px;
	width: 240px;
	}
	
	#sidebar h3.client-login {
		background: url(images/client-login-header.gif) top left no-repeat;
		}
		
	#sidebar h3.from-the-blog {
		background: url(images/from-the-blog.gif) top left no-repeat;
		}
		
	#sidebar h3.freebies {
		background: url(images/freebies.gif) top left no-repeat;
		}
		
	#sidebar h3.follow-us {
		background: url(images/follow-us.gif) top left no-repeat;
		}
		
	#sidebar h3.our-process {
		background: url(images/our-process.gif) top left no-repeat;
		}
		
	#sidebar h3.our-services {
		background: url(images/our-services.gif) top left no-repeat;
		}
		
	#sidebar h3.twitter-updates {
		background: url(images/twitter-updates.gif) top left no-repeat;
		}
		
#sidebar .processes, #sidebar .services {
	padding-bottom: 10px;
	}
		
	#sidebar .processes h2, #sidebar .services h2 {
	   	color: #000000;
		display: block;
		font-size: 12px;
		line-height: 1.1em;
		padding-bottom: 1px;
		text-decoration: none;
		text-indent: 0px;
		}
		
	#sidebar .processes p, #sidebar .services p {
		margin-bottom: 20px;
		}
		
/* ---------------------------------------
   CLIENT LOGIN BOX
   --------------------------------------- */
   
#sidebar #login-box {
	background: url(images/login-back.jpg) top left no-repeat;
	height: 158px;
	padding-bottom: 40px;
	width: 240px;
	}
	
	#sidebar #login-box p {
		color: #868686;
		font-family: Tahoma, Arial, sans-serif;
		font-size: 0.75em;
		letter-spacing: 0.5px;
		line-height: 1.5em;
		padding-left: 15px;
		padding-top: 12px;
		text-transform: uppercase;
		}
		
	#sidebar #login-box p input.actual-input {
		font-size: 1.2em;
		margin-bottom: 9px;
		margin-top: 2px;
		padding: 2px;
		width: 198px;
		}
		
	#sidebar #login-box p input.login-button {
		background: url(images/login-button.gif) left top no-repeat;
		border: none;
		cursor: pointer;
		height: 20px;
		margin-left: 152px;
		margin-top: -4px;
		text-indent: -9000px;
		width: 56px;
		}
		
		#sidebar #login-box p input.login-button:hover {
			background: url(images/login-button.gif) 0px -20px no-repeat;
			}

/* ---------------------------------------
   FROM THE BLOG SECTION
   --------------------------------------- */
   
   #sidebar .recent-blogs-sidebar {
   		padding-bottom: 20px;
   		}
   
   #sidebar h2 a {
   		color: #000000;
   		display: block;
   		font-size: 12px;
   		line-height: 1.1em;
   		padding-bottom: 3px;
   		text-decoration: none;
   		text-indent: 0px;
   		}
   
   		#sidebar h2 a:hover {
   			color: #07aaef;
   			}
   			
   #sidebar .recent-blogs-sidebar:hover a {
   		text-decoration: underline;
   		}
   
   #sidebar p.all-caps {
   		color: #989898;
   		font-size: 0.9em;
   		letter-spacing: 0.25px;
   		line-height: 1.2em;
   		margin-bottom: 10px;
   		margin-top: 0px;
   		text-transform: uppercase;
   		}
   		
   		#sidebar span.all-caps img {
   			vertical-align: middle;
   			}
   			
   #sidebar p {
   		line-height: 1.4em;
   		margin-bottom: 15px;
   		}

/* ---------------------------------------
   FOLLOW US ON THESE
   --------------------------------------- */
   
   ul.follow-list {
   		margin-bottom: 40px;
   		}
   
   ul.follow-list li {
   		height: 16px;
   		padding: 3px;
   		}
   		
   		ul.follow-list li a {
   			color: #121212;
   			}
   			
   			ul.follow-list a:hover {
   				color: #07aaef;
   				}
   		
   		ul.follow-list li img {
   			margin-top: -1px;
   			margin-right: 6px;
   			vertical-align: middle;
   			}

/* ---------------------------------------
   TWITTER UPDATES
   --------------------------------------- */
   
   #sidebar #twitter-box {
	   	background: url(images/twitter-back.jpg) top left no-repeat;
	   	height: 173px;
	   	position: relative;
	   	width: 240px;
   		}
   		
   		#sidebar #twitter-box img.bird {
   			position: absolute;
   			right: -1px;
   			top: -21px;
   			}
   		
   		#sidebar #twitter-box ul {
   			color: #e1e1e1;
   			line-height: 1.4em;
   			padding-left: 21px;
   			padding-top: 42px;
   			width: 170px;
   			}
   			
   		#sidebar #twitter-box a {
   			color: #e1e1e1;
   			}
   			
   			#sidebar #twitter-box:hover a {
   				color: #07aaef;
   				}
   	
		#sidebar a#twitter-link {
			color: #000000;
			display:block;
			font-size: 0.9em;
			margin-right: 3px;
			margin-top: 2px;
			text-align:right;
			}

/* ---------------------------------------
   FOOTER
   --------------------------------------- */

#footer {
	clear: both;
	height: 80px;
	margin: 0 auto;
	padding: 0px 0px 50px 0px;
	width: 782px;
	clear: both;
	z-index: 1;
	}

	
	a.flickr {
		background: url(images/footer.jpg) 0px 0px no-repeat;
		display: block;
		float: left;
		height: 52px;
		text-indent: -9000px;
		width: 265px;
		}
		
	a.flickr:hover {
		background: url(images/footer.jpg) 0px -52px no-repeat;
		}
	
	a.twitter {
		background: url(images/footer.jpg) -265px 0px no-repeat;
		display: block;
		float: left;
		height: 52px;
		text-indent: -9000px;
		width: 254px;
		}
		
	a.twitter:hover {
		background: url(images/footer.jpg) -265px -52px no-repeat;
		}

	a.vimeo {
		background: url(images/footer.jpg) -519px 0px no-repeat;
		display: block;
		float: left;
		height: 52px;
		text-indent: -9000px;
		width: 263px;
		}
		
	a.vimeo:hover {
		background: url(images/footer.jpg) -519px -52px no-repeat;
		}

		
	#footer ul {
		color: #969696;
		float: left;
		font-size: 12px;
		margin-left: 30px;
		margin-top: 20px;
		width: 158px;
		}
		
		#footer ul li {
			height: 28px;
			}
			
		#footer ul li a {
			color: #606060;
			}

	#footer p {
		color: #323232;
		margin: 0;
		padding: 5px 20px 5px 0px;
		text-align: right;
		}
		
	#footer p .links {
		color: #323232;
		}


/* ---------------------------------------
   IMAGES
   --------------------------------------- */

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}