/*
Theme Name: ThinkPlace
Theme URI: http://wordpress.org/
Description: This is the ThinkPlace theme as created by IceLab. Original design by ZOO Communications.
Version: 1.6
Author: IceLab
Author URI: http://icelab.com.au/
Tags: transparent, semi-opaque, rounded

	ThinkPlace v2.0
	http://icelab.com.au/

	This is the ThinkPlace theme as created by IceLab.
	Original design by ZOO Communications.
*/

/*
ThinkPlace Colour Palette
#737377 - Text
#8d8d90 - Home / Default
#cd013d - What
#bfbc00 - How
#f18f00 - Who
#ad8c79 - Use Our Space
#104cd4 - Get in Contact


ThinkPlace font sizing
12pt, 13pt, 15pt, 17pt, 27pt, 36pt

Sections in this document
STRUCTURE
NAVIGATION
TYPOGRAPHY
TABLES
FORMS
MISC
Sections are prefixed with a '='

WordPress Page IDs
2	- Home
6	- What
28	- How
39	- Who
47	- Use Our Space
57	- Get in Contact
*/

/*
=STRUCTURE
*/
@import url(key-diagram.css);

body
{
	top: 0;
	padding: 0;
	margin: 0;
	font: normal 62.5%/1.3 "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	color: #737377;
	background: #fff url(images/bg-repeat.gif) top center repeat-y;
}

#container {
	background: transparent url(images/body_bg.jpg) 50% 0 no-repeat;
}

body.home { background-image: url(images/bg-repeat-home.gif); }
body.home #container { background-image: url(images/body_bg-home.jpg); }

body.what { background-image: url(images/bg-repeat-what.gif); }
body.what #container { background-image: url(images/body_bg-what.jpg); }

body.how { background-image: url(images/bg-repeat-how.gif); }
body.how #container { background-image: url(images/body_bg-how.jpg); }

body.who { background-image: url(images/bg-repeat-who.gif); }
body.who #container { background-image: url(images/body_bg-who.jpg); }

body.use { background-image: url(images/bg-repeat-use.gif); }
body.use #container { background-image: url(images/body_bg-use.jpg); }

body.contact { background-image: url(images/bg-repeat-contact.gif); }
body.contact #container { background-image: url(images/body_bg-contact.jpg); }

body.blog { background-image: url(images/bg-repeat-blog.gif); }
body.blog #container { background-image: url(images/body_bg-blog.jpg); }


body.home
{
	color: #fff;
}

#page
{
	display: block;
	position: relative;
	width: 950px;
	margin: 0 auto;
	min-height: 689px;
	_height: 689px;
	padding: 0;
	top: 0;
}

#header
{
	width: 100%;
	margin: 0;
	padding: 0;
}

#headerimg
{
	display: block;
	position: absolute;
	width: 235px;
	height: 223px;
	padding-top: 32px;
	margin: 0;
	top: 0;
	background-image: url(images/masthead_bg.png);
	/*see ie6.css for png fix*/
	background-repeat: no-repeat;
}

#headerimg h1
{
	margin: 0;
	padding: 0;
}

#headerimg a
{
	display: block;
	position: relative;
	left: 0;
	width: 159px;
	height: 195px;
	background-image: url(images/thinkplace_logo.jpg);
	margin: 0 auto;
	padding: 0;
	text-indent: -900em;
	font-size: 1px;
	overflow: hidden;
}

#headerimg .description
{
	display: none;
}

#content
{
	display: block;
	position: relative;
	top: 157px;
	left: 280px;
	padding: 25px 0 55px 25px;
	width: 645px;
	background-color: transparent;
	clear: both;
}

.home #content
{
	height: 340px;
	width: 440px;
	overflow: visible;
	padding: 110px 0 0 0;
}

.home #content .entry
{
	display: block;
	position: relative;
	top: -1.3em;
}

#content .entry .wrapper
{
	overflow: visible;
}

#content .hentry
{
	display: block;
	position: relative;
}

#content .news
{
	display: block;
	position: absolute;
	width: 187px;
	height: 252px;
	bottom: 0;
	left: -280px;
	padding: 0 24px 48px 24px;
	
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;

	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
}

#content .news span.one
{
	display: block !important;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 235px;
	height: 300px;
	
	background-color: #fff;
	opacity: 0.1;
	-moz-opacity: 0.1;
	filter:alpha(opacity=10);
}

#content .news h2
{
	margin: 1em 0 0.5em 0;
	padding-top: 0;
	font-weight: normal;
	/*font-size: =TYPOGRAPHY*/
}

#content .news ul
{
	margin: 0;
	padding: 0;
}

#content .news li
{
	list-style-type: none;
	margin: 0 0 5px 0;
	padding: 0;
}

#content .news li a
{
	color: #fff;
}

#content span.one
{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 670px;
	bottom: 30px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
	background-color: #fff;
	opacity: 0.95;
	-moz-opacity: 0.95;
	filter:alpha(opacity=95);
}

.home #content span.one
{
	display: none;
}

#content .wrapper
{
	display: block;
	position: relative;
	height: 100%;
	overflow: auto;
	padding-right: 25px;
	margin-top: -10px;
}

.no-heading .wrapper
{
	overflow: hidden !important;
	padding: 0 !important;
	margin-top: -5px;
}

#content img
{
	float: left;
	margin: 0 25px 25px 0;
}

#footer
{
	display: block;
	position: absolute;
	top: 597px;
	left: 0;
	width: 950px;
	margin: 0;
	padding-top: 10px;
	color: #737377;
	text-align: right;
}

#sidebar
{
	display: none;
}

/*
=NAVIGATION
*/ 
#header .navigation ul
{
	display: block;
	position: absolute;
	width: auto;
	height: 68px;
	top: 0;
	right: 0px;
	margin: 0;
	z-index: 2;
}

#header .navigation li
{
	display: block;
	position: relative;
	float: left;
	width: auto;
	height: 68px;
	margin-right: 10px;
}

#header .navigation li em
{
	font-style: normal;
}

#header .navigation li a
{
	display: block;
	position: relative;
	padding: 68px 10px 10px 10px;
	background-position: 0 -496px;
	background-repeat: repeat-x;
	text-decoration: none;
	color: #737377;
	text-align: center;
	
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

#header .navigation li a { background-image: url(images/swatch_8d8d90.gif); }
#header .navigation li.page-item-6 a { background-image: url(images/swatch_cd013d.gif); }
#header .navigation li.page-item-28 a { background-image: url(images/swatch_bfbc00.gif); }
#header .navigation li.page-item-39 a { background-image: url(images/swatch_f18f00.gif); }
#header .navigation li.page-item-57 a { background-image: url(images/swatch_104cd4.gif); }
#header .navigation li.page-item-47 a { background-image: url(images/swatch_ad8c79.gif); }

/**
* navigation item for the selected page,
* i.e. the selected nav item
*/
#header .navigation li.current_page_item a,
#header .navigation li.current_page_parent a,
#header .navigation li.current_page_ancestor a
{
	background-position: 0 0;
	color: #fff;
}

#header .navigation li a:hover
{
	background-position: 0 0;
}

#header .navigation li ul
{
	display: none;
}

/**
* We don't want the home navigation item to appear on the home page
* i.e. the selected nav item
*/
.home #header .navigation li.page-item-2
{
	display: none;
}

/*
* Sub navigation to appear fo the selected main nav item
*/
#header .navigation li.current_page_item ul,
#header .navigation li.current_page_parent ul,
#header .navigation li.current_page_ancestor ul
{
	display: block;
	position: absolute;
	top: 97px;
	margin-top: 10px;
	white-space: nowrap;
}

/**
* We want these ones to be left aligned...
*/
#header .navigation li ul
{
	left: 0px;
	width: 580px;
	padding: 0;
}

/**
* This one needs to be shorter
*/
#header .navigation li.page-item-28 ul,
#header .navigation li.page-item-39 ul
{
	width: 400px;
}

/**
* ... and these to be right aligned so they don't fall off the page
*/
#header .navigation li.page-item-57 ul,
#header .navigation li.page-item-47 ul
{
	left: auto;
	right: -12px;
	width: 500px;
	border-width: 1px;
}

#header .navigation li ul li
{
	display: block;
	position: relative;
	float: left;
	height: auto;
}

#header .navigation li.page-item-57 ul li,
#header .navigation li.page-item-47 ul li
{
	float: right;
}

/**
* sub nav link
*/
#header .navigation li.current_page_item ul li a,
#header .navigation li.current_page_parent ul li a,
#header .navigation li.current_page_ancestor ul li a
{
	display: block;
	position: relative;
	background-image: none;
	padding: 10px;
	text-align: center;
	z-index: 2;
}

#header .navigation li ul li span
{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter:alpha(opacity=60);
	background-repeat: repeat;
	z-index: 1;
	left: 0;
	top: 0;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#header .navigation li ul li em
{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
}

/* 
* select sub nav (needs it's own .selected class)
*/
#header .navigation li.current_page_ancestor ul li.current_page_item span
{
	opacity: 1.0;
	-moz-opacity: 1.0;
	filter:alpha(opacity=100);
}

#header .navigation li ul li span { background-image: url(images/swatch_8d8d90.gif); }
#header .navigation li.page-item-6 ul li span { background-image: url(images/swatch_cd013d.gif); }
#header .navigation li.page-item-28 ul li span { background-image: url(images/swatch_bfbc00.gif); }
#header .navigation li.page-item-39 ul li span { background-image: url(images/swatch_f18f00.gif); }
#header .navigation li.page-item-57 ul li span { background-image: url(images/swatch_104cd4.gif); }
#header .navigation li.page-item-47 ul li span { background-image: url(images/swatch_ad8c79.gif); }

/*
=TYPOGRAPHY
*/
a
{
	color: #333;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a.post-edit-link
{
	display: block;
	position: absolute;
	top: 0;
	right: 20px;
	padding: 5px;
	
	color: #fff;
	background-color: #000;
	
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter:alpha(opacity=60);
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	font-weight: bold;
	text-transform: uppercase;
}

h2
{
	font-size: 2.7em;
	font-weight: bold;
	margin: 0;
}

#content .news h2
{
	font-weight: normal;
}

#content .news li
{
	position: relative;
	font-weight: normal;
	font-size: 1.7em;
}

h3
{
	font-size: 1.7em;
	font-weight: bold;
}

h4
{
	font-size: 1.3em;
	font-weight: bold;
}

/* .quote is the index page's quote panel */
.home #content .entry
{
	font-size: 2.7em;
	line-height: 1.3;
	margin: 0;
}

#content p.first
{
	font-size: 1.7em;
	margin: 0 0 20px 0;
}

#content p,
#content li
{
	font-size: 1.2em;
}

.home #content .entry cite
{
	display: block;
	float: right;
	font-style: normal;
	font-size: 1.7em;
}

.home #content .entry cite strong
{
	display: block;
}

/**
Navgigation fonts
See also
NAVIGATION
*/
#header .navigation li
{
	font-size: 1.3em;
}

#header .navigation li ul li
{
	font-size: 1.0em;
}

/**
Footer contents 
see also 
NAVIGATION
STRUCTURE
*/
#footer a
{
	color: #737377;	
	text-decoration: none;
}

#footer a:hover
{
	text-decoration: underline;
}

#footer p, #footer ul, #footer li
{
	display: inline;
}

#footer p, #footer li
{
	padding: 0 5px;
}

#footer ul
{
	margin: 0;
	padding: 0;
}

#footer li
{
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #737377;
}

#footer p.author
{
	display: block;
	position: relative;
	float: right;
	height: 14px;
	width: 47px;
	padding: 0;
	margin-left: 30px;
	overflow: hidden;
	text-indent: 900em;
	font-size: 1px;
}

#footer p.author a
{
	display: block;
	position: absolute;
	height: 14px;
	width: 47px;
	margin: 0;
	top: 0;
	left: 0;
	background-image: url(images/zoo_logo.gif);
	background-repeat: no-repeat;
	background-position: top left;
	overflow: hidden;
	text-indent: 900em;
	font-size: 1px;
}

#footer p.author a:hover
{
	background-position: -14px left;
}

textarea
{
	display: block;
	position: relative;
	width: 90%;
}

/**
* =VIEWER
* Using viewer as a way of showing extra content on click
*/

.viewer dl
{
	display: block;
	/*no position relative as we want contents to be positioned relative to .viewer*/
	width: 300px;
}

.viewer dt
{
	display: block;
	width: 300px;
	padding: 5px;
	margin: 0.5em 0;
	font-size: 1.5em;
	cursor: pointer;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	color: #fff;
	
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);
}

#content dl.selected dt
{
	opacity: 1.0 !important;
	-moz-opacity: 1.0 !important;
	filter:alpha(opacity=100) !important;
}

.home 	.viewer dt { background-color: 	#8d8d90; }
.what 	.viewer dt { background-color: 	#cd013d; }
.how 	.viewer dt { background-color: 	#bfbc00; }
.who 	.viewer dt { background-color: 	#f18f00; }
.where 	.viewer dt { background-color: 	#8a2178; }
.work 	.viewer dt { background-color: 	#104cd4; }
.studio .viewer dt { background-color:	#ad8c79; }


.viewer dd
{
	display: none;
	position: absolute;
	top: 0px;
	right: 25px;
	width: 260px;
	font-size: 1.2em;
}

.viewer dd p,
.viewer dd li
{
	font-size: 1.0em !important;
}

.viewer dd.selected
{
	display: block;
}


/*
=TABLES
*/
table
{
	display: block;
	width: 100%;
	clear: both;
	border-collapse: collapse;
}

thead th
{
	text-transform: uppercase;
	text-align: left;
	color: #fff;
}

.home 	  thead th { background-color: 	#8d8d90; }
.what 	  thead th { background-color: 	#cd013d; }
.how 	  thead th { background-color: 	#bfbc00; }
.who 	  thead th { background-color: 	#f18f00; }
.where 	  thead th { background-color: 	#8a2178; }
.work 	  thead th { background-color: 	#104cd4; }

tbody th
{
	vertical-align: top;
	text-align: left;
}

tbody th,
tbody td
{
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #737377;
}

th, td
{
	padding: 5px;
}


/*
=FORMS
*/
label
{
	display: block;
	position: relative;
	padding-left: 120px;
}

label strong
{
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	width: 110px;
}

label em
{
	display: block;
	position: absolute;
	top: 2px;
	left: 430px;
}
 
label input,
label select,
label textarea
{
	width: 300px;
}

label textarea
{
	height: 60px;
}

input.submit
{
	display: block;
	position: relative;
	left: 430px;
	padding: 5px 15px;
	
	color: #fff;
	background-color: #01a017;
	
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter:alpha(opacity=60);
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-width: 2px;
	border-style: solid;
	border-color: #01a017;
	font-weight: bold;
	text-transform: uppercase;
}

input.submit:hover
{
	border-color: #036711;
	cursor: pointer;
}

.wpcf7-not-valid-tip-no-ajax
{
	font-weight: bold;
}

.wpcf7-response-output
{
	padding: 5px 0 !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	text-indent: 0;
}

.wpcf7-validation-errors
{
	background-color: #faf191;
}

.wpcf7-mail-sent-ok
{
	background-color: #9dfa91;
}

/*
=MISC
*/
hr
{
	display: none;
	visibility: hidden;
}

/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */
