/*

CSS: insider.css
Primary use: Insider blog
Depends on: Nothing
Extended by: site-furniture.css

Contents:
1.0 Insider (Blog, Site furniture content type)
  1.1 Structural
    1.1.1 Wrappers
    1.1.2 The header, content and columns
  1.2 Header
  1.3 Content
  1.4 General styles that are reused
  1.5 Article preview list
  1.6 Article list
  1.7 Admin links
  1.8 Pagination
  
Notes:
Use image folder image/insider

*/

/*****************************************************************
1.0 Insider Blog 
*****************************************************************/
/* 1.1 Structural */
/* 1.1.1 Wrappers */
.iN-wrapper{ background:#fff url('../image/insider/iN-bk.jpg') fixed center 0 no-repeat; margin:0 auto; position:relative; width:976px; z-index:2; }
.iN-dropshadow{ background:url('../image/insider/iN-bk-gradient.png') center 0 repeat-y; /*IE6*/ margin:0 auto; overflow:hidden; padding:0 10px 0px; width:695px; }

/* 1.1.2 The header, content and columns */
.iN-header{ background:#000000 url('../image/insider/iN-header-bk.jpg') 0 bottom no-repeat; padding-top:77px; width:695px; }
.iN-content{ min-height:380px; overflow:hidden; width:695px; }
.iN-column-main{ float:left;/*IE 6*/ margin-left:25px; width:420px; }
.iN-column-right{ float:left;/*IE 6*/ margin-left:45px; width:180px; }
.iN-column-full-width{ margin:0 25px; min-height:561px;/*IE 6*/ width:645px; }

/* 1.2 Header */
.iN-header h1{ height:70px; margin:0 0 6px 20px; width:291px; }
.iN-header p{ color:#8a8a8a; line-height:1; margin:0 0 24px 20px; overflow:hidden; text-transform:uppercase; width:291px; }
.iN-header ul{ background:#fefefe url('../image/insider/iN-nav-background.gif') 0 bottom repeat-x; margin:0; overflow:hidden; padding:2px 13px; width:669px; }
.iN-header li{ border-left:1px solid #e0e0e0; float:left;/*IE 6*/ padding:6px 12px; }
.iN-header li.first{ border-left:none; }
.iN-header a{ font-weight:bold; }
.iN-header span,
.iN-header a.selected{ color:#f7931e; }

/* 1.3 Content */
.iN-content{ font-size:1.1em; padding-top:21px; }
/*.iN-column-right{ border-top:1px solid #999; padding:9px 0 24px; }*/
.iN-column-right{ padding:0 0 24px; } /* No RSS */

/* 1.4 General styles that are reused */
.rss{ background:url('../image/rss-14px.gif') 0 center no-repeat; display:table-cell; padding-left:19px;/*IE*/ }
.heading-top{ margin-top:9px; }

/* 1.5 Articles */
.iN-articles{ margin:0; }
.iN-articles li{ border-top:1px solid #f7931e; margin-bottom:30px; padding:14px 0; position:relative; width:420px; }
.iN-articles p.iN-published{ background:url('../image/insider/iN-date-bk.gif') center center no-repeat; color:#fff; display:block; font-size:0.8em; font-weight:bold; height:22px; left:0; line-height:1.2;/*IE*/ padding:1px 0; position:absolute; text-align:center; top:14px; width:27px; }
.iN-published .day,
.iN-published .month{ display:block; }
.iN-articles p.iN-category{ background:url('../image/insider/iN-category.gif') 0 center no-repeat; color:#ccc; font-size:0.8em; margin:0 0 0 39px; padding-left:5px; text-transform:uppercase;/*IE*/ }
.iN-articles p.iN-category a:link,
.iN-articles p.iN-category a:visited{ color:#999; }
.iN-articles p.iN-category a:hover,
.iN-articles p.iN-category a:active{ color:#f7931e; }
.iN-articles h2{ margin:0 0 13px 39px; text-transform:uppercase; width:280px; }
.iN-articles .iN-no-posts h2{ margin-left:10px; width:100%; }
.iN-articles h2 a:link,
.iN-articles h2 a:visited{ color:#333; }
.iN-articles h2 a:hover,
.iN-articles h2 a:active{ color:#f7931e; }
.iN-articles img{ margin-bottom:11px; }
.iN-articles p{ color:#666; }

.iN-categories-post{ display:block; overflow:hidden; padding:1em 0;/*IE6&7*/ width:420px; }
.iN-categories-post a{ float:left; /*IE6*/ height:16px; overflow:hidden; padding-left:21px; position:relative; }
.iN-articles .iN-categories-post a:link,
.iN-articles .iN-categories-post a:visited{ color:#999; }
.iN-articles .iN-categories-post a:hover,
.iN-articles .iN-categories-post a:active{ color:#000; text-decoration:none; }
.iN-categories-post a img{ left:0; margin-bottom:0; position:absolute; top:0; }

.iN-more{ height:21px; margin-left:-4px; padding:5px 0 0 5px; width:91px; }
.iN-more span{ background-image:url('../image/insider/iN-btn-article.gif'); }
.iN-more:hover span{ background-position:0 -26px; }
.iN-close{ height:21px; margin-left:-4px; padding:5px 0 0 5px; width:91px; }
.iN-close span{ background-image:url('../image/insider/iN-btn-article.gif'); background-position:-96px 0; }
.iN-close:hover span{ background-position:-96px -26px; }
.iN-more span,
.iN-close span{ height:26px; width:96px; }
.iN-loading{ background:url('../image/ic-loading-16x16.gif') 0 0 no-repeat; display:block; height:16px; overflow:hidden; text-indent:-9999px; width:16px; }

.iN-articles .article-preview,
.iN-articles .article-full{ overflow:hidden; width:420px; }
.iN-articles .article-full{ display:none; }

.article-story h2{ margin:1em 0 0; text-transform:none; }
.article-story a:link,
.article-story a:visited{ color:#f7931e; }
.article-story a:hover,
.article-story a:active{ text-decoration:underline; }

.iN-articles object{ margin-bottom:10px; }

#iN-single-article .article-full{ display:block; }


/* 1.6 Article list */
/*.iN-article-list{ line-height:1; margin:9px 0 27px; text-transform:uppercase; }*/
.iN-article-list{ line-height:1; margin:0 0 27px; text-transform:uppercase; } /* No RSS */
.iN-article-list li{ border-top:1px solid #f7931e; padding:3px 0; /* IE6 */ }
.iN-article-list li a{ display:block; padding:8px 6px 14px; /* IE6 */ }
.iN-article-list li.selected a{ background:#f7931e; color:#fff; display:block; }
.iN-article-list li.selected a:hover{ color:#333; }

/* 1.7 Admin links */
.iN-admin-list{ line-height:1; margin:9px 0 27px; text-transform:uppercase; }
.iN-admin-list li{/*IE6*/ border-top:1px solid #ccc; padding:5px 0 7px; }

/* 1.8 Pagination */
.iN-pagination{ border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:5px; margin-bottom:36px; text-align:center; }