/* Stylesheet for imaginaryfutures.net

Author: Stuart Curran (http://www.schmo.co.uk) from original design by Matt Miller (http://www.mattmiller.co.uk)

Colors

#033342 - page bgnd
#000000 - body txt, footer bgnd
#ffffff - core nav links
#085871 - page nav links
#F8F8F8 -  bgnd panels
#951A41 - whats new heading+ link
#93A8D0 - register link
#669898 - archive link
#dddddd - col divider
#5987B4 - biog links

Fonts

Body text - Verdana 11px
Heading - Verdana 18px
Main nav - Verdana 11px
Sidebars+footer - Verdana 10px
SIFR Headings - Futura?

*/

/* Lets get started and define our basic bits ''n bobs */

html {
	background : #033342 url(images/grad-bgnd.jpg) repeat-x;	
}

body {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	text-align : center;
	margin : 0 0 30px 0;
	padding : 0;
}

a {
	text-decoration : none;
}

a:hover {
	text-decoration : underline;
}

img {
	border : 0;
}

p {
	line-height : 1.25em;
}

p span {
	color : #666666;
}

hr {
	background : #fff url(images/chev-basic.png) repeat-x;
	height : 4px;
	clear : both;
	border: 0;
	margin : 20px 0;
}

#container {
	width : 865px;
	margin : 30px auto;
	text-align : left;
	position : relative;
}

#header {
	clear : both;
	padding-bottom : 30px;
}

#navigation {
	background : #000;
}

#page {
	background-color : #fff;
	clear : both;
	width : 865px;
	position : relative;
}

#footer {
	background-color : #000;	
	clear : both;
	padding : 0 10px;
}

/* This is a 3-column layout */

#content {
	display:inline;
	float : left;
	background : #fff;
	position : relative;
}

#sidebar-left,  #sidebar-right {
	width : 165px;
	background : #fff;
}

#sidebar-right {
	float : left;
	margin-left : 10px;
}

#sidebar-left {
	float : left;
	margin-left : -690px;
}

/* NAVIGATION */

/* Main navigation */

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

 #navigation ul li { 
	list-style-type: none;
	padding: 0;
	margin: 0;
/*	margin-right : 2px;*/
	display: block;
	float: left;
	background : url(images/nav-bgnd-1.gif);
	line-height : 28px;
	border-right : 2px solid #000;
 }

#navigation ul li a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding : 0 41px 0 10px;
	/*border-right : 5px solid #000;*/
	background : transparent url(images/arrow-white.png) no-repeat 80% center;	
}

#navigation ul li a:hover {
	text-decoration : underline;
}

#navigation li.current_page_item {
	background : url(images/nav-bgnd-2.gif);
}

#navigation li.current_page_item a {
	background : transparent url(images/arrow-white-on.png) no-repeat 80% center;
}


/* Secondary page navigation - added 23-07-07 */


#submenu .pagenav .page_item {
	padding-left : 10px;	
	line-height : 1.5em;
	font-size: 11px;
	font-weight: bold;
}

#thebook #submenu .pagenav .page_item {
	background : transparent url(images/arrow-gallery.png) no-repeat left;
}

#thebook #submenu .pagenav .page_item a {
	color : #085871;
}

#thebook #submenu .pagenav .page_item a:hover {
	text-decoration: underline;
}

#submenu .pagenav .current_page_item a {
	text-decoration: underline;
}


/* Footer navigation */

#footer ul {
	margin : 0;
	padding : 0;
	text-align : right;
}

#footer ul li {
	display : inline;
	list-style-type : none;
	line-height : 28px;
	padding-right : 10px;
	margin-right : 10px;
	background : transparent url(images/div-foot.png) no-repeat right;
}

#footer ul li:last-child  {
	background : none;
	padding-right : 0;
	margin-right : 0;
	}

#footer ul li a {
	color : #fff;
	text-decoration : none;
}

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

/* Tabs */

#tabs {
/*	float : right;
	margin-right : -60px;
	margin-top : -115%;*/
	position : absolute;
	top : 10px;
	right : -30px;
}

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

#tabs ul li {
	margin : 0;
	padding : 0;
	list-style-type : none;
}

#tabs a {
	display : block;
	width : 30px;
	height : 120px;
}

#tabs a span {
	display : none;
}

#tabs #pluto {
	background : transparent url(images/tab-pluto.png) no-repeat;
}

#tabs #cyber {
	background : transparent url(images/tab-cyber.png) no-repeat;
}

/* TYPOGRAPHY */

/* Main content area */

#content h1 {
	font-size : 1.6em;
	margin-top : 0;
	color : #666;
	text-transform : uppercase;
	font-weight : normal;
	clear : both;
}

#content h1 span {
	color : #666;
	text-transform : uppercase;
	font-weight : normal;
	clear : both;
}

#content h2 {
	font-size : 1.4em;
	margin-top : 0;
	font-weight : normal;
	text-transform : uppercase;
}

#content h3 {
	font-size : 1.4em;
	margin-top : 0;
}

#content a {
	color : #085871;
}

#intro  a {
	font-weight : bold;
}

#intro p a {
	background : transparent url(images/arrow-author.png) no-repeat right;
	padding-right : 10px;	
}

/* Gallery area on homepage */

#gallery-home {
	background-color : #f8f8f8;
	padding : 10px 0 10px 10px;
	background : transparent url(images/grad-home-gallery.jpg) repeat-y right;	
}

#gallery-home img {
	border : 0;
	margin : 0 9px 0 0;
	padding : 0 0 20px 0;
	background : transparent url(images/grad-gallery-img.jpg) repeat-x bottom;
}

#gallery-home a {
	font-weight : bold;
}

#gallery-home p a {
	background : transparent url(images/arrow-author.png) no-repeat right;
	padding-right : 10px;	
}

/* Gallery teaser in sidebar */

#gallery-teaser {
	background-color : #F8F8F8;
	padding : 10px;
}

#gallery-teaser p a {
	color : #666;
	background : transparent url(images/arrow-gallery.png) no-repeat right;
	padding-right : 10px;	
}

#gallery-home p a {
	background : transparent url(images/arrow-gallery.png) no-repeat right;
	padding-right : 10px;	
}

/* Left hand side, homepage-specific */

#sidebar-left h2 {
	margin : 0 0 10px 0;
	padding : 0;
	font-size : 1em;
}

#sidebar-left p {
	color : #666;
}

#sidebar-left a {
	color : #085871;
}

/* Author teaser */

#author {
	padding-top : 10px;
}

#author h2 {
	font-size : 1em;
}

#author a {
	font-weight : bold;
}

#author p a {
	background : transparent url(images/arrow-author.png) no-repeat right;
	padding-right : 10px;	
}

#author img {
	padding : 9px;
	background-image : url(images/chev-basic.png);
}

/* Book teaser */

#book {
	padding : 10px;
	background : #F8F8F8;
}

#book h2 {
	font-size : 1em;
}

#book p {
	color : #666;
}

#book a {
	color : #085871;
}

/* Right hand side */

#sidebar-right h2 {
	margin : 0 0 10px 0;
	padding : 0;
	font-size : 1em;	
}

#sidebar-right h3 {
	margin : 0;
	color : #fff;
	padding : 0 10px;
	font-size : 1em;
	line-height : 22px;
}

#sidebar-right h4 {
	margin : 0;
	font-size : .9em;
	text-transform : uppercase;
}

#sidebar-right p, #sidebar-right li {
	font-size : .9em;
}

#sidebar-right ul {
	margin-left : 0;
	padding-left : 0;
}

#sidebar-right ul li {
	list-style-type : none;
	margin : 0;
	padding : 0;
}

#news-teaser, #subscribe, #hrc-teaser, #links, #latest-news {
	padding : 0 10px 10px 10px;
	background : transparent url(images/div-right.png) repeat-y left;
}

#news-teaser a, #subscribe a, #hrc-teaser a, #links a, #latest-news a {
	font-weight : bold;
}

#news-teaser p, #subscribe p, #hrc-teaser p, #links p {
	margin : 10px 0 0 0;
}

#news-teaser h3 {
	background : #951A41 url(images/chev-maroon.png);
}

#news-teaser a, #latest-news a {
	color : #951A41;
}

#news-teaser p a, #latest-news p a {
	background : transparent url(images/arrow-news.png) no-repeat right;
	padding-right : 10px;	
}

#subscribe h3 {
	background : #93A8D0 url(images/chev-light.png);
}

#subscribe input {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	width : 135px;
	padding : 1px;
	margin : 5px 0;
}

#subscribe input.submit {
	font-weight : bold;
	width : 80px;
}

#subscribe a {
	color : #93A8D0;
} 

#subscribe p a {
	background : transparent url(images/arrow-subscribe.png) no-repeat right;
	padding-right : 10px;	
}

#hrc-teaser h3 {
	background : #669898 url(images/chev-medium.png);
}

#hrc-teaser a {
	color : #669898;
	font-weight : bold;
}

#hrc-teaser p a {
	background : transparent url(images/arrow-hrc.png) no-repeat right;
	padding-right : 10px;	
}

/* Need to look at this one - not sure about colors */

#links h3 {
	background : #085871 url(images/chev-dark.png);
}

#links li {
	line-height : 1.5em;
}

#links a {
	color : #085871;
}


/* Footer text */

#footer {
	font-size : 0.9em;
}

#footer p {
	float : left;
	line-height : 28px;
	color : #fff;
	margin : 0;
}

/* MASTHEADS */

.masthead {
	width : 670px;
	position : absolute;
	top : 10px;
	margin : 0;
	padding : 0;
/*	background-color : #085871;*/
	color : #fff;
	font-size : 2em;
	text-transform : uppercase;
}

.masthead p {
	margin : 0;
}

/* Homepage */

#home .masthead {
	height : 200px;	
}

#home #quote-1 {
	background : url(images/home-masthead-1.jpg) no-repeat;
	text-indent : -9000px;
	height : 200px;
}
#home #quote-2 {
	background : url(images/home-masthead-2.jpg) no-repeat;
	text-indent : -9000px;
	height : 200px;	
}
#home #quote-3 {
	background : url(images/home-masthead-3.jpg) no-repeat;
	text-indent : -9000px;
	height : 200px;
}
#home #quote-4 {
	background : url(images/home-masthead-4.jpg) no-repeat;
	text-indent : -9000px;
	height : 200px;
}
#home #quote-5 {
	background : url(images/home-masthead-5.jpg) no-repeat;
	text-indent : -9000px;
	height : 200px;
}

#home #content {
	width : 515px;
	margin-left : 175px;
	padding-top : 210px;
}

#home #content h1 {
	text-transform : none;
	font-weight : bold;
	color : #000;
}

#home #sidebar-left {
	margin-left : -680px;
}

#home #sidebar-right {
	padding-top : 220px;	
}

#sidebar-right {
	float : left;
	margin-left : 10px;
}

#sidebar-left {
	float : left;
	margin-left : -690px;
}


/* The Book */

#thebook .masthead {
	height : 175px;	
}

#thebook #quote {
	background : url(images/book-masthead.jpg) no-repeat;
	text-indent : -9000px;
	height : 175px;	
}

#thebook #sidebar-right {
	background : url(images/book-image.jpg) no-repeat 0 10px;
	padding-top : 195px;
}

#thebook #content {
	width : 680px;
	margin-left : 0px;
	background : #fff;
	position : relative;
	padding-top : 190px;
}

/* Biographies */

#biog .masthead {
	height : 175px;	
}

#biog #quote {
	background : url(images/biog-masthead.jpg) no-repeat;
	text-indent : -9000px;
	height : 175px;	
}

#biog #sidebar-right {
	background : url(images/biog-image.jpg) no-repeat 0 10px;
	padding-top : 195px;
}

#biog #content {
	width : 680px;
	margin-left : 0px;
	background : #fff;
	position : relative;
	padding-top : 190px;
}

#biog #content dl {
	margin : 0 0 20px 0;
	padding : 0;
}

#biog #content dl dd.image {
	float : left;
	padding-left : 0;
	margin : 0 0 20px 0;
}

#biog #content dl dd.image img {
	padding : 8px;
	background-image : url(images/chev-basic.png);	
}

#biog #content dl dt {
	padding-left : 180px;
	margin : 0 0 10px 0;
	font-size : 1.4em;
}

#biog #content dl dd {
	padding-left : 180px;
	margin : 0 0 10px 0;
}

/* Previous works*/

#works .masthead {
	height : 175px;	
}

#works #quote {
/*	background : url(images/works-masthead.jpg) no-repeat; */
	background : url(images/other_works_header.jpg) no-repeat;	
	text-indent : -9000px;
	height : 175px;
}

#works #sidebar-right {
	background : url(images/works-image.jpg) no-repeat 0 10px;
	padding-top : 195px;
}

#works #content {
	width : 680px;
	margin-left : 0px;
	background : #fff;
	position : relative;
	padding-top : 190px;
}

#works #content h2 {
/*	font-size : 1em;*/
	padding-top : 20px;
	margin-bottom : 5px;
	border-top : 1px solid #ccc;
}

#works #content p {
	margin-top :0;
}

#works #content p a {
	background : transparent url(images/arrow-prev-works.png) no-repeat right;
	padding-right : 10px;	
	color : #998675;
}

#works #copyleft {
	color : #666;
}

#works #copyleft h3 {
	font-size : 1em;
	padding-top : 20px;
	margin-bottom : 5px;
	border-top : 1px solid #ccc;
}

/* Reviews - added 23-07-07 */

#reviews .masthead {
	height : 175px;	
}

#reviews #quote {
	background : url(images/reviews_header.jpg) no-repeat;
	text-indent : -9000px;
	height : 175px;
}

#reviews #sidebar-right {
	background : url(images/contact-image.jpg) no-repeat 0 10px;
	padding-top : 195px;
}

#reviews #content {
	width : 680px;
	margin-left : 0px;
	background : #fff;
	position : relative;
	padding-top : 190px;
}

#reviews #content h2 {
/*	font-size : 1em;*/
	padding-top : 20px;
	margin-bottom : 5px;
	border-top : 1px solid #ccc;
}

#reviews #content p {
	margin-top :0;
}

#reviews #content p a {
	background : transparent url(images/arrow-prev-works.png) no-repeat right;
	padding-right : 10px;	
	color : #998675;
}

#reviews #copyleft {
	color : #666;
}

#reviews #copyleft h3 {
	font-size : 1em;
	padding-top : 20px;
	margin-bottom : 5px;
	border-top : 1px solid #ccc;
}


/* News */

#news a {
	color : #951A41;
}

#news  .masthead {
	height : 175px;
}

#news #quote {
	background : transparent url(images/news-masthead.jpg) no-repeat;
	text-indent : -9000px;
	height : 175px;
}

#news  #sidebar-left {
	background : url(images/news-image.jpg) no-repeat 0 10px;
	padding-top : 195px;
	margin-left : -680px;
}

#news  #sidebar-right {
	padding-top : 195px;
	margin-left : 10px;
}

#news #content {
	width : 515px;
	margin-left : 175px;
	background : #fff;
	position : relative;
	padding-top : 190px;
}

#news #content h2 {	
	color : #666;
	text-transform : uppercase;
	font-weight : normal;
	clear : both;
}

#news .news-category-item {
	padding-bottom : 10px;
	border-bottom : 1px solid #ccc;
	margin-bottom : 10px;
}

#news #content p.more a {
	background : transparent url(images/arrow-news.png) no-repeat right;
	padding-right : 10px;	
}

/* Gallery */

#gallery .masthead {
	background : url(images/gallery-image.jpg) no-repeat 100% 0px;
	height : 175px;	
	width : 845px!important;
}

#gallery #quote {
	background : url(images/gallery-masthead.jpg) no-repeat;
	text-indent : -9000px;
	height : 175px;
	width : 670px;
}

#gallery #sidebar-right {
	background : url(images/gallery-image.jpg) no-repeat 0 10px;
/*	padding-top : 195px;*/
	height : 175px;
}

#gallery #sidebar-right h3 {
	color : #000;
}

#gallery #content {
/*	width : 680px;*/
	width : 845px;	
	margin-left : 0px;
	background : #fff;
	position : relative;
	padding-top : 190px;
}

/* Gallery image grid */

#gallery h1 {
	padding-bottom : 10px;
	margin-bottom : 0;
	border-bottom : 1px solid #e6e6e6;
}

#artwork {
	width : 845px;
}

#artwork dl {
	margin : 20px 5px 0 0;
	padding : 0 0 10px 0;
	border-bottom : 1px solid #e6e6e6;
	width : 205px;
	float : left;
}

#artwork dl dt {
	font-weight : bold;
	margin : 0;
	padding : 0;
	height : 40px;
	width : 165px;
}

#artwork dl dd {
	margin : 0;
	padding : 0;
} 

#artwork dl dd img {
	padding : 10px 0;
}

#artwork dl dd a.enlarge {
	background : transparent url(images/icon-zoom.png) no-repeat left;
	padding-left : 15px;
	color : #666;
}

/* Contacts */

#contacts  .masthead {
	height : 175px;	
}

#contacts #quote {
/*	background : url(images/contact-masthead.jpg) no-repeat; */
	background : url(images/reviews_header.jpg) no-repeat;	
	text-indent : -9000px;
	height : 175px;	
}

#contacts  #sidebar-left {
	background : url(images/contact-image.jpg) no-repeat 0 10px;
	padding-top : 195px;
	margin-left  : -845px;
}

#contacts  #content {
	width : 680px;
	margin-left : 175px;
	background : #fff;
	position : relative;
	padding-top : 190px;
}

#contacts #content dl {
	line-height : 1.25em;
}

#contacts #content dl dt {
	font-weight : bold;
	text-transform : uppercase;
	margin-top : 20px;
}

#contacts #content dl dd {
	margin-left : 0;
}

#contacts #content dl dd a {
	color : #666;
}

/* HRC */

#hrc a {
	color : #649696;
}

#hrc .masthead {
	height : 175px;	
}

#hrc #quote {
	background : url(images/hrc-masthead.jpg) no-repeat;
	text-indent : -9000px;
	height : 175px;	
}

#hrc #sidebar-right {
	background : url(images/hrc-image.jpg) no-repeat 0 10px;
	padding-top : 195px;
}

#hrc #content {
	width : 680px;
	margin-left : 0px;
	background : #fff;
	position : relative;
	padding-top : 190px;
}

#hrc #sidebar-right h3 {
	color : #000;
}

#hrc #content h2 {	
	color : #666;
	text-transform : uppercase;
	font-weight : normal;
	clear : both;
}

#hrc .news-category-item {
	padding-bottom : 10px;
	border-bottom : 1px solid #ccc;
	margin-bottom : 10px;
}

#hrc #content p.more a {
	background : transparent url(images/arrow-hrc.png) no-repeat right;
	padding-right : 10px;	
}

/* MISCELLANEOUS */

.itsawrap {
	padding : 10px;
}

.nomargin {
	margin : 0;
}

.downshift {
	padding-top : 218px!important;;
}

#print {
	margin : 0 0 20px 0;
}

#print a {
	padding : 5px 10px 5px 25px;
	background : #F8F8F8 url(images/icon-print.png) no-repeat 5px 8px!important;
	border-bottom : 1px solid #ccc;
	color : #666666!important;
}

.email {
	padding-right : 15px;
	background : url(images/icon-email.png) no-repeat right;
}

#classofthenew {
	padding : 10px;
	background : #F8F8F8;
	margin-top : 10px;
}

#classofthenew a {
	color : #D15B26;
}

/* SIFR */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/*.sIFR-hasFlash h1 {
	visibility: hidden;
}*/

.sIFR-hasFlash #sidebar-left h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 18px;
}

.sIFR-hasFlash #sidebar-right  h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 18px;
}