/*
    Theme Name: Barritv press
    Theme URI: http://barri.tv
    Description:  Barri.tv is a wordpress theme by <a href="http://www.bielot.net">Biel Salas</a>
    Version: 0.1
    Author: Biel Salas
    Author URI: http://www.bielot.net/
*/

@import url('grid.css');


body {
	margin:0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background:url(images/fonspaper.jpg) repeat-x;
	background-position: 0px -10px;
	background-color: #fff;
}

img
{ border: 0;
}


#menu  {
	line-height: 30px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	float: left;
	color: #fff;
  margin-top: 0px;	
  margin-bottom: 30px;
  width: 940px;
}

  #menu ul {
	line-height: 30px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	float: left;
  padding-left: 30px;
  display: inline;
}


#menu ul li {
	display: inline;
	padding-right: 0px;
	padding-left: 20px;
	border-left: 1px dotted #ccc;
	margin-top: 0px;
  height: 10px;
  line-height: 10px;  
  float: left;	
  margin-top: 10px;
}

#menu ul li span {
	
  height: 10px;
  line-height: 10px;	

}

#menu ul li a{
	display: inline;
	color: #ccc;
	text-decoration: none;
	text-transform:uppercase;
	margin-right: 20px;
	font-size: 10px;
	 float: left;
}



#menu ul li a{
	display: inline;
	font-size: 13px;
	color: #ccc;
	text-decoration: none;
	font-size: 10px;
	text-transform:uppercase;
	
	
}

menu ul li a:hover{
	text-decoration: underline;
	font-weight: bold;
}

#search_form
  {
   width: 170px;
   float: right;
   margin: 0px;
   padding: 0px;
   margin-top: -2px;
  }
  
  #search_form #searchform
  {
  
   width: 170px;
  }
  
  #search_form .screen-reader-text
  {
  display: none;
  }
  
  #search_form input
  {
    color:#6c5424;
   font-size:10px;
   width: 100px;
   padding-top: 2px;
   padding-bottom: 2px;
   border: 1px solid #9e8656;
  }
  
  #search_form input[type="submit"] {
  
  background: #6c5424;
  border: 1px dotted #ccc;
  width: 60px;
  color:#ddd;
  padding-top: 1px;
   padding-bottom: 1px;
  }




#separador {
	border: 10px solid #ccc:
	width: 300px;
	margin: 100px;
	
}




#sidebar {
	margin-top: -20px;
}

#nombloc {
	padding-left:10px;
	padding-bottom:20px;
	padding-top: 5px;
}
#nombloc .describcio {
	color:#666;
	font-size:24px;
	font-weight:100;
}


/* nav */

#nav {
	padding:0;
	margin:0;
	font-size: 11px;
	color: #666;
}

#nav a {
	display:block;
	float:left;
	font-size:11px;
	color:#666;
	text-decoration:underline;
}
#nav .nav-excerpt{
	font-size: 11px;
	display: block;
	width: 200px;
}
#nav .nav-next{
	margin-left: 50px;
}
#nav .nav-title a{
	font-size: 11px;
	display: block;
	width: 200px;
}

#nav a img {
	border:1px dotted #ccc;
	padding: 2px;
	margin-left: -2px;
}

#nav a:hover img {
	border:1px dotted #666;
	padding: 2px;
	margin-right: 150px;
	margin-left: -2px;

}

#follow{
	font-size: 10px;
	display: inline;
    vertical-align: 50%;
	
}

/* search */
#costat .txtField {
	margin:8px 0 0 10px;
	width:120px;
	color:#666;
	font-size:11px;
	border-style:solid 1px #666;
}

#search {
	width:137px;
	height:34px;
	overflow:hidden;
	float:right;
	background:url(images/search-back.png) no-repeat #ccc;
	margin:;
	padding-right:;
}
#search form {
	padding:0;
	margin:0;
}

#search .btnSearch {
	width:73px;
	height:28px;
	border-style:none;
	float:right;
	background:xxxtransparent;
	cursor:pointer;
	margin:0;
}

/* rss */

.rss a {
	display:block;
	width:206px;
	height:68px;
	font-size:10px;
	overflow:hidden;
	text-indent:-300px;
	background:url(images/link-rss.gif) no-repeat 0 0;
	float:right;
	margin:80px 0 0 0;
}
.rss a:hover {
	background:url(images/link-rss.gif) no-repeat 0 -68px;
}


/* special posts home page */

#page-sobre {
	background:url(images/banner-about2.jpg) no-repeat 0 0; 
	height: 310px;
	margin: 2px 5px 2px 5px;	
}

.more-link {
	color: #e3e3e3 !important;	
	text-decoration: none;
}

#page-sobre .texte-sobre{
	width: 330px;
	font-size: 12px;
	color: #2c2418;
	padding: 40px 0px 10px 25px;
}

#page-sobre .texte-sobre h2 a{
	font-size: 18px;
	font-weight: bold;
	color: #2c2418;
	text-decoration: none;
}


#page-logos {
	background:url(images/banner-logos.jpg) no-repeat 0 0; 
	height: 410px;
	margin: 20px 5px 2px 5px;	
}

#page-logos .texte-sobre{
	width: 330px;
	font-size: 12px;
	color: #2c2418;
	padding: 10px 0px 10px 25px;
}

#page-logos .texte-sobre h2 a{
	font-size: 18px;
	font-weight: bold;
	color: #2c2418;
	text-decoration: none;
}

#post-one .logo_single {
  width: 100%;
  float: left;

}

#post-one .logo_single p {
  width: 100%;
  float: left;

}

#post-one .logo_single a img{
	display: inline;
	border: 0px;
	margin-left: -5px;
	margin-bottom: -2px;
	padding-bottom: 2px; 	
}

#post-one .logo_single a:hover img{
	display: inline;
	border: 0px;	
}

#post-one .main-post{
	display: inline;
	float: left;
	width: 100%;
}
 
#post-one ul{
	float: left;
	width: 100%;
}

#post-one .main-post h2{
	float: left;
	width: 100%;
	margin-bottom: 0px;
	
}
#post-one {
	padding: 1px;
	font-size:12px;
	line-height:16px;
	padding-top: 15px;
	border-bottom: 1px dotted #ccc;
	display: inline;
	margin-bottom: 15px;
	padding-bottom: 10px;
	float: left;
	}

#post-one a img {
	border:1px dotted #ccc;
	padding: 2px;
	float: left;
}

#post-one a:hover img {
	border:1px dotted #666;
	padding: 2px;
}

#post-one .main-post .resumprincipal {
	margin: 10px 0px 00px 30px;
	width: 240px;
	color: #666;
	float: left;
}

#post-one .main-post .resumprincipal a {
	float: left;
	width: 100%;
}  

#post-one .main-post .resumprincipal h2 {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

#post-one .main-post .resumrecomenam {
	padding-bottom:40px;
	margin: 30px 0px 00px 30px;
	width: 240px;
	color: #666;
	float: left;
}

 #post-one .main-post .resumrecomenam h2 {
	float: left;
	width: 100%;
	margin-bottom: 5px;
}

#post-one a {
	color: #666;
}

#post-one a:hover {
	color: #ccc;
}

#post-one h2 {
	padding:0 0 4px;
	display:inline;
	color:#666;
	font-size:16px;
	line-height:10px;
	font-weight:bold;
	line-height: 16px;
}
#post-one h2 a {
	color:#979579;
	text-decoration:none;
}
#post-one h2 a:hover {
	color:#666;
	text-decoration:underline;
}

#post-one .meta {
	display:block;
	font-size:10px;
	color:#635f2d;
	padding-top: 6px;
	padding-bottom: 6px;
	float: left;
	width: 100%;
}
#post-one .meta a {
	color:#635f2d;
	text-decoration:none;
	border-bottom:1px dotted #49483c;
}
#post-one .meta a:hover {
	color:#635f2d;
	text-decoration:none;
	border-bottom:1px dotted #efeee8;
}
#post-one .btn-first-readon a {
	display:block;
	float:right;
	width:90px;
	height:19px;
	background:url(images/btn-post.gif) no-repeat 0 0;
	font-size:10px;
	overflow:hidden;
	text-indent:-400px;
}
#post-one .btn-first-readon a:hover {
	background:url(images/btn-post.gif) no-repeat 0 -19px;
}
#post-one .comments a {
	display:block;
	font-size:10px;
	color:#437680;
	text-decoration:underline;
	padding-left:24px;
	float:left;
	background:url(images/icon-chat-dark.gif) no-repeat 0px 2px;
}
#post-one .comments a:hover {
	color:#2a535b;
	text-decoration:none;
}

/* a les cerques i al filtratge de categories */

#post-one .home-post {
	padding-bottom: 20px;
	border-bottom: dotted 1px #ccc;
	width: 240px;
	display: inline-table;
	margin-right: 40px;
	margin-left: 15px;
}


.alignright {
	float:right;
	margin:10px 4px 10px 10px;
}
.alignleft {
	float:left;
	margin:10px 10px 10px 4px;
}


/* category name */

#category {
	font-size:11px;
	padding:0 0 12px;
	color:#5e5d4d;
}
#category .category-name {
	font-size:12px;
	font-weight:bold;
	color:#43433B;
}


/* recent posts */

#recent {
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: 20px;
}

#recent-posts a img {
	border:1px dotted #ccc;
	padding: 2px;
	margin-top: 15px;
	margin-bottom: 5px;
}

#recent-posts a:hover img {
	border:1px dotted #666;
	padding: 2px;
}

/* separador recent posts */
#recent-posts .home-post {
	padding-bottom: 10px;
	border-bottom: dotted 1px #ccc;
	width: 190px;
}

/* titol categoria recent posts */
#recent-posts h2 {
	display:inline;
	margin:0;
	color:#979579;
	padding-bottom: 25px;
}

#recent-posts h2 a {
	display:inline;
	margin:0;
	color:#979579;
	font-size:15px;
	font-weight:bold;	
}

#recent-posts h2 a:hover {
	display:inline;
	margin:0;
	color:#666;
	font-size:15px;
	font-weight:bold;	
	text-decoration:underline;
}

/* titol post recent posts */
#recent-posts h3 {
	display:inline;
	color:#979579;
	font-size:13px;
}

#recent-posts h3 a {
	display:inline;
	color:#979579;
	text-decoration:none;
}

#recent-posts h3 a:hover {
	display:inline;
	margin-bottom: 15px;
	color:#666;
	text-decoration:underline;
}

/* categoria recent posts */
#recent-posts h4 {
	color:#666;
	font-size:11px;
	font-weight:normal;	
	margin-top: 10px;
}

#recent-posts h4 a {

	color:#666;
	font-size:13px;
	font-weight:normal;	
}

#recent-posts h4 a:hover {

	color:#666;
	font-size:13px;
	font-weight:bold;	
}



/* search results */

.search-results {
	color:#666;
	font-size:12px;
	padding:12px 0;
}
.search-results .bigger {
	color:#666;
	font-size:14px;
}

/* single template column 02 posts */

#column02 {
	float:right;
	width:228px;
	overflow:hidden;
	padding-top:30px;
}
#column02 .side-post {
	float:left;
	width:228px;
	height:191px;
	overflow:hidden;
	background:url(images/side-post-back.gif) no-repeat;
	font-size:11px;
	line-height:15px;
	color:#565651;
	margin:0 12px 12px 0;
}
#column02 .upper {
	height:138px;
	overflow:hidden;
	padding:14px 18px 0;
	position:relative;
}
#column02 .fade {
	display:none;
}
#column02 .side-post h3 {
	padding:0 0 2px;
	margin:0;
	color:#fff;
	font-size:14px;
	line-height:18px;
	font-weight:normal;
	
}
#column02 .side-post h3 a {
	color:#fff;
	text-decoration:none;
}
#column02 .side-post h3 a:hover {
	color:#fff;
	text-decoration:none;
	border-bottom:1px dotted #979579;
}
#column02 .side-post p {
	margin:0 0 10px;
}
#column02 .side-post .meta {
	font-size:10px;
	color:#598d97;
	line-height:12px;
}
#column02 .side-post .meta a {
	color:#598d97;
	text-decoration:none;
	border-bottom:1px dotted #49483c;
}
#column02 .side-post .meta a:hover {
	color:#598d97;
	text-decoration:none;
	border-bottom:1px dotted #efeee8;
}
#column02 .btn-readon a {
	display:block;
	float:right;
	width:98px;
	height:19px;
	background:url(images/btn-post.gif) no-repeat 0 0;
	font-size:10px;
	overflow:hidden;
	text-indent:-400px;
	margin:10px 0 0 0;
}
#column02 .btn-readon a:hover {
	background:url(images/btn-post.gif) no-repeat 0 -19px;
}
#column02 .costat-meta a {
	font-size:10px;
	display:block;
	float:left;
	padding:12px 0 0 34px;
	color:#939072;
	line-height:12px;
	border-style:none;
}
#column02 .costat-meta a:hover {
	text-decoration:none;
	color:#fff;
}
#column02 .sub-txt {
	font-size:10px;
	display:block;
	float:left;
	padding:12px 0 0 18px;
	color:#598d97;
	line-height:12px;
	border-style:none;
}



/* older and newer post links */



/* vells */

#page-nav {
	font-size:11px;
	height:10px;
}
#page-nav .older a {
	display:block;
	float:left;
	background:url(images/arrow-left.gif) no-repeat 0 50%;
	color:#356987;
	padding:4px 15px;
}
#page-nav .older a:hover {
	background:url(images/arrow-left-on.gif) no-repeat 0 50%;
	text-decoration:none;
	color:#19435b;
}
#page-nav .newer a {
	display:block;
	float:right;
	background:url(images/arrow-right.gif) no-repeat 100% 50%;
	color:#356987;
	padding:4px 15px;
}
#page-nav .newer a:hover {
	background:url(images/arrow-right-on.gif) no-repeat 100% 50%;
	text-decoration:none;
	color:#19435b;
}


/* comments */

/* comment form styles */

.comments-PII, .comments-PII-2 {
	float:left;
}
.comments-PII {
	width:230px;
	padding:20px 20px 20px 0;
}
.comments-PII-2 {
	width:310px;
	padding:20px 0 0 0;
}
.comments-PII input {
	color:#666;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px dotted #bfc5b0;
	width:220px;
	background:url(images/pattern-back.jpg);
	padding:5px;
}
.comments-PII-2 textarea {
	color:#666;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px dotted #bfc5b0;
	width:300px;
	height:180px;
	background:url(images/pattern-back.jpg);
	padding:5px;
}
.comments-PII-2 input {
	color:#666;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	border-style:none;
	padding:0;
	width:93px;
	height:26px;
	background:url(images/btn-comment.gif) no-repeat 0 0;
	cursor:pointer;
	padding:1px 0 0;
	
}
.comments-PII-2 input:hover {
	background:url(images/btn-comment.gif) no-repeat 0 -26px;
	
}

.note {
	font-size:10px;
	color:#939072;
}


/* comment list styles */

#comment-list {
	font-size:12px;
	padding:10px 0;
}
#comment-list .bigger, cite {
	font-weight:normal;
	font-size:14px;
	line-height:22px;
}
.comment-left {
	padding:20px 0;
	background:url(images/comment-break.gif) no-repeat;
}
.alt {
	background:url(images/comment-break-alt.gif) no-repeat;
}
.comment-meta {
	float:left;
	width:160px;
	margin-right:10px;
	font-size:14px;
	font-weight:bold;
}
.avatar {
	border:2px dotted #C0C0B4;
}
.comment-metadata {
	font-size:11px;
	font-weight:normal;
}
.comment-metadata a, .comment-meta a, comments-PII a, comments-PII-2 a, cite a {
	color:#437680;
	text-decoration:none;
}
.comment-metadata a:hover, .comment-meta a:hover, comments-PII a:hover, comments-PII-2 a:hover, cite a:hover {
	text-decoration:underline;
}
.comment-txt {
	float:left;
	width:500px;
	padding-left:20px;
	font-size:12px;
	line-height:20px;
}


/* costat section */

#costat {
	padding:30px 0 0;
	margin:0 auto;

}
#costat .title {
	font-size:13px;
	font-weight:bold;
	display:block;
	color:#43433b;
	text-transform: uppercase;
}
#costat .title2 {
	font-size:11px;
	font-weight:bold;
	color:#43433b;
}
#costat .modul{
	float:left;
	padding-top: 20px;
	padding-left: 18px;
}


#costat .modul .costat-post a img {
	padding: 2px;
	border:1px dotted #ccc;
}
#scostat .modul a:hover img {
	padding: 5px;
	border:2px dotted #666;
}

#costat {
	float:left;
	display: inline;
}
#costat ul {
	padding:0;
	font-size: 13px;
	color:#43433b;
	display: block;
	list-style-type: none;
	margin-left: 0px;
}
#costat li {
	vertical-align: top;
	font-size: 16px;	
	display: block;
	width: 100%;
}
#costat a img {
	border: none;
	display: inline;


}
#costat a {
	display:inline;
	float: left;
	padding:3px;
	text-decoration:none;
	color:#565752;
	font-size:11px;
	line-height:14px;
	padding-bottom: 0px;
}

#costat span {
color:#565752;
display:inline;
float:left;
font-size:11px;
line-height:14px;
width: 100%;
padding-left: 3px;
margin-bottom: 5px;
margin-top: 0px;
text-decoration:none;
}


#costat a:hover {
	background:#f8f5f1;
}
#costat .widget {
	width:240px;
	float:left;
	margin-right:20px;
	overflow:hidden;
	border:1px dotted #434340;
	padding:12px;
}
#costat .widget a { 
	display:inline;
}


/* footer */

#footer {
	margin:0 auto;
	padding:0px;
	padding-bottom: 30px;
	font-size:10px;
	line-height:14px;
	text-align:left;
	color:#ccc;
	float: left; 
	width: 920px;
	margin-left: 15px;
}
#footer a {
	color:#ccc;
	text-decoration:none;
	border-bottom:1px dotted #ccc;
}
#footer a:hover {
	color:#666;
	border-bottom:1px dotted #666;
}

#footer img {
	text-align: right;
	vertical-align: middle;
	}
	
	.gm-map
	{
    text-align: center;
  
  }
  
  
  .gm-map iframe
	{
    width: 100% !important;
  
  }
  
  
  .gm-map iframe #geo-mashup
  {
    width: 100% !important;
    
  } 
  
  .s2class_widget_subscribe2widget
  {
    display: none;
  
   }
   
   #central #sidebar
   {
    /*display: none;*/
   }
  
  #sidebar #subscribe2
  {
    display: block !important;
    width: 190px;
    border: 0px;
    float: left;
    margin: 0px;
    margin-top: 20px;
    font-size: 11px;
    padding-left:22px;             
   }
   
   #sidebar #subscribe2 a
  {
  padding: 0px;
  padding-left: 2px;
  padding-right: 2px;
  float: none;
  }
  
  #category_name
  {
    color: #666;
    background: #dfdede;
    width: 690px;
    height: 23px;
    line-height: 20px;
    font-size: 11px;
    font-weight: normal;
    margin-left: 12px;
    padding-left: 10px;
    font-family: Verdana;
    
  }
	#category_name a
{
	color: #666;
	font-weight: normal;
	
  }
  
	#category_name .response
{
    display: inline;
    font-weight: bold;
   
  }    
  
  .category-post {
	padding-bottom: 20px;
	border-bottom: dotted 1px #ccc;
	width: 210px;
	display: inline-table;
	margin-right: 10px;
	margin-left: 10px;
	font-size: 11px;
	float: left;
	margin-bottom: 15px;
} 

.category-post h2 {
	
}


.category-post .meta {
	display:block;
	font-size:10px;
	color:#635f2d;
	padding-top: 6px;
	padding-bottom: 6px;
	float: left;
	width: 100%;
}

.category-post  a {
	color:#635f2d;
	text-decoration:none;
	border-bottom:1px dotted #49483c;
}
.category-post  a:hover {
	color:#635f2d;
	text-decoration:none;
	border-bottom:1px dotted #efeee8;
} 

.tria_modul ul, .tria_modul li, .tria_modul span
{
  width: 160px;
  margin: 0px;
  float: left;
}