/*  

Theme Name: Titon Frauca

Theme URI: http://www.akanweb.com

Description: Titon Frauca 

Version: 1.0

Author: Akanweb

Author URI: http://www.akanweb.com

*/



body{

font-family: Helvetica;

font-size:14px; 

background:#00242a;

}



#idioma{

width:800px;

margin:0px auto 5px auto;

text-align:right;

color:#FFFFFF;

font-size:10px;

}



#idioma a{

text-decoration:none;

color:#FFFFFF;

}



#idioma a:hover{

text-decoration:none;

color:#666;

}



#web{

margin:0px auto 0px auto;

width:900px;

background-image:url(img/bk.png);

background-repeat:repeat-y;

}



#banner{

width:900px;

text-align:center;

}


#menuh {
width:900px;
margin:0px 0px 0px 12px;
}

/* ----- Hack only for IE 7 ----- */
*+html div#menuh {
   margin:6px 0px -10px 10px;
}

#menuh li {
display:inline;
margin: 0 -1px;
}

/* ----- Hack only for IE 7 ----- */
*+html div#menuh li {
	position: relative;
	top: 6px;
	border-left: 1px solid #00454d;
}



#menuh a {

text-decoration:none;

color: #000000;

background: #FFF;

padding: 5px 27.3px;

border: 1px solid #00454d;

}



#menuh a:hover,

#menuh a.active {

background: #00454d;

color:#FFFFFF;

}



#menuh a#jazz{

color:#FF0000;

}



#menuh a#jazz:hover,

#menuh a#jazz.active {

background-color:#FF0000;

color:#FFF;

}



#entrada{

color:#FFFFFF;

width:790px;

background-color:#00454d;

margin:10px auto 0px auto;

padding:5px 0px 5px 10px;

text-align:left;

}



#contingut_classes{

width:800px;

margin:10px auto 0px auto;

text-align:left;

}



#foto_classes{

width:250px;

height:250px;

background-color:#999999;

float:left;

}



#txt_classes{

height:270px;

font-size:12px;

margin-left:270px;

padding:5px 0px 5px 5px;

}



#form{

text-align:left;

width:300px;

margin-left:250px;

float:left;

}



#missatge{

font-size:16px;

text-align:center;

width:800px;

height:20px;

padding-top:5px;

margin:10px auto 0px auto;

background-color:#00454d;

}



#missatge a{

color:#FFFFFF;

text-decoration:none;

}



#missatge a:hover{

color:#666;

text-decoration:none;

}



#classic{

margin:0px 0px 10px 0px;

text-align:center;

}



#titol_home{

background-color:#00454d;

color:#FFFFFF;

padding:5px 0px 5px 5px;

}



#txt_home{

padding-left:5px;

}



#blocs_home{

margin-left:50px;

margin-bottom:10px;

}



#concerts{

width:200px;

height:200px;

float:left;

border:#00454d 1px solid;

}



#projectes{

margin-left:10px;

width:200px;

height:200px;

float:left;

border:#00454d 1px solid;

}



#projectes li{

list-style:none;

margin-left:-25px;

padding-right: 10px;

}





#projectes a{

text-decoration:none;

color:#00454d;

padding-top:5px;

padding-bottom:5px;

display:block;

}



#projectes a:hover{

text-decoration:none;

color:#666;

padding-top:5px;

padding-bottom:5px;

display:block;

}





#classes{

margin-left:420px;

width:380px;

height:200px;

background-color:#FF7656;

}



#bio{

width:800px;

height:400px;

margin:10px 0px 0px 50px;

border:#00454d 1px solid;

}



#bio_foto{

width:150px;

height:150px;

float:left;

}



#txt_bio{

margin-left:170px;

font-size:12px;

}



#actiu{

font-size:12px;

width:800px;

margin:10px auto 0px auto;

border:#00454d 1px solid;

}



#intro{

padding-left:10px;

}



#exp_proj{

margin-left:10px;

}



#foto_proj{

width:153px;

height:90px;

margin-top:10px;

background-color:#666666;

float:left;

}



#txt_proj{

padding-top:5px;

margin-left:163px;

}



#txt_proj a{

color:#666;

text-decoration:none;

}



#txt_proj a:hover{

color:#002f37;

}



#llegenda{

margin:10px auto 0px auto;

color:#FFFFFF;

font-size:12px;

}

.boxContenedor {

margin:0px auto 0px auto;

font-size:12px;

width:800px;

height:300px;

overflow:scroll;

}



#discos{

width:350px;

margin-left:225px;

}



#centre{

width:350px;

margin-left:225px;

}



#portada{

width:125px;

height:125px;

float:left;

}



#info{

margin-left:145px;

width:300px;

}



#linia{

text-align:center;

margin:5px 0px 10px 0px;

}



#html{

font-size:12px;

text-align:center;

}



#html a:link {

	color:#00454d;

	text-decoration: none;

}

#html a:visited {

	color:#00454d;

	text-decoration: none;

}

#html a:hover {

	color:#666;

	text-decoration: none;

}

#html a:active {

	color:#00454d;

	text-decoration: none;

}



/** WP **/



a {

	color:#000000;

	text-decoration:underline;

}



#content h3 {

	font-size: 16px; 

	font-weight:bold;

	margin: 1em 0 0;

	color: #333;	

}

#content h4 {

	font-size: 1.1em; 

	margin: 1em 0 0 0;

}

#content h5 {

	font-size: 1em; 

	margin: 1em 0;

}



#content ol 

{

    list-style-type:decimal;

    margin:1em;

    padding:0 1em;

}



#content-main {

	float: left; 

	width: 540px; 

	padding-left:5px;

	margin-right: 5px;

	border:	1px solid #00454D;

}

#content-main ul.asides 

{

	margin:0;

	padding:2em;

	border-bottom:#ddd 1px dotted;

}

#content-main ul 

{

    margin:0 1em;

    padding:0 1em;

    list-style-image:url(img/bullet.png);	

}



hr {

	height:1px;

	color: #E76D08;

}



 html #section-index #content-main {

	margin-right: 20px;

}

#content .post {

	padding:15px 25px 10px 25px;

	font-size:12px;

}



#content .post-single {

	padding:15px 25px 10px 25px;

	font-size:12px;

}



.posttitle h2 {

	border-bottom:#333 1px solid;

}



#content h2 {	

	font-size: 18px; 

	margin: 0;	

	line-height:1.5em;	

	letter-spacing:0px;

	font-weight:bold;

}

#content .post a{

	color:#000000;	

}

#content .post-single {

	padding:15px 25px 10px 25px;

}

#content .post-single a{

	color:#000000;

	text-decoration:none;	

}



#content .postmetadata a:link, #postmetadata .entry a:visited {

	color: #000000;

}

.posttitle h2 a {

	text-decoration:none;

}



#content .entry {

    margin:1em 0 1em;

    padding-right:1em;

	/**text-align:justify;    **/

	clear:both;

}

#content .entry a:link, #content .entry a:visited

{

	font-size:12px;

	color:#000000;

   /** border-bottom:#963 1px dotted;    **/

}

#content .entry a:hover, #content .entry a:active

{

    /**border-bottom:#963 1px solid;    **/

	text-decoration:underline;

}

#content .post-info , #content .postmetadata

{

	font-size:0.9em;

	color:#000;

	margin:0;

	padding:0;	

}



#content h2.pagetitle {

	padding-bottom:13px;

	color:#fff;	

}



/** MENU LATERAL **/

#sidebar {

	float: right; 

	padding:0;margin:0;

	width: 240px;	

	font-size:0.9em;

	background-color: #fff;

	color:#000;	

	border:	#00454D 1px solid;

}



#sidebar img {border:0;}

#sidebar ul{

	list-style-image:url(img/bullet.gif);

	margin:0;

	padding:0;

}

#sidebar li 

{

	margin-bottom:5px;

}

#sidebar ul ul

{

	list-style:none;

	margin:0.5em 0 0 1em;

}

#sidebar ul ul ul

{

	margin:0 0 0 1em;

}

li.sidebox {

	padding:0px;

	margin-bottom: 10px;

}

html li.sidebox {

	padding-bottom: 10px;

}

li.sidebox h2 {	

	font-weight: normal; 	

	text-transform:uppercase;

	text-align: left;

	color: #ffffff;	

	letter-spacing:0px;	

}

li#sidelinks ul

{

	margin:0;

	padding:0;

}



#sidebar li.sidebox p img {

	margin:0;

	padding:3px;

	border:#ccc 0px solid;

	background:none;

}



/** COMENTARIOS **/



#comments, #respond{

	margin: 0;

	padding:1em 0 0 0;

}

#commentform 

{

	margin:10px 0;	

	padding:0 10px;

	border-top: #CCC 1px solid;

	border-bottom: #CCC 1px solid;

}

.commentnum 

{

	font-size:1.5em;

	font-weight:bold;	

	margin:0 5px 0 0;

}

#container .commentlist {

	margin: 1em 0;

	padding: 0;		

	border-top: #CCC 1px solid;

}

.commentlist li 

{

	list-style:none;

	margin: 0;

	padding: 1em 0.5em;	

	border-bottom: #CCC 1px solid;

	

}

.commentlist li.alt 

{

    background:#F4F4F4;

}

.commentlist li.authorcomment 

{

    border:#ccc 1px solid;

}

.commentlist li .cmtinfo 

{

	font-size:1em;		

}

.commentlist li cite 

{

	font-style:normal;

	font-weight:bold;

}

.commentlist li .cmtinfo em 

{

	float:right;

	margin:0;

	padding:0;

	font-style:normal;

	font-size:0.9em;

	color:#999;

}





#content .commentsfeed 

{

	background:url(img/icon_feed.gif) no-repeat left center;

	padding-left:16px;

}

#content .trackback 

{

	background:url(img/link.gif) no-repeat left center;

	padding-left:20px;

}

input.textbox, textarea

{

	border:#ccc 1px solid;

	font:1em Verdana, Arial, Serif;

	padding:2px;

	width:150px;

}

textarea{

	width: 90%;

	padding:10px;

	line-height:2em;

	height: 20em;

}

input.textbox:focus, textarea:focus

{

	background:#fff url(img/shadow_top.gif) repeat-x top;

	border:#999 1px solid;

}

#submit 

{

	padding:2px 5px;

}

.post h4 

{

	font-size:1em;

	font-weight:normal;

	font-family:Verdana, Tahoma, Arial, Serif;

}

.post h4 em

{

	font-style:normal;

	float:right;

	font-weight:normal;

}

#header, #content, #sidebar, #footer, .widget {

    overflow: hidden;

}

li.sidebox h2 {

	background:url(img/bkg-sidebar-title.png) no-repeat;

	height:18px;

}

#sidebar h2 {

	font-size:10px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	padding-left:10px;

	color:#FFFFFF;

	background-color:#00454D;

}

.sidecontent {

	padding-left:2px;

	padding-right:2px;	

}





/** SOCIABLE **/

div.sociable { margin: 16px 0; }



span.sociable_tagline { position: relative; }

span.sociable_tagline span { display: none; width: 14em; }

span.sociable_tagline:hover span {

	position: absolute;

	display: block;

	top: -5em;

	background: #ffe;

	border: 1px solid #ccc;

	color: black;

	line-height: 1.25em;

}

.sociable span {

	display: block;

}

.sociable ul {

	display: inline;

	margin: 0 !important;

	padding: 0 !important;

}

.sociable ul li {

	background: none;

	display: inline !important;

	list-style-type: none;

	margin: 0;

	padding: 1px;

}

.sociable ul li:before { content: ""; }

.sociable img {

	float: none;

	width: 16px;

	height: 16px;

	border: 0;

	margin: 0;

	padding: 0;

}



.sociable-hovers {

	opacity: .4;

	-moz-opacity: .4;

	filter: alpha(opacity=40);

}

.sociable-hovers:hover {

	opacity: 1;

	-moz-opacity: 1;

	filter: alpha(opacity=100);

}



.sociable a:hover img, .sociable a:active img, .sociable a:link img, .sociable a:visited img {	border:0; padding:0; }

.sociable a:link, #content .entry .sociable a:visited {border:0;}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



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

	}

/* End Images */



#content .mis-comentarios a:link, #content .mis-comentarios a:visited, #content .mis-comentarios a:active {

	font-weight:bold;

	font-size:15px;

	color:#3CB312;

}



#searchform {

	text-align:center;

	padding-left:10px;

}



.mistags{ 

	padding:10px;

}



.sigueleyendo {

	font-weight:bold;

	font-size:15px;

}