/*  
Theme Name: The DJNewStyle Show Archive
Theme URI: http://www.djnewstyleshow.com
Description: This shit is designed by DJNewStyle.
Version: 1.0
Author: DJNewStyle
Author URI: http://www.djnewstyleshow.com
*/

  
body                          {font: Normal 13px Helvetica, sans-serif; margin: 0; background-color: #411; color: #8c4444;}
#container                    {background-color: #fff; border: solid 20px #3a0707; width: 950px; margin: 20px auto;}      





/* header */
#heading{
  background: #8C2020;
  padding: 0; 
  display: block; 
  color: #fff; 
  margin-top: 0px; 
  font-size: 1.1em;
}

  #heading a                  {color: #ffe0e0; text-decoration: none; font-weight: bold;}
  #heading a:hover            {color: #fff; text-decoration: underline; font-weight: bold;}
    #heading a h1             {float: left; width: 629px; height: 113px; background: #8C2020 url('http://www.djnewstyleshow.com/wp-content/themes/djns2/images/djnslogo.jpg') no-repeat; text-indent: -9000px; margin: 0; padding: 0;}
  #heading .rss               {text-align: center; font-size: 0.8em; margin: 40px 10px 0 0; padding: 0 10px 0 0;} 
    #heading .rss a           {line-height: 10px; color: #b9976a;}
    #heading .rss img         {padding: 0 0 5px 0; margin: 0;}
    #heading .rss br          {padding: 0; margin: 0;}
  .archiveheader              {padding: 0 13px;}

  /* header hacks (Damn you, IE!) */  
  #heading .rss               {* padding: 0 3px 0 0;}     





  /* horizontal menu bar*/
  .info{
    background-color: #eee; 
    text-align: left; 
    font-size: 1.1em;
    border-bottom: solid 3px #e0e5e0;
    padding: 7px 17px 4px 17px;
  }
  
    .info a                   {color: #aaa; text-decoration: none; font-weight: bold;}
    .info a:hover             {color: #888; text-decoration: none; font-weight: bold;}





  /* content */
  #content                    {margin: 10px 0 0 10px; width: 658px;}
  #contentsingle              {margin: 10px 0 0 10px;}
    #contentsingle ul         {padding-top: 0; padding-bottom: 0;}
  
    /* post listing navigation */
    .listnav                  {width: 558px; margin-right: 10px; font-size: 1.1em; margin-bottom: 10px; clear: left;}
    .listnav a                {color: #555; text-decoration: none; font-weight: bold}
    .listnav a:hover          {color: #888; text-decoration: underline;}
    
    /* episode thumbnails */
    .episodeitem              {float: left; margin: 0 10px 10px 0;}
    .episodeart               {display: block; cursor: pointer; overflow: hidden; width: 126px; height: 128px; margin: 0; padding: 0; color: #444; position: relative; background-color: #fdfcff; font: Normal 11px Helvetica, sans-serif; background-color: transparent; background-repeat: no-repeat; background-position: center center;}
      a.episodeart            {border: solid 3px #aaa; border-top: solid 3px #666; border-left: solid 3px #666; text-decoration: none;}
      a.episodeart:hover      {border: solid 3px #a10; border-top: solid 3px #f10; border-left: solid 3px #f10;}
    .insideart                {display: block; padding: 0px; position: absolute; bottom: 0px; left: 0px; width: 130px; margin: 0; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75;}    
    span.episodecaption       {background-color: #000; color: #fff; font: Bold 11px Helvetica, sans-serif; display: block; margin: 0; padding: 2px; * filter:alpha(opacity=75); * -moz-opacity: .75; * opacity:.75;}    

    /* single episode */
    .singleepisode            {display: inline;}
    a.singlebrick             {display: inline; float: left; border: solid 3px #aaa; border-top: solid 3px #666; border-left: solid 3px #666; width: 400px; list-style-type: none; overflow: hidden; margin: 0px 10px 10px 0px; font: Normal 11px Helvetica, sans-serif; color: #444; position: relative; background-color: #FdFcFF; text-decoration: none; padding: 0;}
    a.singlebrick a           {color: #007BFF;}
    a.singlebrick:hover       {cursor: pointer;}
    .singleinside_brick       {display: block; padding: 0px; position: absolute; bottom: 0px; left: 0px; width: 400px; margin: 0; * filter:alpha(opacity=55); * -moz-opacity:.55; * opacity:.55;}
    a.singlebrick:hover       {display: block; border: solid 3px #a10; border-top: solid 3px #f10; border-left: solid 3px #f10; width: 400px;}    
    span.singlecaption        {background-color: #000; color: #fff; font: Bold 11px Helvetica, sans-serif; display: block; margin: 0; padding: 2px; filter:alpha(opacity=55);-moz-opacity:.55;opacity:.55;}    
    .singlecontent            {color: #6c3737; float: left; width: 486px; padding: 0 10px 0 10px; margin: 0; font-size: 0.9em}
      .singlecontent a        {color: #b33; text-decoration: none; font-weight: bold;}
      .singlecontent a:hover  {text-decoration: underline; font-weight: bold;}
      .singlecontent h2       {margin: 10px 0 15px 0; font-size: 20px;}

    /* single episode hacks (Damn you, IE)*/
    .singlecontent p          {* padding: 0px; * margin: 0 0 8px 0;}
    .singlecontent h2         {* margin-bottom: 10px;}
    
    /* post */
    .post                     {margin-right: 10px; width: 558px;}
    .post a                   {color: #bb3333; text-decoration: none; font-weight: bold;}
    .post a:hover             {color: #bb3333; text-decoration: underline;}
    .post .sampleaudio        {line-height: 1.3em; margin-bottom: 10px; font-size: 0.9em; color: #555; border: solid 1px #ddd; background: #f8f8f8; padding: 10px 10px 5px 10px;}
    .post .sampleaudio strong {font-size: 1.2em; margin-bottom: 8px; color: #666;}
    .post .sampleaudio object {margin: 8px 0 0 0;}
    .post .sampleaudio p      {margin: 0; padding: 5px 0 0 0;}

    /* postsingle */
    .postsingle                     {margin-right: 10px;}
    .postsingle a                   {color: #bb3333; text-decoration: none; font-weight: bold;}
    .postsingle a:hover             {color: #bb3333; text-decoration: underline;}
    .postsingle .sampleaudio        {line-height: 1.3em; margin-bottom: 10px; font-size: 0.9em; color: #555; border: solid 1px #ddd; background: #f8f8f8; padding: 10px 10px 5px 10px;}
    .postsingle .sampleaudio strong {font-size: 1.2em; margin-bottom: 8px; color: #666;}
    .postsingle .sampleaudio object {margin: 8px 0 0 0;}
    .postsingle .sampleaudio p      {margin: 0; padding: 7px 0 0 0;}    
    
    /* search result */
    .searchresult             {line-height: 24px; margin-bottom: 10px; font-size: 0.9em; color: #555; border: solid 1px #ddd; background: #f8f8f8; padding: 10px 10px 10px 10px;}
    .searchresult a img       {border: none; margin-right: 10px; float: left;}
    .searchresult a           {color: #bb3333; text-decoration: none; font-weight: bold;}
    .searchresult a:hover     {color: #bb3333; text-decoration: underline;}    
    .searchresult p           {margin-top: 0; padding-top: 0;}

  	.belowpost				        {font-size: 0.9em; margin: 10px 10px 15px 0; border-top: solid 3px #e5e5e5; clear: both;}
      .belowpost a            {color: #bb3333; text-decoration: none; font-weight: bold;}
      .belowpost a:hover      {color: #bb3333; text-decoration: underline;}			
      
    /* belowpost hacks (Damn you, IE) */
    .belowpost                {* margin-top: 5px;}     		

    /* archive heading, for lists by criteria */
    .archiveheader            {margin-bottom: 20px;}
      .archiveheader a        {color: #bb3333; text-decoration: none; font-weight: bold;}
      .archiveheader a:hover  {color: #bb3333; text-decoration: underline;}
    
    /* notes about the listed content */
    .contentnote              {margin: 0 10px 10px 0; font-weight: bold;}

  /* content hacks (Damn you, IE) */
  #content                    {* width: 568px; * padding: 0;}   





  /* sidebar */
  #sidebar{
    margin: 10px 10px 10px 0;
    padding: 11px; 
    float: right; 
    width: 330px; 
    line-height: 1.5em; 
    font-size: 0.9em; 
    font-size: 1.0em;
    color: #50471C; 
    background: #f9f7ea; 
    border: solid 4px #f7f3d9;      
  }
  
    #sidebar.categorized      {margin-top: 0;}  
    #sidebar h2               {margin: 0 0 5px 0; font-size: 1.15em; text-transform: uppercase; color: #2a5059;}  
    #sidebar p                {margin-top: 5px; font-size: 0.95em; padding-left: 5px;}
    #sidebar a                {color: #605923; text-decoration: none; font-weight: bold;}
    #sidebar a:hover          {color: #908953;text-decoration: underline;}
    #sidebar acronym          {cursor: default; border: none;}  
    #sidebar form             {padding-left: 5px;}
    #sidebar #s               {width: 170px; padding: 3px; border: solid 1px #f2e2ab;}
    #sidebar #b               {padding: 3px; font-size: 0.9em;}
    #sidebar .barrier         {margin-bottom: 15px; padding-bottom: 15px; border-bottom: dotted 1px #e1cd6c;}
    #sidebar .sidecolumn      {float: left; padding-right: 25px;}
    #sidebar .sidecolumn p    {padding-left: 0;}
    
    /* sidebar hacks (Damn you, IE) */
    #sidebar                  {* width: 315px; * margin: 10px 5px 10px 0; * font-size: 1.0em;}     
    #sidebar #b               {* padding: 1px;}     
    
    
    
    
    
  /* footer */    
  #footer {
    text-align: center; 
    background: #8C2020; 
    padding: 15px; 
    display: block; 
    color: #fff; 
    font-size: 1.1em;
  }
    #footer a                 {color: #ffe0e0; text-decoration: none; font-weight: bold;}
    #footer a:hover           {color: #fff; text-decoration: underline; font-weight: bold;}
 



  
  /* disclaimer */
  #disclaimer {
  font-size: 1.1em; 
  margin-bottom: 25px;
  }
    #disclaimer a             {font-weight: bold; color: #994141; text-decoration: none;}
    #disclaimer a:hover       {font-weight: bold; color: #bb4141; text-decoration: underline;}





/* 

style graveyard

h2 {margin: 40px 10px 20px 0px; font: Bold 27px Helvetica, sans-serif; letter-spacing: -1px;} 
.label {display: block; float: left; width: 137px; height: 144px; border-left: solid 5px #ecc; list-style-type: none; overflow: hidden; margin: 0px 10px 10px 0px; font: Normal 11px Helvetica, sans-serif; color: #444; position: relative; background-color: #FFF6F3; text-decoration: none; text-align: right;}
.subsection {background-color: #ddd; padding: 15px;}

*/