/*
Theme Name: Spizz your Brain
Theme URI: http://www.spizzyourbrain.com
Author: Marvin M. Monteagudo
Author URI: http://www.time-walk.com
Description: For Spizz Your Brain Website!
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: single column
Template: twentyeleven
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

@import url('./css/reset.css');
@import url('./css/960.css');
@import url('./css/realisticButtons.css');
@import url('./css/buttons-01.css');
@import url('./css/buttons-02.css');
@import url('./css/buttons-03.css');


body { margin: 0; text-align: center;}
* .clearing {clear: both;}
* .u {text-decoration: underline}
* .i {font-style: italic}
* .b {font-weight: bold}

h2.cta { text-align: center; color: #c00; font-size: 22pt; font-family: arial, helvetica, sans-serif; font-weight: normal; text-shadow: 1px 1px 1px white, 1px 1px 1px black;}
h2.plain { text-align: center; color: #000; font-size: 22pt; font-family: arial, helvetica, sans-serif; font-weight: normal; text-shadow: 1px 1px 1px white, 1px 1px 1px #999;}
h3.cta { text-align: center; color: #c00; font-size: 18pt; font-family: arial, helvetica, sans-serif; font-weight: normal; text-shadow: 1px 1px 1px white, 1px 1px 1px black;}
h3.info {  text-align: center; color: #036; font-size: 18pt; font-family: arial, helvetica, sans-serif; font-weight: normal; text-shadow: 1px 1px 1px white, 1px 1px 1px black;}
h3.optin-heading { font-size: 13pt; text-align: center; color: #c00; font-family: arial, helvetica, sans-serif; font-weight: bold; text-shadow: 1px 1px 1px white, 1px 1px 1px black; margin-bottom: 20px;}
h5.nospam { display: block; font-size: 8pt; text-align: center; color: #999; font-family: arial, helvetica, sans-serif; font-weight: bold; text-shadow: 1px 1px 1px white, 1px 1px 1px #999; margin: 20px 0}


  #wrapOuter { background: #036 url('./images/topbg.png') repeat-x top;}
  #wrapInner { width: 1000px; text-align: center; margin: 0 auto;}
    #wrapInner #header { width: 1000px; height: 197px; background: url('./images/banner.jpg')}
    #wrapInner #wrapContent { padding: 30px; width: 900px; border: 1px solid white; text-align: left; margin: 0 auto; background: white; }
    #wrapInner #wrapContent content { width: 900px;}
    #wrapInner #wrapContent content h3.subsec-head { padding: 0 20px; font-family: arial, helvetica, sans-serif; margin-top: 35px; background: #036; display: block; height: 35px; line-height: 35px; font-size: 18pt; color: white; text-shadow: 1px 1px 1px black; }
    #wrapInner #wrapContent content .column-wrap { padding: 20px; font-family: arial, helvetica, sans-serif}
    #wrapInner #wrapContent content .column-wrap .left { width: 460px; float: left;}
      #wrapInner #wrapContent content .column-wrap .left ul.archive {}
        #wrapInner #wrapContent content .column-wrap .left ul.archive li.archive-items { height: 25px; line-height: 25px; background: url(./images/ico-publ.png) left no-repeat; padding-left: 30px; margin-bottom: 10px; display: block;}
        #wrapInner #wrapContent content .column-wrap .left ul.archive li.archive-items a { text-decoration: none; color: #036;}
        #wrapInner #wrapContent content .column-wrap .left ul.archive li.archive-items a:hover{ font-weight: bold; color: #c00;}
    #wrapInner #wrapContent content .column-wrap .right{ font-size: 12pt; width: 330px; float: right; border: 1px solid black; padding: 15px; }
      #wrapInner #wrapContent content .column-wrap .right h4 { font-size: 14pt; margin: 0 auto; display: block; border-bottom: 1px solid black; margin-bottom: 15px;}
      #wrapInner #wrapContent content .column-wrap .right h5 { font-size: 12pt; margin-bottom: 10px; text-decoation: underline }
      #wrapInner #wrapContent content .column-wrap .right p { font-size: 10pt; margin-bottom: 10px; text-decoation: underline; margin-bottom: 25px; }
      #wrapInner #wrapContent content .column-wrap #box-sponsors img { border: 1px solid black; margin: 10px auto;}
            .fullVideo { border:1px solid black; width: 640px; height: 480px; display: block; background: black; margin: 20px auto;}
            #home-optin { display: block; width: 330px; padding: 25px 25px 0px 25px; border: 1px solid black; margin: 20px auto; overflow: hidden; background:red}
            #home-optin,
            #wrapInner #wrapContent content .column-wrap .right
            {
              background-color: #eee;
              background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
              background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
              background-image: -moz-linear-gradient(top, #fafafa, #ddd);
              background-image: -ms-linear-gradient(top, #fafafa, #ddd);
              background-image: -o-linear-gradient(top, #fafafa, #ddd);
              background-image: linear-gradient(top, #fafafa, #ddd);
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#dddddd');
            }

    #download { margin: 20px auto;  width: 400px; height: 100px; }
    #download .dl-newsletter-samp { width: 225px; height: 85px; display: block;  padding: 15px 0 0 175px ; background: url(./images/ico-dl-newsletter.png) left no-repeat }
    #download a { font-size: 16pt; font-family: arial, helvetica, sans-serif; text-decoration: none; font-weight: bold; color: #036; text-shadow: 1px 1px 1px white, 1px 1px 1px black;}
    #download a:hover { color: #a00;}
  #wrapInner footer { width: 800px; margin: 20px auto; font-size: 8pt; color: #ccc; font-family: arial; margin-bottom :150px;}
  #wrapInner footer img { margin-right: 15px; border: 1px solid white; float:left;}