/* Main Stylesheet for TankGirl
coded by Pete - atari2600vcs@yahoo.com */

/*site colors
lightbox bg brown				#420
lightbx screen yellow			#ff0
*/

body 
{ 
  color: #333;
  font-family: Helvetica, Arial, Verdana, sans-serif; 
  font-size: medium; 
  margin: 0;
  padding: 0;
}

        a:link    { color: #060; text-decoration: none; }
        a:visited { color: #420; text-decoration: none; }
        a:hover   { color: #ff0; text-decoration: none; }
        a:active  { color: #420; text-decoration: none; }
        
        
		
img
{
  border-width: 0;
}



h1 
{ 
  color: #000; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 1.2em;
 /* height: 40px; */
  line-height: 40px;
  margin: 0px 10px 10px 65px;
  padding: 0;
}

h2 
{ 
  color: #000; 
  font: bold 1em/1.2em Helvetica, Arial, Verdana, sans-serif; 
  margin: 7px 20px 10px 40px;
  padding: 0;
  text-transform: capitalize;
}

h3 
{ 
  color: #0;
  font: bold 1em Helvetica, Arial, Verdana, sans-serif; 
  margin: 7px 20px 10px 40px;
  padding: 0;
}


h4, h5, h6
{ 
  color: #000; 
  font: bold 0.9em Helvetica, Arial, Verdana, sans-serif; 
  margin: 7px 20px 7px 40px;
  padding: 0;
}

ol
{
  margin-left: 35px;
}






/* Page -------------------------------------------------- */
div#page
{
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 1000px;
}





/* Header -------------------------------------------------- */

div#header
{
  height: 130px;
  margin: 0;
  padding: 0;
  position: relative;
  width: 1000px;
}

div#header img#siteLogo
{
  left: 0px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
}

span#headerTagLine
{
  color: #000;
  font-size: 1.8em;
  font-style: italic;
  font-weight: bold;
  line-height: 1.4em;
  position: absolute;
  left: 435px;
  top: 90px;
}

/* new header titles inside the HEADER div */
div#header h1 
{ 
  color: #000; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 2em;
  height: 40px;
  left: 300px;
  line-height: 40px;
  margin: 0px 10px 0px 0px;
  padding-left: 50px;
  position: relative;
  top: 135px;
}




/* Body Copy -------------------------------------------------- */

div#bodyCopyFull  /* full width page */
{
  background: #fff;
  font-size: 1.2em;
  margin: 0;
  padding: 0;
  width: 1000px;
}

div#bodyCopySideBar  /* page with side bar*/
{
  background: #fff;
  border-right: 250px; /* right sidebar*/
  font-size: 1.2em;
  margin: 0;
  padding: 0;
  width: 750px;
}


div#bodyCopySideBar p, div#bodyCopyFull p
{
  color: #333; 
  line-height: 1.3em;
  margin: 0px 40px 15px 40px;
}

div#bodyCopySideBar img.inLine, div#bodyCopyFull img.inLine
{
  display: block;
  margin: 7px 0px 7px 40px;
  padding: 0;
}

div#bodyCopySideBar img.right, div#bodyCopyFull img.right
{
  float: right;
  margin: 7px 40px 7px 15px;
  padding: 0;
}

div#bodyCopySideBar img.left, div#bodyCopyFull img.left
{
  float: left;
  margin: 7px 15px 7px 40px;
  padding: 0;
}

div#bodyCopySideBar img.blackBorder, div#bodyCopyFull img.blackBorder
{
  border: 1px solid #000;
} 

div#bodyCopySideBar img.hide, div#bodyCopyFull img.hide
{
  display: none;
} 

p.right
{
  font-size: 0.9em;
  text-align: right;
}

div#bodyCopySideBar ul
{
  margin: 10px 60px 15px 40px;
}


/* Disclaimer paragraph ----------------*/
p.disclaimer
{
  Font-size: 0.7em;
  line-height: 0.7em;
  padding-top: 25px;
}



/* top navigation bar -----------------*/
div#topNavBar
{
  height: 75px;
  margin: 15px 0px 50px; 0px;
  text-align: center;
  width:1000px;
}

ul#topNav
{
  color: #fff;
  list-style-type: none;
  margin-right: 80px;
}

ul#topNav li a
{
  background-image: url("../images/navigation/tank.png");
  color: #fff;
  display: block;
  float: right;
  font-size: 1.1em;
  font-weight: bold;
  height: 103px;
  line-height: 130px;
  margin: 0px 0px 0px 20px;
  padding: 0;
  text-align: center;
  text-shadow: 3px 3px #000;
  text-transform: capitalize;
  width: 125px;
}

ul#topNav li a:hover
{
  background-image: url("../images/navigation/tankGreen.png");
  color: #ff0;
}

/* highlights the YOU ARE HERE -----------*/
ul#topNav li#youAreHere a
{
  background-image: url("../images/navigation/tank.png");
  color: #ff0;
}






/* right sidebar ----------------------------*/
div#rightSidebar
{
  border-left: 1px solid #999;
  color: #666;
  padding: 20px 0px 0px 15px;
  position: absolute;
  right: 0;
  top: 340px;
  width: 250px;
}

div#rightSidebar ul#rightNav, div#rightSidebar ul#rightNavBigText
{
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 225px;
}

div#rightSidebar ul#rightNav li
{
  background-image: url("../images/navigation/sign2.png");
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
  height: 70px;
  line-height: 60px;
  margin: 0;
  padding: 0;
  text-align: center;
  text-shadow: 3px 3px #000;
  text-transform: capitalize;
  width: 225px;
}

div#rightSidebar ul#rightNavBigText li
{
  background-image: url("../images/navigation/sign2.png");
  color: #fff;
  font-size: 1.4em;
  font-weight: bold;
  height: 70px;
  line-height: 60px;
  margin: 0;
  padding: 0;
  text-align: center;
  text-shadow: 3px 3px #000;
  text-transform: capitalize;
  width: 225px;
}


div#rightSidebar ul#rightNav li#trespassers, div#rightSidebar ul#rightNavBigText li#trespassers
{
  background-image: url("../images/navigation/trespassers.png");
  height: 137px;
}

div#rightSidebar ul#rightNav li#signPost, div#rightSidebar ul#rightNavBigText li#signPost
{
  background-image: url("../images/navigation/navSignLast.png");
  height: 20px;
}

div#rightSidebar ul#rightNav li a, div#rightSidebar ul#rightNavBigText li a, div#rightSidebar ul#rightNavBigText li a
{
  color: #fff;
  display: block;
}

div#rightSidebar ul#rightNav li a:hover, div#rightSidebar ul#rightNavBigText li a:hover
{
  color: #ff0;
}





/* faded background images --------------------*/
div#backgroundTanky
{
  height: 950px;
  margin: 0;
  padding: 0;
  width: 1000px;
}

div#backgroundTankySidebar
{
  height: 950px;
  margin: 0;
  padding: 0;
  width: 750px;
}







/* TWEET and LIKE buttons --------------------------*/
table#tweetLike
{
  border-bottom: 1px solid #333;
  border-top: 1px solid #333;
  margin: 10px 10px 10px 45px;
  padding: 0;
  width: auto;
}

table#tweetLike_review
{
  border-bottom: 1px solid #333;
  border-top: 1px solid #333;
  margin: 40px 5px 15px 40px;
  padding: 3px 0px 0px 0px;
  width: auto;
}

table#tweetLike td#tweetMe, table#tweetLike td#likeMe, table#tweetLike td#bufferApp, table#tweetLike_review td#tweetMe,  table#tweetLike_review td#likeMe, table#tweetLike_review td#bufferApp
{
  margin: 0;
  padding: 0px 0px 0px 15px;
  width: 60px;
}

td#pinMe
{
  margin: 0;
  padding: 0;
  width: 45px;
}




/*Trading Cards --------------------------------------------------*/
div#cardDisplay
{
  margin: 30px 0px 60px 100px;
  width: 700px;
}

ul.tradingCardList
{
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0px 0px 10px 10px;
  width: 260px;
}

ul.tradingCardList li
{
  font-size: 0.9em;
  margin: 0px 0px 3px 0px;
}

ul.tradingCardList li a
{
  color: #900;
  margin: 0px 0px 3px 0px;
}

/*Trading Card imagess -----------------------------*/
img.cardFront, img.cardBack
{
  border: 2px solid #000;
  float: left;
  margin: 0px 0px 0px 20px;
}


/*Trading Card page navigation -----------------*/
p#nextCard
{
  margin: 35px 0px 0px 0px;
  padding: 0;
  text-align: right;
  width: 500px;
}

p#nextCard a
{
  color: #900;
}

p#nextCard a:hover
{
  color: #f00;
  text-decoration: none;
}




/*Cast images on main movie page --------------------*/
div.castPic
{
  float: left;
  margin: 0px 10px 0px 0px;
  padding: o;
  text-align: center;
  width: 170px;
}

div.castPic img
{
  padding: 0;
  margin: 0;
}






/* show & hide text ---------------------*/
p.showHide
{
  font-size: 0.9em;
  text-align: right;
}






/* display date -------------------------------------------*/
p#date
{
  display: none;
}







/* footer -------------------------------------------------- */
div#footer
{
  background: #fff;
  color: #666;
  font-size: 0.9em;
  height: 200px;
  margin: 50px 10px 10px 10px;
  padding: 0;
  text-align: center;
  vertical-align: text-bottom;
  width: 1000px;
}

div#footer span#copyright
{
  position: absolute;
  bottom: 5px;
  left: 350px;
}

div#footer img#rhino
{
  float: right;
  margin-right: 50px;
}




/* Lightbox 2.6 -----------------------------------------------*/
/* line 7, ../sass/lightbox.sass */
body:after {
  content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
  display: none;
}

/* line 11, ../sass/lightbox.sass */
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #ff0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

/* line 20, ../sass/lightbox.sass */
.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}
/* line 28, ../sass/lightbox.sass */
.lightbox .lb-image {
  display: block;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
/* line 32, ../sass/lightbox.sass */
.lightbox a img {
  border: none;
}

/* line 35, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: #420;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 44, ../sass/lightbox.sass */
.lb-container {
  padding: 4px;
}

/* line 47, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 43%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 56, ../sass/lightbox.sass */
.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

/* line 63, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 71, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 74, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 77, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  cursor: pointer;
  /* Trick IE into showing hover */
  display: block;
}

/* line 84, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}
/* line 87, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(../images/prev.png) left 48% no-repeat;
}

/* line 90, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}
/* line 93, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(../images/next.png) right 48% no-repeat;
}

/* line 96, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 103, ../sass/lightbox.sass */
.lb-data {
  padding: 0 4px;
  color: #000;
}
/* line 106, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 111, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 115, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #333;
}
/* line 121, ../sass/lightbox.sass */
.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 130, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}





/* BR divider -------------------------------------------------- */
br.divider
{
  clear: both;
  visibility: hidden;
}


/* HR divider -------------------------------------------------- */
hr.divider
{
  clear: both;
  visibility: hidden;
}