/* @override 
	http://localhost/casacultura/wp-content/themes/InterPhase/rstyle.css
	http://localhost/casacultura/wp-content/themes/InterPhase/style.php
*/

/*------------------------------------------------*/
/*------------------[BASE STYLES]-----------------*/
/*------------------------------------------------*/
body {
	 margin-top: 0px; 
	 padding: 0; 
	 color: #84878E; 
	 background-color:#EAEAE1; 
	 background-image: url(images/bg.gif); 
	 background-repeat: repeat-x; 
	 font-family: Trebuchet MS; 
	 font-size: 11px; 
	 line-height: 18px; 
	 }
	 
a:link, a:visited { 
    text-decoration: none; 
    color: #781300;
    }

a:hover { 
    color: #b21d00; 
    }
    
a { 
    outline: none; 
    }
    
h1 { 
    margin: 0px 0px 10px 0px; 
    font-weight: normal; 
    font-size: 30px; 
    }
    
h2 { 
    margin: 0px 0px 10px 0px; 
    font-weight: normal; 
    font-size: 27px; 
    }
    
h3 {
	margin: 0px 0px 10px 0px; 
	font-weight: normal; 
	font-size: 24px; 
	}
	
ul { 
    list-style-image: url(images/bullet.gif); 
    line-height: 24px; 
    }
    


/*------------------------------------------------*/
/*------------------[MAIN LAYOUT]-----------------*/
/*------------------------------------------------*/


#wrapper2 { 
    width: 950px; 
    margin-left: auto; 
    margin-right: auto; 
    padding: 0px 0px 0px 0px; 
    background-color: #FFF; 
    margin-top: 20px; 
    background-image: url(images/top-left.gif); 
    background-position: top left; 
    background-repeat: no-repeat; 
    }
    
.post-wrapper { 
    background-color: #FFF; 
    padding: 15px; 
    width: 583px; 
    border: 1px solid #EBEBEB; 
    }
    
.home-post-wrap { 
    width: 613px; 
    margin-right: 13px; 
    float: left; 
    background-color: #FFF; 
    border: 1px solid #EBEBEB; 
    }
    
.home-post-wrap2 { 
    width: 593px; 
    padding: 10px; 
    margin-right: 13px; 
    float: left; 
    background-color: #FFF; 
    border: 1px solid #EBEBEB; 
    margin-bottom: 10px; 
    }
    
.index-post-wrap { 
    width: 593px; 
    margin-right: 13px; 
    margin-bottom: 10px; 
    float: left; 
    background-color: #FFF; 
    border: 1px solid #EBEBEB; 
    padding: 10px; 
    }
    
.readmore { 
    background-image: url(images/bullet.gif); 
    background-repeat: no-repeat; 
    background-position: left; 
    float: right; 
    padding-left: 20px; 
    margin-top: 10px; 
    }
   
.readmore a:link, .readmore a:hover { 
    color: #393939; 
    }
   
.thumbnail-home { 
    border: 0px; 
    margin: 0px 0px 0px 0px; 
    }
    
blockquote { 
    overflow: auto; 
    padding: 0 10px; 
    margin: 20px 30px; 
    background-color: #f5f5f5; 
    border: 1px solid #e0e0e0; 
    clear: both; 
    float: left; 
    }
    
#header { 
    width: 950px; 
    margin-top: 0px; 
    height: 219px; 
    background-color: #373434;
    background-image: url(images/banner_head_pr.jpg); 
    /*background-image: url(images/header-bg.gif);*/ 
    float: left; 
    }
    
#header.home { 
   background-image: url(images/banner_head_pr.jpg); 
    }
#header.page { 
   background-image: url(images/banner_head_pr.jpg); 
    }

#header.cat4 { 
   background-image: url(images/header_cinema.jpg); 
    }
    
#header.cat5 { 
background-image: url(images/header_exposicions.jpg); 
    }
    
#header.cat7 { 
background-image: url(images/header_teatre.jpg); 
    }
       
#header.cat8 { 
background-image: url(images/header_musica.jpg); 
    }
    
#header.cat9 { 
background-image: url(images/header_biblioteca.jpg); 
    }
    
#header.cat10 { 
background-image: url(images/header_escoles.jpg); 
    }
    
#header.cat19 { 
background-image: url(images/header_collectius.jpg); 
    }
    
#header.cat24 { 
background-image: url(images/header_concursos.jpg); 
    }
    
#header.cat28 { 
background-image: url(images/header_altresactivitats.jpg); 
    }

    

    
#container { 
    float: right; 
    width: 950px; 
    color: #84878E; 
    background-image: url(images/content-bg.gif); 
    }
    
#left-div { 
    width: 646px; float: left; 
    }
    
#left-inside { 
    float: left; 
    padding: 0px 0px 0px 19px; 
    }
    
.adwrap { 
    margin-left: 26px; 
    }
    
.articleinfo { 
    border-bottom: 1px solid #EEEEEE; 
    padding-bottom: 7px; 
    color: #545454; 
    }
    
.icons { 
    margin-top: 0px; 
    margin-bottom: -5px; 
    margin-right: 10px; 
    }
    
.thumbnail-div { 
    border: 1px solid #DFDFDF; 
    width: 120px; 
    height: 120px; 
    padding: 4px; 
    margin-bottom: 10px; 
    float: left; 
    margin-right: 10px; 
    display: inline; 
    }
    
.post-info { 
    margin-bottom: 10px; 
    color: #000; 
    font-size: 10px; 
    }
    
.post-inside { 
    float: left; 
    width: 245px; 
    }
    
.post-inside-2 { 
    float: left; 
    width: 450px; 
    }
    
#home-right { 
    width: 187px; 
    float: right; 
    padding: 10px; 
    border-left: 1px solid #EBEBEB; 
    border-bottom: 1px solid #EBEBEB; 
    }
    
#home-right ul { 
    list-style-image: url(images/bullet-home.gif); 
    float: left; 
    }
    
#home-left { 
    float: left; 
    width: 385px; 
    padding: 10px; 
    }
    
.home-categories, .home-categories-comments { 
    width: 280px; 
    min-height: 180px; 
    border: 1px solid #EBEBEB; 
    padding: 10px; 
    margin-top: 10px; 
    margin-right: 10px; 
    float: left; 
    }
    
.home-categories-comments { 
    width: 591px; 
    min-height: 180px; 
    border: 1px solid #EBEBEB; 
    padding: 10px; 
    margin-top: 10px; 
    margin-right: 10px; 
    float: left; 
    }
    
/*.logo { 
    float: left; 
    margin-bottom: 15px; 
    border: 0px; 
    margin-left: 40px; 
    margin-top: 68px; 
    }*/
    
.share-div { 
    width: 590px; 
    height: 30px; 
    background-color: #FFF; 
    display: none; 
    }
    
.share { 
    visibility: visible; 
    }
    
.orange-titles { 
    color: #FF8400; 
    font-size: 10px; 
    font-weight: bold; 
    text-transform: lowercase; 
    display: block; 
    margin-bottom: 5px; 
    width: 100%; 
    }
    
/*------------------------------------------------*/
/*-----------------[CATEGORY BOXES]---------------*/
/*------------------------------------------------*/

.home-categories img { 
     border: 4px solid #EEEEEE; 
     float: left; 
     margin-right: 10px; 
     }
     
.home-categories-comments ul { 
     list-style-image: url(images/comment-icon.gif); 
     }
     
.home-categories a:link, .home-categories a:hover, .home-categories a:visited { 
     color: #781300; 
     text-transform: uppercase; 
     font-size: 15px; 
     font-weight: bold; 
     }


/*------------------------------------------------*/
/*---------------------[TITLES]-------------------*/
/*------------------------------------------------*/

.post-title {
     line-height: 30px; 
     font-size: 24px; 
     margin-top: 0px; 
     }
     
.titles {
     font-weight: normal; 
     font-size: 24px; 
     text-decoration: none; 
     }
     
.titles a:link, .titles a:visited, .titles a:active {
	 color: #781300; 
     text-decoration: none; 
     font-size: 20px; 
     font-weight: bold; 
     font-family: Trebuchet MS; 
     text-transform: uppercase; 
     margin-bottom: 10px; 
     margin-top: 10px; 
     display: block; 
     }


/*------------------------------------------------*/
/*--------------------[COMMENTS]------------------*/
/*------------------------------------------------*/

.commentlist { 
     padding: 0px; 
     margin: 0px 0px 0px 17px; 
     width: 560px; 
     background-image: url(images/comment-bg.gif); 
     list-style-image: none; 
     list-style-type: none; 
     float: left; 
     }
     
.commentlist li { 
     font-weight: bold; 
     width: 560px; 
     display: block; 
     background-image: url(images/comment-bottom.gif); 
     background-repeat: no-repeat; 
     background-position: bottom left; 
     padding: 0px 0px 45px 0px; 
     margin: 0px; 
     list-style-image: none; 
     list-style-type: none; 
     float: left; 
     }
     
.commentlist li div { 
     width: 540px; 
     display: block; 
     background-image: url(images/comment-top.gif); 
     background-repeat: no-repeat; 
     margin: 0px; 
     padding: 10px; 
     float: left; 
     }
     
.commentlist li .avatar { 
     float: left; 
     border: 1px solid #eee; 
     padding: 2px; 
     background: #fff; 
     }
     
.commentlist cite { 
     font-size: 18px; 
     float: left; 
     font-style: normal; 
     margin-left: 10px; 
     margin-right: 6px; 
     margin-top: 5px; 
     font-weight: normal; 
     }
     
.says { 
     display: none; 
     }
     
.commentlist p { 
     font-weight: normal; 
     line-height: 1.5em; 
     text-transform: none; 
     display: block; 
     float: left; 
     width: 90%; 
     margin-left: 3%; 
     }
     
#commentform p { 
     clear: both; 
     }
     
.alt { 
     margin: 0; 
     padding: 10px; 
     }
     
.nocomments { 
     text-align: center; 
     margin: 0; 
     padding: 0; 
     }
     
.commentlist .children li { 
     width: 90%; 
     display: block; 
     margin: 0px; 
     background-color: #FDFDFD; 
     background-image: url(images/comment-children-bg.gif); 
     background-position: left; 
     background-repeat: repeat-y; 
     border: 1px solid #E2E2E4; 
     overflow: hidden; 
     }
     
.commentlist .children li div { 
      width: 97%; 
      padding: 3%; 
      background-image: url(images/comment-children-top.gif); 
      background-repeat: no-repeat; 
      background-position: top left; 
      }
      
.commentlist .commentmetadata { 
      font-weight: normal; 
      float: left; 
      margin: 5px 0px 0px 0px; 
      display: block; 
      clear: both; 
      background-image: none; 
      width: 90%; 
      margin-left: 3%; 
      }
      
.commentlist .vcard, .commentlist .children .comment-author, .commentlist .children .vcard, .commentlist .commentmetadata, .commentlist .children .comment-author, .commentlist .children .comment-meta { 
      background-image: none; 
      width: 100%; 
      padding: 0px !important; 
      }
      
.commentlist .reply, .commentlist .children .reply { 
      float: right; 
      background-image: none; 
      width: 54px; 
      height: 22px; 
      margin-bottom: 0px; 
      padding: 0px; 
      margin-right: 10px; 
      font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; 
      }
      
.commentlist .reply a:link, .commentlist .reply a:hover, .commentlist .children .reply a:link, .commentlist .children .reply a:hover { 
      background-image: url(images/reply.gif); 
      width: 39px; 
      height: 17px; 
      display: block; 
      color: #FFF; 
      font-size: 8px; 
      text-transform: lowercase; 
      font-weight: normal; 
      padding: 5px 0px 0px 15px; 
      letter-spacing: 1px; 
      }
      
.commentlist .children li { 
      padding-bottom: 10px; 
      }
      
.commentlist .children li ul li { 
      padding-bottom: 10px; 
      background-color: #FFF; 
      }
      
#respond { 
      margin-top: 20px; 
      float: left; 
      background-image: none; 
      }
      
.commentlist #respond h3, .commentlist #respond a { 
      margin-left: 28px; 
      }
      
#comments { 
      line-height: 30px; 
      }
      
.children { 
      clear: both; 
      }
      
.children .commentmetadata, .children .vcard { 
      background-image: none; 
      }
      
.children textarea { 
      width: 90% !important; 
      }
      
.children input { 
      width: 80% !important; 
      }
      
#cancel-comment-reply-link { 
      display: block; 
      background-image: url(images/comment-close.gif); 
      width: 144px; 
      height: 21px; 
      padding: 5px 0px 0px 23px; 
      font-weight: normal; 
      color: #84878E; 
      font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; 
      }
      
#respond div { 
      background-image: none; 
      }
      
#submit { 
      width: 120px !important; 
      }
      
/*------------------------------------------------*/
/*-----------------[COMMENT FORM]-----------------*/
/*------------------------------------------------*/

commentform { 
      margin: 10px 0px 0px 20px; 
      }
      
#commentform textarea { 
      background: #f8f7f6; 
      border: 1px solid #d6d3d3; 
      width: 350px; 
      padding: 10px; 
      }
      
#commentform #email { 
      font-size: 13px; 
      background: #f8f7f6; 
      border: 1px solid #d6d3d3; 
      width: 220px; 
      background-image: url(images/comment-email.gif); 
      background-position: 7px 7px; 
      background-repeat: no-repeat; 
      height: 20px; 
      padding-left: 30px; 
      padding-top: 6px; 
      margin-bottom: 3px; 
      }
      
#commentform #author { 
      font-size: 13px; 
      background: #f8f7f6; 
      border: 1px solid #d6d3d3; 
      width: 220px; 
      background-image: url(images/comment-author.gif); 
      background-position: 7px 7px; 
      background-repeat: no-repeat; 
      height: 20px; padding-left: 30px; 
      padding-top: 6px; margin-bottom: 3px; 
      }
      
#commentform #url { 
      font-size: 13px; 
      background: #f8f7f6; 
      border: 1px solid #d6d3d3; 
      width: 220px; 
      background-image: url(images/comment-website.gif); 
      background-position: 7px 7px; 
      background-repeat: no-repeat; 
      height: 20px; 
      padding-left: 30px; 
      padding-top: 6px; 
      margin-bottom: 3px; }


/*------------------------------------------------*/
/*---------------[PAGES NAVIGATION]---------------*/
/*------------------------------------------------*/


#pages { 
      width: 950px; 
      float: left; 
      background-image: url(images/top-right.gif); 
      background-position: top right; 
      background-repeat: no-repeat;
      height: 45px;  
      }
      
#pages ul { 
      list-style-type: none; 
      list-style-image: none; 
      float: left; 
      padding: 0px 0px 0px 0px; 
      margin-left: 10px; 
      margin-top: 0px; 
      margin-bottom: 0px;
      height: 45px; 
      }
      
#pages li { 
      float: left; 
      display: block; 
      margin-top: 0px; 
      margin-bottom: 0px;
      height: 45px; 
      }
      
#pages li:hover { 
      background-image: url(images/pages-hover.gif); 
      }
      
#pages li a:link, #pages li a:visited { 
      float: left; 
      color: #8D8D8D; 
      display: block; 
      height: 30px; 
      padding-top: 14px; 
      font-size: 12px; 
      padding-left: 20px; 
      padding-right: 20px; 
      margin-bottom: 0px; 
      }
      
#pages li a:hover, #pages li a:active { 
      color: #8D8D8D; 
      font-size: 12px; 
      margin-bottom: 0px; 
      background-image: url(images/pages-arrow.gif); 
      background-position: top; 
      background-repeat: no-repeat; 
      }


/*------------------------------------------------*/
/*-------------[CATEGORIES NAVIGATION]------------*/
/*------------------------------------------------*/


#categories { 
       width: 950px; 
       min-height: 48px; 
       background-image: url(images/categories-bg.gif); 
       background-repeat: repeat-x; 
       float: left; 
       background-color: #433D3D; 
       }
       
#categories ul { 
       margin: 0px 0px 0px 20px; 
       padding-left: 0px; 
       list-style-type: none; 
       list-style-image: none; 
       float: left; 
       }
       
#categories ul li { 
       float: left; 
       display: block; 
       padding-left: 0px; 
       height: 48px; 
       }
       
#categories ul li a:link, #categories ul li a:visited, #categories ul li a:active, #categories ul li a:hover { 
       height: 36px; 
       display: block; 
       color: #FFFFFF;
       font-size: 11px; 
       font-weight: bold; 
       padding: 12px 10px 0px 10px; 
       background-image: url(images/categories-line.gif); 
       background-repeat: no-repeat; 
       background-position: right; 
       float: left; 
       }
       
#categories ul li a:hover { 
       background-image: url(images/categories-hover.gif); 
       background-repeat: repeat-x !important; 
       }
       
/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/


.aligncenter, div.aligncenter { 
       display: block; 
       margin-left: auto; 
       margin-right: auto; 
       }
       
.wp-caption {
	   border: 1px solid #ddd; 
	   text-align: center; 
	   background-color: #f3f3f3; 
	   padding-top: 4px; 
	   margin: 10px; 
	   -moz-border-radius: 3px; 
	   -khtml-border-radius: 3px; 
	   -webkit-border-radius: 3px; 
	   border-radius: 3px; 
	   }
	   
.wp-caption img { 
       margin: 0; 
       padding: 0; 
       border: 0 none; 
       }
       
.wp-caption p.wp-caption-text { 
      font-size: 11px; 
      line-height: 17px; 
      padding: 0 4px 5px; 
      margin: 0; 
      }
      
p img { 
      padding: 0; 
      max-width: 100%; 
      }
      
img.centered { 
      display: block; 
      margin-left: auto; 
      margin-right: auto; 
      }
      
img.alignright { 
      padding: 4px; 
      margin: 0 0 2px 7px; 
      display: inline; 
      }
      
img.alignleft { 
      padding: 4px; 
      margin: 0 7px 2px 0; 
      display: inline; 
      }
      
.alignright { 
      float: right; 
      }
      
.alignleft { 
      float: left 
      }
      
/*------------------------------------------------*/
/*-------------------[SIDEBAR]--------------------*/
/*------------------------------------------------*/


#sidebar-wrapper { 
      width: 300px; 
      float: left; 
      margin-bottom: 20px; 
      }
      
#sidebar { 
      float: left; 
      padding-left: 0px; 
      padding-right: 13px; 
      width: 287px; 
      }
      
.sidebar-box { 
      padding-top: 5px; 
      margin-bottom: 18px; 
      padding-left: 26px; 
      width: 261px; 
      }
      
.sidebar-box ul li a:link, .sidebar-box ul li a:visited, .sidebar-box ul li a:active { 
      display: block; 
      color: #373434; 
      padding: 3px 3px 3px 3px; 
      background-image: none !important; 
      }
      
.sidebar-box ul li { 
      color: #373434 !important; 
      margin-left: 0px; 
      padding-left: 0px; 
      width: 267px; 
      }
      
.sidebar-box ul { 
      padding-left: 20px; 
      width: 267px; 
      list-style-image: url(images/bullet.gif); 
      }
      
.sidebar-box ul li a:hover { 
      display: block; 
      color: #393939; 
      padding: 3px 3px 3px 3px; 
      }
      
.sidebar-box h2 { 
      margin-top: 5px; 
      font-size: 11px; 
      color: #FF8400; 
      padding-top: 9px; 
      font-weight: normal; 
      text-transform: lowercase; 
      font-weight: bold; 
      margin-left: -26px; 
      font-family: Trebuchet MS; 
      background-image: url(images/h3-bg.gif); 
      background-repeat: no-repeat; 
      background-position: left; 
      width: 263px; 
      height: 30px; 
      padding-left: 10px; 
      clear: both; 
      }
      
/*------------------------------------------------*/
/*--------------------[FOOTER]--------------------*/
/*------------------------------------------------*/

#footer { 
      clear: both; 
      width: 930px; 
      height: 31px; 
      padding-left: 20px; 
      text-align: left; 
      color: #C3B8B6; 
      padding-top: 14px; 
      background-image: url(images/footer.gif); 
      background-repeat: no-repeat; 
      margin-left: auto; 
      margin-right: auto; 
      font-size: 11px; 
      }
      
#footer a { 
      color: #C3B8B6; 
      font-size: 11px; 
      }
      
#footer a:visited { 
      color: #C3B8B6; 
      }
      
#footer a:hover { 
      color: #C3B8B6; 
      text-decoration: underline; 
      }
      
/*------------------------------------------------*/
/*--------------------[SEARCH]--------------------*/
/*------------------------------------------------*/

.search_bg {
	 height:35px; 
	 width:260px; 
	 float: left; 
	 margin-top: 10px; 
	 margin-left: 10px; 
	 }
	 
#search {
	 color:#FFFFFF; padding:0; 
	 }
	 
#search input { 
      background: #FFF; 
      font-size:11px; 
      color:#B8B8B8; 
      font-family:Tahoma, arial, verdana, courier; 
      width:150px; 
      height:11px; 
      vertical-align:middle; 
      padding:10px; 
      border: 1px solid #E7E7DC; 
      }
      
#search .input { 
      width:66px; 
      height:31px; 
      background:none; 
      border:none; 
      vertical-align:middle; 
      margin:0; 
      padding:0; 
      margin-left: 10px; 
      }
      


/*------------------------------------------------*/
/*-----------------[RANDOM ARTICLES]--------------*/
/*------------------------------------------------*/


.random-image { 
       width: 44px; 
       height: 44px; 
       border: 4px solid #F2F2E4; 
       float: left; 
       margin-left: 10px; 
       }
       
.random-content { 
       float: right; 
       width: 210px; 
       }
       
.random-content a:link { 
       font-size: 13px; 
       }
       
.random { 
       width: 280px; 
       float: left; 
       margin-top: 10px; 
       }