/**
 * Handcuffs -- Drupal theme for Planet Jailbreak. 
 * main stylesheet
 */

body {
  margin:0px;
  padding:0px;
  font-family: Arial, sans-serif;
}

/* ============================== admin things */
.messages {
 border: solid white 1px;
 background-color: rgb(203, 204, 219);
 margin: 1em 0;
 padding:0.5em;
}

table {
  margin: 1em 0;
  width: 100%;
}

thead th {
  border-bottom: 2px solid #555A79;
  color: #494949;
  font-weight: bold;
}

th a:link, th a:visited {
  Xcolor: #6f9dbd;
}

td, th {
  padding: .3em
}

tr.odd, tr.info {
  background-color: #CBCCDB;
}

tr.even {
  background-color: #fff;
}

tr.drag {
  background-color: #fffff0;
}

tr.drag-previous {
  background-color: #ffd;
}

table.sticky-header {
  background-color:#A0A4BF;
}

/* ============================== masthead */
#masthead {
  background-image:url("images/background-top.gif");
  background-repeat:repeat-x;
  background-position:top left;
  margin:0px;
  padding:0px;
  border-bottom:solid rgb(203, 204, 219) 1px; /* spacing hack */
  margin-bottom:9px;
  
  
  /*
  background-repeat:no-repeat;
  border-color:red;
  background-image:url("images/corner-adbanner-title.gif");
  background-position:bottom left;
  background-color:rgb(160, 164, 191);
  */
}
#masthead h1 {
  float:left;
  margin:0px;
  padding:0px;
  
  /*
  margin-left:20px;
  border:solid yellow 1px;
  margin-bottom:10px;
  */
  
}
/* image replacement */
#masthead h1 a, #masthead h1 span {
  height:90px;
  width:330px;
}
#masthead h1 a {
  display:block;
  position:relative;  
}
#masthead h1 span {
  display:block;
  position:absolute;  
  left:0; top:0; z-index:1;
  margin:0; padding:0;
  background:url("images/planetjailbreak.gif") top left no-repeat;
}
#masthead div.BUadvert {
  float:right;
  margin:0px;
  padding-left:16px;
  padding-bottom:16px;
  background-image:url("images/corner-adbanner-wide.gif");
  background-repeat:no-repeat;
  background-position:bottom left;
}
div.spacer {
  clear:both;
}
/* ============================== main positioning */
#main {
  position:relative;
  margin-top:5px;
}
* html #main {
  /* for stupid IE */
  height:1px;
}
#leftbar, #rightbar {
  position:absolute;
  top:0px;
}
#leftbar {
  left:0px;
  width:9.5em;
}
#center {
  /* We assume there's always a left sidebar
  margin:0px 13em 0px 11em;*/
  margin:0px;
  margin-left:11em;
  margin-right:1em;
}
/* for pages with a right sidebar */
body.sidebars-both #main #center {
  margin-right:14em;
}
#rightbar {
  right:0px;
  width:12.5em;
}
/* ============================== content */
#content {
  width: 100%; /* fix IE float bug */
}
#content-inner {
  font-size:9pt;
  padding:1.5em;
  line-height:130%;
}
#content h3, #content h4 {
  margin:0px;
  padding:0px;
  margin-bottom:0.5em;
  font-family: Verdana,sans-serif; 
}
/* node body */
#content .node .content h3 {
  margin-top: 2.5em;
  margin-bottom: 1em;
  font-size:120%;
}
#content h3.first {
  margin-top: 0; TODO??
}
#content h4 {
  font-size:110%;
  font-family: Arial,sans-serif;
  margin-top: 1.5em;
}
#content p {
  margin:0em 0px 1em;
}
#content li {
  margin-bottom: 1em;
}
.feed-icons a.feed-icon {
  margin: 1em auto;
  float:right; 
}
/* ============================== nodes */
#content p.submitted {
  font-size:80%;  
}
#content .node-teaser p.submitted {
  margin:0px;
  padding:0.4em 1.5em 1.5em;
}
/* ================ nodes: story (news content) */
#content .node-story {
  margin-bottom: 2.5em;  
}
#content .node-story h3 {
  margin-bottom:0em; /* gap between date and poster line set by p.news-date */
  clear:both; /* for news images */
}
#content .node-story h3 a {
  color: black;
  text-decoration: none;
}
.node-story .field-field-news-forum-thread {
  margin-left: 1em; 
}


img.news-image { /* TODO */
}

.node-story .image-attach-body {
  display:block;
  float:right;
  border:solid 1px black;
  margin-left:1em;
  margin-bottom:0.5em;
}

/* ============================== forms */
.form {
  margin:0px auto;
  padding:1em;
}
/* ============================== blocks */
.block .content {
  padding: 8px 1em;
}

.block-google_admanager .content {
  padding: 0;
}

/* ============================== sidebar blocks */
.sidebar .block {
  margin-bottom:1em;
}

#rightbar h2 {
  text-align:right;
}
/* sidebar block content */
.sidebar .content {
  margin:0px;
  padding-top: 16px;  /* spacing for corners */
  padding-bottom: 16px;
}

#rightbar p.top-corner { TODO: first P needs class
  padding-left: 1.3em;
}

#leftbar .bottom-corner {
  padding-bottom:1.4em;
}
/* sidebar subtitles */
/*
#leftbar h3, #rightbar h3 {
  font-size:9pt;
  margin:0px;
  padding:0em 1em 0.25em;
}
*/
.sidebar .block h3 {
  font-size:9pt;
  margin:0px;  
  margin-bottom: 0.25em;
  margin-top: 1em; /; spacing above it that we'll kill later on the first one */
}
/* sidebar sub-sub-titles */
.sidebar .block h3 span {
  display:block;
  font-size:80%;
}
.sidebar .block .first h3 {
  margin-top:0;  
}



#leftbar li, #rightbar li, /* change to .menu? */
#leftbar p, #rightbar p {
  font-size:9pt;
  padding: 0;
}
.menu li a.active {
  text-decoration: none;
}

#rightbar .webbutton, #rightbar .host {
  text-align:right;
}
#rightbar .webbutton img {
  border:0;
  width:88px;
  height:31px;
}
/* spacing tweaks */
h3 + ul li {
  padding-left:0.5em;
}
#leftbar ul + h3, #rightbar ul + h3 {
  padding-top:0em;
}
#leftbar ul, #rightbar ul, 
 #rightbar p {
  margin:0px;
  Xpadding:0em 1.0em 1em;
}
.sidebar ul {
  padding-left:0em;
}
ul.menu li {
  margin: 0;
}
.sidebar ul ul {
  padding-left:1em;  
}
.sidebar li {
  margin:0px; /* opera! */
  line-height: 140%;  
  list-style-type:none;
  list-style-image: none;
}
.sidebar li.leaf {
  Xlist-style-image: url("images/menu-leaf.png");
}
/* ============================== pagers */
.item-list .pager {
  margin: 2em 0 1em;
  line-height: 3em; /* avoid squish in narrow places */
}
.item-list .pager li {
  margin: 0 0.25em;
  padding: 0;
}
.item-list .pager li a {
  border: solid 1px rgb(85, 90, 121); 
  background-color:rgb(203, 204, 219);
  font-weight: bold;
  padding: 0.5em;
  text-decoration: none;
  -moz-border-radius-bottomleft:2px;
  -moz-border-radius-bottomright:2px;
  -moz-border-radius-topleft:2px;
  -moz-border-radius-topright:2px;    
}
.item-list .pager li a:hover {
  text-decoration: underline;
}
.item-list .pager li.pager-current {
}


ul.custom-pager {
  margin: 0;
  padding: 3em 0 0;
  text-align: center;
  line-height: 3em; /* avoid squish in narrow places */
  clear:both;
}

ul.custom-pager li {
  margin: 0 0.25em;
  padding: 0;
  display: inline;
  float: none; /* override */
  list-style-type: none;
  list-style-image: none;
  background: none;
  white-space: nowrap;
  width: auto;
}
Xul.custom-pager li.previous {
  float: left;
}
Xul.custom-pager li.next {
  float: right;
}
ul.custom-pager li a {
  border: solid 1px rgb(85, 90, 121); 
  background-color:rgb(203, 204, 219);
  font-weight: bold;
  padding: 0.5em;
  text-decoration: none;
  -moz-border-radius-bottomleft:2px;
  -moz-border-radius-bottomright:2px;
  -moz-border-radius-topleft:2px;
  -moz-border-radius-topright:2px;   
}

/* ============================== footer & footer blocks */
#footer {
  font-size:90%;  
  text-align:right;
  margin:0px;
  font-size: 9pt; TODO
}
#footer .inner {
  padding:1em;
}

/* footer login block: make inline */
#footer #block-user-0 {
  margin: 2em 0 1em;
}
#footer #block-user-0 * {
 display: inline;
 Xcolor: white; /* match the text colour of your theme here */
}
#footer #edit-user-login-block {
  display:none; /* rehide hidden form element */
}
#footer #block-user-0 h2 {
  font-size: 100%; /* match .content font size... change this for your theme */
}
#footer #block-user-0 .form-item {
  margin-left: 1em;
}



/* non-news footer: TODO ... */
#footer.sitelinks {
  padding-top:2em;
}
#footer.sitelinks p {
  text-align:right;
  margin:0.5em 0em ;
  padding:0px;
  font-size:9pt;
}
/* ============================== colours & visual style */
body, .form  { /* page -- pale colour */
  background-color:rgb(203, 204, 219);
}
#content, .block, #footer { /* content areas -- middle colour */
  background-color:rgb(160, 164, 191);
}
h2.content-title, 
.sidebar h2 { /* titles -- dark bars */
  background-color:rgb(85, 90, 121);
  font-family: Verdana,sans-serif;
  font-size:90%;
  font-weight:bold;
  color:white;
 margin:0px;
  padding:2px 12px;
  height:1.25em;
}
h2.content-title { /* content title H2 needs to be pushed in to make space for corner */
  margin-left:16px; 
  padding-left: 0;
}
a {
  color:rgb(85, 90, 121);
}
xx-a:hover {
  background-color:rgb(203, 204, 219);
  text-decoration:none;
  
  background-color:rgb(85, 90, 121);
  color:rgb(203, 204, 219);
  color:white;
}
#rightbar .webbutton a:hover {
  background-color:transparent;
}
/* ================= corners */
.corner-left-title {
  background-position:top left;
  background-image:url("images/corner-left-title.gif");    
  background-repeat: no-repeat;  
}
.corner-left-top {
  background-position:top left;
  background-image:url("images/corner-left-body.gif");
  background-repeat: no-repeat;  
}
.corner-left-bottom {
  background-position:bottom left;
  background-image:url("images/corner-left-bottom.gif");
  background-repeat: no-repeat;   
}

.corner-right-title {
  background-position:top right;
  background-image:url("images/corner-right-title.gif");    
  background-repeat: no-repeat;  
}
.corner-right-top {
  background-position:top right;
  background-image:url("images/corner-right-body.gif");
  background-repeat: no-repeat;  
}
.corner-right-bottom {
  background-position:bottom right;
  background-image:url("images/corner-right-bottom.gif");
  background-repeat: no-repeat;   
}
/* ================= colors for drupal system */
/* tabs */
ul.primary {
  border-bottom:1px solid rgb(85, 90, 121);
}
ul.primary li a {
  border-color: rgb(85, 90, 121);
}
ul.primary li.active a {
  background-color: rgb(160, 164, 191);
  border-color: rgb(85, 90, 121);
  border-bottom-color:rgb(160, 164, 191);
}

/* ============================== news page */
/* TODO -- move to right plcaes  */

* html #footer {
  /* for stupid IE */
  height:1px;
}
/* right-hand bar */
    /* some intense tweaking to get the numbers to line up */
    #rightbar .lockdown p.top-corner { 
      /* TODO: remove top-corner */
      padding-bottom:0;
      }
    .countdown span, .countdown b {
      width:50%;
      }
    .countdown b { 
      float:left;
      text-align:right;
      }
    .countdown span {
      float:right;
      text-align:left;
      }
    #rightbar p.countdown {
      margin:0;
      padding:0;
      clear:both;
    }
    .navboxend {
      clear:both;
    
    }

/* potw new */
.view-potw img {
  border:solid 1px black;
}
.view-potw a:hover img {
  border: solid 1px white; /* specify full border to properly override drupal default.css */
}
.block .view-potw img {
  margin:0.3em 0px 0.6em;
  border:solid 1px black;
}




/* old .. to convert! */
.potw, .lockdown{
  text-align:center;
}
.potw a:hover {
  background-color:transparent;
}
.potw a:hover img {
  border-color:white;
}
.potw img, .lockdown img {
  margin:0.3em 0px 0.6em;
  border:solid 1px black;
}
img.potw-image {
  margin: 0;
}





/* */

li.doubleline {
  text-indent:-1em;
  padding-left:1em;
  
  text-indent:-5px;
  padding-left:5px;
}
li.spacebefore {
  margin-top:2ex;
}
dl.download dt {
  margin-left: 30px;
  margin-bottom: 6px;
  margin-top: 16px;
}
dl.download dd {
  margin-left: 60px;
}
table.download {
  border-collapse: collapse;
  margin-top: 1em;
  margin-bottom: 2em;
}
table.download th {
  text-align: left;
  font-weight: bold;
  padding-right: 2em;
}
table.download td.download-link {
  padding-right: 1em;
}
table.download td.download-size {
  padding-right: 3em;
  text-align: right;
}
p.download-thumbnail-explanation {
  padding-top: 3em;
  padding-bottom: 1em;
  font-weight: bold;
  text-align: center;
}
a.disabled:link,
a.disabled:visited,
a.disabled:hover,
a.disabled:active,
a.disabled:focus {
  color: #606060;
  text-decoration: line-through;
  cursor: default;
}


/* ============================== legacy gallery page */
.gallery {
	margin-top:10px;
}
.gallery .item {
	float:left;
	margin:10px 20px 10px 0px;
	width:300px;
}
.gallery .item img {
	border: 1px solid black;
}
.gallery .item a:hover img {
	border-color: white;
}

.gallery .item p {
	margin:0px;
	padding:0px;
	text-align:center;
	padding-top:4px;
}
.gallery .galleryfoot, h3  {
	clear:both;
}


/* ============================== legacy download page */
/* table */
table.downloads {
	width:100%;
	margin:1em auto;
	/*
	border: 1px solid white;
	border: 2px solid rgb(85, 90, 121);
	*/
	background:rgb(203, 204, 219);
}
table.downloads th {
	text-align:left;
}

/* table  cells */
table.downloads td {
	font-size: 9pt; /* opera bug */
  vertical-align: top;
	padding:0.5em;
}

table.downloads td.name {
  width: 10em;
}

table.downloads td.link {
  white-space: nowrap;
}

table.downloads td.size {
  width: 5em;
  text-align: right;
}