/* -----------------------------------------------------------------------
   VSR 0.1
   On top of Blueprint 071
   * Copyright (c) 2007-2008. Afforester. Matt Hanson.
----------------------------------------------------------------------- */

/* Wireframing guide */
.showgrid { background: url('grid.png'); }
.shadow { background: #ffffd6;}

/* body ids */

#home { background: #fff; url(greygradient.jpg) top repeat-x; }
body {margin:0;}
#container { background: url(image.jpg) 0px 0px no-repeat; }


/* layout elements */
 #logo {
background: transparent url(images/vsrimg/VSRlogobw.jpg) no-repeat 0 0;
display: block;
text-indent: 100px;
}
   
.right {
  float: right; 
}

.left {
  float: left; 
}

.justify {
  text-align: justify; 
}

.padl {border:none; margin: 0 0 0 1.5em;}
.padr {border:none; margin: 0 1.5em 0 0;}
.padrb {border:none; margin: 0 3em 0 0;}
.padb {border:none; margin: 0 0 1em 0;}
a img {border:none; margin: 2px;}
.pad {margin: 0 2px 4px 0;}
.box {background-color:#fff;}
.imgpadl {float:left;margin:0 30px 10px 0;padding:0;}
.imgav {border: 1px black solid; padding:1px;}

/* typography.css */
body {font-size:80%;color:#222;background:#fff;font-family:"Lucida Grande", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5 {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}
h1, h2, h3, h4 {font-weight: bold;}
.alt { font-family: "Lucida Grande", san-serif; }
.desc {font-weight: bold; line-height: 1.5em; border-bottom: 1px dotted #999;   border-top: 1px dotted #999;  }
hr {background:transparent;color:transparent;}

.feed { 	padding: 5px 0 5px 23px;
	background: url('images/uploads/feed.png') no-repeat 0 50%;
	}

/* layout */
.up {margin:-20px 0 0 0;}
.slip {margin:0 0 0 -20px;}
.nav {width:100%; margin:0 auto;}
.nav {height: 30px;}
.nav ul, ol      { margin: 0 1.5em 1.5em 0; }
.container {color:#222;background:#fff;}
.containerintro { width: 950px;margin: 0 auto;}

.lister {line-height: 100%; float: left; margin:0; padding: 10px 0 5px 0;}
.lister li { display: inline; padding: 0 5px 0 0}
.lister li a {color: #8f1ab6; text-decoration: none;}
.lister li a:hover {color: #b81def; border-bottom: 1px dotted #b81def;}

.lister2 {line-height: 100%; float: right; margin:0; padding: 10px 0 5px 0;}
.lister2 li { display: inline; padding: 0 5px 0 0}
.lister2 li a {color: #ff0000; text-decoration: none;}
.lister2 li a:hover {color: #ff3f3f; border-bottom: 1px dotted #ff3f3f;}

.boxtop2 { padding: 1.5em; margin: -20px 0 0 1.5em; background: #000; }


.boxtop { padding: 1.5em; margin: -20px 0 0 1.5em; background: #000; }
.box2 { padding: 1.5em; margin: 1.5em 1.5em 0 1.5em; }
div.colborder {border-right:1px dotted #dcdcdc;}
div.colborderw {padding-right:24px;margin-right:25px;}

/* Search */

#search { float: right; }

#search #s
{
	background: transparent url('search_icon.gif') 0px center no-repeat;
	padding: 2px 0 2px 17px;
	width: 80px;
	color: #666;
	font-size: 0.9em;
	margin-right: 0px;
	margin-top: 0;
	border: 1px solid #999;
}

#search #s:hover { color: #000; 	border: 1px solid #000; }
.search-excerpt { margin: 0; }

input, input.text, input.title, textarea, select {margin:0.1em 0;border:1px solid #555;}
input, input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #555;}
input, submit { border: 1px solid #999; }
input:hover, textarea:hover, submit:hover { color: #000; 	border: 1px solid #000; }

/* colourtones */
.yellow {color:#ffff33;}
.yellowmid {color:#ffff5c;}
.yellowlight {color:#ffff85;}
.yellowlightest {color:#ffffd6;}
.white {color:#fff;}
.blackbg {background:#000;}

.bluegrey {color:#243346;}
.bluegreybg {background: #243346;}
.brightblue {color:#0066ff;}
.brightbluebg {background:#0066ff;}
.brightgreen  {color:#008000;}
.leafgreen  {color:#A0EA55;}

.orange {color:#FF3300;}
.shadowband {}
.grape {color:#8f1ab6;}

/* type */
.container a {color:#008000;text-decoration:none;}
.container a:focus, a:hover {color:#01bf00; border-bottom: 1px dotted #01bf00;}
ul {display: block;}

/* heights */
.h100 {
min-height:100px;
height: auto !important;
height: 100px;
}

.hide {visibility:hidden;}

.h150 {
min-height:150px;
height: auto !important;
height: 150px;
}

.h200 {
min-height:200px;
height: auto !important;
height: 200px;
}

#TextDisplay {
width: 400px;
}

.giantspace {
margin: 0 0 1000px 0;
}