/* $Id: layout-fixed.css,v 1.2 2008/04/21 17:05:17 johnalbin Exp $ */

/*
 * LAYOUT STYLES
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout is based on the Border Politics Layout Method.
 *   http://drupal.org/node/201428
 *
 * Only CSS that affects the layout (positioning) of major elements should be
 * listed here.  Such as:
 *   display, position, float, clear, width, height, min-width, min-height
 *   margin, border, padding, overflow
 */


/** body **/
  body {
    margin: 0;
    margin-top: 3px;
    padding: 0px;
    background: #7A003C;
    color: #4D4D4D;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;    
    line-height: 15px;
  }

  a:link {
  color: #7A003C;
  text-decoration: none;
  }

  a:hover {
  color: #7A003B;
  text-decoration: underline;
  }

  a:visited {
  color: #7A003C;
  text-decoration:none;
  }

  td {
  line-height: 15px;
  margin-top: 0px;
  }

  p,li {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 1.5;
  margin-top: 5px;
  }

  h1 {
  color: #5A626F;
  font-family:arial;
  font-size: 16px;
  }
  h2 {font-family: arial; color: #5A626F; font-size: 14px; font-weight: bold; margin: 0px; margin-bottom: 10px;}
  h3 {font-family: arial; color: #5A626F; font-size: 11px; margin: 0;}


  #page,
  #closure-blocks
  {
    /*
     * If you want to make the page a fixed width and centered in the viewport,
     * this is the standards-compliant way to do that. See also the ie.css file
     * for the necessary IE5 hack to center a div.
     */
    margin-left: auto;
    margin-right: auto;
   margin-top: 0px;
    width: 740px;
  }

  #main {
    font-size: 11px;
    line-height: 1.286em;
   }  

  #page-inner
  {
  }

  #navigation-top,
  #navigation
  {
    position: absolute; /* Take the named anchors out of the doc flow    */
    left: -10000px;     /* and prevent any anchor styles from appearing. */
  }

  #skip-to-nav
  {
    float: right;
    margin: 0 !important;
    font-size: 0.8em;
    display: none;
  }

  #skip-to-nav a:link, #skip-to-nav a:visited
  {
    color: #fff; /* Same as background color of page */
  }

  #skip-to-nav a:hover
  {
    color: #000;
    text-decoration: none;
  }

  /* Alternatively, the skip-to-nav link can be completely hidden until a user tabs
     to the link. Un-comment the following CSS to use this technique. */
  /*
  #skip-to-nav a, #skip-to-nav a:hover, #skip-to-nav a:visited
  {
    position: absolute;
    left: 0;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }

  #skip-to-nav a:active, #skip-to-nav a:focus
  {
    position: static;
    width: auto;
    height: auto;
  }
  */

/** header **/
  #header
  {
    padding-top: 0px;
    background: #7A003B url(/sites/tangobyphone.com/files/images/tagline_home_bn2.gif) no-repeat bottom right; 
    height: 87px; 
  }

  #header-inner
  {
    height: 87px;    
  }

  #logo-title
  {
  margin: 0px;
  padding: 0px;
  }

  #logo
  {
    margin: 1px 10px 0 0;
    padding: 0;
    float: left;
  }

  #logo-image
  {
  margin: 0px;
  padding: 0px;
  }

  h1#site-name, div#site-name
  {
    margin: 0;
    font-size: 2em;
    line-height: 1.3em;
  }

  #site-slogan
  {
  }

  #header-blocks
  {
    clear: both; /* Clear the logo */
  }

/** main (container for everything else) **/
  #main
  {
    position: relative;
  background:#FFFFFF;
  }

  #main-inner
  {
    margin-left:0px;
  }

/** content **/
  #content,
  .two-sidebars #content
  {
    float: left;
    width: 477px;
    margin-left: 0px; /* The width of #sidebar-left */
    margin-right: -677px; /* Negative value of #content's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
  }

  .sidebar-left #content
  {
    width: 540px;
    margin-left: 200px; /* The width of #sidebar-left. */
    margin-right: -740px; /* Negative value of #content's width + left margin. */
  }

  .sidebar-right #content
  {
    width: 380px;
    padding-top: 20px
    margin-left: 0;
    margin-right: -380px; /* Negative value of #content's width + left margin. */
  }

  .no-sidebars #content
  {
    width: 740px;
    margin-left: 0;
    margin-right: -740px; /* Negative value of #content's width + left margin. */
  }

  #content-inner
  {
    margin: 0;
    padding: 0px;
  }

/** navbar **/
  #navbar
  {
    width: 740;
    background: #7A003B url(/sites/tangobyphone.com/files/images/nav_bkg.gif) repeat top right;
    margin-left: 0;
    margin-right: -740; /* Negative value of #navbar's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #navbar-inner. */
    height: 28px; /* The navbar can have any arbritrary height. We picked one
                      that is twice the line-height pluse 1em: 2 x 1.3 + 1 = 3.6
                      Set this to the same value as the margin-top below. */
  }

  .with-navbar #content,
  .with-navbar #sidebar-left,
  .with-navbar #sidebar-right
  {
    margin-top: 28px; /* Set this to the same value as the navbar height above. */
  }

/** Primary Nav **/
#header {color: #ffffff;}
#header #header-inner .block ul {position: relative; top: 6px; z-index: 1000; color: #ffffff; display: block; font-size: 14px;}
#header #header-inner .block ul li {margin: 0 25px 0 0; color: #ffffff; list-style: none; display: inline; text-transform:uppercase; font-weight: bold;}
#header #header-inner .block ul li a {color: #ffffff; text-decoration: none;}

.ie7 #main {margin-top: 20px;}
.ie7 #header #header-inner {height: 115px;}
.ie7 #header #header-inner .block {position: relative; top: 0px;}
.ie7 #header #header-inner .block ul {position: relative; top: -6px; z-index: 1000; color: #ffffff; display: block; font-size: 14px;}
.ie7 #header #header-inner .block ul li {margin: 0 25px 0 0; color: #ffffff; list-style: none; display: inline; text-transform:uppercase; font-weight: bold;}
.ie7 #header #header-inner .block ul li a {color: #ffffff; text-decoration: none;}

  #navbar-inner
  {
  }

  #search-box
  {
    width: 200px;
    margin-right: -200px; /* Negative value of #search-box's width. */
    float: left;
  }

  #primary
  {
    margin-left: 10px; /* Width of search-box */
  }

  #primary li
  {
    margin-top: 0px;
  }


  #primary li a
  {
    text-decoration: none;
    color:#FFFFFF;
    display:block;
    font-family:trebuchet ms,arial,verdana,helvetica;
    font-size:12px;
    font-weight:bold;
    padding:4px 14px 5px 2px;
    text-align:center;
    vertical-align: middle;
    text-transform:uppercase;
  }

  #secondary
  {
    margin-left: 200px; /* Width of search-box */
  }

  #navbar ul /* Primary and secondary links */
  {
    margin: 0;
    padding: 0;
    text-align: left;
  }

  #navbar li /* A simple method to get navbar links to appear in one line. */
  {
    float: right;
    padding: 0 10px 0 10px;
  }

  /* There are many methods to get navbar links to appear in one line.
   * Here's an alternate method: */
  /*
  #navbar li
  {
    display: inline;
    padding: 0 10px 0 0;
  }
  */

/** sidebar-left **/
  #sidebar-left
  {
    float: left;
    width: 200px;
    margin-left: 0;
    margin-right: -200px; /* Negative value of #sidebar-left's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
  }

  #sidebar-left-inner
  {
    margin: 0 20px 0 0;
    padding: 0;
  }

/** sidebar-right **/
  #sidebar-right
  {
    float: left;
    width: 360px;
    margin-left: 380px; /* Width of content + sidebar-left. */
    margin-right: -740px; /* Negative value of #sidebar-right's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */
  }

  #sidebar-right-inner
  {
    margin: 0 0 0 0px;
    padding: 0;
  }

/** footer **/
  #footer
  {
  clear: both;
  color: #000000
  font-size: 10px;
  padding: 0px;
  padding-left:0px;
  padding-bottom: 0px;
  
  }

  #footer-inner
  {
  background: #F7F7F7;
  padding: 0px;
  color: #FFFFFF
  }

  #footer ul {
  float: right;
  width: 300px;
  }

  #footer li {
  float: right;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0px;
  padding-right: 10px;
  }


/** closure **/
  #closure-blocks /* See also the #page declaration above that this div shares. */
  {
  }

/** Prevent overflowing content **/
  #header,
  #content,
  #navbar,
  #sidebar-left,
  #sidebar-right,
  #footer,
  #closure-blocks
  {
    overflow: visible;
    word-wrap: break-word; /* A very nice CSS3 property */
  }

  #navbar
  {
    overflow: hidden; /* May need to be removed if using a dynamic drop-down menu */
  }

table#contentBrand {width: 600px;}
.threeColFixed {width: 176px; margin: 0px; padding: 0px;}
.threeColFloat {width: 176px; margin: 0px; padding: 0px 43px 0px 0px;vertical-align:top;}
/* Box Model Hack For IE 5.5 */
.threeColFloat { width: 186px; /*width with padding */ voice-family: "\"}\""; voice-family:inherit; width: 176px; /* width without padding */}



table#bio td {
  width: 190px; 
  padding-bottom:20px;
  color: #333333
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;    
  line-height: 15px;
  vertical-align:top;
  }

table#bio td img  {dislpay: block; float: left; margin-right: 10px;}
table#bio td a {display: block;}


table.bodymenu {width:100%;padding:3px;background: #CCCCCC;}
table {margin: 0px;}

.submitted { display:none; }

div#edit-submitted-comments-or-questions-wrapper div.resizable-textarea { width: 300px; }

ul#nice-menu-1 li a.active /* The active item in a Drupal menu */
  {
    color: white;
  }


  #signIn
  {
        
  }

  #signIn td
  {
    color:#FFFFFF;
    font-family:arial;
    font-size:10px;
    margin: 5px;
  }


  #signIn table a
  {
    text-decoration: none;
    color:#FFFFFF;
    display:block;    
  }

  #signIn form
  {
    margin:0px;
  }

  #signIn input
  {
    color:#000000;
    font-family:arial;
    font-size:10px;
  }

  #freetrial
  {
  margin:0px;
  background: url(/sites/tangobyphone.com/files/images/subheader_background.gif);
  }

  
  
  input#edit-paypal {float: right;}