/**
 * Gringo, for Drupal 5.0
 * Don Diego, d.f.lago [at] googlemail [dot] com
 */

@import "style.css";

/**
 * Layout.
 */

/*HEADER CONTROLS*/

/*<GREG HACK>*/
#header {
  width: 98%;
  margin: 0 auto;
  height: 75px;
  position: relative;
  text-align: center;
}

#wrapper-footer {
    background: #000000;
    text-align: center;
    margin-bottom: 10px;
}
#wrapper-footer-inner{
    background: #FFFFFF;
    width: 98%;
    height: 15px;
    margin: 0 auto;
    border-style: none;
}
#leftcurvebtm {
    background: #FFFFFF url(images/leftcurvebtm.gif) no-repeat;
    float: left;
    height: 15px;
    width: 20px;
    margin: 0px;
    padding: 0px;
}

#rightcurvebtm {
    background: #FFFFFF url(images/rightcurvebtm.gif) no-repeat;
    float: right;
    height: 15px;
    width: 20px;
    margin: 0px;
    padding: 0px;
}
#footer-fix{
    background: #000000;
    width: 98%;
    height: 5px;
    margin: 0 auto 0;
}
/*</GREG HACK>*/

/*<GREG HACK>*/
#navcontainer {
    width: 100%;
    margin: 0px;
    clear: both;
    position: absolute;
    top: 73px;
    background: url(images/menu_bg.gif) repeat-x left bottom;
    height: 25px;
    padding: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    text-align: center;
}
#innernav {
    width: 750px;
    margin: 0px auto;
    clear: both;
    height: 25px;
    padding: 0px;
}
#innernav_580 {
    width: 580px;
    margin: 0px auto;
    clear: both;
    height: 25px;
    padding: 0px;
}

/*</GREG HACK>*/

/*<GREG HACK>*/
#leftcurve {
    background: url(images/leftcurve1.jpg) no-repeat;
    float: left;
    height: 75px;
    width: 350px;
    margin: 0px;
    padding: 0px;
}
/*</GREG HACK>*/

/*<GREG HACK>*/
#rightcurve {
    background: url(images/rightcurve1.jpg) no-repeat;
    float: right;
    height: 75px;
    width: 315px;
    margin: 0px;
    padding: 0px;
}
/*</GREG HACK>*/
#header-block {
  position: absolute;
  top: 0.5em;
  right: 0;
  width: 48em;
  height: 1.6em;
}
#main {
  width: 98%;
  margin: 0 auto;
  padding-top: 1.6em;
  text-align: left;
}
/*#sidebar-left {
  width: 17%;
  margin-top: 2.2em;
  float: left;
}
#sidebar-right {
  width: 22.5%;
  float: right;
  margin-top: 2.2em;
}*/
/*<GREG HACK>*/
#sidebar-left {
  width: 17%;
  /*margin-top: 2.2em;*/
  float: left;
}
#sidebar-right {
  width: 22.5%;
  float: right;
 /* margin-top: 2.2em;*/
}
/*</GREG HACK>*/
#center {
  width: 100%; /* if #center is the only column */
  float: left;
}
body.sidebar-left #center { /* if #center and #sidebar-left are showing */
  width: 100%;
}
body.sidebar-right #center { /* if #center and #sidebar-right are showing */
  width: 76%;
}
/*body.sidebars #center { if #center, #sidebar-left and #sidebar-right are showing
  width: 74.4%;
}*/

/*<GREG HACK>*/
body.sidebars #center { /* if #center, #sidebar-left and #sidebar-right are showing */
    width: 72.2%;
    background: #eee; /*adds content bg color and padding*/
    padding: 10px;
}
/*styles below adds curved corners top & bottom of main content*/
#cnttop {
    height: 15px;
    width: 74.7%;
    background: #eee;
}
#leftcurvecnttop {
    background: url(images/leftcurvecnttop.gif) no-repeat;
    float: left;
    height: 15px;
    width: 20px;
}

#rightcurvecnttop {
    background: url(images/rightcurvecnttop.gif) no-repeat;
    float: right;
    height: 15px;
    width: 20px;
}
#cntbtm {
    height: 15px;
    width: 77%;
    background: #eee;
}
#leftcurvecntbtm {
    background: url(images/leftcurvecntbtm.gif) no-repeat;
    float: left;
    height: 15px;
    width: 20px;
}
#rightcurvecntbtm {
    background: url(images/rightcurvecntbtm.gif) no-repeat;
    float: right;
    height: 15px;
    width: 20px;
}
/*</GREG HACK>*/

body.sidebar-left #content { /* if #center and #sidebar-left are showing */
  float: right;
  width: 80%;
}
body.sidebar-right #content { /* if #center and #sidebar-right are showing */
  float: left;
  width: 100%;
}
/*body.sidebars #content {  if #center, #sidebar-left and #sidebar-right are showing 
    width: 80.4%;
    float: right;
}*/
body.sidebars #content
{
clear:right;
width: 80.4%;
float: right;
} 

#footer {
  clear: both;
  padding-top: 4em;
  text-align: center; 
}
/**
 * Administer.
 */
body.sidebars div.admin .left, body.sidebars div.admin .right {
  width: 48%;
  margin: 0;
}
body.sidebars div.admin .left {
  float: left;
}
body.sidebars div.admin .right {
  float: right;
}
/**
 * For Copy and paste code
 */
.file_form_pane input {
    color: #000 !important;
    padding: 2px !important;
}
.file_form_pane label {
    font: 12px "Trebuchet MS", Arial, Sans-serif !important;
    line-height: 2.0em !important;
    color: #444;
}
div.file_form_pane {
    display: none;
}

div.bliphelp {
    margin: 20px 20px 20px 0;
    padding: 10px 10px 0px 40px;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    font-size: 12px;
    background-color: #E9F3FF;
    border: 1px solid #D7E2F1;
    margin-left: 10px;
    margin-right: 8px;
    width: 668px;
}
div.bliphelp p {
    margin-top: 0;
    margin-bottom: 1em;
    line-height: 140%;
    text-align: justify;
}
.bliphelp {
    padding: 16px 16px 4px 40px !important;
    background: #F7F7F7 !important;
    background-image: url( 'http://blip.tv/skin/mercury/images/help_bg.gif' ) !important;
    background-repeat: no-repeat !important;
    background-position: 7px 14px !important;
    border: 1px solid #D3D3D3 !important;
}
.bliphelp p {
    line-height: 1.6em !important;
    text-align: left !important;
}
.bliphelp a {
    text-decoration: underline !important;
}
.copypaste_input {
    width:498px;
    height:150px;
    font-family: courier new;
    font-size: 11px;
}
.advanced_options {
    border: 1px solid #DDDDDD;
    background: #EEEEEE;
    padding: 10px;
    margin: 10px 0;
}
/**
 * hover box CSS
 */
a.video {
  color: #999;
  text-decoration: none;
  font-weight: bold;
}
a.video:hover {
  color: #0000FF;
  text-decoration: underline;
}
.vdvhdr {
  width:270;
  background:#C4D5E3;
  border:1px solid #C4D5E3;
  font-weight:bold;
  padding:0px;
}
.vdvbdy {
  width:250;
  background:#000000;
  color:#FFFFFF;
  border-top:1px solid #C4D5E3;
  border-left:1px solid #C4D5E3;
  border-right:1px solid #C4D5E3;
  border-bottom:1px solid #C4D5E3;
  padding:10px;
}

  p { font-size: 100%; margin-left: 5%; margin-right: 5%; }