/*
  impossible.css, 
  table-less CSS for ImpossibleThinking.com
  this version 14/02/06
  www.coredatasolutions.co.uk
*/

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:76%;}
h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;}	
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:normal;}

#container{
	background:url(containerBackground.jpg) repeat-y left top;
	border: 1px solid #333;
	position:absolute;
	width:955px;}
   
#pageTitle{
	background:url(pageTitleBackground.jpg) repeat-x left bottom;
	height:156px;
	position:relative;}
#pageTitle h1{
	background:url(impossible_thinking_logo.gif) no-repeat left top;
	height: 103px;
	margin:0;
	text-indent:-5000px;}
	
#horizontalNavigation{
	bottom:0;
	left:200px;
	margin:0;
	padding:0px;
	position:absolute;
	width:610px}
#horizontalNavigation li{
	font-size: x-small;}
#horizontalNavigation ul{
	list-style:none;
	margin:0;}
#horizontalNavigation ul li{
	background-image:url(tabRight.jpg);
	background-repeat: no-repeat;
	background-position:right top;
	float:left;
	margin:0;
	padding-right: 14px;}
#horizontalNavigation ul li.selected{
	background-image:url(tabRightSelected.jpg);}
#horizontalNavigation ul li a{
	background-image: url(tabLeft.jpg);
	background-repeat: no-repeat;
	background-position:left top;
	color: #fff;
	display:block;
	padding: 10px 0px 5px 8px;
	text-decoration: none;}
#horizontalNavigation ul li a:hover, #horizontalNavigation li.selected a:hover{
	text-decoration:underline;}
	
/*Selected left-hand side of 'button', attached to <a>
  Each pages has an ID, and each list items has a unique class*/
body#Home li.selectedHome a,
body#Book li.selectedBook a,
body#Blog li.selectedBlog a,
body#Background li.selectedBackground a{
	background-image: url(tabLeftSelected.jpg);
	color: #333;}

/*Selected right-hand side of 'button', , attached to <li> */
body#Home li.selectedHome,
body#Book  li.selectedBook,
body#Blog li.selectedBlog,
body#Background li.selectedBackground{
	background-image:url(tabRightSelected.jpg);}

#leftNavigation{
	background:transparent;
	width: 185px;
	float:left;}
#leftNavigation h3{	
	background-color: #798598;
	background-image:url(leftNavHeading.jpg);
	background-repeat:repeat-x;
	color: #fff;
	padding:5px;
	margin:0 ;}
#leftNavigation p{
	margin:0;	
	padding:5px;}
#leftNavigation a:link, #leftNavigation a:visited{
	color:#fff;
	text-decoration:none;}
#leftNavigation a:hover{
	text-decoration:underline;}
#leftNavigation hr {
	border-top: 1px dashed #fff;
	height: 1px;}

#mainContents{
	float:left;
	padding:20px;
	width: 580px;}
#mainContents h3{
	color: #BB355F;
	font-weight:bold;}
#mainContents blockquote h3{
	font-size:1.1em;
	padding-left: 160px;
	text-align: right;}
#mainContents blockquote p{
	background:url(openingQuotes.gif) left top no-repeat;
	padding-top:20px;}
#mainContents ul{
	color: #000;
	background-color:#eee;
	border-bottom: 1px solid #999;
	border-top: 10px solid #3E4E68;
	font-size: small;
	font-weight: 600;
	list-style-type:square;}
#mainContents li{
	padding: 5px 5px 15px 15px;}
	
.floatRight{
	float:right;
	padding: 5px 0 5px 5px;}
	
#rightMenu{
	background: url(rightMenuBackground.gif) left bottom repeat-x #ccc;
	border-left:#999 1px solid;
	float:left;
	padding-bottom:20px;
	padding-top:20px;
	width: 149px;}
#rightMenu h3{
	color: #fff;
	font-weight:bold;
	padding-left: 5px;}
#rightMenu p{
	padding-left: 5px;}

.roundedBox{
	background-color:#333;
	margin:auto;
	width:140px;}
.roundedBox p{
	background-color:#fff;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	margin:0;
	padding:5px 5px 0 5px;}
.roundedBox h3{
	background-color:#333;
	color: #fff;
	font-size: 1.0em;
	margin:0;
	padding-left:5px;	}
.roundedBoxTop { 
	background-color:#333;
	background:url(roundedTopRight.gif) no-repeat top right;}
.roundedBoxBottom { 
	background-color:#333;
	background:url(roundedBottomRight.gif) no-repeat top right;}
img.corner {
	border: none;
	display: block !important;
	width: 20px;
	height: 20px;}
.roundedRightBottom { 
	background-color:#333;
	background:url(roundedRight.gif) no-repeat top right;}