/*
	Plik:	articles.css
	Autor:	Patryk Stępniewski
	Data:	24.07.2010
	Opis:	Arkusz stylów artykułów
	Część serwisu MadMadness.pl (www.madmadness.pl).
	Wszystkie prawa zastrzeżone. All rights reserved.
*/
  		
	  
  /* Główny kontener treści */
  div#main_container, div#main_container_right {
  	float: left;
  	padding-left: 20px;
  	padding-right: 10px;
  	background-color: #FFFFFF;
  }
    
    div#main_container {
      width: 729px;
    }
  
    div#main_container_right {
      width: 431px;
      background-color: #FFFFFF;
    }
  
    .title_box_mini {
      width: 100%; 	
      border-bottom: 1px solid #b2b2b2;
      margin-bottom: 5px;
      margin-top: 0px;
    }
    
      .article_title {
      	text-transform: none;
      }
    
      input.input_title {
      	 padding-top: 5px;	
      }
      
      input.title_box_mini {
         border: 0px;
      }
      
      div.title_box_mini img.rss {
        float: right;
        margin-top: 6px;
      }
    
	/* Data i autor */
	div.date_author {
	  margin-top: 3px; 
      font-size: 11px;
      color: #6c6c6c;
	}
	  	  	  
	     div.author_details {
	       float: left;
	     }
	       
	       div.author_details  a {
	         color: #6c6c6c;
	       	 font-weight: normal;
           }

         div.special_options {
	       text-align: right;
	     }
	     
	     div#type_ogolne, div#type_magazine {
	       display: none;
         } 
         
         div.date_author .display_none {
           display: none;	
         }
         
         div.date_author .display_block {
           display: block !important;	
         }
         
         div#type_none {
           font-weight: bold;	
         }
	     
	     textarea.content_textarea {
	       width: 100%;
	       height: 600px;	
	       background-color: transparent;
		   border: 0px;	
         } 
         
         div.one_row a {
           margin-bottom: 3px;
         }
         
         div#change_categorie, div#magazine_categorie {
           display: none;	
         }
         
         div#send_div {
            text-align: center;
         }
           
           .send {
              visibility: hidden;	
           } 
         
	     /* Materiał pomyślnie dodany/usunięty */
		 div.success, div.delete_success {
			  border: 1px solid;
			  padding: 30px 10px 30px 80px;
			  background-repeat: no-repeat;
			  background-position: 10px center;
			  color: #4F8A10;
			  font-size: 9pt;
			  border-color: #DFF2BF;
			  background-color: #c8ed89;
			  font-weight: bold;
		 }
			
	        div.success span, div.delete_success span {
			  font-size: 18px;
			}
			
			div.success {
			  background-image: url('{SKIN_MAIN_IMAGE}messages/add_news_success.png');
			}
			
			div.delete_success {
			  background-image: url('{SKIN_MAIN_IMAGE}messages/delete_news_success.png');
			}  
           
         div.error {
           display: none;	
         }
         
         
		 /* Okienko z pytaniem czy usunąć newsa */
		 div#delete_confirmation {
		      display: none;
		 }
		    
		   div#delete_confirmation img {
		     float:left; 
		     margin-right: 10px; 
		     margin-top: 10px; 
           }

              div.delete_success {
                margin-left: 40px;
              	margin-right: 40px;	
              }

       /* Komentarze */
       div#comments_container {
       	 padding-top: 8px;
       }  

          div#ads_over_comments {
          	border-top: 1px solid #B2B2B2;
          	border-bottom: 1px solid #B2B2B2;
          	margin-top: 40px;
          	padding-top: 10px;
          	padding-bottom: 10px;
          	margin-bottom: 10px;
          }
       
          div#comment_container_item_title {
           	margin-bottom: 5px; 
          	padding-top: 10px;
          }
          
          div#comments_container span.b1 {
          	display: block;
          }
          
          div#more_comments {
          	height: 20px;
          	margin-top: 20px;
          	margin-bottom: 10px;
          	font-size: 14px;
          	text-align: center;
          	display: none;
          }
          
          div#more_comments_title {
          	width: 35%; 
          	float: left; 
          	font-weight: bold;
          	font-size: 12px;
          }
          
          div.nobody_wrote_comments {
          	display: block; 
          	margin-top: -10px;
          }
          
            div#show_more_comments {
              text-align: center;
            }
            
           div.comment_one {
             clear: both;
             width: 100%;	
             border-bottom: 1px solid #CCCCCC;	
             padding-bottom: 5px;
		     padding-top: 10px;
            }
            
            div.comment_one:hover {
              background-color: #fff6fa;
            }
            
               div.comment_one div.author {
                height: 30px;
               	margin-bottom: 5px;
               	width: 100%;
               }
               
                  div.comment_one div.author img.avatar {
                   max-height: 30px;
               	   max-width: 30px;
                   float: left;
                   margin-right: 5px;
                   border: 1px solid #B2B2B2;
                   opacity: 0.9;
                   filter: alpha(opacity = 90);
                  }
                  
                  div.comment_one div.author img.avatar:hover {
                  	border: 1px solid #6e6e6e;
                  	opacity: 1;
                  	filter: alpha(opacity = 100);
                  }

                  div.comment_one div.author span.comment_date {
                   font-size: 10px;	
                   color: #949494;	
                  }
                  
                  div.comment_one div.author span.comment_date:hover {
                  	color: #4F4F4F;
                  }

               div.comment_one_content {
               	 margin-bottom: 5px;
               }
               
               div.comments_article_add_title {
                 margin-bottom: 15px; 
                 margin-top: 15px;	
               }
               
               div.comment_fields {
               	width: 380px;
               	height: 180px;
               	margin-bottom: 15px;
               }
               
                  textarea.comment {
                   width: 370px;
                   height: 70%;	
                  }
                  
                  div.comment_fields ul.buttons {
                  	clear: both; 
                  	padding: 0px;
                  }
                  
                  ul.buttons li {
                    margin-right: 0px;	
                  }
            
          
       /* Dodawanie komentarzy */
       div.comment_fields {
         height: 180px;
         margin-bottom: 15px;
         width: 380px;
       }

           textarea.comment {
             height: 70%;
             width: 370px;
           }
           
           div.comment_item_title {
           	margin-bottom: 15px; 
           	margin-top: 20px; 
           }
           
           ul#send_comment_button {
           	 clear: both; 
           	 padding: 0px;
           }
           
           ul#send_comment_button li {
           	 margin-right: 0px;
           }
           
           div.addcomment_loading {
           	 text-align: right; 
           	 display: none; 
           	 margin-top: 8px; 
           	 margin-right: 8px;
           }
           
             div.addcomment_loading span.n2 {
             	float: right;
             	margin-right:10px; 
             	margin-top:6px;
             }    
              

         /* CENTRUM ARTYKUŁÓW/NEWSROOMU */
         /* Kontener pojedynczego newsa */
         div.one_news {
           clear: both;
           padding-bottom: 15px;
           padding-top: 15px;
           border-bottom: 1px solid #c9c9c9;
         }
  
             div.date_author {
            	font-size: 10px;
         	    color: #5c5c5c;
         	    display: block;
         	    margin-top: 3px;
             }
             
             div.date_author_under {
             	font-size: 11px !important;
             }
         
             div.author_details a {
	            color: #5c5c5c;
	       	    font-weight: normal;
             }
  
             /* Tytuły newsów */
             a.news_title {
	           font-size: 19px;
	           line-height: 19px;
	           font-weight: bold;
               margin-bottom: 18px;
               text-decoration: none;
             }
	
	         a.news_title:hover {
		       color: #fff;
		       border-bottom: 0px !important;
	         }
	
	         /* Treść newsa */
             div.news_content {
               text-align: justify;
               margin-top: 10px;
               margin-bottom: 10px;		
             }
         
             div.read_more {
         	   text-align: right;
             }
             
             div.reklama_no {
             	margin: 0 auto;
             	margin-top: 15px;
             	text-align: center;
             	width: 370px;
             }
             
              
    /* Główny kontener artykułu */
    div.article_container {
      margin-top: 10px;
      clear: both;	
    }
    
    div.content_text {
      text-align: justify; 
      line-height: 18px;
      clear: both;
    }
    
      div.content_text img {
        margin: 5px;
      	border: 1px solid #B2B2B2;	
      }
    
    div.right_container {
      margin-left: 20px;
  	  margin-right: 20px;
  	  float: left;
      width: 456px;
      padding-bottom: 10px;
      background-color: #FFFFFF;
    }
    
    div.right_container .input_submit {
      display: block;
      text-transform: uppercase;	
      text-align: center;
      color: #FFFFFF;
      margin-left: 0px;
      clear: both;
      margin-top: 20px;
    }
  
  /* Reklama pionowa */
  div.ads {
  	width: 160px;
  	margin-left: 20px;
  	margin-right: 20px;
  	float: left;
  	background-color: #FFFFFF;
  }
  
    div#ads_more {
  	  display: none;
    }
    
    div.ads_box {
      border-bottom: 0px !important;
      padding-bottom: 0px !important;
      margin-bottom: 0px !important;
    }
    
  /* Reklama pod paginatorem */
  div.ads_under {
  	border-top: 1px solid #B2B2B2;
  	padding-top: 10px;
    margin-top: 15px;
  }  
  
  /* Hot News i Typy Artykułów w index */
  div#hotnews {
    margin-top: 20px;	
  }
       
        a.one_hotnews {
           position: relative;	
           opacity: 0.9;
           filter: alpha(opacity = 90);
           float: left;
        }
        
        a.one_hotnews:hover {
           opacity: 1;
           filter: alpha(opacity = 100);
        }
           
           a.one_hotnews img {
             width: 456px;
             height: 132px;
             z-index: 0;
           }
           
           a.one_typearticle img {
           	 width: 456px;
           	 height: 134px;
           	 z-index: 0;
           }        
     
           a.one_hotnews div.title {
             position: absolute;
             left: 0px;
             bottom: 3px;	
           	 z-index: 3;
           	 height: 40px;
           	 line-height: 40px;
             color: #FFFFFF;
      	     text-align: center;
      	     font-size: 12px;
      	     font-weight: bold;
           	 width: 100%;
           	 text-transform: uppercase;
           }
           
           a.one_typearticle div.title {
           	 line-height: 60px;
           	 height: 60px;
           	 font-size: 25px;
           }
           
           a.one_hotnews div.background {
           	 position: absolute;
           	 left: 0px;
           	 bottom: 3px;
           	 background-color: #000000;
             opacity: 0.65;
           	 filter: alpha(opacity = 65);
           	 z-index: 2;
           	 width: 100%;
           	 height: 40px;
           }
           
           a.one_typearticle div.background {
           	 height: 60px;
           }
}