/*
Theme Name: Richardson.co.nz
Theme URI: http://www.richardson.co.nz
Description: Richardson.co.nz custom Wordpress theme.
Version: 1.0
Author: Samuel Richardson
Author URI: http://www.richardson.co.nz
Tags: Richardson.co.nz, Dark, Custom

*/
@media screen {

html {
	background : #000;
}

body {
	font : 62.5%/1.2 "Trebuchet MS";
	background : #000;
	margin : 0;
	padding : 0;
}

	html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
		margin : 0;
		padding : 0;
	}

a img {
	border : none;
}

a {
	outline : none;
}

/* utilities */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* default fonts */
h1 {
	color : #fff;
	font-size : 3em;
	margin : 15px 0;
	border-bottom : 1px dotted #767676;
	padding-bottom : 5px;
	margin-bottom : 5px;
}

	h1.sIFR-replaced {
		margin-bottom : 10px;
		padding-bottom : 0;
	}
	
	h1 a {
		color : #fff;
	}

h2 {
	color : #fff;
	font-size : 1.8em;
	margin : 15px 0;
	font-weight : normal;
}

	h2 a {
		color : #fff;
		text-decoration : none;
	}

	h2.sIFR-replaced {
		margin-bottom : -10px;
	}
	
	#sidebar h2.sIFR-replaced {
		margin-bottom : 0;
	}

h3 {
	color : #ff005d;
	font-size : 1.4em;
	margin : 15px 0;
}

h4 {
	font-size : 1.2em;
	color : #cfcfcf;
	margin : 15px 0;
}

p {
	color : #d3d3d3;
	margin : 15px 0;
	font-size : 1.3em;
}

label {
	color : #d3d3d3;
	font-size : 1.2em;
}

a {
	text-decoration : none;
	color : #ff005d;
}

	a:visited {
		opacity : 66%;
	}

	a:hover {
		text-decoration : underline;
	}
	
		.aside a:hover {
			color : #fff !important;
		}
		
		.aside a:visited {
			color : #ccc;
		}

/* ie6 warning */
#oldbrowser { background : #000; border-bottom : 1px solid #666666; display : none; padding : 15px 0; }

	#oldbrowser .inner {
		width : 400px;
		margin : 0 auto;
		background : url(/wp-content/themes/richardson/images/framework/icon_browseralert.png) 0px -1px no-repeat;
		padding-left : 60px;
	}
	
		#oldbrowser .inner h2 {
			margin-bottom : -10px;
		}
		
		#oldbrowser .inner h2.sIFR-replaced {
			margin-bottom : -20px;
		}
		
		#oldbrowser .inner p {
		}

/* common page layout */
#page {
	margin : 0 auto;
	width : 900px;
	background : url(/wp-content/themes/richardson/images/framework/page_background.png) 75px -100px no-repeat;
}

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

	#header .logo {
		position : absolute;
		top : 94px;
		left : 0px;
	}
	
	#header .navigation {
		position : absolute;
		bottom : 0;
		right : 0;
	}
	
		#header .navigation ul {
			list-style : none;
		}
		
			#header .navigation ul li {
				float : right;
				height : 30px;
				width : 120px;
				margin-left : 10px;
				text-transform : uppercase;
				font-size : 1.1em;
				text-align : center;
				background : url(/wp-content/themes/richardson/images/framework/button_navigation.png) no-repeat;
				line-height : 30px;
				font-weight : bold;
			}
			
				#header .navigation ul li.portfolio {
					background : url(/wp-content/themes/richardson/images/framework/button_navigation_portfolio.png) no-repeat;
				}
				
				#header .navigation ul li.cv {
					background : url(/wp-content/themes/richardson/images/framework/button_navigation_cv.png) no-repeat;
				}
			
				#header .navigation ul li a {
					color : #fff;
					display : block;
				}
				
					#header .navigation ul li.portfolio a {
						position : relative;
						left : 5px;
					}
					
					#header .navigation ul li.cv a {
						position : relative;
						left : 5px;
					}

/* portfoilio setup */				
#portfolio {
	background : url(/wp-content/themes/richardson/images/framework/background_portfolio.png);
	position : relative;
	overflow : hidden;
	height : 30px;
	width : 900px;
	z-index : 1;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}

	/* ajax loading indicator */
	#portfolio .spinner {
		position : absolute;
		top : 50%;
		left : 50%;
		width : 16px;
		height : 16px;
		margin : -8px 0 0 -8px;
		background : url(/wp-content/themes/richardson/images/framework/spinner_portfolio.gif);
		display : none;
	}
	
	/* next / previous portfolio controls */
	#portfolio .controls { }
	
		#portfolio .controls ul { list-style : none; }
		
			#portfolio .controls ul li { position : absolute; z-index : 4; text-indent : -10000px; width : 23px; height : 23px; }
			
				#portfolio .controls ul li.previous { top : 17px; right : 257px; }
				
				#portfolio .controls ul li.next { bottom : 17px; right : 257px; }
				
				#portfolio .controls ul li a {width : 23px; height : 23px; display : block; }
				
					#portfolio .controls ul li.previous a { background : url(/wp-content/themes/richardson/images/framework/button_portfolio_previous.png); }
					
					#portfolio .controls ul li.next a { background : url(/wp-content/themes/richardson/images/framework/button_portfolio_next.png); }
		
	/* portfoilio item detail */
	#portfolio .detail {
		position : absolute;
		top : 0;
		right : -300px;
		width : 260px;
		height : 336px;
		background : url(/wp-content/themes/richardson/images/framework/background_portfolio_darken.gif) repeat-y;
		padding : 40px 20px 0 20px;
		-moz-border-radius: 0 10px 0 0;
		-webkit-border-radius: 0 10px 0 0;
		border-radius: 0 10px 0 0;
	}
	
	/* portfoilio image preview */
	#portfolio .preview {
		position : absolute;
		top : 0;
		left : 0;
		display : none;
	}
	
		#portfolio .preview ul {
			position : relative;
			top : 0px;
			left : 20px;
			list-style : none;
		}
		
			#portfolio .preview ul li {
				margin : 20px 0;
			}
			
				#portfolio .preview ul li img
				{
					display : block;
				}

#main {
	background : url(/wp-content/themes/richardson/images/framework/background_content.png) repeat-y;
	position : relative;
}

	.onecolumn #main { background : #333; }
	
	/* content area background images */
	#main .inner {
		background : url(/wp-content/themes/richardson/images/framework/background_content_bottom.png) bottom no-repeat;
	}
	
		.onecolumn #main .inner { background : url(/wp-content/themes/richardson/images/framework/background_content_bottom_onecol.png) bottom no-repeat; }
	
		#main .innerinner {
			background : url(/wp-content/themes/richardson/images/framework/background_content_shadow.png) top no-repeat;
		}
		
			.onecolumn #main .innerinner { background : url(/wp-content/themes/richardson/images/framework/background_content_shadow_onecol.png) top no-repeat; }

/* popout tabs (date, meetup etc) */
#main .popoutlabel {
	position : absolute;
}

	#main .popoutdate {
		left : -78px;
		width : 78px;
		height : 64px;
		background : url(/wp-content/themes/richardson/images/framework/background_sidetab_date.png);
		margin-top : 0px;
	}
	
		#main .popoutdate p {
			text-align : center;
			text-transform : uppercase;
			margin : 5px 0 0 0;
			font-weight : bold;
			color : #fff;
			position : relative;
			left : 0px;
			line-height : 1;
		}
		
			#main .popoutdate p .month
			{
				display : block;
				font-size : 1.8em;
			}
			
				#main .popoutdate p .month.sIFR-replaced {
					margin-bottom : -10px;
				}
			
			#main .popoutdate p .day { display : block; font-size : 3em; }
			
				#main .popoutdate p .day.sIFR-replaced {
					position : relative;
					left : -2px;
				}

/* columns */
#main .article
{
	width : 600px;
	float : left;
	padding-top : 15px;
}

	.onecolumn #main .article
	{
		width : 900px;
		float : none;
	}

#main .aside
{
	width : 260px;
	padding : 20px 20px 20px 20px; /* inherits 15px top margin off first header */
	margin-left : 600px;
}

	.onecolumn #main .aside
	{
		display : none;
	}

	/* sidebar block layouts */
	#main .aside li.widget
	{
		padding-bottom : 15px;
		border-bottom : 1px dotted #7b7b7b;
		position : relative;
		list-style : none;	
	}
	
		*+html #main .aside li.widget {
			clear : left;
			width : 100%;
		}
	
		#main .aside li.widget .hidden
		{
			display : none;
		}
	
	/* search block */
	*+html #main .aside li.widget_search { float : left; }
	
	
		#main .aside li.widget_search #s { width : 220px; }
		
		#main .aside li.widget_search #searchsubmit {
			position : absolute;
			top : -2px;
			right : 0px;
			width : 26px;
			height : 26px;
			background : url(/wp-content/themes/richardson/images/framework/button_searchsubmit_off.png) no-repeat;
			border : none;
			text-indent : -10000px;
			cursor : pointer;
		}
		
	/* categories block */
	#main .aside li.widget_categories { overflow : hidden; }
	
		#main .aside li.widget_categories ul { list-style : none; }
		
			#main .aside li.widget_categories ul li {
				float : left;
				width : 105px;
				font-size : 1.2em;
				margin-bottom : 10px;
				background : url(/wp-content/themes/richardson/images/framework/bullet_postcategory.png) 0 2px no-repeat;
				padding-left : 15px;
				padding-right : 10px;
			}
	
	/* generic text block */
	#main .aside li.widget_text {  }
	
		#main .aside li.widget_text p { margin : 0; }
	
		
	/* contact block */
	#main .aside li.widget_text .contact {}
	
		#main .aside li.widget_text .contact .row { overflow : hidden; margin-bottom : 15px; }
	
		#main .aside li.widget_text .contact .row h4 { float : left; width : 100px; margin : 0; }
		
		#main .aside li.widget_text .contact .row p { margin : 0 0 0 115px; }
		
		#main .aside li.widget_text .contact .row address { margin : 0 0 0 115px; color : #cfcfcf; font-style : normal; font-size : 1.2em;}
	
	/* friends block */
	#main .aside li.widget_text .friends { overflow : auto; }
	
		#main .aside li.widget_text .friends ul { list-style : none; margin-top : 15px; }
		
			#main .aside li.widget_text ul li {
				float : left;
				width : 68px;
				height : 68px;
				margin-right : 20px;
				border : 1px solid #969696;
				background : #000;
				overflow : hidden;
			}
			
				#main .aside li.widget_text ul li.last { margin-right : 0; }
				
				#main .aside li.widget_text ul li img { margin : 0 auto; display : block; }
				
	/* twitter block */
	#main .aside .twitter {}
	
		#main .aside .twitter .current {
			background : #3a3a3a;
			padding : 10px;
			-moz-border-radius: 10px 10px 10px 10px;
			-webkit-border-radius: 10px 10px 10px 10px;
			border-radius: 10px 10px 10px 10px;
		}
		
			#main .aside .twitter p.follow { margin-bottom : 0; }
		
			#main .aside .twitter .current p {
				color : #fff;
				font-size : 1.8em;
				text-align : center;
				margin : 0;
			}
			
				#main .aside .twitter .current p .quote
				{
					width : 14px;
					height : 12px;
					display : block;
				}
				
					#main .aside .twitter .current p .quoteleft {
						margin-right : auto;
						background : url(/wp-content/themes/richardson/images/framework/icon_quote_left.png);
						margin-bottom : 5px;
					}
					
					#main .aside .twitter .current p .quoteright {
						margin-left : auto;
						background : url(/wp-content/themes/richardson/images/framework/icon_quote_right.png);
						margin-top : 5px;
					}
				
					#main .aside .twitter .current p .quote img { display : block; }

/* blog */
#blog {}

	/* free standing h1 titles */
	#blog h1.freetitle {
		width : 560px;
		margin : 0 auto;
		margin-bottom : 5px;
		padding-bottom : 0px;
	}

	/* blog post */
	#blog .post {
		padding : 5px 20px 20px 20px;
		background : url(/wp-content/themes/richardson/images/framework/background_postshadow.png) bottom repeat-x;
	}
	
		#blog .post h1 {
			line-height : 1;
			margin-top : 0px;
		}
		
		#blog .post h2 {
			margin-top : 0;
		}
	
		#blog .post:first-child {
			background : none !important;
			padding-bottom : 10px;
		}

	/* post metadata */
	#blog p.meta
	{
		color : #666666;
		margin : 10px 0;
	}
		
		#blog p.meta strong {
			color : #ffffff;
			font-weight : normal;
		}
		
			#blog p.meta strong a {
				color : #ffffff;
			}
				
		#blog p.meta .author:after {
			content: " |"
		}
		
		#blog p.meta .tagged:after {
			content: " |"
		}

	/* blog image captions */
	#blog .wp-caption {
		position : relative;
	}
	
		#blog .wp-caption img {
			display : block;
		}
	
		#blog .wp-caption p.wp-caption-text {
			background : url(/wp-content/themes/richardson/images/framework/background_imagecaption.png);
			line-height : 20px;
			color : #000;
			position : absolute;
			left : 0;
			bottom : 0;
			margin : 0;
			padding : 0 5px;
		}
		
	/* blog comments */
	h2#comments
	{
		background : url(/wp-content/themes/richardson/images/framework/background_postshadow.png) top repeat-x;
		padding : 20px 20px 5px 20px;
		margin-top : -10px;
	}
	
	#blog ol.commentlist {
		margin : -20px 20px 0 20px;
		list-style : none;
	}
	
		#blog ol.commentlist li.comment {
			background : #111111;
			margin-top : 60px;
			padding : 10px 10px;
			position : relative;
			
		}
		
			#blog ol.commentlist li.comment p {
				margin-top : 0;
			}
		
			#blog ol.commentlist li.comment .comment-author {
				position : absolute;
				top : -42px;
				left : 0;
				font-size : 1.2em;
				color : #d3d3d3;
			}
			
				#blog ol.commentlist li.comment .comment-author img {
					margin-right : 5px;
				}
				
				#blog ol.commentlist li.comment .comment-author .says {	}
			
			#blog ol.commentlist li.comment .commentmetadata {
				position : absolute;
				top : -21px;
				right : 0;
				font-size : 1.1em;
			}
			
				#blog ol.commentlist li.comment .commentmetadata a {
					color : #d3d3d3;
				}
				
	/* blog post response */
	#respond
	{
		background : url(/wp-content/themes/richardson/images/framework/background_postshadow.png) top repeat-x;
		padding : 5px 20px 5px 20px;
		overflow : hidden;
		width : 560px;
		margin-top : 20px;
	}
	
	textarea#comment {
		width : 100%;
	}

/* coffee meet up */
#coffeemeetup {
	background : #111111 url(/wp-content/themes/richardson/images/framework/background_postshadow.png) bottom repeat-x;
	padding : 10px 10px 20px 130px;
	position : relative;
	height : 90px;
	margin-bottom : 10px;
}

	#coffeemeetup .popoutmeetup {
		background : url(/wp-content/themes/richardson/images/framework/background_sidetab_meetup.png);
		width : 31px;
		height : 82px;
		left : -31px;
		text-indent : -10000px;
		margin-top : 5px;
	}

	#coffeemeetup .branding {
		width : 89px;
		height : 143px;
		background : url(/wp-content/themes/richardson/images/framework/icon_coffee.png);
		position : absolute;
		left : 20px;
		top : -15px;
	}
	
	#coffeemeetup .thanks { display : none; }

	#coffeemeetup h2 {
		margin : 0;
	}
	
		#coffeemeetup h2.sIFR-replaced {
			margin-bottom : -10px;
		}
	
	#coffeemeetup p {
		margin : 5px 0 10px 0;
	}
	
	#coffeemeetup label.name {
		margin-right : 15px;
	}
	
		#coffeemeetup label input {
			margin-left : 5px;
			width : 150px;
		}
		
	#coffeemeetup input.submit {
		position : absolute;
		right : 20px;
		bottom : 24px
	}

#blogpagination {
	height : 30px;
	line-height : 30px;
	background : url(/wp-content/themes/richardson/images/framework/background_pagination_left.png) left no-repeat;
	overflow : hidden;
	position : relative;
	margin : 10px 20px 20px 20px;
	text-align : center;
}

	#blogpagination .inner {
		height : 30px;
		margin-left : 4px;
		background : #0f0f0f url(/wp-content/themes/richardson/images/framework/background_pagination_right.png) right no-repeat;
	}
	
	#blogpagination a {
		color : #fff;
	}
	
		#blogpagination a:visited {
			color : #fff;
		}
	
	#blogpagination ul.actions {
		list-style : none;
	}
	
	#blogpagination ul.actions li {
		position : absolute;
		font-size : 1.2em;
	}
	
		#blogpagination ul.actions li.older {
			left : 10px;
		}

		#blogpagination ul.actions li.newer {
			right : 10px;
		}
		
	#blogpagination ul.pages {
		list-style : none;
	}
	
		#blogpagination ul.pages li {
			font-size : 1.2em;
			display : inline;
		}
		
			#blogpagination ul.pages li:after {
				content : " |";
				color : #fff;
			}

/* projects */
#projects { padding : 5px 20px 20px 20px; }

	#projects h1:first-child { margin-top : 0;}
	
	#projects ul.projectlist { list-style : none; }
	
		#projects ul.projectlist li { width : 196px; float : left; margin-right : 20px; }
		
			#projects ul.projectlist li a { width : 196px; height : 109px; display : block; }
			
			#projects ul.projectlist li .thumb { width : 196px; height : 109px; line-height : 109px; background : url(/wp-content/themes/richardson/images/framework/background_projectitem.png); }
			
				#projects ul.projectlist li .thumb img { display : block; margin : 0 auto; }

  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }

}

@media print {
	.sIFR-flash {
		display    : none !important;
		height     : 0;
		width      : 0;
		position   : absolute;
		overflow   : hidden;
	}
	
	.sIFR-alternate {
		visibility : visible !important;
		display    : block   !important;
		position   : static  !important;
		left       : auto    !important;
		top        : auto    !important;
		width      : auto    !important;
		height     : auto    !important;
	}
}