/*

    CSS Document


    Site: Inblick
    URL: http://www.tidningeninblick.se
    Author: PS Kommunikation
    Version: 1.1

    Date: 2009.05.07

*/


/*
 *      DEFAULT
 *
 */


HTML, BODY {
	background:#f2f2f2 url(/Files/System/bg-ribbon.gif) repeat-x top left;
	text-align:center;
}
DIV#wrapper {
	margin:0 auto; 
    text-align:left;	
    width:1220px;
}
DIV#placeholder {
    float:left;
    margin:0 10px 0 0;
    width:960px;
}

/*
 *      TOP
 *
 */
DIV#placeholder-ribbon {
}
UL#ribbon {
    display:block;
    float:right;
    height:20px;
    list-style-type:none;
    margin:1px 0 0px 0;
    padding:0;
 
}
UL#ribbon LI {
    float:left;
    margin:0 0 0 10px;
    padding:0;
}
UL#ribbon LI A {
    color:#fff;
    font-size:0.9em;
    font-weight:bold;
    text-decoration:none;
}

/*
 *      BANNERS
 *
 */

/** TOP BANNER **/

DIV#top-banner {
    background:url(/Files/System/bg-ad.gif) no-repeat left top;
    padding:8px 0 0 0;    
}

/** SIDE BANNERS **/

DIV#side-banners {
    background:url(/Files/System/bg-ad.gif) no-repeat left top;
    float:right;
    margin-top:21px;
    padding:8px 0 0 0;
    width:250px;    
}

/*

 *      MASTHEAD

 *

 */

 

DIV#masthead {

}

DIV#placeholder-top {

    display:inline;    

    height:83px;

    float:right;

    width:656px;

}

DIV#placeholder-top-right {

    display:inline;    

    height:83px;

    float:right;

    position:relative;

    margin:0 0 40px 0;

    width:240px;

}

 

/** LOGO **/

 

DIV#logo {

    float:left;    

    display:inline;

    height:63px;

    margin:10px 0 10px 0;    

    width:293px;

}

 

/** QUOTE **/

 

DIV#quote {

    background:url(/files/system/icon-quote.gif) no-repeat 0 15px;

    height:80px;

    float:left;

    padding:0 0 0 16px;

    width:380px;

}

DIV#quote P {

    display:inline;

    float:left;

    font-size:1.1em;

    line-height:normal;

    margin:15px 10px 0 0;

    width:278px;

}

DIV#quote P STRONG {

    color:#333;

    font-weight:bold;

}

DIV#quote A {

    color:#0090f0;

    text-decoration:none;

}

DIV#quote A:HOVER {

    text-decoration:underline;

}

DIV#quote IMG { 

    display:inline;

    float:right;

    height:80px;    

    width:92px;

}

 

 

/** QUICK LINKS **/

 

DIV#quick-links {

}

DIV#quick-links UL {

    float:right;

    list-style-type:none;

    margin:5px 0 0 0;

    padding:0; 

}

DIV#quick-links UL LI {

    border-right:solid 1px #333;

    float:left;

    font-size:0.9em;

    margin:0 10px 0 0;

    padding:0 5px 0 0;

}

DIV#quick-links UL LI.right {

    border:none;

    padding:0;

    margin:0;    

}

DIV#quick-links UL LI A {

    color:#740000;

    text-decoration:none;

}

DIV#quick-links UL LI A:HOVER {

    text-decoration:underline;

}



/** SEARCH **/

FIELDSET#search-homepage {
    background:none;
    border:none;
    float:right;
    margin:10px 0 0 0;
    padding:0;
}
FIELDSET#search-homepage P {
    margin:0;
}
FIELDSET#search-homepage LEGEND {
    display:none;
}
FIELDSET#search-homepage LABEL {
    margin:0;
}
FIELDSET#search-homepage INPUT {
    display:inline;    
    margin:0;
}
FIELDSET#search-homepage INPUT.search {
    background:#fff url(/Files/System/icon-search.gif) no-repeat 3px center;
    border-top:none;
    border-right:solid 1px #d9d9d9;
    border-bottom:solid 1px #d9d9d9;
    border-left:none;     
    display:inline;
    font-size:1em;
    margin:0 10px 0 0;
    padding:4px 4px 4px 23px;
    width:160px;    
}

/** DATE **/

DIV#date {
    bottom:0;
    float:right;
    position:absolute;
    right:0;
}
DIV#date P {
    font-size:1.1em;
    font-weight:bold;
    margin:0;
    padding:0;
}

/** MAINNAV **/

UL#main-nav  {
    background:#333 url(/Files/System/bg-nav-main.gif) left 0px repeat-x;
    float:left; 
    list-style-type:none;
    margin:0;
    padding:0;
    width:960px;    
}
UL#main-nav LI {
    float:left;
    margin:0;
    padding:0;
}
UL#main-nav LI.current {
    background:#666;
}
UL#main-nav LI A {
    color:#fff;
    display:block;
    font-size:1.0em;
    padding:7px 15px 5px 15px;
    text-decoration:none;
}
UL#main-nav LI A:hover {
    text-decoration:none;
}

/** SUBNAV **/

UL#sub-nav {
    background: url(/Files/System/bg-nav-sub.gif) no-repeat left top;  
    float:left;     
    list-style-type:none;    
    left:0;
    margin:0;     
    width:960px; 
}
UL#sub-nav LI {
    float:left;
    padding:0;
    margin:0;     
}
UL#sub-nav LI.active {
    font-weight:bold;     
}
UL#sub-nav LI A {
    color:#fff;
    display:block;
    font-size:1.0em;
    padding:5px 15px 5px 15px;
    text-decoration:none;
}
UL#sub-nav LI UL LI A:hover {
    text-decoration:none;
}

/*
 *      CONTENT COMMON
 *
 */

DIV#content {
    background:url(/Files/System/bg-content.gif) repeat-y left top;
    margin:10px 0 0 0;
    width:960px;   
}

/** PRIMARY CONTENT **/
 
DIV#primary-content {
    float:left;
    width:700px;
}

/* helpnav */

DIV#help-nav {  	
    margin:10px 10px 0 30px;
    padding:0;
    width:660px;
}

/* breadcrumbs */

DIV#breadcrumbs {  	
  	display:inline;
	float:left;
	font-size:0.9em;
}
DIV#breadcrumbs A {  	
    text-decoration:none;
}
DIV#breadcrumbs A:HOVER {  	
    text-decoration:underline;
}

.search-result-item A {  	
    text-decoration:none;
    color:#000000;
}
.search-result-item A:HOVER {  	
    text-decoration:underline;
    color:#000000;
}

/* news */

.news-story-small {
    margin-bottom:20px;
}
.news-story-small IMG {
    float:left;
    width:280px;
}
.news-story-small H3 {
    display:inline;
    float:right;
    width:340px;  
}
.news-story-small P {
    display:inline;
    float:right;
    width:340px;    
}
.news-story-small .author {
    display:inline;
    float:right;    
    width:325px;       
}
.news-story-small A {
    color:#333;
    text-decoration:none;
}
.news-story-small A:HOVER {
    text-decoration:underline;
}

/* pagetools */

UL#pagetools {
   	display:inline;
   	list-style:none;
	float:right;
	margin-right:13px;
}
UL#pagetools LI {
    float:left;
}
UL#pagetools LI A {   
    color:#333;
    width:20px;
    height:25px;
    display:block;
    text-indent:-9999px;
}
UL#pagetools LI A#normal {
    background:url(/Files/System/icon-textsize-small.gif) no-repeat;
}
UL#pagetools LI A#larger {
    background:url(/Files/System/icon-textsize-medium.gif) no-repeat;
}
UL#pagetools LI A#largest {
    background:url(/Files/System/icon-textsize-large.gif) no-repeat;
}
UL#pagetools LI A#print { 
    background:url(/Files/System/icon-print.gif) no-repeat;
    margin-right:2px;
}

/* more options */

DIV#more-options {
    background:#f9f9f9;
    border-right:solid 1px #d9d9d9;
    border-bottom:solid 1px #d9d9d9; 
    float:right;
    margin:0;
    padding:10px;      
    width:159px;
}
DIV#more-options H3 {
    margin:0 0 0.3em 0;
}
DIV#more-options UL {
    list-style-type:none;
    margin:0;
}
DIV#more-options LI {
}
DIV#more-options A {
    text-decoration:none;
}
DIV#more-options A:HOVER {
    text-decoration:underline;
}

/* paging */

DIV#paging {
   margin-bottom:20px;
}
DIV#paging UL {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}
DIV#paging LI {
    display:inline;
}
DIV#paging LI A {
    line-height:4em;
    text-decoration: none;
    padding: 0.5em 1em;
    color: #333;
    border:solid 1px #fff; 
}
DIV#paging LI A:HOVER {
    text-decoration:none;
    border:solid 1px #d9d9d9;   
}
DIV#paging LI.active A {
    background:url(/Files/System/bg-paging.gif) repeat-x left center;
    color:#fff;
}
DIV#paging LI.active A:HOVER {
    border:solid 1px #fff;   
} 


DIV#paging A {
    line-height:4em;
    text-decoration: none;
    padding: 0.5em 1em;
    color: #333;
    border:solid 1px #fff; 
}
DIV#paging A:HOVER {
    text-decoration:none;
    border:solid 1px #d9d9d9;   
}
DIV#paging A:ACVIVE {
    background:url(../Files/System/bg-paging.gif) repeat-x left center;
    color:#fff;
}



/** SECONDARY CONTENT **/
 
DIV#secondary-content {
    float:right;
    width:250px;
} 
DIV#secondary-content P {
    font-size:1.1em;
    line-height:1.4em;
    margin:0 0 0.8em 0;
} 
DIV#secondary-content A {  
    font-weight:bold;
    text-decoration:none;
}
DIV#secondary-content A:HOVER {  
    text-decoration:underline;
}
DIV#secondary-content UL LI SPAN {  
    color:#555;
    font-size:0.9em;
    text-transform:uppercase;   
}

.puff2 {
    width:640px;
    margin:20px 30px;
    padding:0;
}
.puff2 H2 {
    background: url(/Files/System/bg-divider-panel.gif) no-repeat left top;
    color:#fff;
    font-size:1.1em;
    font-weight:bold;
    height:2.0em;
    line-height:1.8em;
    padding:0 0 0 20px;
    margin:0 0 5px 0;
    width:6200px;    
}


/* puff */

.puff {
    width:230px;
    margin:10px;
    padding:0;
}
.puff H2 {
    background: url(/Files/System/bg-divider-panel.gif) no-repeat left top;
    color:#fff;
    font-size:1.1em;
    font-weight:bold;
    height:2.0em;
    line-height:1.8em;
    padding:0 0 0 20px;
    margin:0 0 5px 0;
    width:210px;    
}
.puff UL {  
    list-style-type:decimal;
    margin-top:10px;
}
.puff UL LI {  
    font-size:0.9em;
    margin:0 0 8px 0;
}
.bg-black {
    background:#000;
    color:#fff;
}
.bg-black P {
    padding:5px;
}

/* question */

FIELDSET#question { 
    background:none;
    border:none;
    margin:0;
}
FIELDSET#question INPUT {
    display:inline;
    margin:0;
}
FIELDSET#question LEGEND {
    display:none;
}
FIELDSET#question LABEL {
    margin:0 10px 0 0;
}
FIELDSET#question  P {
    margin:0:
}

/*
 *      CONTENT START
 *
 */

/** PRIMARY CONTENT **/

/* news */

.weekly-news {
    margin:20px 30px;
    padding:0;
    width:640px;
}
.weekly-news SPAN {
    color:#555;
    font-size:0.9em;
    text-transform:uppercase; 
}
.weekly-news A {  
    color:#111;
    text-decoration:none;
}
.weekly-news A:HOVER {  
    text-decoration:underline;
}
.news-story-header {
    background: url(/Files/System/bg-divider-panel.gif) no-repeat left top;
    color:#fff;    
    font-size:1.1em;
    font-weight:bold;
    height:2.0em;
    line-height:1.8em;    
    padding:0 0 0 20px;
    margin:0 0 5px 0;
    width:620px;
}
.news-story-large {
    border-bottom:solid 1px #d9d9d9;
    margin:0 0 20px 0;
    padding:0 0 20px 0;
}
.news-story-large IMG {
    margin:0 0 15px 0;
}
.more-news-stories {
    background:#f9f9f9;
    border-right:solid 1px #d9d9d9;
    border-bottom:solid 1px #d9d9d9;
    margin:0;
    padding:10px;    
}
.more-news-stories H3 {
    background:url(/Files/System/icon-newspaper.gif) no-repeat left center;
    /*font-size:1.4em;
    font-weight:bold;
    height:20px;
    line-height:20px;*/
    padding:0 0 0 33px;  
}
.more-news-stories UL {
    list-style-type:none;
    margin:1.3em 0 0 0; 
}
.more-news-stories LI {
    font-size:1.0em;
}
.more-news-stories LI A {
	color:#0090f0;    
    text-decoration:none;
}
.more-news-stories UL LI SPAN {
    margin:0 5px 0 0;
}

/*
 *      CONTENT NEWS ARCHIVE
 *
 */

/** PRIMARY CONTENT **/

BODY#news-archive DIV#primary-content H2 {
    margin:0 30px 0 30px;
}

/* news archive */

DIV#news-stories-small-container {
    margin:20px 30px;
    padding:0;
    width:640px;
}

/*
 *      CONTENT NEWS ARTICLE
 *
 */

/** PRIMARY CONTENT **/

/* news article */

DIV#news-story {
    margin:0 30px 20px 30px;
    width:640px;
}
DIV#news-story-head {
}
DIV#news-story-placeholder {
}
DIV#news-story-content {
    float:left;
    margin:0 20px 0 0;
    width:440px;    
}
DIV#news-story P.publish {
    font-size:1.1em;
    margin:0;
}
DIV#news-story IMG {
    margin:0 0 20px 0;
}
.about-author {
    background:#f9f9f9;
    border-right:solid 1px #d9d9d9;
    border-bottom:solid 1px #d9d9d9;
    margin:0;
    padding:10px;
}
.about-author P {
    margin:0;
}

/*
 *      CONTENT NEWS SEARCH RESULTS
 *
 */

/** PRIMARY CONTENT **/

/* search results */

DIV#search-results {
    margin:0 30px 20px 30px;
    width:640px;    
}
DIV#search-results H1 {
    font-size:1.8em;
}
DIV#search-results H2 {
    font-size:1.4em;    
}
DIV#search-results SPAN {
    display:block;
    font-size:0.9em;
    margin:0 0 0.4em;    
}
DIV#search-results-head {
    margin:0 20px 0 0; 
}
DIV#search-result-item-placeholder {
    float:left;
    margin:0 20px 0 0;
    width:440px; 
}
.search-result-item {
   margin:20px 0 0 0;
}
.search-result-item STRONG {
    color:#000;
}
DIV#sort {
    background:#f9f9f9;
    border-right:solid 1px #d9d9d9;
    border-bottom:solid 1px #d9d9d9; 
    float:right;
    margin:0;
    padding:10px;      
    width:159px;
}
DIV#sort H3 {
    margin:0 0 0.3em 0;
}
DIV#sort UL {
    list-style-type:none;
    margin:0;
}
DIV#sort LI {
}
DIV#sort A {
    text-decoration:none;
}
DIV#sort A:HOVER {
    text-decoration:underline;
}



/*
 *      CONTENT NEWS TEXT AND IMAGE
 *
 */

/** PRIMARY CONTENT **/

/* text */




DIV#text-placeholder {
    margin:0 30px 20px 30px;
    width:640px;    
}
DIV#text {
    float:left;
    margin:0 20px 0 0;
    width:440px;
}

/* tv-channels */

BODY#tv-channels DIV#text {
    margin:0 30px 20px 30px;
    width:640px;      
}
DIV#tv-channel-item-placeholder {
}
DIV#tv-channel-item-placeholder P {
    font-size:1.1em;
    line-height:1.3em;
    margin-bottom:0.3em;
}
.tv-channel-item, .tv-channel-item-right {
    float:left;
    height:32em;
    margin:20px 20px 20px 0;
    width:200px;    
}
.tv-channel-item-right {
    margin:20px 0 20px 0; 
}

/*
 *      FOOTER
 *
 */

DIV#footer {
    background:#222;
    padding:5px 0px;
    margin:30px 0 0 0;    
    text-align:center;  
}
DIV#footer-content {
    text-align:left;
    width:1220px;
    margin:0 auto;
    padding:15px 0;
}
.col {
    display:inline;
    float:left;
    margin:0 20px 0 0;
    width:225px;
}
DIV#footer H2 {
    color:#fff;    
    font-size:1.1em;
    font-weight:bold;
    margin-bottom:0.5em;        
}
DIV#footer P {
    color:#ccc;
    font-size:1.1em;
    line-height:1.3em;
    margin:0;
    padding:0; 
}
DIV#footer UL {
    list-style-type:none;
    margin:0;
    padding:0; 
}
DIV#footer UL LI {
    color:#ccc;
    font-size:0.9em;
}
UL#external-links {
    float:left;
}
UL#external-links LI {
    float:left;
    margin:0 5px 5px 0;
}
UL#rss LI {
    background:url(/Files/System/icon-rss.gif) no-repeat left center;
    height:20px;
    line-height:20px;
    display:block;
    margin:0;
    padding:0 0 0 20px;
}
UL#rss LI A {
    text-decoration:none;   
}
UL#rss LI A:HOVER {
    text-decoration:none;   
}
DIV#footer A {
    color:#ccc;    
    text-decoration:underline;   
}
DIV#footer A:HOVER {
    text-decoration:none; 
}

/*
 *      CLASSES
 *
 */
 
.author {
    background:url(/Files/System/icon-clock.gif) no-repeat left center;
    font-size:1.1em;
    height:20px;
    line-height:20px;
    padding:0 0 0 15px;  
}
.rss { 
    background:url(/Files/System/icon-rss.gif) no-repeat left center;
    height:20px;
    line-height:20px;
    display:block;
    padding:0 0 0 20px;
}
.talk { 
    background:url(/Files/System/icon-talk.gif) no-repeat left center;
    height:20px;
    line-height:20px;
    display:block;
    padding:0 0 0 20px;
}
.congregation { 
    background:url(/Files/System/icon-kyrksajten.gif) no-repeat left center;
    height:20px;
    line-height:20px;
    display:block;
    padding:0 0 0 20px;
}
.facebook { 
    background:url(/Files/System/icon-facebook.gif) no-repeat left center;
    height:20px;
    line-height:20px;
    display:block;
    padding:0 0 0 20px;
}
.pusha { 
    background:url(/Files/System/icon-pusha.gif) no-repeat left center;
    height:20px;
    line-height:20px;
    display:block;
    padding:0 0 0 20px;
}
.delicious { 
    background:url(/Files/System/icon-delicious.gif) no-repeat left center;
    height:20px;
    line-height:20px;
    display:block;
    padding:0 0 0 20px;
}
.email { 
    background:url(/Files/System/icon-mail.gif) no-repeat left center;
    height:20px;
    line-height:20px;
    display:block;
    padding:0 0 0 20px;
}
.float-left {
    display:inline;
    float:left;
}
.float-right {
    display:inline;
    float:right;
} 
.no-margin {
    margin:0;
}
.hide {
    position: absolute;
	left: -9999px;
	z-index: 100;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block; clear:both;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */