/* ========================================================================
    Created    : 4th of November 2007, 15:35 CET
          by   : Tina Holmboe <tina@sitesifter.co.uk>

    Updated    : 30th of April 2008, 15:16 CET 
            by : Tina Holmboe <tina@sitesifter.co.uk>

    Media type : screen
    Usage      : Main layout.


    Please note that, when updating stylesheets, the following rules are to
    be observed:

      - Rulesets start in column 3.

      - Blocks are written with the opening curly bracket following the rule
        name and the ending bracket in column 0, alone.

      - A declaration start in column 1. Properties are separated from values
        by a colon (":") in column 25. Declarations always end with one
        whitespace and a semi-colon (" ;") whether needed by syntax or not.

      - Short-hand properties are not used. margin- and padding- are exempt.

      - Short-hand RGB codes are not used.

      - All 0 values which otherwise would take a unit is given ex.

    ======================================================================== */

   * {
    margin               : 0ex ;
    padding              : 0ex ;
    font-family          : "Trebuchet MS", Verdana, sans-serif ;
   }


   body {
    background-image     : url(/images/siteSifter-Journal-2.9--76x212.png) ;
    background-repeat    : no-repeat ;
    background-position  : 0px 55px ;
    color                : #000000 ;
    background-color     : #ffffff ;
   }



/* Headers */
   h1 {
    margin-left          : auto ;
    margin-right         : auto ;
    margin-top           : 1em ;
    margin-bottom        : 1em ;
    width                : 80% ;
    text-align           : center ;
    letter-spacing       : 1px ;
    font-size            : 200% ;
   }


   h1.why strong {
    border-bottom-style  : double ;
    border-bottom-width  : 4px ;
    border-bottom-color  : #696969 ;
   }




/* Content Area */
   #content {
    margin-left          : auto ;
    margin-right         : auto ;
    width                : 80% ;
   }


   #content h2 {
    font-weight          : 900 ;
    font-size            : 110% ;
    margin-top           : 2em ;
   }


   #content h3 {
    font-weight          : 900 ;
    font-size            : 100% ;
    max-width            : 60em ;
    margin-left          : auto ;
    margin-right         : auto ;
    margin-top           : 2em ;
   }


   #content h2:before {
/*    content              : '\2014\2009' ; */
   }


   #content p {
    font-weight          : 100 ;
    max-width            : 60em ;
    margin-left          : auto ;
    margin-right         : auto ;
   }


   #content p + p {
    margin-top           : 1.3em ;
   }


   #content ul, #content ol {
    max-width            : 55em ;
    margin-left          : auto ;
    margin-right         : auto ;
    margin-top           : 2em ;
   }


   #content ul li {
    margin-top           : 1em ;
   }


   #content ul.smallList {
    max-width            : 60em ;
    margin-bottom        : 1em ;
   }


   #content abbr {
    border-bottom-style  : dotted ;
    border-bottom-color  : #73ff53 ;
    border-bottom-width  : 1px ;
   }





/* Links */
   #content a:link, #content a:visited {
    color                : #084700 ;
    background-color     : inherit ;
   }


   #content a:hover {
    color                : #ff0000 ;
    background-color     : inherit ;
   }


   #content a span {
    color                : #000000 ;
    background-color     : inherit ;
   }


   #content sup {
    font-size            : 80% ;
    font-family          : Garamond, serif ;
   }

   #content sup a {
    text-decoration      : none ;
   }


   a img {
    border-style         : none ;
   }




/* Footer */
   #footer {
    clear                : both ;
    margin-left          : auto ;
    margin-right         : auto ;
    margin-top           : 3em ;
    margin-bottom        : 1em ;
    width                : 99% ;
    text-align           : center ;
    padding-top          : 1px ;
    padding-bottom       : 1px ;
    letter-spacing       : 1px ;
    font-size            : 70% ;
   }



/* Main Navigation */
   #navcontainer {
    margin-left          : auto ;
    margin-right         : auto ;
    margin-top           : 1.2em ;
    border-top-style     : solid ;
    border-top-color     : #999999 ;
    border-top-width     : 1px ;
    z-index              : 1 ;
    width                : 100% ;
   }


   #navcontainer ul {
    list-style-type      : none ;
    text-align           : center ;
    margin-top           : -8px ;
    padding              : 0 ;
    position             : relative ;
    z-index              : 2 ;
   }


   #navcontainer li {
    display              : inline ;
    text-align           : center ;
    margin               : 0 5px ;
    font-size            : 70% ;
   }


   #navcontainer li a, #navcontainer li a:link, #navcontainer li a:visited {
    padding              : 1px 7px ;
    color                : #666666 ;
    background-color     : #ffffff ;
    border-style         : solid ;
    border-color         : #cccccc ;
    border-width         : 1px ;
    text-decoration      : none !important ;
    border-left-color    : #ffffff ;
    border-right-color   : #ffffff ;
   }


   #navcontainer li a:hover {
    color                : #000000 ;
    border               : 1px solid #c60000 ;
    border-top           : 2px solid #c60000 ;
    border-bottom        : 2px solid #c60000 ;
    border-left-color    : #ffffff ;
    border-right-color   : #ffffff ;
   }


   #navcontainer li a#current {
    color                : #000000 ;
    border               : 1px solid #666666 ;
    border-top           : 2px solid #400000 ;
    border-bottom        : 2px solid #400000 ;
    border-left-style    : none ;
    border-right-style   : none ;
   }




/* Price Tables */

   table.price {
    margin-left          : auto ;
    margin-right         : auto ;
    width                : 99% ;
    margin-top           : 3em ;
    margin-bottom        : 3em ;
    border-style         : solid ;
    border-width         : 4px ;
    border-color         : #ccffcc ;
    border-left-style    : none ;
    border-top-style     : none ;
   }


   table.price th {
    font-weight          : 600 ;
    text-align           : right ;
    font-size            : 70% ;
    white-space          : pre ;
   }


   table.price td {
    padding-left         : 3ex ;
    padding-right        : 3ex ;
    padding-bottom       : 0.5ex ;
    text-align           : center ;
    font-size            : 70% ;
   }


   table.price tr:hover td {
    color                : #000000 ;
    background-color     : #ccffcc ;
   }


   table.price tr:hover td.planName, table.price tr:hover td:first-child {
    color                : #000000 ;
    background-color     : #ffffff ;
   }



   td.planName {
    font-size            : 100% !important ;
    font-weight          : 900 ;
   }



/* Price Columns */
   #prices { 
    margin-left          : auto ;
    margin-right         : auto ;
    width                : 90% ;
   }


   #gold, #silver, #bronze {
    float                : left ;
    width                : 30% ;
   }


   #gold h2, #silver h2, #bronze h2 {
    text-align           : center ;
   }


   #gold p, #silver p, #bronze p {
    text-align           : center ;
   }





/* FAQ */
   ul.faqList li {
    margin-bottom        : 2ex ;
   }

   ul.faqList li ul {
    margin-left          : 4em !important ;
    margin-bottom        : 1em !important ;
   }

   ul.faqList li ul li {
    margin-top           : 0ex ;
    margin-bottom        : -1ex !important ;
   }

   .question {
   }

   .answer {
    margin-left          : 3ex ;
   }





/* Decorations */
   img.imageFloatedLeftInText {
    float                : left ;
    margin-right         : 1em ;
   }

   img.image_with_border {
    border-style         : solid ;
    border-width         : 1px ;
    border-color         : #dcdcdc ;
    margin-top           : 1ex ;
   }




/* News */
   p.news_last_updated {
    font-size            : 70% ;
    text-align           : right ;
    margin-top           : -2em ;
   }


   ul.news_by_year li {
    display              : inline ;
   }

  
   h2.newsHeader {
    margin-top           : 1em ;
    display              : run-in ;
   }


   #newsentry p {
    max-width            : 45em ;
   }






/* Header lists */
   ul.why li h2 {
    font-size            : 1em ;
    display              : run-in ;
    margin-right         : 1ex ;
   }

   ul.why li h2:after {
    content              : ": " ;
   }



/* Preformatted text */
   pre {
    margin-top           : 1em ;
   }





/* Google and One-Shot test styles */

   #ssx_lite_fx_button {
    width                : 282px ;
    margin-left          : auto ;
    margin-right         : auto ;
   }


   #ssx_lite_button {
    border-style         : ridge ;
    border-width         : 5px ;
    border-color         : #76005c ;
    width                : 10em ;
    text-align           : center ;
    margin-bottom        : 1em ;

   }


   #ssx_lite_button a:link, #ssx_lite_button a:visited, #ssx_lite_button a:visited span {
    font-size            : 120% ;
    display              : block ;
    height               : 100% ;
    width                : 100% ;
    text-decoration      : none ;
    color                : #000000 ;
    background-color     : #fca7e9 ;
   }


   #ssx_test {
    margin-left          : auto ;
    margin-right         : auto ;
    margin-top           : 4em ;
    margin-bottom        : 2em ;
    width                : 75% ;
   }

   #ssx_test legend {
    margin-left          : 1ex ;
    padding-left         : 0.5ex ;
    padding-right        : 0.5ex ;
   }


   #ssx_test input {
    margin-left          : 1em ;
    border-style         : solid ;
    border-width         : 1px ;
    border-color         : #c2c2c2 ;
   }

   #ssx_test .radioButton {
    margin-right         : 1em ;
   }

   #ssx_test .textLabel {
    margin-top           : 1em ;
    margin-left          : 1em ;
    margin-bottom        : 1ex ;
   }

   #ssx_test .submitButton {
    padding-left         : 3px ;
    padding-right        : 3px ;
   }


   #googleWrapper {
    margin-left          : auto ;
    margin-right         : auto ;
    margin-top           : 5em ;
    width                : 728px ;
    height               : 90px ;
    color                : #000000 ;
    background-color     : #dcdcdc ;
   }


/* Definition Lists */

   dl {
    margin-left          : auto ;
    margin-right         : auto ;
    width                : 60em ;
   }

   dd {
    margin-left          : 2em ;
    margin-bottom        : 1em ;
   }



/* ToC */
   ul.toc {
    margin-left          : 0em ;
   }

   ul.toc li {
    font-size            : 80% ;
   }

   ul.toc li ul {
    margin-left          : 1em !important ;
    margin-top           : 1ex !important ;
    margin-bottom        : 1em !important ;
   }



/* Lines */
   .line {
    margin-left          : 1em ;
   }