/* ****************** General  *************** */

ul {
line-height		: 1.2em;
margin-top              : 0.5em;
margin-bottom		: 1.2em;
}

li {
margin-bottom	        : 0.2em;
}

a:link {
color			: #516685;
}

a:visited {
color			: #986C54;
}

a:hover, a:active, a:hover {
text-decoration		: none;
border-bottom		: solid 2px;
}

abbr, acronym {
cursor			: help;
border			: none;
}

#Bottom {
background		: #2B2A23;
}

body {
margin			: 0;
padding			: 0;
font			: small 'lucida sans unicode', arial, times new roman, sans-serif;
color			: #2B2A23;
background		: #fff;
}

.clearer {
clear 			: both;
height			: 0px;
font-size			: 0px;
line-height		: 0px;
}

#Container {
width			: 100%;
text-align		: left;
background-color	: #fff;
padding-bottom		: 10px;
padding-top		: 10px;
}


/* ******************  column a  *************** */

#Content {
width			: 46%;
float			: left;
margin-right		: 20px;
margin-left		: 20px;
background		: #F5EFEF;
overflow		: hidden;
}

h1 {
margin			: 0;
padding			: 0;
background		: url(http://www.cecili.cat/templates/blog_1457/cecili/cecili-buele.jpg) no-repeat #2B2A23;
background-position 	: left;
height			: 182px;
text-align		: right;
border-bottom           : 0.5em solid #ffffff;
}

h1 a {
text-decoration		: none;
color			: #fff !important;
border-bottom		: solid 0px !important;
font-size		: 50px;
padding                 : 60px 40px;
display:block;
}

#Content h2 {
margin			: 0;
padding			: 15px 20px;
color			: #986C54;
line-height		: 1.5em;
}

.Post {
padding			: 0 20px 0 20px;
line-height		: 1.5em;
text-align		: justify;
}

.Post p {
line-height		: 1.5em;
text-align		: justify;
padding			: 0;
margin			: 1em 0 1em 0;
}

br {
line-height		: 0em;
font-size		: 0;
}

/* ******************  column b  *************** */

#Menu   {
width			: 38%;
float			: left;
text-align		: left;
border-left		: solid #2B2A23 0.3em;
padding-left		: 15px;
overflow		: hidden;
}


#Menu h2 {
font-size		: x-large;
width			: 86%;
margin-top		: 0.2em;
margin-bottom		: 0;
text-transform		: capitalize;
}

#Menu h3 {
font-size		: medium;
width			: 86%;
margin-bottom		: 0;
font-weight		: normal;
}


/* ******************  footer  *************** */

#Bottom {
color			: #fff;
padding			: 3px 3px 6px 15px;
clear			: both;
}

#Bottom a {
color			: #fff;
}


/* ******************  llocs  *************** */

div#llocs {
padding			: 0 1em 1em 0;
border-bottom           : solid #fff 1em;
background-color        : #EEF2F6;
}

div#llocs a {
font-weight             : bold
}

div#llocs h2 {
padding-bottom          :5px;
color                   : #516685
}
div#llocs ul {
line-height		: 1.5em;
margin-top		: 0.8em;
margin-bottom		: 1em;
}

div#llocs li {
margin-bottom		: 1em
}
/* ******************  to align elements  *************** */

.left {
text-align		: left;
display			: block;
}

.right {
text-align		: right;
display			: block;
}

.center {
text-align		: center;
display			: block;
}


/* ******************  to float elements  *************** */

.floatleft {
float			 : left;
padding			: 1.2em 1em 1em 0px
}

.floatright {
float			: right;
padding			: 1.2em 0px 1em 1em;
}


/* ******************  to highlight text  *************** */
.bold {
font-weight		: bold;
}

.italic {
font-style		: italic;
}

.underline {
text-decoration		: underline;
}
/* *********************** youtube feed ******************* */

#videobox {maring-top:10px}
.titlec {
font-size: x-small;
}
ul.videos li {
float: left;
width: 150px;
height:100px;
margin-bottom: 0px;
padding-bottom:0;
}
ul.videos
{
margin-bottom:2px;
padding-left : 0em;
margin-left: 0em;
list-style: none;
padding-bottom:0;
}


#playerContainer {width: 300px; height: 200px; float: left;}
