/*   
Theme Name: DesignOutreach
Theme URI: http://wegotanamp.com
Description: DesignOutreach Custom Theme V1
Author: AlfredN
Author URI: http://wegotanamp.com
Version: 1.0
*/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

html, body{
  font-family:Arial;
  font-size:11px;
  background:#3794CD url("images/html-bgbot2.png") bottom center no-repeat;

  _text-align:center;
}

.layleft{
  float:left;
  width:599px;
}

.layright{
  float:right;
  width:401px;
}

.layclear{
  clear:both;
}

#container{
  margin:0 auto;
}

#preheader{
  background:#FFF url("images/pre-header.png") no-repeat;
  width:1000px;
  height:27px;
  margin: 0 auto;
  
  _text-align:left;
  _overflow:hidden;
}

  /* Special: Latest and Recent Post Vertical Images */
  #latestimg{
    margin:0 auto;
    width:1060px;
    background:url("images/latestimg.png") 10px 14px no-repeat;
  }
  
  #recentimg{
    margin:0 auto;
    width:1060px;
    background:url("images/recentimg.png") 10px 10px no-repeat;
  }

  #preheaderstretch{
    background:#fffce0;
  }

#header{
  background:#FFF url("images/header.png") no-repeat;
  width:1000px;
  height:136px;
  margin:0 auto;
  
  _text-align:left;
}

  #headerstretch{
    background:url("images/header-stretch.png");
  }
 
 #headerunder{
  /* background:url("images/headerunder-bg.png") no-repeat; */
 }
  
  /* Tagline */
  #tagline{
    color:#1BAFD7;
    font-size:11px;
    margin:2px 0 0 16px;
  }
  
  .tagcolor1{
    color:#BAE1C6;
  }
  
  .tagcolor2{
    color:#047C97;
  }
  
  /* RSS */
  #mainrsslink{
    float:right; 
    margin-top:76px;
  }

#mainmenu{
  height:30px;
  width:1000px;
  margin: 0 auto;
  
  _text-align:left;
}

  #mainmenustretch{
    background:#FFF url("images/menu-stretch.png");
  }
  
  #menuleft{
    background:url("images/menu-bg.png") top left;
    height:30px;
  }
  
  #menuright{
    background:url("images/menu-bg.png") top right;
    height:30px;
  }
  
  #mainmenu ul li{
    _display:inline;
  }
  
  #mainmenu ul li a{
    display:block;
    font-size:11px;
    font-weight:bold;
    color:#14b1dd;
    text-decoration:none;
    float:left;
    padding:7px 14px 7px 14px;
    border:1px solid #FEFEFC;
    
  }
  
  #mainmenu ul li a:hover{
    background:url('images/menuhover.png');
    border:1px solid #f2f2f2;
  }
  
  /* Main Search Box */
  #mainsearchbox{
    width:363px;
    height:21px;
    background:url("images/searchbox.png") no-repeat;
    border:0;
    padding:4px;
    margin:5px 0 0 2px;
    float:left;
  }
  
  #searchbutton{
    margin:3px 11px 0 0;
    float:right;
  }

#prebody{
  width:1000px;
  height:219px;
  margin: 0 auto;
  
  _text-align:left;
}

  #prebodystretch{
    background:url("images/prebody-stretch.png");
  }

  #prebodyleft{
   background:url("images/prebody-bg.png") top left no-repeat;
   height:219px;
  }
  
  #prebodyright{
    background:url("images/prebody-bg.png") top right no-repeat;
    height:219px;
  }

  /* Latest Section */
  .bigwhitetimes{
    font-family:Times New Roman, Georgia, Calibre;
    font-size:26px;
    color:#68A48D;
    display:block;
    text-decoration:none;
    padding:5px 0 0 5px;
  }
  
  .bigwhitetimes:hover{
    color:#D55A2F;
  }
  
  .latestpostpreview{
    color:#0a7578;
    display:block;
    padding:0px 0 0 6px;
  }
  
  #latestreadmore{
    background:url("images/readmorebg.png");
    height:31px;
    width:583px;
    margin:0 0 0 5px;
  }
  
  /* Read More --- Revisited In Body */
  
  .readmore{
    color:#DBF5CE;
    font-weight:bold;
    font-size:12px;
    float:left;
    margin:8px 0 0 8px;
  }
  
    .readmore:hover{
      color:white;
    }
  
  .commentlink{
    color:white;
    font-weight:bold;
    font-size:12px;
    text-decoration:none;
    float:right;
    margin:8px 8px 0 0;
  }
  
    .commentlink:hover{
      color:#BB2809;
      text-decoration:underline;
    }
  
  /* What's Hot Section */

  #whatshottitle{
    color:#047b99;
    font-family:Times New Roman, Georgia, Calibre;
    font-size:26px;
    float:left;
    width:200px;
    line-height:24px;
    margin:10px 0 0 8px;
  }
  
  #whatshotsubtitle{
    color:#F8FEE2;
    font-family:arial, verdana;
    font-size:11px;
    line-height:11px;
  }

  #loveicon{
    margin:8px 0 5px 0;
    float:right;
  }
  
  #hotbox{
    width:394px;
    height:133px;
    background:url("images/whatshotmainbg.png") repeat-x;
    float:right;
  }
    
    #hotbox li{
      width:379px;
      font-family:arial, helvetica, verdana;
      font-size:11px;
      color:#105044;
      margin:6px 0 0 8px;
    }
      
      #hotbox li:hover .hotitemsubtitle{
        color:#105044;
      }
    
    #hotdoubleline{
      height:0px;
      border-top:1px solid #76BA8B;
      border-bottom:1px solid #C2DFCB;
      margin-top:4px;
    }
    
    #hotbox .hotitemtitle{
      font-family:Times New Roman, Georgia;
      font-size:18px;
      color:white;
      text-decoration:none;
      line-height:26px;
      font-weight:normal;
    }
    
      #hotbox .hotitemtitle:hover{
        color:#BB2809;
        text-decoration:underline;
      }
    
    #hotbox .hotitemsubtitle{
      color:#3E3E3E;
    }
    
    #hotbox .hotitemauthor{
      color:#0C5671;
      font-weight:bold;
      text-decoration:none;
    }
    
      #hotbox .hotitemauthor:hover{
        text-decoration:underline;
        color:#BB2809;
      }
  
  #hotbox #secondhotitem{
    margin-top:2px; 
    _margin-top:-10px;
  }
  
  #hotmore{
    width:388px;
    height:23px;
    background:url("images/readmoreabridged.png") 0px 0px repeat-x;
    float:right;
    text-align:right;
    font-weight:bold;
    color:#016FAC;
    font-size:12px;
    padding:7px 6px 0 0;
    
    _width:394px;
    _padding:5px 6px 0 0;
    _height:28px;
  }
  
    #hot-archive{
      color:white;
      text-decoration:none;
    }
    
    #hot-archive:hover{
      color:#BB2809;
      text-decoration:underline;
    }

#body{
  width:1000px;
  margin: 0 auto;
  
  _text-align:left;
}

  #bodystretch{
    background:url("images/body-topbg.png") repeat-x;
  }

  #bodylbgrep{
    background:url("images/body-transbg.png");
  }
  
  #bodylbgtop{
    background:url("images/body-topbgstiff.png") top left no-repeat;
  }
  
  #bodyrbgrep{
    background:url("images/body-transbg.png") top right;
  }
  
  #bodyright{
    background:url("images/body-topbgstiff.png") top right no-repeat;
    padding-top:10px;
  }
  
  .bodyfloatfix{
    padding-bottom: 32767px;
	  margin-bottom: -32767px;
  }
  
  /* Blog Post */
  
  .blogpost{
    padding-top:12px;
  }
  
  .postreadmore{
    background:url("images/readmorebg.png");
    height:31px;
    width:583px;
    margin:0 0 0 5px;
  }
  
  .postpreview{
    background:url("images/postboxbg.png") repeat-x;
    line-height:16px;
    color:#FFFFFD;
    width:575px;
    margin:0 0 0 5px;
    padding:4px;
    
    _width:583px;
  }
  
  .postheader{
    width:575px;
    margin:6px 0 6px 5px;
    font-family:Times New Roman, Georgia, Calibre;
    font-size:24px;
    color:#e5f3ff;
  }
  
  .postheader a{
    color:#E5F3FF;
    text-decoration:none;
  }
  
  .postheader a:hover{
    color:#BAE3CF;
  }
  
  .postthumbnail{
    margin:0 0 0 5px;
    width:583px;
  }
  
  .postpreheader{
    margin:0 0 0 5px;
    width:583px;
    background:url("images/toppostbar.png") repeat-x;
    height:29px;
  }
  
    .postpreheader .tags{
      float:left;
      display:block;
      margin:6px 0 0 4px;
      color:#565553;
    }
    
      .postpreheader .tags a{
        color:#565553;
        text-decoration:none;
      }
      
      .postpreheader .tags a:hover{
        text-decoration:underline;
      }
    
    .postpreheader .authoranddate{
      float:right;
      display:block;
      margin:6px 4px 0 0;
    }
    
      .postpreheader .authoranddate a{
        font-weight:bold;
        text-decoration:none;
        color:#565553;
      }
      
      .postpreheader .authoranddate a:hover{
        text-decoration:underline;
      }
      
        .postpreheader .authoranddate .date{
          color:#0C7578;
        }
    
  blockquote{
    background:#06538D url("images/blockquotes-top-alt.png") -30px -30px no-repeat;
    padding:5px;
    margin:5px 3px 5px 3px;
    border:1px solid #043559;
  }
  /* Comments */
  .commentitem{
    margin-top:4px;
  }
  
  .commentheader{
    margin:0 0 0 5px;
    width:583px;
    background:url("images/toppostbar.png") repeat-x;
    height:29px;
  }
  
    .commentheader .number{
      float:left;
      display:block;
      margin:6px 0 0 4px;
      color:#565553;
    }
    
      .commentheader .number a{
        color:#565553;
        text-decoration:none;
      }
      
      .commentheader .number a:hover{
        text-decoration:underline;
      }
    
    .commentheader .authoranddate{
      float:right;
      display:block;
      margin:6px 4px 0 0;
    }
    
      .commentheader .authoranddate a{
        font-weight:bold;
        text-decoration:none;
        color:#565553;
      }
      
      .commentheader .authoranddate a:hover{
        text-decoration:underline;
      }
      
        .commentheader .authoranddate .date{
          color:#0C7578;
        }

  .commentbody{
    background:url("images/footerstretch-bg.png");
    line-height:16px;
    color:#047B99;
    width:575px;
    margin:0 0 0 5px;
    padding:4px;
    
    _width:583px;
  }
  
  #commentform{
    background:url("images/footerstretch-bg.png");
    line-height:16px;
    color:#047B99;
    width:575px;
    margin:5px 0 0 5px;
    padding:4px;
    
    _width:583px;
  }
  
  .commenttext{
      border:1px solid #07385D;
      background:#06538D;
      color:white;
      padding:4px;
      margin:3px 0 3px 0;
      line-height:16px;
      
      width:574px;
    }
  
  .commenttextarea{
      border:1px solid #07385D;
      background:#06538D;
      color:white;
      padding:4px;
      margin:3px 0 3px 0;
      line-height:16px;
      height:100px;
      
      width:574px;
  }
  
  .commentsubmit{
    margin:3px 0 3px 0;
    padding:5px;
    font-weight:bold;
    border:1px solid #508D3F;
    background:#528E3F url("images/whatshotmainbg.png");
    color:white;
  }
  
  #commentformheading{
    font-weight:bold;
    font-size:12px;
    font-family:Arial;
    color:#06538D;
    margin:0 0 0 3px;
  }
  
    .commentformheadingspecial1{
      color:#025731;
    }
  
  /* Previous & Next Page */
  #pagination{
    background:url("images/readmorebg.png") 0px -2px repeat-x;
    height:29px;
    width:583px;
    margin:0 0 0 5px;
  }
  
    #pagination a{
      color:white;
      text-decoration:none;
    }
  
    #pagination a:hover{
      color:#FAF6BD;
    }
  
    #previousentries{
      float:left;
      display:block;
      font-weight:bold;
      font-size:12px;
      margin:6px 0 0 4px;
    }
    
    #nextentries{
      float:right;
      display:block;
      font-weight:bold;
      font-size:12px;
      margin:6px 4px 0 0;
    }

  /* Right-Side / SideBar */
  
  #adspace{
    /* Disabled for now until we get more visitors. */
    display:none;
    padding:12px 7px 3px 0px;
    text-align:right;
    background:url("images/adspacebg.png") 396px 14px no-repeat;
  }
  
  .adimg{
    margin:0 3px 9px 2px;
  }
  
  .rightboxwrap{
    border:1px solid #216395;
    width:393px;
    margin:0 0 10px 6px; 
  }         
  .rightbox{
    height:366px;
    border:3px solid white;
    background:#CFEBFF url("images/sidebarboxbg.png") repeat-x;   
  }
      
      .rightbox li{
        width:349px;
        margin:0 0 0 19px;
        padding:4px 0 4px 0;
        border-bottom:1px solid #FFFFFF;
        border-top:1px solid #BCE1F4;
      }
      
      .rightbox li:hover{
        border-bottom:1px solid #73BFE8;
      }
      
      .rightbox .first{
        border-top:0px;
      }
      
      .rightbox .last{
        border-bottom:0px;
      }
      
      .rightboxheader{
        width:349px;
        height:23px;
        margin:12px 0 0 19px;
        border-bottom:1px solid #C4C5C7;
        background:url("images/mtnsbox.png") bottom right no-repeat;
      }
      
      .rightboxtitle{
        font-family:Times New Roman, Georgia, Calibre;
        color:#216394;
        font-size:20px;
        float:left;
      }
      
      .rightbox li a{
        color:#047b99;
        font-family:Trebuchet MS, Arial, Verdana;
        font-size:16px;
        text-decoration:none;
        font-weight:bold;
      }
      
      .rightboxsubimg{
        float:right;
      }
      
      .rightboxtitlelink{
        color:#047b99;
        font-family:Trebuchet MS, Arial, Verdana;
        font-size:16px;
        text-decoration:none;
        font-weight:bold;
      }
      
      .rightboxauthorlink{
        color:#696969;
        font-weight:bold;
        text-decoration:none;
      }
      
      .rightboxdate{
        color:#0a7578;
        font-size:11px;
      }
  
  /* Page Headers */
  .pageheading{
    width:575px;
    padding:6px 0 6px 5px;
    font-family:Times New Roman, Georgia, Calibre;
    font-size:24px;
    color:#07385D;
    
    _margin:6px 0 6px 5px;
    _padding:0;
  }

  .pagebody{
    background:url("images/postboxbg.png") repeat-x;
    line-height:20px;
    color:#FFFFFD;
    width:583px;
    margin:0 0 0 5px;
    font-size:12px;
    font-family:Georgia, Times New Roman;
    
    _width:583px;
  }
  
  .pagebody img{
    margin:0 0 0 -4px;
  }
  
  .pagebody a{
    color:#FFFCE0;
  }
  
  .pagebody a:hover{
    color:#DAE194;
  }
  
  /* Stories */
  .storyheading{
    width:575px;
    padding:6px 0 6px 5px;
    font-family:Times New Roman, Georgia, Calibre;
    font-size:24px;
    color:#e5f3ff;
    
    _margin:6px 0 6px 5px;
    _padding:0;
  }
  
  .storyinfo{
    font-size:11px;
    font-family:arial, helvetica, verdana;
  }
  
  #afterstory{
    background:url("images/readmorebg.png");
    height:31px;
    width:583px;
    margin:0 0 0 5px;
  }
  
  #socialicons{
    float:left;
    margin:8px 0 0 6px;
  }

#footer{
  background:url("") no-repeat;
  width:1000px;
  height:px;
  margin: 0 auto;
  
  _text-align:left;
}

  #footerstretch{
    background:url("images/footerstretch-bg.png");
  }

  #footerright{
    background:url('images/footer-transbg.png') top right;
    height:222px;
    
    font-size:11px;
    color:#41a8a3;
  }
  
  #footerright a{
    color:#0F5044;
    text-decoration:underline;
    font-weight:bold;
  }
  
  #footerright a:hover{
    color:#89B136;
  }
  
  #footerleft{
    background:url('images/footer-transbg.png') top left;
    height:222px;
  }
  
  /* Footer Boxes */
  
  .footerboxtitle{
    margin:10px 0 0 7px;
    font-family:Times New Roman, Georgia, Calbre;
    font-size:14px;
    color:#0c5671;
    font-weight:bold;
  }

  .footerbox ul{
    width:582px;
    height:60px;
    margin:6px 0 0 7px;
    padding:2px 0 0 0;
    background:url("images/footersectionsbg.png") repeat-x;
  }
  
  .footerbox li{
    float:left;
    width:92px;
    height:16px;
    float:left;
    margin:1px 0 0 3px;
  }
    
    .footerbox li a{
      text-decoration:none;
      color:#0D5772;
    }
    
    .footerbox li a:hover{
      text-decoration:underline;
      color:#41A8A3;
    }
    
    .footerbox .tags li{
      width:auto;
      float:none;
      display:inline;
    }
    
    /* Tag Sizing */
    .l{font-size:12px; font-weight:bold;}
    .xl{font-size:14px; font-weight:bold;}
    .xxl{font-size:16px; font-weight:bold;}
    .xxxl{font-size:18px; font-weight:bold;}

#lowerfooter{
  background:#FFF url("") no-repeat;
  width:1000px;
  margin: 0 auto;
  
  _text-align:left;
}

  #lowerfooterstretch{
    background:url("images/lowerfooter-right.png");
  }

#floor{
  background:#FFF url("") no-repeat;
  width:1000px;
  margin: 0 auto;
  
  _text-align:left;
}
  
  #floorstretch{
    background:url("images/floor-right.png");
  }

  #wgaalogo{
    float:right;
    padding:18px 10px 0 0;
    width:86px;
    height:35px;
  }
  

p {
  margin-bottom:15px; 
  padding:4px 4px 0 4px;      
}

h3{
  font-size:24px;
  margin-bottom:10px;
  font-family: Georgia, Times New Roman;
  border-bottom:2px solid #FBFAE4;
  padding-bottom:10px;   
  margin-bottom:5px;
  color:#FFF9B9;
  line-height:28px;   
  padding:4px 4px 0 4px;
}