/*    PressPublisher.com CSS
    
   All content, XHTML, CSS, images, and graphics are
   Copyright (c) 2008 PressPublisher.com. All Rights Reserved.

----------------------------------------------------------------------- */


body { 
   margin: 0; 
   padding: 0;
   font-family: Arial, Helvetica, sans-serif;
   background: #000000;
   text-align: center;
   font-size: small; 
   color: #333;
   }


/*
body.philly, 
body.philly #head { background: #000000; }
*/

   /* --------------------------------------------------------------------
   Template Body IDs . . . Just in case you need them
   These are used to apply styles unique to the specifc system templates
   ----------------------------------------------------------------------- 
   body#articles-tmpl { }
   body#authors-tmpl { }
   body#columns-tmpl { }
   body#covers-tmpl { }
   body#department-tmpl { }
   body#departments-tmpl { }
   body#events-tmpl { }
   body#events-all-tmpl { }
   body#features-tmpl { }
   body#issues-tmpl { }
   body#log-tmpl { }
   body#log-fail-tmpl { }
   body#home-tmpl { }
   body#news-tmpl { }
   body#podcast-tmpl { }
   body#search-results-tmpl { }
   body#pages-tmpl { }
   body#subscribe-tmpl { }
   --------------------------------------------------------------------- */

p.access { 
   display: none; 
   }

br.clear, div.clear, .clear { 
   margin: 0; 
   padding: 0; 
   display:block; 
   clear:both; 
   font-size:0; 
   line-height:0; 
   height:0; 
   visibility:hidden; 
   overflow:hidden;
   }

p {  }

h1, h2, h3, h4, h5, h6 { 
   color: #0d1c34; 
   margin-bottom:.4em; 
   line-height:1.3em; 
   font-family: Georgia, Times New Roman, Trebuchet MS;
   }
   
h1 { font-size:3em; font-weight: normal; }
h2 { font-size:1.5em; }
h3 { font-size:1.35em; }
h4 { font-size:1.05em; }
h5 { font-size:1.05em; }
h6 { font-size:.95em; }

a { color: #000;  }

a:hover { color: red; text-decoration: none; }

a img { border: 0; }

.red-error {color: #FF0000; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/*-----------------------------------------------------------------------
   Wrapper
----------------------------------------------------------------------- */


#leaderboard {
   margin: 0 auto; 
   padding: 10px;
   text-align: center;
   }

#wrapper {
   margin: 0 auto; 
   padding: 0;
   width: 1020px;
   text-align: center;
   }

#wrap {
   margin: 0; 
   padding: 0 10px;
   display: block;
   text-align: left;
   }


/*-----------------------------------------------------------------------
   Top Bar
----------------------------------------------------------------------- */


#top {
   margin: 0; 
   padding: 0;
   width: 1000px;
   height: 25px;
   background: url(/upload/1214/design/top-bg.gif) repeat-x bottom left;
border-bottom: 1px solid #feff27;
   }

#date {
   margin: 0; 
   padding: 0 5px 5px 15px;
   width: 200px;
   float: left;
   font-size: 12px;
   color: #000;
   }

#login {
   margin: 0; 
   padding: 0 15px 5px 5px;
   width: 500px;
   float: right;
   font-size: 12px;
   text-align: right;
   color: #000;
   }

#login a {
   color: #000;
  text-decoration: underline;
   }

#login a:hover {
   color: #ffffff;
   text-decoration: none;
   }


/*-----------------------------------------------------------------------
   Header
----------------------------------------------------------------------- */


#header {
   margin: 0; 
   padding: 0;
   }

#head {
   margin: 0; 
   padding: 0;
   width: 1000px;
background: #000000;
   }

#logo {
   margin: 0; 
   padding: 0;
   width: 450px;
   float: left;
   }

#logo h1 {
   margin: 0; 
   padding: 20px 20px 15px 20px;
   font-size: 35px;
   letter-spacing: -1px;
   line-height: .8em;
   }

#logo h1 em {
   font-size: 14px;
   letter-spacing: 1px;
   }

#logo h1 a {
   color: #333333;
   }

#logo h1 a:hover {
   color: #000000;
   }

#logo img {
   margin: 10px;
   }


/*-----------------------------------------------------------------------
   Search Form
----------------------------------------------------------------------- */


#search-form {
   margin: 0; 
   padding: 25px 0 0 0;
   width: 345px;
   float: right;
   }

#search-form form {
   margin: 0; 
   padding: 5px 0 15px 70px;
   
   }

#search-form label {
   margin: 0; 
   padding: 0 0 5px 0;
   display: block;
   color: #990000;
   font-size: 14px;
   line-height: 1em;
   }

#search-form input#searchtext {
   width: 250px;
   background: #fff;
   border: 1px solid #000;
   border-right: 2px solid #000;
   border-bottom: 2px solid #000;
   padding: 4px;
   }
   
#search-form input#submit-hidden {
   display: none;
   }
   
#search-form button {
   margin: 0; 
   padding: 0;
   display: none;
   }

/*-----------------------------------------------------------------------
   Navigation Bar
----------------------------------------------------------------------- */

#navigation {
   clear: both;
   margin: 0; 
   padding: 0;
   width: 1000px;
   height: 35px;
   background: #000;

}

#nav, #nav ul {
   margin: 0; 
   padding: 0;
   width: 960px;
   height: 35px;
   list-style: none;
   background: #000;
   padding-left: 35px;
}

#nav ul {
   margin: 0; 
   padding: 0;
   width: 960px;
   height: 35px;
   padding-left: 35px;
   list-style: none;
   border: none;
   z-index: 9999;
   }


#nav a {
    margin: 0;
    padding: 6px;
   color: #feff27;
   height: 35px;
    font-weight: bold;
   text-align: center;
   line-height: 35px;
    padding: 0 10px;
	font-family: Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	   display: block;
	   background: url(/upload/1214/design/top-nav-border.gif) no-repeat right center;
text-decoration: none;
  }

#nav li#nav-issues a  {
	   background: none;
}
#nav a:hover {
   color: #fff;
   }

#nav li {
   position: relative;
   float: left;
   margin: 0; 
   padding: 0;
   list-style: none;
   font-size: 10px;
   display: block;
   z-index: 9999;
}


#nav li#nav-login, 
#nav li#nav-logout { display: none; }
#nav li ul {
   position: absolute;
   left: -999em;
   height: auto;
   float: left;
   width: 195px;
   font-weight: normal;
   padding: 0;
   margin: 0 0 0 0;
	border-bottom: 1px solid #feff27;
}

#nav li li {
   margin: 0; 
   padding: 0;
   width: 195px;
}

#nav li li a {
   text-align: left;
   display: block;
   padding: 0 10px; 
	border: 1px solid #feff27;
	border-bottom: none;
   background: none;

}

#nav li li a:hover {
   background: #000;
}


#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
   left: auto;
}

#nav li:hover, #nav li.sfhover {
   background: #000;
}

#nav li:hover a , #nav li.sfhover a {
}

/*-----------------------------------------------------------------------
   Sub Navigation
----------------------------------------------------------------------- */

#sub-nav {
   margin: 0; 
   padding: 0;
   display: block;
   display: block;
   height: 30px;
   background: url(/upload/1214/design/sub-nav-bg.gif) repeat-x top left;
   color: #000;
   border-top: 1px solid #feff27;


   }

#sub-nav h3 {
   margin: 0; 
   padding: 15px 10px 0 10px;
   color: #000;
   float: left;
   font-size: 12px;
   font-weight: normal;
   font-style: italic;
   line-height: 1em;
   
   }
   
#sub-nav h3 a {
   color: #000;

   
   }#sub-nav h3 a:hover {
   color: #000;

   
   }

#sub-nav p {
   margin: 0; 
   padding: 15px 10px 0 10px;
   color: #000;
   float: right;
   font-size: 12px;
   text-align: right;
   line-height: 1em; 
   }

#sub-nav p a {
   color: #000;
   }

#sub-nav p a:hover {
   color: #ffffff;   
   text-decoration: none;
   }

/*-----------------------------------------------------------------------
   Content Wrapper
----------------------------------------------------------------------- */

#content-wrap {
   margin: 0; 
   padding: 0;
   display: block;
   width: 1000px
   }
   
#content {
   padding: 20px 15px;
   margin: 0;
   display: block;
   background: #959595;
   }
   
/*-----------------------------------------------------------------------
   Sidebar
----------------------------------------------------------------------- */

#sidebar {
   margin: 0; 
   padding: 0;
   width: 300px;
   float: right;
   }
   
.side {
   margin: 0; 
   padding: 0;
   }

.side div {
   margin: 0 0 10px 0; 
   padding: 10px 0;
   background: #000000;
   border: 1px solid #000;
   border-right: 2px solid #000;
   border-bottom: 2px solid #000;
   }
   
.side div.left {
   margin: 0 10px 0 0; 
   padding: 0;
   float: left;
   width: 145px;
   background: transparent;
   border: none;
   }
   
.side div.right {
   margin: 0; 
   padding: 0;
   float: left;
   width: 145px;
   background: transparent;
   border: none;
   }

.side h3 {
   padding: 5px 10px;
   margin: 0 10px 10px 10px;
   clear: both;
   display: block;
   font-size: 12px;
   color: #feff27;
   background: #000;
   text-transform: uppercase;
   }
   
.side ul {
   padding: 0;
   margin: 0 10px;
   list-style: none;
   font-size: 11px;
   }
   
.side dl {
   padding: 0;
   margin: 0 10px;
   list-style: none;
   font-size: 11px;
   }
   
.side li {
   margin: 0;
   padding: 0 0 5px 17px;
   background: url(/images/pub-graphics/sidebar-bullet.gif) no-repeat top left;
   }

   
.side dt {
   margin: 0;
   padding: 0 0 0 17px;
   background: url(/images/pub-graphics/sidebar-bullet.gif) no-repeat top left;
   
   }
   
.side dd {
   margin: 0;
   padding: 0 0 10px 17px;
   }
   
   

.side div#sidebar-ads { padding: 0; }
.side div#sidebar-ads-narrow { padding: 10px; }
.side div#sidebar-recent {  }
.side div#sidebar-related {  }
.side div#sidebar-lead {  }
.side div#sidebar-issue-summary { display: none;  }
.side div#sidebar-cover {   }
.side div#sidebar-features { }
.side div#sidebar-columns { }
.side div#sidebar-news {  }

.side div#sidebar-departments {  }
.side div#sidebar-events {  }
.side div#sidebar-issues {  }
.side div#sidebar-archives {  }
.side div#sidebar-pages {  }
.side div#sidebar-rss { display: none; }
.side div#sidebar-user-defined { padding: 0; border: none; background: none;  }

body#home-tmpl .side div#sidebar-cover { display: none;  }
body#home-tmpl .side div#sidebar-features { display: none;  }
body#home-tmpl .side div#sidebar-columns { display: none; background: #959595  }
body#home-tmpl .side div#sidebar-lead { display: none;  }
body#home-tmpl .side div#sidebar-news { display: none;  }

.side div#sidebar-ads-wide, .side div#sidebar-ads-wide div { padding: 0; border: none; background: none; border: 0; }

   
/*-----------------------------------------------------------------------
   Main Content Wrapper
----------------------------------------------------------------------- */

#main-wrap {
   margin: 0; 
   padding: 0;
   width: 640px;
   float: left;
   }
   
#home-tmpl #main-wrap {
   margin: 0; 
   padding: 0;
   width: 640px;
   float: right;
   }
   
#main {
   margin: 0; 
   padding: 10px;
   background: #000000;
   display: block;
   }
   

#bio {
   margin: 0; 
   padding: 0 0 0 0;
   }
   
.left-side-home{
   margin: 0; 
   padding: 0;
   float: left;
   width: 310px;
   display: block;
   }
   
#main .right {
   margin: 0; 
   padding: 0;
   float: left;
   width: 310px;
   display: block;
   }


/*-----------------------------------------------------------------------
   General Block Styles
----------------------------------------------------------------------- */

.article { 
   margin: 0 0 10px 0; 
   padding: 10px 0;
   display: block;
   clear: both;
   border-bottom: 1px solid #ddd;
   background: #959595}

.photo {
   margin: 0; 
   padding: 0 10px 10px 0;
   float: left;
   }

.photo img {
   margin: 0; 
   padding: 3px;
   border: 1px solid #ddd; }


.preview {
   margin: 0; 
   padding: 0 0 10px 0;
   float: left;
   width: 450px;
   display: block;
   }
   
.preview h3 {
   margin: 0; 
   padding: 0 0 3px 0;
   font-size: 14px;
   font-weight: normal;
   color: #990000;
   }
   
.preview h3 a {
   color: #990000;
   }
   
.preview h3 a:hover {
   color: #0d1c34;
   }
   
.preview h4 {
   margin: 0; 
   padding: 0 0 3px 0;
   }
   
.preview p {
   margin: 0; 
   padding: 0;
   }

.preview p.author { display: none; }
.preview p.date { display: none; }
.preview p.summary {  }
.preview p.link { display: none; }



/*-----------------------------------------------------------------------
   Home Content Styles

----------------------------------------------------------------------- */

#home-tmpl #main {
   margin: 0; 
   padding: 0;
   border: none;
   background: transparent;
   }

#cover, #featured, #columns, #news, #lead {
   clear: both;
   margin: 0 0 5px 0; 
   padding: 0;
   width: 310px;
   border: 1px solid #000;
   border-right: 2px solid #000;
   border-bottom: 2px solid #000;
   background: #959595/* url(/images/pub-graphics/home-highlight-bg.jpg) no-repeat top left */;
   }
   
#home-tmpl h2 {
   padding: 0 10px 5px 0;
   margin: 10px 10px 5px 10px; 
   display: block;
   font-size: 14px;
   color: #000000;
   /* background: #959595 url(/images/pub-graphics/subhead-bg.png) repeat-x center left; */
   border-bottom: 1px solid #ccc;
   text-transform: uppercase;
   }
   
#home-tmpl #lead h2  { }
#home-tmpl #cover h2    { display: none; }
#home-tmpl #featured h2 { }
#home-tmpl #columns h2  { }
#home-tmpl #news h2  { }
   


#lead-articles .article { 
   margin: 10px 0; 
   padding: 10px;
   display: block;
   clear: both;
   border: 1px solid #dddddd;
   border-right: 2px solid #dddddd;
   border-bottom: 2px solid #dddddd;
   background: #737373;
   }

body#home-tmpl .article { 
   margin: 0 0 10px 0; 
   padding: 10px 10px 0 10px;
   display: block;
   clear: both;
   border: none;
   background: #959595
   }


#lead-articles .photo { 
   margin: 0; 
   padding: 0 0 0 0;
   width: 220px;
   float: left;
   }
   
body#home-tmpl .photo img {
   margin: 0; 
   padding: 0;
   border: none;  }

#home-tmpl .photo {
   margin: 0; 
   padding: 0 0 10px 0;
   width: 100px;
   float: left;
   }
#home-tmpl .photo img {
   margin: 0; 
   padding: 0;
   }

   
#home-tmpl #cover .photo {
   margin: 0; 
   padding: 0 0 10px 0;
   float: none;
   }
      

#department-lead .photo {
   margin: 0; 
   padding: 0 0 10px 0;
   width: 220px;
   float: left;
   }

   
body#home-tmpl #lead .preview    , 
body#home-tmpl #featured .preview   , 
body#home-tmpl #columns .preview    {
   width: 190px;
   margin: 0; 
   padding: 0 0 10px 0;
   float: left;
   display: block;
   }
   
body#home-tmpl #cover .preview {
   width: 100%;
   margin: 0; 
   padding: 0 0 10px 0;
   float: left;
   display: block;
   }
   
#cover .photo {
   margin: 0; 
   padding: 0 0 5px 0;
   width: 290px;
   float: none;
   }
   
#cover .preview {
   width: 100%;
   }
   
#cover .preview h3 {
   padding: 0 0 5px 0;
   margin: 0 0 15px 0; 
   display: block;
   font-size: 14px;
   border-bottom: 1px solid #ccc;
   text-transform: uppercase;
   font-weight: bold;
   }
   
#cover .preview h3 a {
   color: #000000;
   }
   
#cover .preview h3 a:hover {
   color: #990000;
   }

#news .photo {
   display: none;
   }

#news .preview {
   margin: 0; 
   padding: 0 0 10px 0;
   width: 100%;
   float: left;
   }

#news .preview p.summary { display: none; }
#news .preview p.date { display: block; }

#third_block, #first_block, #second_block { border-color: #000; }


/*-----------------------------------------------------------------------
   Department/Section Specific Styles
----------------------------------------------------------------------- */


.articles-header {
   margin: 0 0 10px 0;
   padding: 0 0 10px 0;
   display: block;
    border-bottom: 1px solid #ddd;
   }


#department-intro {
   margin: 0 0 10px 0;
   padding: 0 0 10px 0;
   display: block;
    border-bottom: 1px solid #ddd;
   }
 
 .articles-header .preview {
   margin: 0; 
   padding: 0 0 10px 0;
   float: left;
   width: 100%;
   display: block;
   }
   
.articles-header p {
   margin: 0; 
   padding: 0 0 10px 0;
   }

.articles-header h3 {
   margin: 0; 
   padding: 0 0 10px 0;
   }

#lead-articles .preview { 
   margin: 0; 
   padding: 0 0 10px 0;
   float: left;
   width: 350px;
   display: block;
   }
   
   
/*-----------------------------------------------------------------------
   Article Specific Styles
----------------------------------------------------------------------- */


.article-podcast { 
   clear: both; 
   padding: 10px; 
   margin: 10px 0; 
   border: 1px solid #ccc; 
   background: #eee; 
   z-index: 100; 
   }

.article-podcast p { 
   padding: 0 0 3px 0; 
   line-height: 1em;
   font-size: 10px; 
   margin: 0; 
   z-index: 100; 
   }

#video-link { 
   clear: both; 
   display: block; 
   margin: 10px 0; 
   padding: 2px 10px 2px 5px; 
   background: #eee; 
   border: 1px solid #ccc;  
   }
   
#video-link:hover { background: #ddd;  }

#video-link a {  
   display: block; 
   background: url(/images/pub-graphics/video-play.gif) no-repeat left center;  
   padding: 10px 10px 10px 30px; 
   }
   
#video-link a:hover {   }

/* Flickr Slide Show Height and Width */

.fsDemo { height: 300px; width: 595px; }
   
#flickr-slide { 
   padding: 10px 0; 
   }

#video-embed { 
   display: block; 
   border-bottom: 1px solid #ccc; 
   margin: 10px 0; 
   padding-bottom: 10px; 
   text-align: center; 
   }

#article-details { 
   display: block;
   padding: 0;
   margin: 0 0 15px 0;
   height: 25px;
   border-bottom: 5px solid #ddd;
   border-top: 1px solid #ddd;
   }


#article-details p.author {
   float: left;
   margin: 0; 
   padding: 5px 0 0 0;
   font-size: 10px;
   font-weight: bold;
   } 
   
#article-details p.author a {} 

#article-details p.author a:hover  {} 

#article-details p.addthis {
   float: right;
   margin: 0; 
   padding: 4px 0 0 0;
   } 

#article-tmpl h2 {
   font-size: 28px;
   padding-bottom: 10px;
   margin: 0;
   } 

p.article-summary {

   border-bottom: 1px solid #ddd;
   font-size: 14px;
   font-style: italic;
   margin: 15px 0 0 0;
   padding: 0 0 15px 0;
   font-size: 11px; line-height: 16px; color: #666;
   }

#the-article {
   clear: both;
   padding: 0;
   margin: 15px 0 0 0;
   line-height: 1.75em;
   }

h4.article-type {
   padding: 0 0 10px 0;
   margin: 0 0 10px 0;
   font-size: 11px;
   font-weight: normal;
   border-bottom: 1px solid #ddd;
   }

#the-article br {
   line-height: 1em;
   }

#the-article div {
   padding: 0;
   margin: 0;
   }

#the-article p {
   padding: 0 0 15px 0;
   margin: 0;
   line-height: 1.75em;
   }

#the-article div.photo {
   margin: 0; 
   padding: 0 10px 10px 0;
   float: left;
   }

#article-author {
   clear: both;
   display: block;
   margin: 10px 0; 
   padding: 10px 0;
   border-bottom: 1px solid #ccc;
   color: #9a9a9a;
   font-style: italic;
   }

#article-author p {
   color: #9a9a9a;
   font-style: italic;
   }

#article-author p.author {
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   background: #efefef;
   padding: 5px 0 5px 5px;
   margin: 0;
   }  
 
#article-ads { 
   padding: 10px;
   margin: 0;
   text-align: center;
   }
 
body#articles-tmpl .preview  { 
   width: 100%;
   padding: 0 0 10px 0;
   margin: 0 0 10px 0;
   border-bottom: 1px solid #ccc;
   }

 
/*-----------------------------------------------------------------------
   Events Page Styles 
----------------------------------------------------------------------- */


body#events-all-tmpl #main ul, body#events-tmpl #main ul {
   padding: 0;
   margin: 15px 0;
   list-style: none;
   border-top: 1px solid #eee;
   }
   
body#events-all-tmpl #main li, body#events-tmpl #main li {
   padding: 10px 0;
   margin: 0;
   list-style: none;
   border-bottom: 1px solid #eee;
   }
   

body#events-all-tmpl #main p.event-date, body#events-tmpl #main p.event-date {
   font-size: 10px;
   font-weight: bold;
   margin: 0;
   padding: 0 0 0 23px;
   background: url(/images/pub-graphics/sidebar-bullet.gif) no-repeat top left;
   
   }
 
body#events-all-tmpl #main p.event-date a, body#events-tmpl #main p.event-date a  {
   color: #000;   
   }


body#events-all-tmpl #main p.event-title, body#events-tmpl #main p.event-title  {
   font-size: 12px;
   margin: 0;
   padding: 0 0 0 23px;
   }

body#events-all-tmpl #main p.event-title a, body#events-tmpl #main p.event-title a  {
   text-decoration: underline;
   }

body#events-all-tmpl #main p.event-title a:hover, body#events-tmpl #main p.event-title a:hover {
   text-decoration: none;
   color: #000;
   }
   
body#events-all-tmpl #main p.event-summary, body#events-tmpl #main p.event-summary  {
   font-size: 12px;
   margin: 0;
   padding: 0 0 0 23px;
   line-height: 1.65em;
   }
 
/*-----------------------------------------------------------------------
   Footer Wrap 
----------------------------------------------------------------------- */


#footer-wrap {
   clear: both;
   margin: 0; 
   padding: 0;
   width: 1000px;
   }
   
#footer {
   margin: 0; 
   padding: 15px;
background: #fff;
   }
   
   
/*-----------------------------------------------------------------------
   Copyright Wrap 
----------------------------------------------------------------------- */


#copyright {
   clear: both;
   margin: 0; 
   padding: 0;
   width: 1000px;
   background: #000000;
   color: #ffffff;
   }
   
#copy {
   margin: 0; 
   padding: 0;
   }
   
#copy h3 {
   margin: 0; 
   padding: 5px;
   font-size: 12px;
   font-weight: normal;
   color: #ffffff;
   text-align: center;
   }
   
#copy h3 a {
   color: #ffffff;
   text-decoration: none;
   }
   
#copy h3 a:hover {
   text-decoration: none;
   }
   

/*-----------------------------------------------------------------------
   Subscribe Page Styles 
----------------------------------------------------------------------- */


#subscribe-tmpl #main div { 
   margin: 0; 
   padding: 5px 0 0 0;
   clear: both; 
   }
   
#subscribe-tmpl #main h2 {
   margin: 0; 
   padding: 5px 0 0 0;
   }

#subscribe-tmpl #main {
   padding-left: 25px;
   }

#subscribe-tmpl #main h3 { 
   clear: both; 
   padding: 20px 0 10px 0; 
   margin: 0; 
   }
   
#subscribe-tmpl #main label { 
   clear: both; 
   float: left; 
   display: block; 
   width: 140px; 
   margin: 3px 0; 
   padding-top: 2px; 
   font-weight: bold; 
   font-size: 11px;  
   }
   
#subscribe-tmpl #main input { margin: 3px 0; }

#subscribe-tmpl #main input[type=text]    , 
#subscribe-tmpl #main input[type=password]   {
   width: 210px; 
   font-size: 11px;
   }


#slideshow {
	width: 630px;
	margin: 0 auto 0 auto;
	padding:0;
	background:#000;
	height:340px;
	overflow:hidden;
	border:5px solid #000;
	text-align: left;
	}

#slideshow ul {
	background:transparent;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}           

/* ---------[ Slideshow Slides ]--------- */

#slideshow .slides {
	width:380px;
	overflow: hidden;
	float:left;
	color:#fff;
	}

#slideshow .slides ul {
	float:left;
	overflow: hidden;
	width:380px;
	height:340px;
	}

#slideshow .slides li {
	display:none;
	left:-99999em;
	width:380px;
	height:340px;
	display:block;
	overflow: hidden;
	background:#000;
	position:relative;
	z-index:1;
	}

.js #slideshow .slides li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width:380px;
	height:340px;
	display:block;
	overflow: hidden;
	background:#000;
	position:relative;
	z-index:1;
	}

.js #slideshow .slides li .article {
	width:370px;
	padding: 5px;
	overflow: hidden;
	position:absolute;
	bottom:0;
	left:0;
	background:#000;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	}

#slideshow .slides li .article p {
	margin: 0;
	font-size: 12px;
	padding: 3px 0;
	}

#slideshow .slides li .article h3, 
#slideshow .slides li .article h3 a, 
#slideshow .slides li .article h3 a:link,
#slideshow .slides li .article h3 a:visited,
#slideshow .slides li .article h3 a:hover,
#slideshow .slides li .article h3 a:active  {
	font-size:14px;
	line-height: 19px;
	margin:0;
	color:#fff;
	margin: 0;
	letter-spacing:0;
	}

/* ---------[ Slideshow Navigation ]--------- */

#slideshow  ul.slides-nav {
	height:350px;
	width:235px;
	margin: 0 0 0 10px;
	padding: 0;
	float:right;
	overflow:hidden;
	}

#slideshow .slides-nav li {
	display:block;
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	}

#slideshow .slides-nav li a {
	width:225px;
	display:block;
	margin:0;
	padding:10px;
	list-style-type:none;
	display:block;
	height:35px;
	color:#999;
	font-size:8pt;
	overflow:hidden;
	background: #1A1A1A;
	line-height:1.35em;
	}

.js #slideshow .slides-nav li.on a {
	background: #292929 url(images/featbg.gif) top left no-repeat;
	color:#fff;
	}

.js #slideshow .slides-nav li a:hover,
.js #slideshow .slides-nav li a:active {
	color:#fff;
	}

#slideshow .slides-nav li a img.post-thum, 
#slideshow .slides-nav li a img.thumbnail {
	float:left;
	margin: 0 10px 0 0;
	border:0;
	padding:1px;
	background:#999;
	width:28px;
	height:28px;
	}

.js #slideshow .slides-nav li.on a img.post-thum, 
.js #slideshow .slides-nav li.on a img.thumbnail {
	background:#fff !important; }