/**
 * sallybarker.org stylesheet
 */

/*global selecters*/
html, body, div {
  margin:0;
  padding:0;
  border:0;
}
body {
  background-color:#fff;
  font:76%/1.4em Verdana,Arial,Helvetica,sans-serif;
  color:#333;
  padding-top:2em;
}
h1 {
  font:bold 1.3em/1.5em Verdana,Arial,Helvetica,sans-serif;
  color:#999;
}
h2 {
  font:bold 1.2em/1.5em Verdana,Arial,Helvetica,sans-serif;
  color:#999;
}
h3 {
  font:bold 1.1em/1.4em Verdana,Arial,Helvetica,sans-serif;
  color:#999;
}
h4, h5, h6 {
  font:bold 1em/1.4em Verdana,Arial,Helvetica,sans-serif;
  color:#999;
}
a {
  background-color:#eee;
  color:#003;
  text-decoration:none;
}
a:visited, a:hover, a:visited:hover {
  color:#336;
}
a.plain {
  background-color:transparent;
}
a img {
  border:0;
}
sup {
  font:0.9em Verdana,Arial,Helvetica,sans-serif;
}
.right {
  float:right;
  margin:1em 0 1em 2em;
}
.left {
  float:left;
  margin:1em 2em 1em 0;
}
.quote{
  font:11pt Arial,Helvetica,sans-serif;
  text-indent:20px;
  padding:20px;
  clear:left;
}
.credit {
  text-align:right;
	font-style:italic;
}
.bold {
  font-weight:bold;
}
.italic {
  font-style:italic;
}
.smaller {
  font:0.9em Verdana,Arial,Helvetica,sans-serif;
  color:#333;
}

/* page layout */
body {
  text-align:center;
}
div.content {
  text-align:left;
	width:800px;
	margin:20px auto;
}
#copy {
  clear:both;
	margin:20px 0;
	text-align:right;
}
#copy img {
  float:right;
}

/*navigation*/
#navigation {
  position:absolute;
  left:0;
	top:0;
	z-index:10;
}
select.nav {
  width:250px;
}
input.go {
  color:#339;
  background-color:#ccc;
  border:solid 2px;
  border-color:#fff #666 #666 #fff;
  padding:0px;
  margin:0px;
}

/*home page*/
#homebespoke {
  width:451px;
  height:124px;
  position:absolute;
  left:65%;
  top:60px;
}
#homemisfit {
  width:300px;
  height:225px;
  margin:50px auto 50px auto;
}
#homeempire {
  width:300px;
  margin:50px auto 300px auto;
}
#homemeat {
  width:283px;
  margin:30px auto 0 auto;
}
#homemeat img {
  margin-left:-100px;
}
#homepylon {
  position:absolute;
  right:10px;
  top:30px;
}
#hometits {
  position:absolute;
  left:40px;
  top:60px;
}
#homecranes {
  position:absolute;
  left:0;
  top:400px;
}
#homesbg {
  position:absolute;
  right:0px;
  top:260px;
}
#homecomics { 
  position:absolute;
  right:180px;
  top:500px;
}
#homesbg, #homecranes {
  padding:0px 15px;
}
#hometits, #homecomics {
  padding:15px 0px;
}

/*cranes page*/
.cranetext {
  font:11pt "Arial narrow","Helvetica narrow",Verdana,Arial,Helvetica,sans-serif;
}
#cranetitle {
  text-align:center;
}
#crane1, #crane3 {
  float:left;
  margin:10px 20px 10px 0px;
}
#crane2, #crane4 {
  float:right;
  margin:10px 0px 10px 20px;
}
#cranetext {
  margin:20px 100px;
}
#cranescopy {
  float:right;
}

/*sbg page*/
#galleryimg {
  width:400px;
  padding:20px 10px;
  border:1px dotted #ccc;
  background-color:#eee;
}

/*comics page*/
.comiclist {
  margin:0px;
  padding:3px 0px;
}
#comicstext1 {
  width:400px;
	margin-bottom:40px;
	line-height:1.2em;
  float:left;
  text-align:right;
}
#comicsthumb {
  float:left;
  padding:30px;
}
#comicstext2 {
  margin:40px 0;
  clear:both;
}

/*jelly tits page*/
#mainpic {
  float:right;
  padding:0px 10px;
}
#titstext {
  margin:0px 5%;
  width:90%;
}

/*pylons page*/
body.pylons div.content {
  margin:20px 0 0 320px;
}
.pylon_header {
  margin:0px 20px 20px 0px;
}
#pylonpic1 {
  position:absolute;
  left:10px;
  top:50px;
}
#pylonpics {
  float:right;
  padding:10px;
  width:206px;
  border:1px dotted #ccc;
  background-color:#eee;
  margin:10px 0px 10px 10px;
}

/* empire page */
#imagenav {
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  text-align:center;
}
#imagenav img {
  border:0;
  margin:0 3px 1px 3px;
}
#empire-image {
  text-align:center;
  width:100%;
	margin-top:4em;
}
#empire-image div.imageContainer {
  position:relative;
  text-align:left;
  margin:10px auto;
}
#empire-image div.static {
  position:relative;
}
#empire-image div.crossfade {
  position:absolute;
	left:0;
	top:0;
	/*visibility:hidden;*/
}
div.empire-images {
  background:transparent;
  position:relative;
}
div.empire-images a {
  background:transparent;
}
div.empire-images img {
  background:transparent;
  margin-right:4px;
  margin-left:4px;
  border:1px solid #99c;
/*  border-top:1px dotted #669;
  border-left:1px dotted #669;
  border-right:1px dotted #669;*/
}
div.empire-images a:hover img {
  border:1px solid #669;
/*  border-top:1px solid #669;
  border-bottom:1px solid #669;
  border-top:1px solid #669;*/
}
div.empire-images a span {
  display:none;
}
div.empire-images a:hover span {
  display:block;
  position:absolute;
  top:100px;
  left:0;
  width:700px;
  padding:5px;
  margin:10px;
  z-index:100;
  color:#666;
  background:#eee;
  border:1px solid #669;
  font-family:verdana,sans-serif;
  text-align:justify;
}