/* @override http://localhost/preview/1155932372_15/public/live/themes/1155932372_15/RecursiveLive/css/rdi.css */

/* This theme is designed to work with a raconteur theme with content templates derrived
from 1024px - An open source xhtml/css website template by Andreas Viklund at
http://andreasviklund.com, Version: 1.2, April 20, 2006. The style is meant to re-produce
the appearance of the www.recursive.ca site as it has been for several years, and that design
was by Recursive Design Inc staff, in particular Mike Lariviere. (1)*/
/******** General tags ********/
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: rgb(72,88,104);
  background: #94a5bd url(images/background.gif) no-repeat top center;
  line-height:1.2em;
  margin: 0em;
  padding:0;
  border: #ccc none;
}
a {
  text-decoration:none;
  color:#506070;
  font-weight:bold;
}
a:hover {
  text-decoration:underline;
}
a img {
  border:0;
}
p {
  margin: 0em 11px 1em 1em;
  padding-left: 13px;
}
ul,ol,dl {
  font-size:12px;
  margin:2px 0 16px 35px;
}
div#banner {
  font-size:4em;
  letter-spacing:-5px;
  color:#4088b8;
  background-color: white;
  height: 183px;
  background-image: url(images/banner.jpg);
  background-repeat: no-repeat;
  border: double;
  margin: 1px;
}
div#nobanner {
  font-size:4em;
  letter-spacing:-5px;
  color:#4088b8;
  margin: 0em;
  padding: 0em;
  border: double;
}
/*div#nobanner object{
margin-top: 31px;
}
*/
/*h1.nobanner {
  font-size:4em;
  letter-spacing:-5px;
  color:#4088b8;
  margin: 0em;
  padding: 0em;
  margin-top: 31px;
}*/
h1 a {
  text-transform:none;
  color:#567;
  display:none;
}
h2 {
  font-size:1.4em;
  color:#506070;
  padding: 0em 2px 2px 13px;
  margin: 10px 0em 10px 0em;
  letter-spacing:-1px;
}
h3 {
  font-size: 1.1em;
  font-weight: normal;
  color:#506070;
  margin:10px 0 8px 0;
	padding: 1px 2px 10px 28px;
	font-style: italic;
}
h4 {
  font-size:1.1em;
  font-weight:bold;
  color:#506070;
  margin:10px 0 8px 0;
  padding: 1px 2px 2px 13px;
}
/*h4 a {
  background-image: url(images/top.gif);
  background-repeat: no-repeat;
  height: 12px;
  width: 12px;
  float: right;
}*/
h4.summary a {
}
h4.news a,
h4.embedded a {
  background-image: url(images/top.gif);
  background-repeat: no-repeat;
  height: 12px;
  width: 12px;
  float: right;
}

p.read-more {
	text-align: right;
	color: #da0000;
}
p.read-more a {
	color: #da0000;
	font-size: x-small;
}
h5 {
  font-size: 1.0em;
  color:#506070;
  margin: 0 0 8px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 28px;
	font-weight: normal;
	font-style: italic;
}
blockquote {
  font-size:0.9em;
  border:1px solid #dadada;
  margin:20px 10px;
  padding:8px;
}
/******** Main wrap ********/
#wrap {
  color:#485868;
  background-color: white;
  width:740px;
  /*min-height: 300px !important;*/

  margin: 10px auto 0px auto;
  padding:0;
  border: #ccc double;
  background-repeat: repeat-y;
  background-position: 4px;
}
#header {
  margin:0;
  color:white;
  background-position: 4px;
}
div#logo {
  background-image: url(images/logo.gif);
  background-repeat: no-repeat;
  border: #ccc double;
  height: 61px;
  padding: 0em;
  margin: 0em;
}
#toplinks {
  text-align:right;
  padding:5px 2px 2px 3px;
}
#slogan {
  font-size:1.5em;
  color:#808080;
  font-weight:bold;
  letter-spacing:-1px;
  margin:15px 0px 20px 35px;
  line-height:1.2em;
}
/******** sidebar ********/
#sidebar {
  float:left;
  width:200px;
  margin:0 0 5px 0;
  padding:1px 0 0 0;
  background-image: url(images/contentbg.jpg);
  background-repeat: no-repeat;
}
#sidebar ul {
  list-style:none;
  font-size:0.9em;
  margin:0;
  padding: 1em 0em 15px 10px;
}
#sidebar li {
  list-style:none;
  padding:0;
  margin: 0em;
  padding-bottom: 5px;
}
#sidebar li a {
  font-size:1.2em;
  font-weight:bold;
  padding: 0px;
  padding-top: 2px;
  padding-right: 2px;
  padding-left: 2px;
}
#sidebar li.current > a.current {
  font-size:1.2em;
  font-weight:bold;
  padding:2px;
  padding-left: 12px;
  background-image: url(images/current.gif);
  background-repeat: no-repeat;
  background-position: 0px;
}
#sidebar li.off-page > a.current {
  font-size:1.2em;
  font-weight:bold;
  padding: 0;
  padding-left: 2px;
  /*padding:2px;
  padding-left: 12px;*/
	background-image: none;
}
#sidebar li.off-page li.on-page a,
#sidebar li.off-page li.off-page a {
	color: #aaa;
	/*display: none;*/
}
#sidebar ul ul {
  margin: 4px 4px 3px 15px;
  line-height:1.2em;
  padding:0;
}
#sidebar ul ul li {
  font-weight: normal;
  color: #da0000;
  font-size: x-small;
  font-style: normal;
  text-decoration: none;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  padding: 0em;
  margin: 0em;
  padding-bottom: 5px;
}
#sidebar ul ul li a {
  font-weight: normal;
  color: #da0000;
  font-size: x-small;
  font-style: normal;
  text-decoration: none;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  padding: 0em;
  margin: 0em;
}
#sidebar h2 {
  margin:3px 0px 8px 0px;
}
/******** Content variations ********/
#content {
  width:540px;
    min-height: 300px !important;
    /*height: 300px !important;*/

  float:right;
  text-align:left;
  margin:0;
  padding:0;
  background-image: url(images/contentbg.jpg);
  background-repeat: no-repeat;
  margin-left: 0em;
  padding-left: 0em;
}
#contentalt {
  line-height:1.5em;
  width:540px;
  float:left;
  text-align:left;
  padding:0;
  margin-right:20px;
}
#content h3, #contentalt h3 {
  margin: 0em 0em;
}
#content img {
  float: right;
  margin-top: 0.5em;
  margin-right: 2em;
  margin-left: 1em;
  margin-bottom: 0.5em;
}
/******** Footer ********/
div#footer {
  clear:both;
  width:740px;
  text-align:right;
  color:#485868;
background-color: white;
  font-size:0.9em;
  border-top: 4px #dadada;
  padding: 0px 0px 0px 0px;
  line-height:1.6em;

  margin-left: auto;
  margin-right: auto;
  margin-top: 0em;
  margin-bottom: 10px;
  border: #ccc double;
}
div#footer div#fbanner{
  height: 25px;
  background-image: url(images/footerbg.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  border: #ccc double;
  margin: 1px;
	color: white;
	font-size: 12px;
	line-height: 26px;
	text-align: center;
}
div#footer a {
  color:#FFF;
	/*font-weight: normal;
	font-style: normal;
	text-decoration: underline;*/
}
div#footer div#ftext {
  margin:0;
  padding:0;
  margin-top: 0px;
}
div#footer div#ftext a {
  color:#808080;
}
/******** Various classes ********/
/*
.box {
  color:#ffffff;
  font-size:0.9em;
  background-color:#506070;
  border:1px solid #c8c8c8;
  line-height:1.3em;
  padding:5px 5px 5px 8px;
}
.box a {
  color:#f0f0f0;
}
.left {
  float:left;
  margin:0 15px 4px 0;
}
.right {
  float:right;
  margin:0 0 4px 15px;
}
.textright {
  text-align:right;
}
.readmore {
  text-align:right;
  margin:-10px 10px 12px 0;
}
*/
.center {
  text-align:center;
}
/*
.blue {
  color:#506070;
}
.big {
  font-size:1.3em;
}
.small {
  font-size:0.8em;
}
.bold {
  font-weight:bold;
}
*/
.clear {
  clear:both;
 height:0px;
}
.hide {
  display:none;
}
/*
.fade {
  color:#c8c8c8;
}
.gray {
  color:#808080;
}
.photo {
  border:1px solid #bababa;
  padding:2px;
  background-color:#ffffff;
  margin:6px 18px 2px 5px;
}
*/