/*
Theme Name: gumets v5
Theme URI: http://gomets.cat/
Version: 1.1
Author: jordi torà
Author URI: http://gomets.cat/
*/

body {
font-size: 12px;
font-family: Helvetica, Verdana, Arial;
color: #000;
text-decoration: none;
text-align: center;
background: #f3f3f4;
background-image:url('/img/fonslblanca.png');
background-repeat:repeat-y;
background-position: center 0;
}

p {
font-style: normal;
font-weight: normal;
font-size: 12px;
font-family: Helvetica, Verdana, Arial;
color: #000;
margin-top: 0px;
}

A:visited {
color: #000;
text-decoration: underline;
}

A:hover {
color: #000;
text-decoration: none;
}

A:active {
color: #000;
text-decoration: none;
}

A {
color: #000;
text-decoration: underline;
}

h2 {
font-size: 13px;
font-weight: bold;
margin-bottom: 0px;
margin-top: 0px;
}

h2 P {
font-size: 13px;
font-weight: bold;
margin-bottom: 0px;
margin-top: 0px;
}

h2 A {text-decoration : none;}
h2 A:visited {text-decoration : none;}
h2 A:hover {text-decoration : underline;}
h2 A:active {text-decoration : none;}

h3 {
display: none;
}

h4 {
font-size: 24px;
margin-bottom: 0px;
margin-top: 0px;
font-weight: normal;
}

h4 A {text-decoration : none;}
h4 A:visited {text-decoration : none;}
h4 A:hover {text-decoration : underline;}
h4 A:active {text-decoration : none;}

h5 {
font-size: 24px;
margin-bottom: 0px;
margin-top: 0px;
font-weight: normal;
color: #ccc;
}

h5 A {text-decoration : none; color: #ccc;}
h5 A:visited {text-decoration : none; color: #ccc;}
h5 A:hover {text-decoration : underline; color: #ccc;}
h5 A:active {text-decoration : none; color: #ccc;}


blockquote {
background: url('img/quote.png') no-repeat;
padding-left: 15px;
}

.gomettitol { font-size: 12px; }

.lletranegreta { font-weight: normal; }
.lletranegreta A { font-weight: bold; color: #000; text-decoration : underline; }
.lletranegreta A:visited { font-weight: bold; color : #000; text-decoration : underline; }
.lletranegreta A:hover { font-weight: bold; color : #000; text-decoration : none; }
.lletranegreta A:active { font-weight: bold; color : #000; text-decoration : none; }

.lletrataronja { font-weight: bold; color: #000; font-size: 11px; }
.lletrataronja A { font-weight: bold; color : #000; text-decoration : none; }
.lletrataronja A:visited { font-weight: bold; color : #000; text-decoration : none; }
.lletrataronja A:hover { font-weight: bold; color : #000; text-decoration : underline; }
.lletrataronja A:active { font-weight: bold; color : #000; text-decoration : none; }

#caixageneral {
width: 500px;
margin-left: auto;
margin-right: auto;
text-align: left;
margin-top: 20px;
margin-bottom: 20px;
border: #fff 2px solid;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
background: #efefef;
}

#caixatitol {
width: 500px;
height: 160px;
}

#titol {
width: 480px;
height: 115px;
background: url('img/gomets_titol.png') no-repeat;
margin-left: 10px;
margin-top: 10px;
}

#titol_menu {
margin-left: 189px;
height: 28px;
text-align: left;
color: #ccc;
font-size: 24px;
}

#titol_menu_marcat {
margin-left: 189px;
height: 28px;
text-align: left;
color: #bcbcbc;
font-size: 24px;
font-weight: normal;
}

#titol_menu_marcat A {
text-decoration: none;
color:#bcbcbc;
}

#titol_menu_marcat A:hover {
text-decoration: none;
font-weight: normal;
color:#bcbcbc;
font-size: 24px;
}

#titol_menu A {
text-decoration: none;
color:#ccc;
}

#titol_menu A:hover {
text-decoration: none;
font-weight: normal;
color:#bcbcbc;
font-size: 24px;
}

#menuocult {
display: none;
}

#caixagomets {
width: 500px;
text-align: left;
}

.gomet {
width: 480px;
text-align: justify;
margin-bottom: 60px;
font-size: 13px;
padding: 10px;
}

.gomet p {
font-style: normal;
font-weight: normal;
font-size: 13px;
font-family: Helvetica, Verdana, Arial;
color: #000;
margin-top: 0px;
}

.meta {
width: 480px;
left: auto;
text-align: right;
font-size: 11px;
font-weight: bold;
margin-top: 12px;
}

.meta A { font-weight: bold; color: #000; text-decoration : none; }
.meta A:visited { font-weight: bold; color: #000; text-decoration : none; }
.meta A:hover { font-weight: bold; color: #000; text-decoration : underline; }
.meta A:active { font-weight: bold; color: #000; text-decoration : none; }

#caixamig {
background: #fff;
width: 456px;
text-align: left;
margin-left: 10px;
margin-bottom: 40px;
border: 2px solid #ccc;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
padding: 10px;
}

#caixamig A {
text-decoration: none;
}

#caixamig A:hover {
text-decoration: underline;
}

#fotogran {
text-align: center;
width: 456px;
background: #efefef;
padding-top: 10px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
font-weight: bold;
}

h41 {
font-size: 24px;
margin-bottom: 0px;
margin-top: 0px;
font-weight: normal;
color: #bcbcbc;
}
h41 A {color: #bcbcbc; text-decoration: none;}
h41 A:visited {color: #bcbcbc; text-decoration: none;}
h41 A:hover {color: #bcbcbc; text-decoration: underline;}
h41 A:active {color: #bcbcbc; text-decoration: none;}


#foto {
text-align: left;
width: 436px;
height: 100px;
margin-left: 10px;
/* background: url('ultimafoto.php') 0px -100px; */
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
font-weight: bold;
}

#cine {
width: 456px;
text-align: justify;
}

#etiquetes {
text-align: justify;
color: #9f9f9f;
}

#etiquetes A {
color: #9f9f9f;
text-decoration: none;
}

#etiquetes A:hover {
color: #9f9f9f;
text-decoration: underline;
}

#caixafinal {
background: #fff;
width: 456px;
text-align: left;
margin-left: 10px;
margin-bottom: 10px;
border: 2px solid #ccc;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
padding: 10px;
}

#caixafinal A {
text-decoration: none;
}

#caixafinal A:hover {
text-decoration: underline;
}

#caixafinal_individual {
background: #f3f3f4;
width: 456px;
text-align: left;
margin-left: 10px;
margin-bottom: 10px;
border: 2px solid #ccc;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
padding: 10px;
}

#caixafinal_individual A {
text-decoration: none;
}

#caixafinal_individual A:hover {
text-decoration: underline;
}

#gometsfinal {
width: 480px;
text-align: right;
margin-top: 20px;
margin-bottom: 60px;
font-size: 12px;
padding: 10px;
}

#gometsfinal A {
text-decoration: none;
}

#gometsfinal A:hover {
text-decoration: underline;
}

.img {
width: 440px;
background-color: #fff;
border: 20px solid #fff;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
text-align: center;
margin-top: 12px;
}


.img10 {
width: 460px;
background-color: #fff;
border: 10px solid #fff;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
text-align: center;
margin-top: 12px;
}


.hidden {
display: none;
}

h1 {
display: none;
}


/* gomet individual i comentaris */

#comentaris_conjunt {
width: 460px;
background-color: #f3f3f4;
margin-top: 60px;
margin-bottom: 60px;
margin-left: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
padding: 10px;
}

.comentari {
width: 460px;
text-align: left;
margin-bottom: 20px;
font-size: 12px;
color: #636363;
}

.comentari p {
font-style: normal;
font-weight: normal;
margin-top: 0px;
color: #636363;
}

.trackbacks {
width: 460px;
text-align: left;
margin-top: 40px;
font-size: 11px;
color: #636363;
margin-bottom: 22px;
}

.meta_comentaris {
width: 460px;
left: auto;
text-align: right;
font-size: 11px;
font-weight: bold;
margin-top: 12px;
}

.formulari_conjunt {
width: 460px;
text-align: left;
margin-top: 40px;
margin-bottom: 20px;
font-size: 12px;
margin-left: 10px;
}

.formulari_conjunt p {
font-style: normal;
font-weight: normal;
color: #636363;
margin-top: 0px;
}

#formulari_esq {
margin-top: 15px;
width: 300px;
float: left;
position: relative;
}

#formulari_dret {
margin-top: 15px;
width: 150px;
margin-left: 10px;
float: left;
}

#formulari_clear {
clear: both;
}

.formulari {
width: 150px;
text-align: left;
margin-bottom: 7px;
color:#636363;
}

.formulari p {
font-style: normal;
font-weight: normal;
margin-top: 0px;
color: #636363;
}


.formulari A {
text-decoration: none;
color:#636363;
}

.formulari A:hover {
text-decoration: underline;
color:#636363;
}


/* enllaços */

#links {
width: 281px;
font-size: 13px;
padding-bottom: 60px;
margin-left: 199px;
}

#links A {
text-decoration: none;
}

#links A:hover {
text-decoration: underline;
}


/* arxius */

#arxiumes {
width: 159px;
font-size: 13px;
position: relative;
float: left;
margin-left: 20px;
margin-top: 10px;
}

#arxiuindividual {
width: 281px;
font-size: 13px;
padding-left: 10px;
float: left;
padding-bottom: 60px;
margin-left: 10px;
margin-top: 10px;
}

#arxiumes A {
text-decoration: none;
}

#arxiumes A:hover {
text-decoration: underline;
}

#arxiuindividual A {
text-decoration: none;
}

#arxiuindividual A:hover {
text-decoration: underline;
}


/* cosetes */
.dragui {
width: 121px;
height: 114px;
margin-right: 5px;
float: left;
position: relative;
}

.draguidret {
width: 334px;
background-color: #fff;
float: left;
border: 10px solid #fff;
margin-bottom: 12px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
text-align: left;
}


/* fotogomets */

#caixageneral_foto {
width: 710px;
margin-left: auto;
margin-right: auto;
text-align: left;
margin-top: 20px;
margin-bottom: 20px;
border: #fff 2px solid;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
background: #efefef;
}

#caixagomets_foto {
width: 710px;
text-align: left;
}

.fotogomet {
width: 690px;
text-align: left;
margin-bottom: 60px;
font-size: 13px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
}

.fotogomet p {
font-style: normal;
font-weight: normal;
color: #000;
margin-top: 0px;
margin-bottom: 0px;
}

.meta_foto {
margin-top: 3px;
text-align: left;
font-size: 11px;
font-weight: bold;
color: #9f9f9f;
}

.img_foto {
background-color: #fff;
padding: 20px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
text-align: center;
}

.titols_foto {
margin-left: 20px;
}

.dadesfg {
margin-top: 8px;
text-align: right;
font-size: 10px;
color: #9f9f9f;
}

.meta_foto A { font-weight: bold; color: #9f9f9f; text-decoration : none; }
.meta_foto A:visited { font-weight: bold; color: #9f9f9f; text-decoration : none; }
.meta_foto A:hover { font-weight: bold; color: #9f9f9f; text-decoration : underline; }
.meta_foto A:active { font-weight: bold; color: #9f9f9f; text-decoration : none; }

#caixamig_foto {
background: #fff;
width: 666px;
text-align: left;
margin-left: 10px;
margin-bottom: 40px;
border: 2px solid #ccc;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
padding: 10px;
}

#caixamig_foto A {
text-decoration: none;
}

#caixamig_foto A:hover {
text-decoration: underline;
}

#etiquetes_foto {
text-align: justify;
color: #9f9f9f;
}

#etiquetes_foto A {
color: #9f9f9f;
text-decoration: none;
}

#etiquetes_foto A:hover {
color: #9f9f9f;
text-decoration: underline;
}

#gometsfinal_foto {
width: 690px;
text-align: right;
margin-top: 20px;
margin-bottom: 60px;
font-size: 12px;
padding: 10px;
}

#gometsfinal_foto A {
text-decoration: none;
}

#gometsfinal_foto A:hover {
text-decoration: underline;
}

#caixafinal_foto {
background: #fff;
width: 666px;
text-align: left;
margin-left: 10px;
margin-bottom: 10px;
border: 2px solid #ccc;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
padding: 10px;
}

#caixafinal_foto A {
text-decoration: none;
}

#caixafinal_foto A:hover {
text-decoration: underline;
}

#caixafinal_foto_individual {
background: #f3f3f4;
width: 666px;
text-align: left;
margin-left: 10px;
margin-bottom: 10px;
border: 2px solid #ccc;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
padding: 10px;
}

#caixafinal_foto_individual A {
text-decoration: none;
}

#caixafinal_foto_individual A:hover {
text-decoration: underline;
}


/* cinegomets */

.tematicacine {
font-size: 12px;
width: 480px;
font-weight: bold;
}

.autorcine {
font-size: 10px;
}

.tematicacine A {
text-decoration: none;
}

.tematicacine A:hover {
text-decoration: underline;
}

.autorcine A {
text-decoration: none;
}

.autorcine A:hover {
text-decoration: underline;
}

.nota {
height: 12px;
width: 140px;
}

.dadespeli {
margin-top: 12px;
margin-bottom: 2px;
height: 12px;
padding-left: 16px;
}

.dadespeli A {
text-decoration: none;
}

.dadespeli A:hover {
text-decoration: underline;
}

.especials {
margin-bottom: 2px;
height: 12px;
}

.especials A {
text-decoration: none;
}

.especials A:hover {
text-decoration: underline;
}


.imgcine {
width: 440px;
height: 100px;
background-color: #fff;
border: 20px solid #fff;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
text-align: center;
margin-top: 12px;
}

.imgcine10 {
width: 460px;
height: 100px;
background-color: #fff;
border: 10px solid #fff;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
text-align: center;
margin-top: 12px;
}


/* tag cloud - light box - ... */
/* Widgets */

.widget {
position: relative;
overflow: hidden;
width: 100%;
}

.widget-content {
position: relative;
margin: 5px 0 20px;
}

.widget-list,
.archive-list {
margin: 0;
padding: 0;
list-style: none;
}

.widget-list .widget-list {
margin-left: 15px;
}

.widget-list-item {
margin-top: 5px;
margin-bottom: 5px;
}

.widget-cloud .widget-list {
margin-right: 0;
margin-left: 0;
}

.widget-cloud .widget-list-item {
display: inline;
padding: 0;
line-height: 1.2;
background: none;
}

.widget-cloud .rank-1 { font-size: 20px; }
.widget-cloud .rank-2 { font-size: 19px; }
.widget-cloud .rank-3 { font-size: 18px; }
.widget-cloud .rank-4 { font-size: 17px; }
.widget-cloud .rank-5 { font-size: 16px; }
.widget-cloud .rank-6 { font-size: 15px; }
.widget-cloud .rank-7 { font-size: 14px; }
.widget-cloud .rank-8 { font-size: 13px; }
.widget-cloud .rank-9 { font-size: 12px; }
.widget-cloud .rank-10 { font-size: 11px; }


/*  Forumlari Comentaris  */

img {
	border:0;
}

/*Forms defaults*/

input, textarea {
	font-family: Helvetica, Verdana, Arial;;
	font-size:12px;
}

label {
	color:#000;
	cursor:pointer;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
}

label.chosen {
	color:#000;
}

/*Transparent items*/

.transparent {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity: 0;
	border:0px solid #FFF;
	background:#FFF;
	z-index:10;
	cursor:pointer;
}

.transparentFake {
	background:none;
	border:none;
}

.transparent2 {
	z-index:10;
}

/*Text inputs*/

.textinput, .textinputHovered {
	color:#000;
	width:130px;
	height:15px;
	background: #fff;
	border: 2px solid #efefef;
	padding:4px 8px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}

.textinputHovered {
	border: 2px solid #fff;
	background: #efefef;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}

/*Text areas*/

.textarea, .textareaHovered {
	color:#000;
	width:280px;
	height:112px;
	background: #fff;
	border: 2px solid #efefef;
	padding:4px 8px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}

.textareaHovered {
	border: 2px solid #fff;
	background: #efefef;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:80px;
	height:26px;
	color:#000;
	font-weight:bold;
	padding:2px 5px;
	background: #fff;
	cursor:pointer;
	border: 2px solid #efefef;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}

.buttonSubmitHovered {
	border: 2px solid #fff;
	background: #efefef;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}

/*Test div - testing if stylesheets are enabled*/

#stylesheetTest {
	display: none;
	position:absolute;
	left:0px;
	width:10px;
	height:10px;
}


/*    lightbox     */

#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}

#lightbox img{ width: auto; height: auto;}

#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image:
url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
display: block; }

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(img/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(img/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow:
auto; width: 100% ; }

#imageData{	padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/*    flickr per fotogomets     */

.flickr_badge_image {margin:0 8px 10px 0; float: left;}