@charset "utf-8";
/* CSS Document */

/* =General Classes & Hacks
-----------------------------------------------------------------------------*/
* {margin:0px;padding:0px;}
body {
	color: #585d63;
	font: 62.5%/1.6 Arial, Helvetica, sans-serif; /* with this settings 1em = 10px approx. */
	background: #fff ;
}
html.home, body.home {
	margin:0;
	padding:0;
	height:100%;
}

/* Class for clearing floats */
.clear { overflow: hidden; width: 100%; clear: both; }

/* hidding elements */
.hide {	display: none; }

/* Remove border around linked images */
img { border: 0; }

/* align elements */
.alignLeft { text-align: left !important; }
.alignCenter { text-align: center !important; }
.alignRight { text-align: right !important; }
.alignJustify { text-align: justify !important; }
.alignTop { vertical-align: top !important; }
.alignMiddle { vertical-align: middle !important; }
.alignBottom { vertical-align: bottom !important; }

.centered {	margin-left: auto; margin-right: auto; margin:auto;}

.floatLeft { float: left; }
.floatRight { float: right; }
.imgFloatRight { margin: 0 0 20px 20px; float: right; }
.imgFloatLeft { margin: 0 20px 20px 0; float: left; }

.noBorder { border: none !important; }
.noMargin { margin: 0 !important; }
.noPadding { padding: 0 !important; }

.ml-5px { margin-left:-5px !important;}
.ml5px { margin-left:5px !important;}
.ml10px { margin-left:10px !important;}
.ml15px { margin-left:15px !important;}
.ml50px { margin-left:50px !important;}


.mr5px { margin-right: 5px !important;}
.mr10px { margin-right: 10px !important;}
.mr20px { margin-right: 20px !important;}

.mt3px { margin-top: 3px !important;}
.mt6px { margin-top: 6px !important; }
.mt10px { margin-top: 10px !important;}
.mt15px { margin-top: 15px !important;}
.mt20px { margin-top: 20px !important;}
.mt40px { margin-top: 40px !important;}

.mb3px { margin-bottom: 3px !important;}
.mb5px { margin-bottom: 5px !important;}
.mb10px { margin-bottom: 10px !important;}
.mb20px { margin-bottom: 20px !important;}
.mb30px { margin-bottom: 30px !important;}
.mb40px { margin-bottom: 40px !important;}

.pl3px { padding-left:3px !important;}
.pl5px { padding-left:5px !important;}
.pl10px { padding-left:10px !important;}
.pl15px { padding-left:15px !important;}
.pl20px { padding-left:20px !important;}

 
.pt0px { padding-top:0px !important;}
.pt5px { padding-top:5px !important;}
.pt10px { padding-top:10px !important;}
.pt15px { padding-top:15px !important;}
.pt20px { padding-top:20px !important;}


.pr10px { padding-right:10px !important; }
.pr20px { padding-right:20px !important; }


.pb0px { padding-bottom:0px !important;}
.pb10px { padding-bottom:10px !important;}
.pb15px { padding-bottom:15px !important;}
.pb20px { padding-bottom:20px !important;}


.w5p { width: 5%; }
.w10p { width: 10%; }
.w17p {width: 17%;}
.w20p { width: 20%; }
.w30p { width: 30%; }
.w40p { width: 40%; }
.w50p { width: 50%; }
.w55p { width: 55%; }
.w60p { width: 60%; }
.w70p { width: 70%; }
.w80p { width: 80%; }
.w90p { width: 90%; }
.w100p { width: 100%; }

.winherit { width: inherit ; }
.wauto { width: auto; }

.w10px { width: 10px; }
.w20px { width: 20px; }
.w25px { width: 25px; }
.w30px { width: 30px; }
.w35px { width: 35px; }
.w40px { width: 40px; }
.w50px { width: 50px; }
.w70px { width: 70px; }
.w75px { width: 75px; }
.w80px { width: 80px; }
.w85px { width: 85px; }
.w90px { width: 90px; }
.w95px { width: 95px; }
.w100px { width: 100px; }
.w215px { width: 215px; }
.w285px { width: 285px; }
.w315px { width: 315px; }
.w330px { width: 330px; }
.w375px { width: 375px; }
.w450px { width: 450px; }

.h10px { height: 10px; }
.h30px { height: 30px; }
.h35px { height: 35px; }
.h40px { height: 40px; }
.h45px { height: 45px; }
.h50px { height: 50px; }
.h90px { height: 90px; }
.h100px { height: 100px; }
.h1697px { height: 1697px; }


.asBlock { display: block !important; }
.inLine { display: inline !important; }

.pAbsolute { position: absolute; }
.pRelative { position: relative; }

strong { font-weight: bold; }

em {font-style: italic; }

ul {
	list-style: none;
	list-style-position: outside;
}

ol {
	list-style-position: inside;
	color: #777; font-size: 1.2em; margin: 1.5em;
}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */

@font-face {
	font-family: AniversRegular;
	src: url("/fonts/Anivers_Regular.otf") format("opentype");
}

/* =Layout
----------------------------------------------------------------------------*/
#wrapper {
    width: 998px;
    margin: 0 auto;
	
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}
* html #wrapper {
	height: 100%;
}

/*-----#header -----*/
#header {
    padding: 4px 0 0 20px;
    background: #F3F3F3;
    border-bottom: 1px solid #C5C5C5;
	position:relative;
	width:978px;
	height:85px;
	overflow:visible;
}
	#meta_header { position:absolute;top:-2px; right:5px;}

    #date { width:170px; float: right; padding: 0 4px 0 0; text-align:right;}

	.rss {position:relative;top:2px;left:4px;}
    #lng { width: 78px; float: right; padding: 0 15px 0 0}

    #lng li { margin: 0 0 0 2px; min-width: 30px;float: left;font-size:12px;}
    #lng li.off { background: #C3C3C3 url(img/bkg_lng_01.gif) no-repeat left top;}
    #lng li.on { background: #0079C2 url(img/bkg_lng_01.gif) no-repeat left top; }
    #lng a {display: block; height:14px; background: url(img/bkg_lng_01.gif) no-repeat right top; padding: 2px 7px 0 5px; overflow: hidden;}
    
    
    
    #logo {
        display: block;
        float:left;
		position:relative;
		top:25px;
    }
    
    #headerMenu {
        width:376px;
        float:right;
		position:absolute;
		right:323px;
    }
    
    #headerMenu ul { width: 376px; position: relative; bottom:0px; left:0px; overflow:visible;  }
    #headerMenu ul li { float: right; width: 100px; padding: 0 0 0 0; position:relative;top:10px; }
    #headerMenu ul li:first-child { padding: 0 }
    #headerMenu ul li a { display: block; width: 100px; height: 75px; padding: 0 0 0 0; margin-top:15px;color: #A7A9AC; overflow:visible;}
    #headerMenu ul li a span { display: block; text-align: center;position:relative;top:-5px;}
    #headerMenu ul li a span.img { background: url(img/cosociety_sprites_01.png) no-repeat; margin: 0 auto; width:56px; height:42px; position:relative;top:5px;}
    #headerMenu ul li a.what-is-this span.img { background-position: -168px -64px; }    
    #headerMenu ul li a.our-story span.img { background-position: -223px -64px; }    
    #headerMenu ul li a.what-we-do span.img { background-position: -270px -65px; }    
    
	#headerMenu ul li a.selected {background: url(img/cosociety_sprites_01.png) no-repeat; background-position: 0px -293px; color: #707070;}
	#headerMenu ul li a.what-is-this.selected span.img { background-position: 0 -64px; }
	#headerMenu ul li a.our-story.selected span.img { background-position: -55px -64px; }
	#headerMenu ul li a.what-we-do.selected span.img { background-position: -111px -64px; }
	#headerMenu ul li a:hover { background: url(img/cosociety_sprites_01.png) no-repeat; background-position: 0px -293px; color: #707070; }
    #headerMenu ul li a.what-is-this:hover span.img { background-position: 0 -64px; }
    #headerMenu ul li a.our-story:hover span.img { background-position: -55px -64px; }
    #headerMenu ul li a.what-we-do:hover span.img { background-position: -111px -64px; }
    
    *+html #headerMenu ul li a:hover { background: url(img/cosociety_sprites_01.png) no-repeat; background-position: 0px -291px; }

    #searchBox {
        width: 259px;
        position:absolute;
		right:0px;bottom:0px;
        padding: 0 20px 0 22px;
		padding-bottom:7px;
        border-left: 1px solid #C5C5C5;
    }
        #searchBox input {  border: none; }
        #in_search {  background: url(img/cosociety_sprites_01.png) no-repeat; background-position: 0px -108px; width:224px; height: 24px;  padding: 2px; }
        #in_send { background: url(img/cosociety_sprites_01.png) no-repeat; background-position: -227px -108px; width:28px; height: 26px; cursor: pointer;position:absolute;left:252px; }

/*----- end #header -----*/

/*-----#content -----*/
#content {
    background: white;
	min-height:433px;
	overflow:hidden;
	position:relative;
	width:998px;
}
#content.long {
	padding-top:0px;
	padding-left:0px;
}
.entry {overflow:hidden;padding:0;margin:0;}
.entry p {text-align:justify;}
ol.spec1 { list-style: decimal!important; font-size: 1.5em; color: #0079C2; margin-left:50px; }   
ol.spec1 li p { font-size: 1em }

    #mainContent {
        padding: 50px 70px 20px 70px;
		padding:0px;
		display:block;
		/*margin-top:100px;*/
        width:698px;
        float: left;
        background: #fff;
		/*text-align:center;*/
		overflow:hidden;
		min-height:433px;
    }
	#mainContentlong {
		padding: 40px 20px 20px 50px;
        width:608px;
        float: left;
        background: #fff;
	}
	#mainContentlong.article {padding-left:30px !important;width:628px;padding-top:4px;}
	#mainContentlong img.subtitle_image_header {max-width:600px;margin-top:20px;margin-bottom:40px;}

	#mainContent a {display:block;margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;}

    #rightContent {
		padding-bottom:0px;
        width:302px;
		background:#0079C2 url(img/bkg_people_01.gif) top left no-repeat;
		height:100%;
		position:absolute;
		top:0px;
		right:0px;
		/*height:350px;*/
    }
	#rightContent.home {background:#0079C2;}
/*----- end #content -----*/
/*----- #sidebar -----*/
#rightContent .home_switch {
	/*background: #003555;*/
}
#rightContent .home_switch li {
	display:block;
	width:151px;
	height:23px;
	float:left;
	background:transparent url(img/right_switch_menu_home_item_bg.png) top left no-repeat;
	text-align:center;
	color:white;
	font-family:AniversRegular, Arial;
	font-size:10pt;
	cursor:pointer;
}
#rightContent .home_switch li#ideas {background:transparent url(img/right_switch_menu_home_item_bg.png) 0px -24px no-repeat;}
#rightContent .home_switch li:hover {
	background:transparent url(img/right_switch_menu_home_item_bg.png) 0px -24px no-repeat;
}
#rightContent .home_switch li a {color:#ffffff;}
#rightContent .home_switch li img {
	position:relative;
	top:3px;
	width:17px;
	height:16px;
}
#rightContent .home_switch li#ideas img {background:transparent url(img/cosociety_sprites_01.png) -16px 0px no-repeat;}
#rightContent .home_switch li#ongoing img {background:transparent url(img/cosociety_sprites_01.png) 0px -17px no-repeat;}
#rightContent .home_switch li#ongoing:hover img {background:transparent url(img/cosociety_sprites_01.png) -19px -17px no-repeat;}
#rightContent .menu_switcher {
	margin-top:40px;
}

#rightContent .menu_switcher li {
	background:url(img/right_switch_menu_bkg.png) top left no-repeat;
	height:40px;
	position:relative;
	cursor:pointer;
	width:258px;
	margin:auto;
}
#rightContent .menu_switcher li:hover, #rightContent .menu_switcher li.selected {
	background:url(img/right_switch_menu_bkg.png) 0 -41px no-repeat;
	height:40px;
	position:relative;
}
#rightContent .menu_switcher li img {padding-left:12px;padding-top:7px;position:absolute;top:0px;}
#rightContent .menu_switcher li span {position:absolute;left:60px;top:6px;color:white;text-transform:uppercase;font-size:13pt;font-family:AniversRegular;width:150px;text-align:center;}

#rightContent .post_summary {padding:20px;}

/*----- #footer -----*/
#footer {
    background: #363636;
    padding: 0 0 0 30px;
	height:30px; overflow:hidden;
}
#footer.home {
    padding: 0 0 0 30px;
	position:absolute;
	bottom:-40px;
	width:968px;
}
    #footer .floatLeft ul { padding: 5px 0 0 0; }
    #footer .floatLeft ul li { 
        float: left;
        padding: 0 0 0 10px;
    }
    #footer .floatLeft ul li { background: url(img/cosociety_sprites_01.png) no-repeat; padding: 0 0 0 20px; margin: 0 0 0 10px; }
    #footer .floatLeft ul li:first-child { background: none; padding: 0; margin: 0}
    #footer .floatLeft ul li.location { background-position: -289px 2px; }
    #footer .floatLeft ul li.phone { background-position: -289px -30px; }
	#footer .floatLeft ul li.phone:hover {color:#dddddd;}
    #footer .floatLeft ul li.mail { background-position: -289px -13px;}
	#footer .floatLeft ul li.mail a { color:#dddddd;}
    
    #footer .floatRight a {
        display: block;
        width:325px;
        height:41px;
        background: url(img/cosociety_sprites_01.png) no-repeat;
        background-position: 0 -196px;
    }
/*----- end #footer -----*/

/*------------------------------------------------------------------------*/


/* =Classes and stuff
--------------------------------------------------------------------------*/
.away { position: relative; left: -99999px; }

.linkA1 {font-family: AniversRegular, Helvetica, Verdana, Sans-Serif; height: 18px; padding: 0 0 0 14px; background: url(img/bkg_linka1_a.gif) no-repeat left top; }    
.linkA1 span { display: block; padding: 1px 7px 0 0; height: 17px; color: #003555; font-size:11px;}    
.linkA1:hover {  background: #016CAD url(img/bkg_linka1_a_hover.gif) no-repeat left top; }    
.linkA1:hover span {  background: url(img/bkg_linka_span_hover.gif) no-repeat right top;color: #fff; }

.linkA2 {font-family: AniversRegular, Helvetica, Verdana, Sans-Serif; font-size:1.2em; height: 18px; padding: 0 0 0 14px; background: url(img/bkg_linka2_a.gif) no-repeat left top; }
.linkA2 span { display: block; padding: 1px 10px 0 0; height: 17px; color: #003555; font-size:11px; }
.linkA2:hover { color: #fff; background: #016CAD url(img/bkg_linka2_a_hover.gif) no-repeat left top; }
.linkA2:hover span {  background: url(img/bkg_linka_span_hover.gif) no-repeat right top;color: #fff; }    

.linkC { color:#5D5D5D; display: block; background: url(img/cosociety_sprites_01.png) no-repeat; background-position: 0 -236px; width: 263px; height:20px;margin: 10px 0; padding: 2px 10px 3px 10px; font-family: Georgia; font-size: 13px;font-weight:normal; }
.linkC:hover { color:#fff; background-position: 0 -265px; }

.boxInfoA { background: #F0F0F0; position: relative; width:283px; margin: 10px 0; font-size:1.2em;}
.boxInfoA .header{ font-family: Georgia; border-bottom: 1px dotted #B0B0B0;padding: 3px 10px;background: url(img/cosociety_sprites_02.png) no-repeat; background-position: 0 0; }    
.boxInfoA .content{ padding: 3px 10px;} 
	.boxInfoA .content p{ font-size:13px; line-height:26px;margin:0px;}    
.boxInfoA .footer{ height:3px; width:283px;background: url(img/cosociety_sprites_02.png) no-repeat; background-position: -285px 0 ; }

.list1 { font-family: Georgia; font-size: 1.3em; margin: 10px 0; }    
.list1 li { width:612px; margin: 0 0 1px 0; background: #F1F1F1 url(img/bkg_list1.gif) no-repeat top left; padding: 0px 0 0px 4px; }    
.list1 span { display: block; float: left; width:422px; height:20px; overflow: hidden; margin: 0 1px 0 0; }    
.list1 a { color:#5D5D5D; display: block; float: right; width:215px; height:20px; padding: 3px 0 2px 0; overflow: hidden; background: #DDDDDD url(img/bkg_list1.gif) no-repeat top right; text-align: center;}
.list1 a:hover { color:#fff; background: #0079C2 url(img/bkg_list1.gif) no-repeat top right; text-align: center;}

.list2 li { float: left; min-width: 145px; font-size: 1.3em }
.list2 li img {width:197px;margin-right:5px;height:104px;}

.list3  { margin: 10 0 20px 0}
.list3 li { background: url(img/bullet_arrow_br.gif) no-repeat 0px 8px; padding: 0 0 0 20px }

.list4 li {float:left;width:295px;border:1px solid #ececec;margin-right:7px;height:186px;margin-top:10px;position:relative;text-align:center;}
.list4 li a {width:295px;height:186px;position:absolute;top:0px;left:0px;}
.list4 li span{ position:absolute; width:295px; height:186px; top:70px; left:130px; background:url(img/video_thumbnail_play.png) 0px 0px no-repeat;visibility:hidden;}
.list4 li:hover span {visibility:visible; background:url(img/video_thumbnail_play.png) 0px 0px no-repeat !important;}
.list4 li#renacer05 {background:transparent url(img/renacer05.png) center center no-repeat;}
.list4 li#renacer05 span {background:transparent url(img/renacer0_pic.png) center center no-repeat;}
.list4 li#renacer06 {background:transparent url(img/renacer06.png) center center no-repeat;}
.list4 li#renacer06 span {background:transparent url(img/renacer06_pic.png) center center no-repeat;}
.list4 li#renacer07 {background:transparent url(img/renacer07.png) center center no-repeat;}
.list4 li#renacer07 span {background:transparent url(img/renacer07_pic.png) center center no-repeat;}
.list4 li#ifest08 {background:transparent url(img/ifest08.png) center center no-repeat;}
.list4 li#ifest08 span {background:transparent url(img/ifest08_pic.png) center center no-repeat;}
.list4 li#re09 {background:transparent url(img/re09.png) center center no-repeat;}
.list4 li#re09 span {background:transparent url(img/re09_pic.png) center center no-repeat;}
.list4 li#co-fest {background:transparent url(img/co-fest.png) center center no-repeat;}
.list4 li#co-fest span {background:transparent url(img/co-fest_pic.png) center center no-repeat;}
.list4 li#renacer05:hover {background:transparent url(img/renacer05_pic.png) center center no-repeat;}
.list4 li#renacer06:hover {background:transparent url(img/renacer06_pic.png) center center no-repeat;}
.list4 li#renacer07:hover {background:transparent url(img/renacer07_pic.png) center center no-repeat;}
.list4 li#ifest08:hover {background:transparent url(img/ifest08_pic.png) center center no-repeat;}
.list4 li#re09:hover {background:transparent url(img/re09_pic.png) center center no-repeat;}
.next_band {position:absolute;bottom:-7px;right:-7px;}


.speaker{ margin-bottom:15px;}
.speaker .title { border-top: 1px solid #ECECEC;border-bottom: 1px solid #ECECEC; padding: 7px 0; margin: 0 0 10px 0; }
.speaker .title h3 { font-family:Georgia; font-size:2.3em; color:#0079C2; line-height:1.2; }
.speaker .title span { font-size:1.4em; color:#898989; line-height:1.1; text-transform: uppercase; }
.speaker p { font-size:1.1em;line-height:1.3; }
.speaker .title p {padding:0;margin:0;}

.divList1 { margin: 10px 0; }    
.divList1 h2 { background: url(img/bullet_arrow_wd.gif) no-repeat left center; border-bottom: 1px dotted #003555; color: #003555; font-size:1.3em; padding: 0 0 0 10px }    
.divList1 ul { padding: 5px 0 0 10px; }    
.divList1 li a { color: #fff; font-size:1.4em; } 

/*ol.spec1 { list-style: decimal!important; font-size: 1.3em  }   
ol.spec1 li { width: 150px; }

*+html ol.spec1 {  }
*/

#rightContent.people { background: url(img/bkg_people_01.gif) no-repeat left top; }

.peopleList .main { margin:0 0 20px 0; }
.peopleList .main h3 { font-size: 2.3em; color: #0079C2; }
.peopleList .main span { font-size: 1.5em; color:#898989; line-height:1; text-transform: uppercase; margin: 0 0 10px 0; display: block}
.peopleList .main p { font-size:1.3em;line-height:1.3 }

.peopleList .row { margin: 0 0 0 0 }
.peopleList .row .person { margin: 0 0 0 5px }
.peopleList .row .person img {position:absolute;top:0px;width:195px;}
.peopleList .row .person:first-child { margin: 0 }
.peopleList .person { position: relative; display: block; width: 199px; height:151px; float: left; cursor:default;}
.peopleList .person .tab { height: 103px; position: absolute; display: none; top:0; left: 0; padding:20px; overflow: hidden; background: #F9F9F9 url(img/bkg_person_span.gif) no-repeat right bottom; width:155px; }
.peopleList .person .tab .name { font-size: 2em; color: #0079C2; position:absolute;top:0px;font-size:14pt;}
.peopleList .person .tab .title { font-size: 1.2em; color:#898989; line-height:1; text-transform: uppercase; margin: 0 0 20px 0; display: block;position:absolute;top:28px;font-size:10pt;}
.peopleList .person .tab  .desc { font-size:1.1em;line-height:1.3; font-style: italic; color:#606060; position:absolute;top:60px;font-size:10px;}

.peopleList .person:hover .tab { display:block; }

.boxMail { border-top: 1px solid #ECECEC;border-bottom: 1px solid #ECECEC;  margin: 0 0; line-height: 1.2; padding: 5px 0 5px 0;}   
.boxMail div {height: 40px;padding: 3px 0 0 3px;}
.boxMail div img {float:left;margin-right:5px;}
.boxMail a{ font: normal 17px/1em Georgia, "Times New Roman", Times, serif;}

.boxText { border-top: 1px solid #ECECEC;border-bottom: 1px solid #ECECEC;  margin: 10px 0; font-size: 1.7em; line-height: 1.2; padding: 5px 0 5px 0; font-family: Georgia; }

.boxBook { border-top: 1px solid #ECECEC;border-bottom: 1px solid #ECECEC;  margin: 10px 0; line-height: 1.2; padding: 5px 0 5px 0;}
.boxBook div {height: 40px;padding: 3px 0 0 65px; background: url(img/cosociety_sprites_01.png) no-repeat; background-position: -184px -290px; }
.boxBook a{ font: normal 17px/1em Georgia, "Times New Roman", Times, serif;}

.ongoingLink { position: absolute; left:0; bottom:0; }   
/*------------------------------------------------------------------------*/



/* =Type
--------------------------------------------------------------------------*/
a { text-decoration: none; color:#0079C2; }
p a {  font-weight: bold; }

p { color: #636363; font-size: 1.5em; margin: 0 0 15px 0 }
h1, h2 { font-family: AniversRegular, Helvetica, Verdana, Sans-Serif; font-size: 2.5em; color: #0079C2; margin: 0 0 5px 0 }
h1 .author {font-size:60%;color:#636363;}
h1.spec1 { padding: 0 0 0 70px; background: url(img/cosociety_sprites_01.png) no-repeat ; background-position: -208px -139px; line-height: 1; margin: 0 0 20px -70px;text-transform:uppercase; }
h2 { font-size: 2em; }
h2.spec1 { font-family: Georgia;font-size: 1.5em; border-bottom: 1px solid #ECECEC;border-top: 1px solid #ECECEC }

h3 { font-family: Georgia; color: #636363; font-size: 1.8em }

#header { font-family: AniversRegular, Helvetica, Verdana, Sans-Serif; font-size: 1.1em; z-index:100;}

#lng a { color: #fff; line-height:1; text-transform:uppercase;}

#date  { font-family: Arial; font-size: 0.9em  }
#headerMenu ul li a { color: #A7A9AC; font-size: 1em; }

#search label { color: #0079C2; font-size: 1.5em; font-family: AniversRegular;position:relative;top:5px;}

#newsSummary {position:absolute;top:35px;right:20px;width:260px;height:350px;overflow:hidden;padding-left:22px;}
#newsSummary h2.title, #rightContent .post_summary h2.title { font-family: AniversRegular, Arial, Verdana; font-size: 2.2em; color: #fff; line-height: 1; margin: 0 0 5px 0 }
#newsSummary span.author, #rightContent .post_summary .author { font-family: Arial; color: #b5d6ea; line-height: 1; font-size:1.2em }
#newsSummary .description p { font-family: Arial; color: #fff; line-height: 1.4; font-size: 1.4em; text-align:justify;}
#newsSummary a { color: #FFF; font-size: 1em; font-weight:normal;}

#footer .floatLeft ul li { color:#8A8A8A; }
#footer .floatLeft ul li a { color:#8A8A8A; text-decoration: underline; }
#footer .floatLeft ul li a:hover { color:#DDD; text-decoration: none; }

.video_hint {
	font-family:Georgia;
	padding-top:4px;
	padding-bottom:4px;
	border-top:1px solid #ececec;
	border-bottom:1px solid #ececec;
	font-size:11px;
}
.video_hint span {
	background:transparent url(img/cosociety_sprites_01.png) 0 -34px no-repeat;
	display:block;
	float:left;
	position:relative;
	width:27px;
	height:20px;
	margin-right:5px;
}
/*------------------------------------------------------------------------*/



/* =Module: Agenda
--------------------------------------------------------------------------*/
#agenda {font-family: Georgia; background: #000 url(img/bkg_agenda_black.png); border-bottom: 1px solid #363636; width:998px;position:relative;}
#agenda .clearfix { padding:8px 11px 3px 11px; }

#agenda h2 {font-family: AniversRegular, Helvetica, Verdana, Sans-Serif; background:url(img/bkg_agenda_h2_01.png) no-repeat left center; color: #000; padding: 1px 15px 2px 30px; height:23px; width: 89px; font-size: 1em; position:absolute;top:-24px;}
#agenda h2 a {color:#fff;padding-top:3px;padding-left:5px;display:block;font-size:10pt;}

#agenda .boxA {
    width: 190px;
    float: left;
    position: relative;
    margin: 0 0 0 5px;
    color: #BFBFBF; 
}
#agenda .boxA:first-child { margin: 0; }
#agenda .boxA:hover { background-position: 0 -139px; }
#agenda .boxA .header { text-align: center; display:block; font-size: 1.2em; padding: 0 0 2px 0; position:absolute;top:-5px;left:105px;text-align:left; color:#0079c2;font-weight:bold;}
#agenda .boxA .content { display:inline; }
#agenda .boxA .content span.text { position: absolute; left: 103px; top: 13px; padding: 2px; font-size: 1em; line-height: 1.2; color: #fff;font-family:Arial;line-height:1.05em;}
#agenda .boxA:hover .content span.text {text-decoration:underline;}
 
/*------------------------------------------------------------------------*/

/* POST
*/
.home_image_in_post {
	display:block;
	top:0px;
	left:0px;
	clip:rect(150px, 0px, 150px, 0px) !important;
}
/* =Module: thumbGallery
--------------------------------------------------------------------------*/
.thumbGallery { margin: 20px 0 35px 0 }
.thumbGallery .row { margin: 0 0 5px 0 }
.thumbGallery .row .thumb { display: block; width:113px; height:82px; overflow: hidden; border: 1px solid #EAEAEA; float: left; margin:0 0 0 5px; position:relative;}
.thumbGallery .row .thumb img {position:absolute;margin-left:auto;margin-right:auto;}

/* PAGINATION
-----------------------------------------------------------------------------*/
.pagination{ clear:both; margin:40px 0px 0px 0px; font: italic normal 12px/18px Georgia, "Times New Roman", Times, serif; color:#c8c8c8;}
	.pagination a{ color:#f6892f;}
		.pagination a span{ position:relative; left:-9999px;}
	.pagination ul{ text-align:center;}
		.pagination ul li{display:inline;}
		
		.pagination ul li.ant{ float:left;width:250px;text-align:left;}
		.pagination ul li.suce{ float:right;width:250px;text-align:right;}
			*+html .pagination ul li.suce{ position:relative; top:-18px;}
		
		.pagination ul li.ant a,
		.pagination ul li.suce a{ display:block; overflow:hidden; width: 52px; height:18px; background:url(img/bg_fletxes.jpg) 0px 0px no-repeat; text-decoration:none;}
		
		.pagination ul li.ant a:hover{ background-position: 0px -18px;}

		.pagination ul li.suce a{ background-position: -55px 0px; float:right;clear:both;}
			.pagination ul li.suce a:hover{ background-position: -55px -18px;}

/* LIST
-----------------------------------------------------------------------------*/
	.list h3 {  font: normal 19px/18px Georgia, Arial, Helvetica, sans-serif; margin:0px -9px; color:#2a4197; background:#ececec url(img/bg_list_h3_l.jpg) 0px 0px no-repeat; padding-left:9px; height:21px; overflow:hidden;}
	.list h3 div{ display:block; height:21px; overflow:hidden;background:#f5f5f5 url(img/bg_list_h3_r.jpg) top right no-repeat; margin:0px;padding-right:0px;}
	ul.list li.list_item {cursor:pointer;margin-bottom:5px;position:relative;height:85px;margin-left:0px;padding-left:0px;overflow:visible;padding-right:10px;}
	ul.list li.list_item:hover {background:#ececec;overflow:visible;}
	ul.list li.list_item:hover h3, .list li:hover h3 div {background:none !important;}
	.list .description {text-align:justify;color:#555555;font-family:Arial;line-height:1.2em;font-size:13px;}
	.list .description a {text-align:justify;color:#555555;font-family:Arial;line-height:1.2em;font-size:13px;font-weight:normal;}
	ul.list li.list_item p.author{ color:#898989; font-size:9px; text-transform:uppercase; font-family:Arial !important;margin:0px;}
	ul.list li.list_item #round_left {position:absolute;top:0px;left:-7px;height:85px;width:18px;overflow:visible;z-index:1;}
	ul.list li.list_item #round_right {position:absolute;top:0px;right:0px;height:85px;width:18px;overflow:visible;z-index:1;}
	ul.list li.list_item:hover #round_right {background:transparent url(img/list_item_over_r.png) 0px 0px no-repeat;}
	ul.list li.list_item:hover #round_left {background:transparent url(img/list_item_over_l.png) 0px 0px no-repeat;}
		
	.list .pagination{ margin-top:80px;}
	.lightgray {color:#aaaaaa;}

/* UPDATE */
.todos_los_update {
	position:relative;
	top:0px;
}
.todos_los_update img.portada {
		padding:5px;
		margin-right:3px;
		border:1px solid #eaeaea;
	}
	.todos_los_update img.portada_inactive {
		padding:5px;
		margin-right:3px;
		border:1px solid white;
	}
	.todos_los_update img {margin-bottom:3px;}
	.todos_los_update .title {
		float:left;
		width:146px;
		text-align:center;
		font-size:16px;
		color:#0079C2;
		font-weight:bold;
		border:1px solid #eaeaea;
		margin-right:3px;
		margin-bottom:5px;
	}
	.todos_los_update .title:hover {
		float:left;
		width:146px;
		text-align:center;
		font-size:16px;
		color:#0079C2;
		font-weight:bold;
		border:1px solid #0079C2;
		margin-right:3px;
		margin-bottom:5px;
	}
	.todos_los_update .title_inactive {
		float:left;
		width:146px;
		text-align:center;
		font-size:16px;
		color:#0079C2;
		font-weight:bold;
		border:1px solid white;
		margin-right:3px;
		margin-bottom:5px;
	}
	.todos_los_update img.portada:hover {
		padding:5px;
		border:1px solid #0079C2;
	}
	ol.update_10ideas {list-style:decimal;margin-left:30px;}
	
/* ONGOING LIST */

.ongoing_item {padding-bottom:5px;height:260px;overflow:hidden;margin-bottom:20px;}
.ongoing_item.first {background:#f3f3f3;padding-left:11px;padding-bottom:13px;width:619px;position:absolute;left:39px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.ongoing_item .when {color:#636363;font-weight:bold;font-family:Georgia, Arial;font-size:1.8em;margin-bottom:5px;}
.ongoing_item .img {float:left;margin-right:22px;}
.ongoing_item .img img {border:1px solid #e8e8e8;}
.ongoing_item .copy {width:300px;float:left;}
.ongoing_item .copy .title {border:1px solid #e0e0e0; border-left:none;border-right:none;}
.ongoing_item .copy .description {line-height:1.3em;padding-top:5px;display:block;height:195px;overflow:hidden;}

/* SHARE
-----------------------------------------------------------------------------*/
.share{ display:block; clear:both; overflow:hidden; border-top:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1; border-top:1px solid #c1c1c1; vertical-align:middle; line-height:30px;}
	.share p{ font: italic normal 11px/30px Georgia, "Times New Roman", Times, serif; color:#7c7c7c; padding-left:4px;}
	.share ul li a{ font: normal 10px/21px Arial, Helvetica, sans-serif; color:#7a7a7a; text-decoration:none; vertical-align:middle;}

	.share ul,
	.share ul li,
	.share p{ display:inline;}
	
	.share p{ margin-right:70px;}
	.share ul {float:right;padding-right:0px;}
	.share ul li{ padding-left:23px; background: url(img/bg_share.png) 0px 0px no-repeat; margin-left:34px;}
		.share ul li#sh1{}
		.share ul li#sh2{ background-position:0px -21px;}
		.share ul li#sh3{background-position:0px -40px;}
		.share ul li#sh4{background-position:0px -63px;}