@import url(luna_core.css);

.linkleft {
    float: left; 
    width: 130px;
}
.linkright {
    float: right; 
    width: 460px;
}
.form_left {
    float: left; 
    margin-right: 15px; 
    width: 280px;
}
.form_right {
    float: left; 
    width: 280px;
}
.form_image {
    padding-top: 30px;
}

.detail_imageleft {
   float: left;
   margin-right: 10px;
}
.detail_imageright {
   float: right;
   margin-left: 10px;
}
.detail_part {
   clear: both;
   padding-top: 20px;
}
.detail_text {
   font-size: 12px;
   margin-bottom: 1em;
   text-align: justify;
}
.detail_photo_imageleft {
   float: left;
   margin-right: 10px;
   width: 220px;
}
.detail_videoleft {
   text-align: center;
   width: 630px;
}
.linklisting {
  height: 85px;
}
/*
This file inherits from luna_core.css, so styles in this file will override
styles defined in it.  Changes to this file will NOT be overwritten during
upgrades.

Note that every template's body id is assigned the template name (without
the .html extension).  So if you want to change the h2 heading in the
category.html template, you can do this by:

    #category h2 { 
      color: red; 
      font-weight: bold; 
    }
*/

/**********\
|* Global *|
\**********/
html, body {
    height: 100%;
    text-align: justify;
}

input.file {
  width: 50px; 
} 

.crumb {
  display: none;
}

a {
  color: #0A50A1; //#212126;
  text-decoration: none;
}
a:visited {
  color: #8e8dBa;
}
a:hover {
  color: #5c5b66;
}

.headline {
  font-weight: bold;
  text-align: left;
}

.italicized {
    font-style: italic;
}

p {
    text-align: justify;
}

.bio_pic {
    float: left; 
    margin-right: 10px;
    margin-bottom: 15px; 
}

.bio {
    clear: both;
    margin-bottom: 15px;
    text-align: justify;
}

/***********\
|* Wrapper *|
\***********/
/* Changes document width */
/* Current width is logo width (163) + top banner ad (728) + 15px padding between */
#wrapper {
  width: 971px;
  min-height: 100%;
  min-height: 100%;
  border-left: 10px solid white;
  border-right: 10px solid white;
}


/*******\
|* Logo*|
\*******/
/* Logo size and image source */
#logo {
  width: 163px;
  height: 120px;
  background-image: url(http://www.slowtwitch.com/images/glinks/slowtwitch_logo_90_padded.jpg);
  margin: 0; 
  padding: 0;
  float: left;
}



/**********\
|* Header*|
\**********/
#header {
  background-image: url(/images/glinks/slowtwitch_lightgrey_fade_120.jpg);
  height: 120px;
  width: 971px;
  background-color: white;
}



/******\
|*Ads *|
\******/
#ad_728x90 {
  width: 728px;
  height: 90px;
  float: right;
  padding: 15px 0px 15px 0px;
}

#adzone {
  margin: 15px 0px 15px 0px;
}


/**********\
|* Login *|
\**********/
/* If the height of your logo changes from the original, then you will probably
want to also change the vertical position of the login link */
/*
#loginbar a {
  margin-top: 35px;
}
*/



/**********\
|* Navbar *|
\**********/
ul.primarynav {
  background: #0A50A1;
  text-transform: uppercase;
}

ul.primarynav li.home {
  border-right: 1px solid #ffffff;
  background: #222244;
}

ul.primarynav a {
  font-size: 10px;
  padding: 6px 6px;
}

ul.primarynav a:hover {
  color: #ffffff;
  background: #084081;
}

ul.secondarynav {
  border-bottom: none;
  float: none;
  text-align: center;
  background: transparent;
  margin-bottom: 10px;
  text-transform: uppercase;
}

ul.secondarynav li.first {
  padding-left: 0px;
}

ul.secondarynav li {
  background: transparent url(images/betweennav.gif) bottom right no-repeat;
  float: none;
  display: inline;
}

ul.secondarynav a {
  margin-right: 0px;
  padding: 10px 6px 10px 5px;
  float: none;
  color: #ffffff;
  font-size: 10px;
  text-decoration: none;
}

ul.secondarynav a:visited {
  color: #ffffff;
}
ul.secondarynav a:hover {
  color: #999999;
  background: transparent;
}

ul.currentseries {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}


ul.currentseries li{
  padding: 0px 0px 0px 0px;
  margin: 0px 4px 0px 4px;
}

ul.sidenav {
  background: #0A50A1;
  text-indent: 0px;
  padding-left: 0px;
  margin-left: 0px;
  border-bottom: none;
  text-align: left;
  background: transparent;
  margin-bottom: 2px;
  text-transform: uppercase;
  list-style-type: none;
}

ul.sidenav li {
  text-indent: 0px;
  padding-left: 0px;
  margin: 0px;
}

ul.sidenav a.last {
  background: none;
}

ul.sidenav a {
  float: left;
  width: 156px;
  background: transparent url(images/betweennav_side.png) bottom left no-repeat;
  margin-right: 0px;
  padding-left: 2px;
  padding-top: 1px;
  padding-bottom: 2px;
  color: #0A50A1;;
  font-size: 10px;
  text-decoration: none;
}

ul.sidenav a:visited {
  color: #0A50A1;;
}

ul.sidenav a:hover {
  color: #ffffff;
  background: #084081;
}

/***********\
|* Partners*| 
\***********/
  
ul.partners {
  background: #0A50A1;
  text-indent: 0px;
  padding-left: 0px;
  margin-left: 0px;
  border-bottom: none;
  text-align: left;
  background: transparent;
  margin-bottom: 2px;
  list-style-type: none;
}   

ul.partners li {
  text-indent: 0px;
  padding-left: 0px;
  margin: 0px;
}

ul.partners a.last {
  background: none;
}

ul.partners a {
  float: left;
  width: 156px;
  background: transparent url(images/betweennav_side.png) bottom left no-repeat;
  margin-right: 0px;
  padding-left: 2px;
  padding-top: 1px;
  padding-bottom: 2px;
  color: #0A50A1;;
  font-size: 11px;
  text-decoration: none;
}

ul.partners a:visited {
  color: #0A50A1;;
}

ul.partners a:hover {
  color: #ffffff;
  background: #084081;
}
  
/**********\
|* Footer *|
\**********/
#footer {
  background: #0A50A1;
  clear: both;
}

#footer p {
  color: White;
  text-align: center;
  padding: 0px 0px 0px 0px;
}
#footer a {
  color: GhostWhite;
  font-size: 10px;
  text-decoration: none;
}

#footer a:hover {
  color: #999999;
}

#footer img {
  float: none;
}



/*************\
|* OCWrapper *|
\*************/
#ocwrapper {
  border-left-width: 160px;
  border-right-width: 160px;
  border-color: white; //DimGray;
  background-color: white; //DimGray;
  min-height: 100%;
}

/*************\
|* ICWrapper *|
\*************/
#icwrapper {
  min-height: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}


/******************\
|* Content Header *|
\******************/
#contentheader {
  background-color: DimGray;
  margin-top: 0px;
  padding-top: 0px;
}

#contentheader .error, #contentheader .message {
  margin: 0px 200px 0px 200px;
}



/*******************\
|* Content Wrapper *|
\*******************/
#contentwrapper {
    min-height: 100%;
    padding-top: 0px;
    margin-top: 0px;
}


/***********\
|* Content *|
\***********/
#content {
    margin-bottom: 10px;
    min-height: 100%;
    height: auto;
    margin-top: 0px;
    padding-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    z-index: 1;
}

h3#comments {
    margin-top: 0px;
    padding-top: 0px;
}


/****************\
|* Left sidebar *|
\****************/
#leftsidebar {
  display: block;
  margin-left: -170px;
  margin-top: 0px;
  width: 160px;  
}

#leftsidebar img {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}



/*****************\
|* Right sidebar *|
\*****************/
#rightsidebar {
  display: block;
  margin-right: -170px;
  margin-top: 0px;
  width: 160px;
}

#rightsidebar img {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}




/*************\
|* Searchbar *|
\*************/
.searchbar {
  background: White;
  color: Black;
  width: 106px;
  margin: 0px 0px 16px 0px;
  padding: 5px 5px 5px 5px;
  border: 2px solid #0A50A1;
  text-align: center;
}

.searchbar label {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 11px;
  clear: both;
}

.searchbar input.text {
  width: 100px;
  margin-top: 5px;
}

.searchbar input.submit {
  margin-top: 5px;
  margin-bottom: 5px;
}

/* these colours are the same as defined by 'a', but we unset a:visited */
.searchbar a {
  color: Black;
  font-size: 10px;
  text-decoration: none;
}
.searchbar a:hover {
  color: #0A50A1;
}



/***********\
|* Shadows *|
\***********/
.shadowtop, .shadowbottom, .shadowleft, .shadowright {
  background: none;
  margin-top: 0px;
  padding-top: 0px;
}

.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {
  width: auto;
  float: none;
  background: none;
  margin-top: 0px;
  padding-top: 0px;
}

.shadowright {
  min-height: 100%;
}



/*****************\
|* ContentFooter *|
\*****************/
#contentfooter {
  clear: both;
}

.toolTip {
  position:absolute;
  left:100px;   /*Moves it to the right beside the question mark */
  display:none;
  text-align: left;
  width:200px;
  padding:5px;
  border:1px solid #ffffff;
  background-color:#eeeeee;
  font:10px/12px Arial, Helvetica, sans-serif;
}

/* If you change the globals category_cols or home_category_cols, then you will
need to change the width of the columns themselves.  Note that IE sometimes has
problems if this value adds up to 100%, so keep the width a little under 100%.
For example, if you changed category_cols to 3, then this example would set
the width of the columns to 33% (99% total).  If you want to change the columns
on the home page as well, then remember to set a rule for "#home dl" as well. */
/*
#category dl {
  width: 33%;
}
*/