/*  
Theme Name: XGF cinema
Theme URI: http://wordpress.org/
Description: The WordPress theme created by <a href="http://www.bezerik.net">Bezerik</a>.
Version: 1.1
Author: Xavier Gomez (Bezerik)
Author URI: http://www.bezerik.net/
*/


body 
{
	margin: 0;
	padding: 0;
	background-color: #0e0500;
	color: #787878;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
}

hr { clear: both; float: none; border: none; border-top: 1px solid #747559; margin: 11px 0 5px 0; }

a { text-decoration: none; }
a img {	border: none; }

#cos a {	color: #873933; outline: none;  }
#cos a:hover { color: #660000;  }

table {
margin: 20px 0;
background: silver;
}
tr {
background: #f1f1f1;
}
th {
background: #b0b0b0;
text-align: center;
}

#esquerre {
		float:left;
		width:670px;
		padding-bottom: 20px;
}

#dreta {
		float:right;
		width:200px;
		height: 350px;
		background: white;
		padding: 8px;
		margin: 45px 0 20px 0;
}
#navegacio {
height: 20px;
padding: 18px 0 0 65px;

}

#navegacio ul 
{
display: inline;
padding: 0 0 0 5px;
margin: 0;
list-style-type: none;

}

#navegacio ul li
{ 
	display: inline; 
	margin :0;
	padding: 0;
	
}

#logo {
position: absolute;
top: 9px;
left: 5%;
}



#cap {
background: url(imatges/telon.gif);
height: 39px;
}
#cap-content h1 
{
display: none;
}
#cap-content p 
{
color: #fff;
font-weight: bold;
padding-left: 170px;
}

#contenidor 
{
	background: #f0f0e8 url(imatges/cosA2.jpg) repeat-x 0px 116px;
}

#menu 
{
	background: url(imatges/capA2.jpg) repeat-x;
	height: 77px;
}

#menu-content ul 
{
	margin: 0;
	padding: 30px 0 0 35px;
	list-style-type: none;
	text-align: right;
}

#menu-content ul li 
{ 
	display: inline; 
}

#menu-content ul li a 
{
	text-decoration: none;
	padding: .2em 1em;
	color: #fff;
	background-color: #036;
}

#menu-content ul li a:hover
{
	color: #fff;
	background-color: #369;
}

#cos 
{
	color: #000;
}

#cos2
{
clear: both;
	background: #242424 url(imatges/peuA.jpg) repeat-x;
}

#peu 
{
	background: #000;
}

#peu-content { color: #999; }

#peu-content a {
	text-decoration: none;
	color: #ccc; 
}

#peu-content a:hover { color: #fff;}

#peu-content p{ font-size: 1.0em; margin: 0px; }



#cap-content, #menu-content, #cos-content, #cos2-content, #peu-content 
{
	margin: 0;
	padding: 8px;
	width: 900px;
	margin: auto;
}

#cos-content table {
border: 1px solid gray;
}
#cos-content td {
padding: 10px;
vertical-align: top;
}
#cos-content th {
vertical-align: top;
text-align: center;
text-transform: uppercase;
background: gray;
color: white;
}






/*--------   Titles   ---------*/

#cos-content {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
}

h1, h2, h3, h4, h5, h6 { font-family:Georgia, "Times New Roman", Times, serif;  font-weight: normal;  margin: 25px 0 8px 0; color: #333; line-height: 30px; }

h1 { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; letter-spacing: -5px; }



h1 { font-size: 2.8em; }
h2 { font-size: 2.5em; }
h3 { font-size: 2.1em; }
h4 { font-size: 1.9em; }
h5 { font-size: 1.7em; }
h6 { font-size: 1.4em; }

h1 a { text-decoration:none; color: #747559; }
h1 a:hover { color: #893f1e; }


/* ------------------------- mootols ------------------------- */
#kwicks_container { 
float: right;
width: 765px;
padding: 0;
margin: 0;
	height: 54px;
	position: relative;
	top: 4px;
}
#kwicks {
position: absolute;
top: 0;
margin: 0;
padding: 0;
z-index: 100;
height: 54px;
}
 
#kwicks .kwick {
position: relative;
top: -30px;
	float: left;
	display: block;
	width: 87px;
	height: 54px;
}


#kwicks .kwick a {
display: block;
height: 54px;
border: 0;
background: none;
text-align: center;
}

#kwicks .kwick a:hover {
background: none;
}
 
#kwicks .kwick a span {
 display: none; 
}

#kwicks .kwick a:hover span {
display: inline;
position: relative;
top: 70px;
font-size: 16px;
white-space: nowrap;
}
 
#kwick_A{background: red url(imatges/menuA.jpg) top center;}
#kwick_B {background: orange url(imatges/menuB.jpg) top center;}
#kwick_C {background: yellow url(imatges/menuI.jpg) top center;}
#kwick_D {background: green url(imatges/menuD.jpg) top center;}
#kwick_E {background: blue url(imatges/menuE.jpg) top center;}
#kwick_F {background: indigo url(imatges/menuF.jpg) top center;}
#kwick_G {background: violet url(imatges/menuG.jpg) top center;}
#kwick_H {background: yellow url(imatges/menuH.jpg) top center;}

#kwick_A, #kwick_B, #kwick_C, #kwick_D, #kwick_E, #kwick_F, #kwick_G, #kwick_H {

}

/* -------------------------- global definitions ------------------------------------- */
.nolist { list-style-type: none; padding: 10px 0; text-align: center; }
.nolist li { display: inline; padding: 8px 8px 15px 8px; }

.w20 { width: 20%;}
.w25 { width: 25%;}
.w33 { width: 33%;}
.w40 { width: 40%;}
.w50 { width: 50%;}
.w60 { width: 60%;}
.w75 { width: 75%;}
.w90 { width: 90%;}
.w100 { width: 100%;}

.p10 { padding: 10px; }

.fright { float: right; }
.fleft { float: left; }
.aright { text-align: right; }
.aleft { text-align: left; }
.acenter { text-align: center;}
.ajustify { text-align: justify;}

.nodisplay { display: none; }

.cright { clear: right; }
.cleft { clear: left; }
.cboth { clear: both; }

cite {
font-family: "Times new Roman";
width: 80%;
display: block;
margin: 15px auto;
background: #e9e9e9;
padding: 8px;
}

/* -------------------------- wordpress ------------------------------------- */

.post-portada {
background: #d5c8af;
margin: 10px 0 0 0;
}
.portada2{
font-family: times;
font-size: 15px;
}

#cos2-content h4 {
font-family: Tahoma,Arial,sans-serif;
font-size: 150%;
color: #779d03;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 2px;
margin-left: 0px;
}


#cos2-content a
{
color: #ff6600;
text-decoration: none;
outline-color: invert;
outline-style: none;
outline-width: medium;
}

#cos2-content a:hover 
{
text-decoration: underline;
}

#cos2-content li a
{
color: #759398;
text-decoration: none;
padding: 4px 0px 4px 2px;
display: block;
}

#cos2-content li a:hover 
{
text-decoration: none;
background-color: #132022;
color: #ffffff;
}


/* -------------------------- post entry ------------------------------------- */
.post-portada {
border: 1px dashed gray;
font-family: Arial;
margin-top: 25px;
}
.post-portada h2 {
margin: 0;
padding: 0;
}
.post-portada h2 a {
margin: 0;
padding: 0 0 10px 0;
font-size: 25px;
border-bottom: 0;
}
.post-portada h2 a:hover {
color: #660000;
}
.post-portada small {
display: block;
border: 1px solid gray;
float: right;
margin: -20px 5px 0 0;
padding: 5px;
background: silver;
font-weight: bold;
color: white;
}
.post-portada .entry {
clear: both;
}
.post-portada .postmetadata {
margin: 0;
padding: 8px 0 0 0;
border-top: 1px dashed gray;
color: #333333;
} 

/* -------------------------- single.php ------------------------------------- */
.noticia .post h2 {
margin: 0;
font-size: 27px;
}

.noticia .post {
margin-top: 20px;
border: 1px dashed gray;
background: white;
padding: 20px 20px 0px 20px;
}

.noticia .postmetadata {
border-top: 6px brown solid;
padding: 5px;
background: #E0E0E4;
}
.navigation {
margin-top: 20px;
}

/* -------------------------- comments.php ------------------------------------- */
#respond, #comments {
font-size: 23px;
}
.commentlist li cite {
display: inline;
background: transparent;
font-weight: bold;
}
.commentlist li {
background: url(imatges/commentsbg.gif) no-repeat;
padding: 5px 10px;;
}
.commentlist li p {
font-size: 13px;
font-family: verdana;
color: gray;
}
.commentlist li p a {
font-weight: bold;
color: white;
}
#commentform2 {
width: 350px;
padding: 0px;
margin: 0 0 0 555px;
}
#commentform2 h3 {
margin: 0;
}
#commentform2 label {
display: block;
}
#commentform2 input, #commentform2 textarea {
border: 1px solid black;
padding: 5px;
}
#commentform2 input:hover, #commentform2 textarea:hover {
background: #FFFF99;
}
#commentform2 input:focus, #commentform2 textarea:focus {
background: #e9e98f;
}
#commentform2 input[type=submit]:hover, #commentform2 input[type=button]:hover {
background: transparent;
}
#commentform2 textarea {
	width: 90%;
	height: 180px;
}

.comentaris {
background: #e6f0f8;
border: 1px  dotted gray;
border-top: 0;
border-bottom: 0;
width: 538px;
}
#comments {
margin: 0;
padding: 10px;
}

.commentmetadata a {
font-family: Verdana;
}


/* -------------------------- archive.php ------------------------------------- */
.arxiu .post h3 {
margin: 0;
padding: 0;
font-size: 24px;
}

.arxiu .post  {
margin-top: 20px;
border: 1px dashed gray;
background: white;
padding: 10px 10px 0px 10px;
}

.arxiu .post  .postmetadata {
padding: 5px;
background: #f1f1f1;
font-size: 11px;
font-family: verdana;
}
