/*
Theme Name: 960bc
Theme URI: http://www.guardianwebdesign.com.au/960bc
Description: A blank canvas WordPress theme for developers based on the 960 CSS framework.
Version: 1.5
Author: Troy Dean
Author URI: http://www.guardianwebdesign.com.au/
Tags: fixed-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar

	960bc v1.5
	http://www.guardianwebdesign.com.au/960bc

	This theme was designed and built by Troy Dean
	as a starting point for WordPress developers who
	like the 960 grid system.
	http://www.960.gs
	The theme includes no images and minimal styling,
	providing a blank canvas for the designer to unleash
	her css magic.

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* for ease of updating into the future we use separate style sheets for colours and typography */

@import url(colours.css);
@import url(typography.css);

/* Begin Structure */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}

body { background: #e3e3e3 url(images/backg_vignette.jpg) fixed center top; color: #333;
	font-family: "Courier New", Courier, monospace;
	font-weight: normal;
	text-align: left;
}

/* The 1140px Grid by Andy Taylor – http://cssgrid.net – http://www.twitter.com/andytlr – http://www.catchingzebra.com */

.container {
padding-left: 20px;
padding-right: 20px;
}

.row {
width: 100%;
max-width: 1140px;
margin: 0 auto;
overflow: hidden;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 3.8%;
float: left;
}

.onecol {
width: 4.85%;
}

.twocol {
width: 13.5%;
}

.threecol {
width: 22.15%;
}

.fourcol {
width: 30.8%;
}

.fivecol {
width: 39.45%;
}

.sixcol {
width: 48.1%;
}

.sevencol {
width: 56.75%;
}

.eightcol {
width: 65.4%;
}

.ninecol {
width: 74.05%;
}

.tencol {
width: 82.7%;
}

.elevencol {
width: 91.35%;
}

.twelvecol {
width: 100%;
float: left;
}

.last {
margin-right: 0px;
}

img, object, embed {
max-width: 100%;
}


/* Custom */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}


#header {
		border-bottom: solid #CCC 1px;
		}

		
#zenfolio {
		width: 100%;
		height: 60px;
		overflow: hidden;
		text-align: center;
		}

#home {
		background-color: #000000;
		text-align: center;
		}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}
/* =Menu
-------------------------------------------------------------- */

#access {
	margin: 0 auto;
	width: 100%;
	display: block;
	float: left;
}
#access .menu-header,
div.menu {
	font-family: "Courier New", Courier, monospace;
	color: #666666;
	line-height: normal;
	margin: 0 auto;
	text-align: left;
}

#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0 auto;
	text-align: left;
}
#access .menu-header li,
div.menu li {
	float:left;
	position: relative;
	text-align: left;
}
#access a {
	color: #333;
	display: block;
	line-height: 38px;
	padding: 20px 15px 3px 15px;
	text-decoration: none;
}
#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top:60px;
	left: 0;
	float: left;
	width: 160px;
	z-index: 99999;
	background: url(/wp-content/themes/960bc/images/backg_nav.png) repeat;
}
#access ul ul li {
	min-width: 180px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	color: #000;
	padding: 10px;
	width: 140px;
	height: auto;
	line-height: normal;
	background: url(/wp-content/themes/960bc/images/backg_nav.png) repeat;
}
#access li:hover > a {
	background: url(/wp-content/themes/960bc/images/backg_nav.png) repeat;
	color: #000;
}
#access ul ul :hover > a {
	background: #E6E6E6;
	color: #000;
}
#access ul li:hover > ul {
	display: block;
	
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #000;
	background: #FFF;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #000;
	background: #FFF;
}

/* This hides the 'skip to' links and maintains accessibility */
		
#skip {
		position: absolute;
		top: -500px;
		width: 1px;
		height: 1px;
		overflow: hidden;
		}

#content {
	margin-top: 20px;
	min-height: 400px;
	line-height: normal;
		}

#content p {
	font-family: "Courier New", Courier, monospace;
	text-align: left;
	line-height: normal;
	padding-bottom: 20px;
}

#sidebar {
	text-align: left;
		}


#footer {
		margin: 20px 0 0 0;
		padding: 0;
		}	

#footer-col-2 p, #footer-col-3 p {
	text-align: center;
		}

#footer-col-4 p {
	text-align: right;
	float: right;
		}


#copyright {
	display: block;
	padding-top: 20px;
	text-align: center;
}

#copyright p {
	text-align: center;
	font-size: 12px;
	color: #999999;
}

.post {
		margin: 0 0 40px;
		}

.postmetadata {
		margin: 30px 0;
		}

.smallattachment {
		float: left;
		width: 128px;
		margin: 5px 5px 5px 0px;
		}

.attachment {
		margin: 5px 0px;
		}

.postmetadata {
		clear: both;
		}

/* End Structure */

/* Begin Images */

img.icon {
		display: inline-block;
		margin-left: 5px;
		margin-right: 5px;
}
		
p img {
		padding: 0;
		}

img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
		-moz-border-radius: 0;
		border-radius: 0;
		box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2);
		-moz-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2);
		-webkit-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2);
		}

.entry a img, .entry td a img, img.alignright, img.alignright a, img.alignright td a, img.alignleft, img.alignleft a, img.alignleft td a, img.alignnone p a {
		padding: 1px;
		margin: 0 20px 20px 0;
		box-shadow: 3px 3px 20px rgba(0,0,0,0.2);
		-moz-box-shadow: 3px 3px 20px rgba(0,0,0,0.2);
		-webkit-box-shadow: 3px 3px 20px rgba(0,0,0,0.2);
		background: none;
		}

.png {
	padding: 1px;
	margin: 0 20px 20px 0;
	border: 0;
	box-shadow: 0 0 0 rgba(0,0,0,0) !important;
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0) !important;
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0) !important;
	background: none;
}

.alignright {
		float: right;
		}

.alignleft {
		float: left;
		}
		

#fotobook-main a {
    font-size: 2.4em;
	line-height: 1.8em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
}
		
	
/* End Images */

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
		margin-left: 0px;
		padding: 0 0 0 10px;
		list-style: circle;
		padding-left: 40px;
		text-indent: 0;
		}

html>body .entry li {
		
		line-height: normal;
		}

.entry ul li:before, #sidebar ul ul li:before {
		
		}

.entry ol {
		padding: 0 0 0 35px;
		margin: 0;
		}

.entry ol li {
		margin: 0;
		padding: 0;
		}

.postmetadata ul, .postmetadata li {
		display: inline;
		list-style-type: none;
		list-style-image: none;
		}

/* End Entry Lists */

/* Begin Form Elements */
#searchform {
		margin: 10px auto;
		padding: 5px 3px;
		text-align: left;
		}

#sidebar #searchform #s {
		width: 108px;
		padding: 2px;
		}

#sidebar #searchsubmit {
		padding: 1px;
		}

.entry form { /* This is mainly for password protected posts, makes them look better. */
		text-align:center;
		}

select {
		
		}

#commentform input {
		width: 170px;
		padding: 2px;
		margin: 5px 5px 1px 0;
		}

#commentform {
		margin: 5px 10px 0 0;
		}

#commentform textarea {
		width: 100%;
		padding: 2px;
		}

#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
		}

#commentform #submit {
		margin: 0 0 5px auto;
		float: right;
		}

/* End Form Elements */

/* Begin Comments*/

.alt {
		margin: 0;
		padding: 10px;
		}

.commentlist {
		padding: 0;
		text-align: justify;
		}

.commentlist li {
		margin: 15px 0 10px;
		padding: 5px 5px 10px 10px;
		list-style: none;
		}

.commentlist li .avatar { 
		float: right;
		padding: 2px;
		}

.commentlist li ul li { 
		margin-right: -5px;
		margin-left: 10px;
		}

.commentlist p {
		margin: 10px 5px 10px 0;
		}

.children {
		padding: 0;
		}

#commentform p {
		margin: 5px 0;
		}

.nocomments {
		text-align: center;
		margin: 0;
		padding: 0;
		}

.commentmetadata {
		margin: 0;
		display: block;
		}

/* End Comments */

/* Begin Calendar */
#wp-calendar {
		empty-cells: show;
		margin: 10px auto 0;
		width: 155px;
		}

#wp-calendar #next a {
		padding-right: 10px;
		text-align: right;
		}

#wp-calendar #prev a {
		padding-left: 10px;
		text-align: left;
		}

#wp-calendar a {
		display: block;
		}

#wp-calendar caption {
		text-align: center;
		width: 100%;
		}

#wp-calendar td {
		padding: 3px 0;
		text-align: center;
		}

/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
		cursor: help;
		}

blockquote {
		margin: 15px 30px 0 10px;
		padding-left: 20px;
		}

blockquote cite {
		margin: 5px 0 0;
		display: block;
		}

.center {
		text-align: center;
		}

.hidden {
		display: none;
		}

hr {
		display: none;
		}

.navigationTop {
		display: block;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 30px;
		}

.navigationBottom {
		display: block;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px;
		}

/* End Various Tags & Classes*/

/* Captions
.aligncenter,
div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;	
		}
 */
 
.wp-caption {
		margin: 0;
		padding: 0;
		background: none;
		border: 0;
		}

.wp-caption img {
		margin: 0;
		padding: 0;
		text-align: center;
		background: none;
		}

.wp-caption p.wp-caption-text {
		margin: 0;
		padding: 0 0 10px 5px;
		font-size: 12px;
		}
/* End captions */

#zenfoliorss { border: 1px dotted black }
#zenfoliorss img { border: 1px solid black; padding: 1px; height: 55px; width: 55px }

.gallery-item {width:auto !important; float: left;}

.gallery-caption {
		font-size: 11px;
		line-height: 14px;
		display: block;
		width: 290px;
		margin-top: 0;
		margin-bottom: 20px;
		padding: 4px;
}


#navigation {
	margin-top: 10px;
	list-style: none;
	border: solid #000000 0px;
	}

#navigation * {
	padding: 0;
	margin: 0;
	}

#navigation ul {
	text-align: left;
	}

#navigation ul li {
	display: list-item;
	}

#navigation ul li a, #navigation li.cat-item a {
	display: block;
	padding-bottom: 10px;
	text-decoration: none;
	line-height: 16px;
	font-size: 14px;
	font-family: "Courier New", Courier, monospace;
	color: #000;
	}
	
	
#navigation ul li a:hover, #navigation li.cat-item a:hover {
	color: #000000;
	}
	
#navigation ul li.current_page_item a, #navigation ul li.current-cat a, #navigation ul li.current_page_parent a {
	color: #000000;
	text-decoration: none;
	}

#wrapper #navigation ul li.current-cat a {
	color: #000000;
	text-decoration: none;
	}

#navigation ul li.current_page_item a:hover, #navigation ul li.current-cat a:hover {
	color: #000000;
	text-decoration: none;
	}
	
#facebook {
	
		}

#facebook_content {
	padding: 0;
		}

#status-time {
	font-size: 9px;
		}
		
#facebook li#status_press-2, #facebook li#status_press-3 {
	list-style: none;
	list-style-type: none;
	}

h3.widgettitle {
	display: none;
}

h3.social {
	font-size: 1.0em;
	letter-spacing: .1em;
}

li#fotobook-albums h2.widgettitle {
	display: block;
	border: solid #000000 0;
	font-size: 1.0em;
	font-style: italic;
	margin-bottom: 10px;
}

li#fotobook-albums, #facebook_content li, li#fotobook-photos {
	list-style: none;
}

#facebook_content li, #facebook_content h3 {
	padding-bottom: 10px;
}

li#fotobook-albums ul li a {
	font-size: 14px;
	line-height: 14px;
}


.rss-date {
	font-size: .6em;
	color: #999;
}

.slideshow object, .slideshow embed { max-width: 100%; height:100%; max-height: 100%; clear: left; margin: 0; padding: 0; border: none !important; }
.slideshow, #slideshow-wrapper, #fullsize, #information, #image, #image img, .imgnav, #imglink, #slideleft, #slideright, #slidearea, #slider { 
	max-width: 100%; height: 100%; margin: 0; padding: 0; border: none !important;
	}
#information h3 {
	text-align: left;
}

.accept {
	border: solid #FF0 2px;
	display: block;
	padding: 0 10px 0 10px;
}
/*.slideshow object, .slideshow embed { max-width: 100%; height:100%; clear: left; }
.slideshow { max-width: 100%; height: 100%; }
#slideshow-wrapper { max-width: 100%; height: auto;  }
#fullsize { max-width: 100%; height: auto; }
#information { max-width: 100%; height: auto; }
#image { max-width: 100%; height:100%; }
#image img { max-width: 100%; height:100%; }
.imgnav { max-width:25%; height:100%; }
#imglink { max-width: 100%; height:100%; }
#slideleft { max-width: 100%; height:100%; }
#slideright { max-width: 100%; height:100%; }
#slidearea { max-width: 100%; height:100%; }
#slider { max-width: 100%; height:100%; }*/

/* Smaller screens */

@media only screen and (max-width: 1024px) {

		body {
		font-size: 0.8em; /* Makes type a bit smaller at 1024 so layout doesn't look unbalanced */
		line-height: 1.5em;	/* As above */
		font-family: "Courier New", Courier, monospace;
		background: #e3e3e3;
		color: #333;
		}
		
		#access a {
		color: #333;
		display: block;
		line-height: 38px;
		padding: 20px 10px 3px 10px;
		text-decoration: none;
		}
		

		#footer-col-2 p, #footer-col-3 p {
		text-align: left;
		}

		#footer-col-4 p {
		text-align: left;
		}
    
    }


/* Mobile */

@media handheld, only screen and (max-width: 768px) {

		
	.row, .body, .container {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
		font-family: sans-serif;
		}
		
		.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 5px;
		padding-right: 10px;
		}
		
		/* Type presets */
		
		body {
		font-size: 16px;
		font-family: "Courier New", Courier, monospace;
		line-height: 24px;
		background: #e3e3e3;
		color: #333;
		}
		
		p, ul, li {
			font-family: "Courier New", Courier, monospace;
		}
		
		#access .menu-header,
		div.menu {
			font-family: "Courier New", Courier, monospace;
			color: #666666;
			line-height: normal;
			margin: 0 auto;
			padding-bottom: 4px;
		}
		
		#access .menu-header li,
		div.menu li {
			display: block;
			width: 100%;
		}
		
		#access a {
			font-size: 16px;
			line-height: normal;
			color: #333;
			display: block;
			padding: 4px;
			margin-bottom: 1px;
			text-decoration: none;
			background-color: #D3D3D3;
		}
		
		#access ul li.current_page_item > a,
		#access ul li.current-menu-ancestor > a,
		#access ul li.current-menu-item > a,
		#access ul li.current-menu-parent > a {
			color: #000;
			background-color: #FFF;
		}
		* html #access ul li.current_page_item a,
		* html #access ul li.current-menu-ancestor a,
		* html #access ul li.current-menu-item a,
		* html #access ul li.current-menu-parent a,
		* html #access ul li a:hover {
			color: #000;
			background-color: #FFF;
		}
		
		#footer-col-1 p {
			text-align: left;
			padding-bottom: 10px;
				}
				
		#footer-col-2 p, #footer-col-3 p {
			text-align: left;
			padding-bottom: 10px;
				}
		
		#footer-col-4 p {
			text-align: left;
			padding-bottom: 10px;
				}
		
		
		.slideshow object, .slideshow embed { max-width: 100%; height:100%; max-height: 100%; clear: left; margin: 0; padding: 0; border: none; }
		.slideshow, #slideshow-wrapper, #fullsize, #information, #image, #image img, .imgnav, #imglink, #slideleft, #slideright, #slidearea, #slider { 
			max-width: 100%;
			height: 100%;
			max-height: 100%;
			overflow: hidden;
			border: none !important;
			}
		.slideshow, #slideshow-wrapper, #fullsize { height: 250px; }
		#information {text-align: left;
		}



}

@media handheld, only screen and (max-width: 400px) {
    
	.row, .body, .container {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
		font-family: sans-serif;
		}
		
		.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 5px;
		padding-right: 10px;
		}
		
		/* Type presets */
		
		body {
		font-size: 16px;
		font-family: "Courier New", Courier, monospace;
		line-height: 24px;
		background: #e3e3e3;
		color: #333;
		}
		
		p, ul, li {
			font-family: "Courier New", Courier, monospace;
		}
		
		#access .menu-header,
		div.menu {
			font-family: "Courier New", Courier, monospace;
			color: #666666;
			line-height: normal;
			margin: 0 auto;
			padding-bottom: 4px;
		}
		
		#access .menu-header li,
		div.menu li {
			display: block;
			width: 100%;
		}
		
		#access a {
			font-size: 16px;
			line-height: normal;
			color: #333;
			display: block;
			padding: 4px;
			margin-bottom: 1px;
			text-decoration: none;
			background-color: #D3D3D3;
		}
		
		#access ul li.current_page_item > a,
		#access ul li.current-menu-ancestor > a,
		#access ul li.current-menu-item > a,
		#access ul li.current-menu-parent > a {
			color: #000;
			background-color: #FFF;
		}
		* html #access ul li.current_page_item a,
		* html #access ul li.current-menu-ancestor a,
		* html #access ul li.current-menu-item a,
		* html #access ul li.current-menu-parent a,
		* html #access ul li a:hover {
			color: #000;
			background-color: #FFF;
		}
		
		#footer-col-1 p {
			text-align: left;
			padding-bottom: 10px;
				}
				
		#footer-col-2 p, #footer-col-3 p {
			text-align: left;
			padding-bottom: 10px;
				}
		
		#footer-col-4 p {
			text-align: left;
			padding-bottom: 10px;
				}
		
		
		.slideshow object, .slideshow embed { max-width: 100%; height:100%; max-height: 100%; clear: left; margin: 0; padding: 0; border: none; }
		.slideshow, #slideshow-wrapper, #fullsize, #information, #image, #image img, .imgnav, #imglink, #slideleft, #slideright, #slidearea, #slider { 
			max-width: 100%;
			height: 100%;
			max-height: 100%;
			overflow: hidden;
			border: none !important;
			}
		.slideshow, #slideshow-wrapper, #fullsize { height: 250px; }
		#information {text-align: left;
		}
	
}