/**
* cSans v0.6.3
* 2009 Copyright A navalla suíza http://anavallasuiza.com
* cSans is released under the GNU Affero GPL version 3 - more information at http://www.fsf.org/licensing/licenses/agpl-3.0.html
*/

/* 1. RESET */
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,code,
del,dfn,em,img,q,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,textarea,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0;
	padding:0;
	border:0;
}
textarea,select,input { font-size:1em; }
html,body { height:100%; }
body {
	font-family:Arial,sans-serif;
/*	font-size: 12pt; */
	line-height:1.25em;
	text-align:center;
	background:#fff;
	color:#000;
}
.page { text-align:left; }

/* 2. DEBUG: Show borders to stress an element */
.omg-red,.omg-yellow,.omg-blue,.omg-green,.omg-black,.omg-white {
	border-top:dotted 3px;
	border-bottom:dotted 3px;
}
.omg-red { border-color:red; }
.omg-yellow { border-color:yellow; }
.omg-blue { border-color:blue; }
.omg-green { border-color:green; }
.omg-black { border-color:black; }
.omg-white { border-color:white; }

/* 3. BASIC STYLES */
/* 3.1. Titles */
h1,h2,h3,h4,h5,h6 {
	font-weight:bold;
	line-height:1em;
	margin:1em 0 0.5em 0;
}
h1 { font-size:2em; }
h2 { font-size:1.75em; }
h3 { font-size:1.5em; }
h4 { font-size:1.125em; }
h5 { font-size:1em; }
h6 { font-size:1em; font-weight:normal; }

/* 3.2. Lists */
ul,dd { margin-left:1em; }
ol { list-style-type:decimal; margin-left:1.5em; }
dl dt { font-weight:bold; }

/* 3.3. Tables */
table { border-collapse:collapse; border-spacing:0; }
caption,th { font-weight:bold; }
th,td { text-align:left; padding:0; border:1px solid #ccc; }
tfoot { font-style:italic; }

/* 3.4. Images */
a img { border:none; }
img.right { margin-left:1em; }
img.left { margin-right:1em; }

/* 3.5. Forms */
fieldset { border:1px solid #ccc; }
legend { font-weight:bold; font-size:1.2em; }
input { margin:0; }
input.text { overflow-y:visible; }
textarea { font-family:Arial,sans-serif; width:400px; height:100px; border:1px solid #ccc; overflow-y: auto; }
select { margin:0; font-size:1em; }

/* 3.6. Monospace elements */
pre,code,tt { font-family:"Courier New", Courier, monospace; line-height:1.5; }
pre,code { white-space:pre; }
tt { display:block; line-height:1.5; }

/* 3.7. Block elements */
p,form,table,address,blockquote,pre,code,tt,ul,ol,dl { margin-bottom:1em; }

/* 3.8. Inline elements */
em,dfn { font-style:italic; }

/* 3.9. HR element */
hr {
	background:none;
	visibility:hidden;
	clear:both;
	float:none;
	width:100%;
	height:1px;
	border:none;
	margin:-1px 0;
}

/* 3.10. Flash objects */
object { outline:none; }

/* 4. UTILS */
/* 4.1. Images with link and without link must overwrite background, width and height properties in your css */
.image a,.image li,.image {
	background-repeat:no-repeat;
	background-color:transparent;
	margin:0;
	padding:0;
	outline:none;
	font-size:0px;
	line-height:0em;
	letter-spacing:-20px;
	text-indent: -2px;
	display:block;
	overflow:hidden;
	text-align:left;
	border: none;
}
.image a {
	display:block;
	width:100%;
	height:100%;
	height:inherit;
}
ol.image,ul.image {
	background:none;
	width:100%;
	height:auto;
	float:left;
}
.image li {
	float:left;
}
span.image,strong.image,em.image,a.image {
	display:inline-block;
	vertical-align:bottom;
}
input.image { cursor:pointer; }

/* 4.2. Simple tabs system. You can overwrite background and text styles */
.tabs {
	list-style:none;
	padding:0;
	margin:0;
	float:left;
	width:100%;
	border-bottom: solid 1px #ddd;
}
.tabs li {
	float:left;
	margin:0 1px 0 0;
}
.tabs li span,
.tabs li a {
	float: left;
	padding:2px 5px;
	white-space:nowrap;
	text-align:center;
	cursor:pointer;
	outline:0;
	text-decoration:none;
}
.tabs li span { cursor:default; }
.tabs .select a,.tabs a:hover {
	background:#ddd;
}
.tabs .select a {
	position:relative;
	padding-bottom: 3px;
	margin-bottom: -1px;
}

/* 4.3. Convert a block element (like a fieldset) into a inline element */
.inline {
	border:none;
	margin:0;
	padding:0;
	display:inline;
}
fieldset.inline {
	float:left;
	width: 100%;
}
	
/* 4.4. Inline-block element must content any element inside (div, p, etc) for the correct visualization in FF<3 */
.inline-block-top,.inline-block-middle,.inline-block-bottom {
	float:none !important;
	display:inline-block;
}
.inline-block-top { vertical-align:top !important; }
.inline-block-middle { vertical-align:middle !important; }
.inline-block-bottom { vertical-align:bottom !important; }

/* 4.5. Float elements */
.left { float:left !important; }
.right,.right-right { float:right !important; }
.right-right { text-align:right !important; }

/* 4.6. Clear */
.clear,.content,.page { display:block; }
.clear:after,.tabs:after,.content:after,.page:after {
	content:" ";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size:0;
}

/* 4.7. Destroy margin collapse */
.no-collapse { padding-top:1px; }

/* 4.8. Hide an element */
.hide { display:none; }

/* 5. LAYOUT */
/* 5.1. Row */
.row {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	border:none;
}

/* 5.2. Last column in a row */
.last { margin-right:0 !important; }

/* 5.3. Content */
.content {
	padding:0;
	margin:0;
}

/* 6. HACKS */
img	{ -ms-interpolation-mode:bicubic; } /* IE */
.clear,.tabs,.content,.page {
	*overflow-y:auto; /* IE7 */
	*overflow-x:hidden; /* IE7 */
	_height:1%; /* IE6 */
	_overflow-y:visible; /* IE6 */
	_overflow-x:visible; /* IE6 */
}
a.image,span.image,strong.image,em.image,.inline-block-top,.inline-block-middle,.inline-block-bottom {
	display:-moz-inline-box; /* FF<3 */
	-moz-box-orient:vertical; /* FF<3 */
	*display:inline; /* IE */
}
/**
* cSans Grid 950-24-10 v0.6
* 2009 Copyright A navalla suíza http://anavallasuiza.com
* cSans is released under the GNU Affero GPL version 3 - more information at http://www.fsf.org/licensing/licenses/agpl-3.0.html
*/

/* 1. PAGE */
.page {
	width:960px;
	text-align:left;
	margin:0 auto;
	padding-left:10px;
}


/* 2. DEBUG */
.grid { background-image:url(csans-grid-950-24-10.png); }
.grid.page { background-position:10px; }

/* 3. LAYOUT */
/* 3.1. Widths */
.w1 { width:40px; }
.w2 { width:80px; }
.w3 { width:120px; }
.w4 { width:160px; }
.w5 { width:200px; }
.w6 { width:240px; }
.w7 { width:280px; }
.w8 { width:320px; }
.w9 { width:360px; }
.w10 { width:400px; }
.w11 { width:440px; }
.w12 { width:480px; }
.w13 { width:520px; }
.w14 { width:560px; }
.w15 { width:600px; }
.w16 { width:640px; }
.w17 { width:680px; }
.w18 { width:720px; }
.w19 { width:760px; }
.w20 { width:800px; }
.w21 { width:840px; }
.w22 { width:880px; }
.w23 { width:920px; }
.w24 { width:960px; }

/* 3.2. Columns */
.col1 { width:30px; }
.col2 { width:70px; }
.col3 { width:110px; }
.col4 { width:150px; }
.col5 { width:190px; }
.col5c { width:182px; }
.col6 { width:230px; }
.col7 { width:270px; }
.col8 { width:310px; }
.col9 { width:350px; }
.col10 { width:390px; }
.col11 { width:430px; }
.col12 { width:470px; }
.col13 { width:510px; }
.col14 { width:550px; }
.col15 { width:590px; }
.col16 { width:630px; }
.col17 { width:670px; }
.col18 { width:710px; }
.col19 { width:750px; }
.col20 { width:790px; }
.col21 { width:830px; }
.col22 { width:870px; }
.col23 { width:910px; }
.col24 { width:950px; }

.col,.col1,.col2,.col3,.col4,.col5,.col5c,.col6,.col7,.col8,.col9,.col10,.col11,.col12,
.col13,.col14,.col15,.col16,.col17,.col18,.col19,.col20,.col21,.col22,.col23,.col24,
.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12,.w13,.w14,.w15,.w16,.w17,.w18,.w19,.w20,.w21,.w22,.w23,.w24 { float:left; }

.col,.col1,.col2,.col3,.col4,.col5,.col5c,.col6,.col7,.col8,.col9,.col10,.col11,.col12,
.col13,.col14,.col15,.col16,.col17,.col18,.col19,.col20,.col21,.col22,.col23,.col24 { margin-right:10px; }

/* 3.3. Space columns: Right */
.r-1 { margin-right:-30px; }
.r-2 { margin-right:-70px; }
.r-3 { margin-right:-110px; }
.r-4 { margin-right:-150px; }
.r-5 { margin-right:-190px; }
.r-6 { margin-right:-230px; }
.r-7 { margin-right:-270px; }
.r-8 { margin-right:-310px; }
.r-9 { margin-right:-350px; }
.r-10 { margin-right:-390px; }
.r-11 { margin-right:-430px; }
.r-12 { margin-right:-470px; }
.r-13 { margin-right:-510px; }
.r-14 { margin-right:-550px; }
.r-15 { margin-right:-590px; }
.r-16 { margin-right:-630px; }
.r-17 { margin-right:-670px; }
.r-18 { margin-right:-710px; }
.r-19 { margin-right:-750px; }
.r-20 { margin-right:-790px; }
.r-21 { margin-right:-830px; }
.r-22 { margin-right:-870px; }
.r-23 { margin-right:-910px; }
.r-24 { margin-right:-950px; }

.r-1,.r-2,.r-3,.r-4,.r-5,.r-6,.r-7,.r-8,.r-9,.r-10,.r-11,.r-12,.r-13,.r-14,.r-15,.r-16,
.r-17,.r-18,.r-19,.r-20,.r-21,.r-22,.r-23,.r-24 { position:relative; }

.r05 { margin-right:20px; }
.r1 { margin-right:50px; }
.r2 { margin-right:90px; }
.r3 { margin-right:130px; }
.r4 { margin-right:170px; }
.r5 { margin-right:210px; }
.r6 { margin-right:250px; }
.r7 { margin-right:290px; }
.r8 { margin-right:330px; }
.r9 { margin-right:370px; }
.r10 { margin-right:410px; }
.r11 { margin-right:450px; }
.r12 { margin-right:490px; }
.r13 { margin-right:530px; }
.r14 { margin-right:570px; }
.r15 { margin-right:610px; }
.r16 { margin-right:650px; }
.r17 { margin-right:690px; }
.r18 { margin-right:730px; }
.r19 { margin-right:770px; }
.r20 { margin-right:810px; }
.r21 { margin-right:850px; }
.r22 { margin-right:890px; }
.r23 { margin-right:930px; }

/* 3.4. Margin columns: Left */
.l-1 { margin-left:-40px; }
.l-2 { margin-left:-80px; }
.l-3 { margin-left:-120px; }
.l-4 { margin-left:-160px; }
.l-5 { margin-left:-200px; }
.l-6 { margin-left:-240px; }
.l-7 { margin-left:-280px; }
.l-8 { margin-left:-320px; }
.l-9 { margin-left:-360px; }
.l-10 { margin-left:-400px; }
.l-11 { margin-left:-440px; }
.l-12 { margin-left:-480px; }
.l-13 { margin-left:-520px; }
.l-14 { margin-left:-560px; }
.l-15 { margin-left:-600px; }
.l-16 { margin-left:-640px; }
.l-17 { margin-left:-680px; }
.l-18 { margin-left:-720px; }
.l-19 { margin-left:-760px; }
.l-20 { margin-left:-800px; }
.l-21 { margin-left:-840px; }
.l-22 { margin-left:-880px; }
.l-23 { margin-left:-920px; }
.l-24 { margin-left:-960px; }

.l05 { margin-left:20px; }
.l1 { margin-left:40px; }
.l2 { margin-left:80px; }
.l3 { margin-left:120px; }
.l4 { margin-left:160px; }
.l5 { margin-left:200px; }
.l6 { margin-left:240px; }
.l7 { margin-left:280px; }
.l8 { margin-left:320px; }
.l9 { margin-left:360px; }
.l10 { margin-left:400px; }
.l11 { margin-left:440px; }
.l12 { margin-left:480px; }
.l13 { margin-left:520px; }
.l14 { margin-left:560px; }
.l15 { margin-left:600px; }
.l16 { margin-left:640px; }
.l17 { margin-left:680px; }
.l18 { margin-left:720px; }
.l19 { margin-left:760px; }
.l20 { margin-left:800px; }
.l21 { margin-left:840px; }
.l22 { margin-left:880px; }
.l23 { margin-left:920px; }

/* 3.5. Margin columns: top */
.t05 { margin-top:5px; }
.t1 { margin-top:10px; }
.t2 { margin-top:20px; }
.t3 { margin-top:30px; }
.t4 { margin-top:40px; }
.t5 { margin-top:50px; }
.t6 { margin-top:60px; }
.t7 { margin-top:70px; }
.t8 { margin-top:80px; }
.t9 { margin-top:90px; }
.t10 { margin-top:100px; }

/* 3.6. Margin columns: bottom */
.b05 { padding-bottom:5px; }
.b1 { padding-bottom:10px; }
.b2 { padding-bottom:20px; }
.b3 { padding-bottom:30px; }
.b4 { padding-bottom:40px; }
.b5 { padding-bottom:50px; }
.b6 { padding-bottom:60px; }
.b7 { padding-bottom:70px; }
.b8 { padding-bottom:80px; }
.b9 { padding-bottom:90px; }
.b10 { padding-bottom:100px; }

/* 3.7. Paddings */
.p05 { padding:5px; }
.p1 { padding:10px; }
.p2 { padding:20px; }
.pr05 { padding-right:5px; }
.pr1 { padding-right:10px; }
.pr2 { padding-right:20px; }

/* 3.8. Right-floated columns */
.colright {
	float:right;
	position:relative;
	right: -10px;
}

/* 4. HACKS */
.col,.col1,.col2,.col3,.col4,.col5,.col5c,.col6,.col7,.col8,.col9,.col10,.col11,.col12,
.col13,.col14,.col15,.col16,.col17,.col18,.col19,.col20,.col21,.col22,.col23,.col24,
.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12,.w13,.w14,.w15,.w16,.w17,.w18,.w19,.w20,.w21,.w22,.w23,.w24 { _display:inline; } /* IE5-6 */

.l-1,.l-2,.l-3,.l-4,.l-5,.l-6,.l-7,.l-8,.l-9,.l-10,.l-11,.l-12,
.l-13,.l-14,.l-15,.l-16,.l-17,.l-18,.l-19,.l-20,.l-21,.l-22,.l-23,.l-24 { *position:relative; } /* IE */

* html .page {
	\width:970px; /* IE5-6 quirks mode */
	w\idth:960px; /* IE6 */
}/*
blue: 0067B1
orange: FF9900
green: A1C22D

gray: 8C8C8C
black: 404040

*/
/* Common styles */
body {
	font-family: "Trebuchet MS","Bitstream Vera Sans", "DejaVu Sans", "Luxi Sans","Lucida Grande", Helvetica, Verdana, Arial,sans-serif;                                        
	color: #8C8C8C;
	background: #404040;
}
#contain {
	background: #FFF;
	color: #404040;
	padding: 20px 0 40px 0;
}
.image {
	background-image: url('../img/images.png');
}
#footer .title, .main .title {
	background-image: url('../img/images2.png');
}
.main.frontpage {
	background-color: #8C8C8C;
	color: #FFFFFF;
}
.main {
	background-color: #404040;
	color: #8C8C8C;
	padding: 10px 10px 10px 10px;
	position: relative;
	left: -10px;
	float: left;
	width: 100%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.main h3 {
	font-size: 1.12em;
	font-weight: normal;
	margin: 5px 0;
}
.main.frontpage a{
	color: #FFFFFF;
}
.main a{
	color: #C6C6C6;
	text-decoration:none;
}

.main p{
	font-size:.8em;
	line-height: 1.3em;
	margin:0;
}

/* Menu */
ul#menu {
	list-style: none;
	margin: 0;
}
ul#menu li {
	float: left;
	margin-right: 10px;
}
ul#menu li a {
	padding: 3px 6px;
	border-radius: 3px;
	text-decoration: none;
	color: #FFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
ul#menu li.select a {
	padding: 3px 6px;
	background: #FF9900;
	color: #404040;
}
ul#menu li a:hover {
	background: #000;
	color: #FF9900;
}
form#search, form#search-247 {
	margin-bottom: 0;
}
form#search input.text {
	background: #E2E2E2;
	padding: 3px 6px;
	margin-top: -2px;
	border: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
form#search input.submit {
	display: none;
}


/* Pagination */
ul.pagination {
	list-style: none;
	color: #0067B1;
	margin: 10px 0 0 0;
	font-size: 0.7em;
	float: left;
}
ul.pagination li {
	float: left;
	margin-right: 1px;
}
ul.pagination li a {
	padding: 3px 6px;
	text-decoration: none;
	border: solid 1px #BFE7E5;
	color: #0067B1;
}
ul.pagination li.select a {
	background: #0067B1;
	color: #FFF;
}
ul.pagination li a:hover {
	text-decoration: underline;
}


/* Header */

#header{
	position:relative;
}

.logo {
	width: 150px;
	height: 53px;
	background-position: 0 0;
}

.section{
	font-size:1.1em;
	font-family: Georgia, Times, serif;
	position:absolute;
	top:20px;
	left:158px;
}


/* Titles */
.title {
	font-family: Georgia, Times, serif;
	font-size: 1.2em;
	font-weight: normal;
	background: url('../img/images.png') 0 -58px no-repeat;
	padding: 10px 0 0 36px;
	float: left;
	width: 100%;
}
.subtitle {
	font-size: 1em;
	margin: 20px 0 0 0;
	float: left;
	width: 100%;
}
.subtitle a {
	font-weight: normal;
	font-size: 0.75em;
	color: #0067B1;
}
.subtitle a:hover {
	color: #404040;
	text-decoration: none;
}
.highline {
	font-size: 1.38em;
	line-height: 1.1em;
	border-bottom: solid 1px #CFCFCF;
	padding: 10px 0 30px 0;
	margin-bottom: 10px;
}

#work .title { background-position: 0 -56px; }
#igalians .title { background-position: 0 -86px; }
#news .title { background-position: 0 -146px; }
.s4 .title { background-position: 0 -176px; }
.s5 .title { background-position: 0 -206px; }
#contact .title { background-position: 0 -236px; }
#tags .title { background-position: 0 -266px; }
#screen .title { background-position: 0 -328px; }


/* News */
.block-list div {
	padding: 10px;
	position: relative;
	left: -10px;
	float: left;
	margin-bottom: 1px;
	width: 100%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.block-list div.simple {
	padding: 0px;
	left: 0px;
	margin: 5px 0;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

.block-list .info {
	background: #404040;
	font-size: 0.7em;
	color: #FFF;
	margin-right: 10px;
	padding: 2px 0;
}

.block-list .info a {
	padding: 2px 4px;
	background: #ECECEC;
	color: #404040;
	text-decoration: none;
}

.block-list .info a:hover {
	text-decoration: underline;
}

.block-list h4 {
	font-size: 0.9em;
	line-height: 1.2em;
	display: inline;
}

.block-list h4 a {
	text-decoration: none;
	color: #0067B1;
}

.block-list h4 a:hover {
	color: #404040;
}

.block-list p {
	font-size: 0.8em;
	line-height: 1.2em;
	display: inline;
	color: #8C8C8C;
}

.block-list a.permalink {
	font-size: 0.7em;
	font-style: italic;
	white-space: nowrap;
	line-height: 1.2em;
	text-decoration: none;
	color: #0067B1;
}

.block-list a.permalink:hover {
	text-decoration: underline;
}

.block-list .projects { 
	background: #DFF3F2; 
}

.block-list .projects .info a, .block-list .projects-feed .info { 
	background: #FF9900; 
}

.block-list .projects-feed .info { 
	padding:2px 0px 2px 2px;
}

.block-list .projects-feed h4 a { 
	color:#404040; 
}

/* Tags */

#tags, #tags a{
	color: #0067B1;
	text-decoration:none;
}

#tags h2{
	color:#404040;
}

/* Footer */

#footer a{
	color:#8C8C8C;
}

#contact h2{
	margin:0 0 15px 0;
}

/* #contact div{ */
#contact {
	font-size:.75em;
}

#contact div a{
	color: #8c8c8c;
	text-decoration:none;
}

#contact address{
	font-style:normal;
	line-height:1.3em;
}

#contact div strong{
}

#footer #contact div strong{
	color:#fff;
	font-weight:normal;
}

.social{
	margin:0;
	padding:0;
}

.social li{
	list-style:none;
}

.social li a{
	text-decoration:none;
	padding:0 0 2px 20px;
	background-repeat:no-repeat;
}

.social li.mail a{
	background-image:url('../img/mail-icon.png');
}

.social li.twitter a{
	background-image:url('../img/twitter-icon.png');
}

.social li.facebook a{
	background-image:url('../img/facebook-icon.png');
}

.social li.flickr a{
	background-image:url('../img/flickr-icon.png');
}

.social li.ohlho a{
	background-image:url('../img/ohlho-icon.png');
}

#footer .notice{
	font-size:.8em;
}


/* ======== */
/* = 24/7 = */
/* ======== */

.form-filter .text{
	background:#e2e2e2;
	border:none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding:5px;
}

.form-filter .submit{
	font-family: Georgia, Times, serif;
	background:#0067B1;
	color:#fff;
	border:none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding:4px;
}

#filter .filter h3{
	float:left;
	margin:0 10px 15px 0;
	width:100px;
	font-size:.9em;
}

#filter .filter ul{
	margin:0;
	padding:0;
	float:left;
	font-size:.9em;
	margin-top:-3px;
}

#filter .filter li{
	display:inline;
	padding:0;
	margin:0px;
}

#filter .filter li a{
	padding:3px 5px 3px 5px;
	text-decoration:none;
	color:#8C8C8C;
}

#filter .filter li.selected a{
	background:#0067B1;
	color:#fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#filter .filter div{
	font-weight:bold;
}

#igalians ul{
	margin:0;
	padding:0;
	font-size:.85em;
}

#igalians ul li{
	list-style:none;
	float:left;
	width:142px;
	margin-bottom:3px;
}

#igalians ul li a{
	color:#8C8C8C;
	text-decoration:none;
	padding:3px 5px;
}

#igalians ul li.selected a{
	background:#0067B1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color:#fff;
}

/* =========== */
/* = Igalian = */
/* =========== */

#igalian {
	font-family:Georgia, Times, serif;
	font-style:italic;
}

#igalian h2{
	margin:0;
	color: #fff;
	font-weight:normal;
}

#igalian h2{
	margin:0;
	color: #fff;
	font-weight:normal;
}

#igalian .datos-igalian{
	color:#fff;
	margin-bottom:15px;
}

#igalian .info-igalian{
	font-size:1.4em;
	line-height:1em;
	margin-bottom:5px;
}

#igalian a.expand{
	color: #fff;
	font-style:italic;
}

#igalian #about-igalian{
	clear:both;
}

#igalian #about-igalian h3{
	font-size:1em;
	color:#fff;
	font-weight:normal;
}

#igalian #follow-igalian{
	font-style:normal;
	font-size:.9em;
	font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
	
}

#igalian #follow-igalian ul{
	margin:0;
}

#igalian #follow-igalian li{
	list-style:none;
	font-size:.9em;
}

#igalian #follow-igalian .social{
	clear:both;
}

.igalian-labs {
	width: 106px;
	height: 28px;
	background-position: 0 -298px;
}
.main-labs {
	background-color: #F0F0F0;
	color: #8C8C8C;
	padding: 9px;
	position: relative;
	left: -10px;
	float: left;
	width: 100%;
	border: solid 1px #CFCFCF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.main-labs .block-list h4 a {
	color: #A1C22D;
}


/* ============ */
/* = Projects = */
/* ============ */

#project-head {
	border-bottom: solid 1px #CFCFCF;
	padding-bottom: 20px;
}
#project-head h1 {
	font-family: Georgia;
	font-weight: normal;
	font-size: 1.76em;
	margin-top: 0;
}
#project-head p {
	color: #8C8C8C;
	line-height: 1.2em;
}
#project-sections ul, #project-head ul {
	list-style: none;
	margin: 0;
	font-size: 0.81em;
	line-height: 1.3em;
}

#project-sections ul li, #project-head ul li{
	margin:3px 0px;
}

#project-head a, #project-sections a {
	color: #0067B1;
	text-decoration: none;
	padding:2px 5px;
}

#project-sections ul li.select a{
	background: #0067B1;
	color:#fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#project-head a:hover {
	color: #404040;
	text-decoration: underline;
}
#screen a {
	font-size: 0.75em;
	text-decoration: none;
	color: #404040;
}
#screen a:hover {
	text-decoration: underline;
}

#cat-text{
	
}

/* ======== */
/* = Labs = */
/* ======== */

.indicator{
	padding:0px 3px;
	float:left;
	font-size:.8em;
}

.indicator.hbi{
	background:#ff9900;
}

.sections{
	margin:10px 0 0 0;
	padding:0;
}

.sections li{
	list-style:none;
	float:left;
	width:150px;
	margin-bottom:5px;
}

.sections li a{
	color:#404040;
	padding:2px 10px;
}

.sections .select a{
	background: #fff;
	text-decoration:none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#search-labs .submit{
	background: #000;
}

.highline-labs {
	font-size: 1.38em;
	font-family: Georgia, Times, serif;
	line-height: 1em;
	color: #ccc;
	padding: 10px 0 10px 0;
	margin-bottom: 10px;
}

#main-labs{
	background: #A1C22D;
/* 
   #FFC554
   #D2F166
*/
}

#main-labs h2{
	margin:0;
	color:#fff;
	font-weight:normal;
	font-family: Georgia, Times, serif;
	float:left;
}

#main-labs h2 a{
	color:#fff;
	text-decoration:none;
}

#main-labs p{
	clear:both;
	margin:5px 0 0 0;
	color:#404040;

}

#main-labs .indicator{
	margin:6px 0 0 10px;
}

.labs-project{
	padding-bottom:15px;
	border-bottom:1px solid #ccc;
}

.labs-project h2{
	margin:0;
	font-weight:normal;
	font-family: Georgia, Times, serif;
	float:left;
}

.labs-project h2 a{
	color:#A1C22D;
	text-decoration:none;
	font-size:1em;
}

.labs-project .labs-project-type{
	font-size:.9em;
	clear:both;
}

.labs-project .indicator{
	margin:6px 0 0 5px;
}

#labs-list .pagination{
	margin-top:25px;
}

#labs-list .pagination li, #labs-list .pagination li a{
	color:#a1c22d;
	border-color: #a1c22d;
}

#labs-list .pagination li.select a{
	background:#a1c22d;
	color:#fff;
}

.labs .info .author{
	background:#a1c22d;
	color:#fff;
}

.wiki-content{

}

.wiki-content h3{
	font-weight:normal;
	margin:0 0 15px 0;
	font-family:Georgia, Times, serif;
}

.wiki-content ul{
	padding-left:15px;
}

.wiki-content a{
}

.wiki-content code{
	display:block;
	font-size:.8em;
}

.wiki-content div.content-image{
	text-align:center;
	margin:15px 0px;
}


/* =========== */
/* = Contact = */
/* =========== */

#contact-header {
	font-size:1.1em;
	font-family: Georgia, Times, serif;
	padding-bottom:15px;
	border-bottom: 1px solid #ccc;
	margin-bottom:15px;
}

.csc-header-n2 h2 {
	font-family:Georgia,Times,serif;
	font-size:1.75em;
	font-weight:normal;
}



#contact-header h2{
	margin:0 0 10px 0;
	font-weight:normal;
}

/* ========= */
/* = Facts = */
/* ========= */

#facts-matrix h2{
	margin: 0 0 5px 0;
	font-family: Georgia, Times, serif;
	font-weight:normal;
	font-size:1.4em;
}

.fact{
	height:125px;
}

.fact-image{
	height:260px;
	float:right;
	width:640px;
}

#facts-matrix p{
	font-size:.9em;
}

#facts-matrix a{
	text-decoration:none;
	color:#0067B1;
}

#fact-title{
	font-family: Georgia, Times, serif;
	font-size:1.5em;
	font-weight:normal;
	margin-bottom:40px;
}

/* ======== */
/* = TEMP = */
/* ======== */


.placeholder{
	background: #777;
	height:200px;
	margin-bottom:10px;
}

.placeholder-labs{
	width:230px;
	height:150px;
	background:#777;
}

/* fact-title */
h2.csc-firstHeader {	
	font-family: Georgia, Times, serif;
	font-size:1.5em;
	font-weight:normal;
	margin-bottom:40px;
}
#home-image {
	height: 300px;
}
#home-image img {
	width: 950px;
	height: 300px;
	position: absolute;
	border-radius: 5px;
}
#home-image div {
	width: 950px;
	height: 140px;
	margin-top: 160px;
	background: #404040;
	position: absolute;
	
	opacity: .75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
	-khtml-opacity: .75;
	-moz-opacity: .75;
}
#home-image h2 {
	width: 900px;
	position: absolute;
	margin: 180px 0 0 20px;
	color: #FFF;
	cursor: default;
}	
#home-image h2 strong {
	color: #FF9900;
}/* Typo3 content presentation fixes */


#contain {
	min-width: 1024px;
}

.csc-firstHeader {
	font-family:Georgia,Times,serif;
	font-size:1.5em;
	font-weight:normal;
	margin-bottom:40px;
}

a.internal-link, a.mail, .bodytext a,
.news-list-item a, .tx-ttnews-browsebox a {
	text-decoration:none;
	color:#0067B1;
}

#contain a:hover {
	text-decoration:underline;
}

#contact .col3 {
	width:140px;
}

#contact .r1 {
	width:110px;
}

#contact {
/*	width:490px; margin-right:10px;*/
	width:610px; margin-right:10px;
}

.tx-ameosformidable-pi2 .col24 .col11 {
	margin-right:30px;
	margin-left:15px;
}

.tx-ameosformidable-pi2 .col24 .col11 a:hover {
	text-decoration:underline;
}

#contain .block-list .info {
	padding-right: 5px;
	margin-right: 5px;
}

.tx-ttnews-browsebox td {
	border: 0;
	padding : 10px;
	margin: 10px;
	cellspacing: 3;
}

#home-image h2 a {
	color:#FF9900;
	text-decoration: none;
}

#home-image h2 a:hover {
	text-decoration: underline;
}

h3.subtitle a {
	font-size: 1.0em;
	font-weight: bold;
}

.tx-ameosformidable-pi2 .t2 {
	margin-top:0px;
}

#project-page .t2 {
	margin-top:0px;
}


h3.area-title {
	font-family:Georgia;
	font-size:1.76em;
	font-weight:normal;
	margin-top:0;
}

.area-short {
	color:#8C8C8C;
	border-bottom-color:#CFCFCF;
	border-bottom-style:solid;
	border-bottom-width:1px;
	line-height:1.1em;
	margin-bottom:10px;
	padding-bottom:10px;
	padding-left:0;
	padding-right:0;
	padding-top:10px;
}

small {
	display: none;
}

.main_contents #contact {
	width: 100%;
}

.main_contents #contact .title {
        margin-top: 20px;
        padding-top: 10px;
	border-top: solid 1px #CCCCCC;
}

a {
	color: #0067B1;
	text-decoration: none;
}

a:hover {
/*	color: #0067B1; */
        text-decoration: underline;
}


#contain .title a {
	color: #404040;
}

#contact .social a:hover {
        text-decoration: underline;
}


/* Labs */

div.main-labs {
	margin-top: 30px;
}

.content .placeholder-labs {
	background-color: transparent;
	height: auto;
}

/**************  Contact and HHRR forms *********************/

.tx-thmailformplus-pi1 label {
	width: 150px;
	float: left;
        text-align: right;
	margin-right: 0.5em;
        margin-top: 2px;
        margin-bottom: 2px;
	white-space: nowrap;
}

.tx-rrhhform-pi1 label {
	width: 300px;
	float: left;
        text-align: right;
	margin-right: 0.5em;
        margin-top: 2px;
        margin-bottom: 2px;
	white-space: nowrap;
}


.tx-thmailformplus-pi1 input,
.tx-thmailformplus-pi1 textarea,
.tx-rrhhform-pi1 input,
.tx-rrhhform-pi1 select,
.tx-rrhhform-pi1 textarea {
	background:#e2e2e2;
	border:none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding:5px;
        margin-top: 2px;
        margin-bottom: 2px;
}

.tx-rrhhform-pi1 textarea.big {
	height: 200px;
	width: 500px;
}

.tx-thmailformplus-pi1 .text-input {
        width: 320px;
        margin-top: 2px;
        margin-bottom: 2px;
}

.tx-rrhhform-pi1 input[type="text"] {
        width: 320px;
        margin-top: 2px;
        margin-bottom: 2px;
}

.tx-thmailformplus-pi1 input[type="submit"],
.tx-rrhhform-pi1 input[type="submit"] {
	background:#0067B1;
	color:#fff;
        width: 120px;
        margin-left:156px;
}

.tx-thmailformplus-pi1 .privacy-label {
        width: 420px;
}

.tx-rrhhform-pi1 .rrhh_form\.privacy_policy_label {
        width: 420px;
}

#rrhh_form\.submit {
	position:relative;
	left:-150px;
}

.tx-rrhhform-pi1 input[type="submit"] {
	margin:30px;
}

.tx-thmailformplus-pi1 fieldset {
	border:0;
}

.tx-rrhhform-pi1 fieldset {
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 10px;
}

.tx-thmailformplus-pi1 legend {
	display: none;
}

.tx-thmailformplus-pi1 .error {
	clear: both;
	color: #FF9900;
	margin-bottom: 0;
	padding-left: 130px;
}


/* Work frontpage */
.work-facts h3 {
	font-family: Georgia,Times,serif;
	font-size: 1.2em;
	font-weight: normal;
}

.work-facts li {
	font-size: 11pt;
}

#news_igalian\.news_list #news {
	margin-left: 5px;
}

/* Search results */
.main_contents .tx-mnogosearch-pi1 {
	clear:both;
}

.main_contents .tx-mnogosearch-pi1 label {
	float: left;
        text-align: right;
	margin-right: 0.5em;
        margin-top: 6px;
        margin-bottom: 2px;
	white-space: nowrap;
}

.main_contents .tx-mnogosearch-pi1 input {
	background:#e2e2e2;
	border:none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding:5px;
        margin-top: 2px;
        margin-bottom: 2px;
        width: 380px;
}

.main_contents .tx-mnogosearch-pi1 input[type="submit"] {
	background: #0067b1;
	color: #ffffff;
        width: 120px;
        margin-left: 165px;
}

.main_contents .tx-mnogosearch-summary {
	color: #8c8c8c;
	background-color: #ffffff;
}

/* A11y fixes */
.news h3, .projects-feed h3 {
	display:inline;
	font-size:0.9em;
	line-height:1.2em;
}

/* New icons for Follow me */
.social li.gitorious a{
	background-image:url('../img/gitorious-icon.png');
}

.social li.identica a{
	background-image:url('../img/identica-icon.png');
}

.social li.sourceforge a{
	background-image:url('../img/sourceforge-icon.png');
}

.social li.ohloh a{
	background-image:url('../img/ohlho-icon.png');
}

.social li.linkedin a{
	background-image:url('../img/linkedin-icon.png');
}

.social li.ciavc a{
	background-image:url('../img/ciavc-icon.png');
}

.social li.slideshare a{
	background-image:url('../img/slideshare-icon.png');
}

.social li.github a{
	background-image:url('../img/github-icon.png');
}

.social li.web a{
	background-image:url('../img/web-icon.png');
}

.social li.blog a{
	background-image:url('../img/blog-icon.png');
}

.social li.google a{
/*	background-image:url('../img/google-icon.png'); */
	background-image:url('../img/google-plus.png');
}

#about-igalian span {
	display: block;
}

/* Labs projects */

.labs-project {
	padding-top:10px;
}

#main-labs {
	-moz-border-radius: 10px;
	margin-bottom: 15px;
}

.labs-link {
    margin: 3px;
    width: 108px;
}

.labs-link:hover {
    border-bottom: solid 2px #A1C22D;
    margin-bottom: 1px;
}

/* Commits */
div#commits.block-list div {
	background: #ECECEC;
}

#commits.block-list p {
	font-size: 0.8em;
	color: #000000;
	font-family: Courier, monospace;
}

#commits.block-list .info {
	font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
	background: #ECECEC;
	display:block;
	text-align:right;
}

#commits.block-list .info .date {
	background: #404040;
	padding: 2px;
}

#commits.block-list .info .author {
	color:#404040;
	background: #FF9900;
	padding: 2px;
}

#commits .title {
	background-position:0 -178px;
}

#news th, #news td {
	border: 0;
}

#news .title a,
#igalians .title a {
    font-weight: bold;
    font-size: 0.7em;
    font-family: "Trebuchet MS";
    color: #0067b1;
    margin-left: 5px;
}

#news .title a:hover {
    color: #404040;
}

#work .subtitle  {
	width: auto;
	display:inline;
	float:left;
	font-size:0.8em;
	margin-bottom:0;
	margin-top:30px;
	padding-left:10px;
}

#work .title {
	width: auto;
}

#work .subtitle {
	float:none;
}

#work .title {
	float: none;
	display: inline;
}

#work.work {
	margin-top: 30px;
}

.tab-projects {
	width: 50%;
}

#work #tags .title {
	width: 100%;
	display: block;
}

#work.work .formidable-rdrstd-rdtwrap {
	margin: 0;
        margin-top: 8px;
}


.phone {
	white-space: nowrap;
}

#contact .office {
	line-height: 0.7em;
	color:#FFFFFF;
	font-weight:normal;
}

#igalia247 .t2 {
	margin-top: 0;
}

/** Footer **/

.notice {
	margin-top: 30px;
}

/** Work frontpage **/
.subarea {
	font-size:0.9em;
}

.subarea h3 {
	display: inline;
	width: auto;
	float: none;
	padding-right:10px;
}

.main.content {
	margin-bottom:20px;
}

div.csc-textpic div.csc-textpic-single-image img {
	margin: 20px;
}

#resources ul {
	clear: both;
}

#rrhh_form label,
#rrhh_form input {
	clear: both;
}


/* Tags */

#follow-igalian .col5 {
	width:240px;
}

#follow-igalian .col6 {
	width:190px;
}

#tags .tag {
	white-space: nowrap;
}

#tags {
	font-size: 0.9em;
	clear: both;
}

.tag-detail.block-list div {
	padding-top: 0px;
}

.tag-detail .no-results {
	color: #8C8C8C;
	font-size: 0.8em;
}

#tags div {
	display:inline;
}

#tags #tag_cloud\.categories_list {
	clear: both;
}


/* Labs projects type in work section */
.labs-project-type-work {
	font-size:.7em;
	color:#404040;
	background: #FF9900;
	padding: 2px 4px;
}

/* Work/All */

.tx-igaliaforms-pi9 h2 {
        width: 100%;
        border-bottom: solid 1px #0067B1;
}

.tx-igaliaforms-pi9 .area-short-h2 {
        font-weight: bold;
        color: #8C8C8C;
        margin-top: 8px;
}

.tx-igaliaforms-pi9 {
        font-size:0.9em;
}

.tx-igaliaforms-pi9 h3 {
        margin-bottom: 4px;
}

.tx-igaliaforms-pi9 .area-short-h3 {
        margin-bottom:4px;
}

.tx-igaliaforms-pi9 .formidable-rdrstd-rdtwrap {
        margin-top: 2px;
}


/* Tweets */
.block-list .tweets {
	font-family: Georgia,Times,serif;
	background: #DFF3F2 url('../img/quotes.png') 5px 5px no-repeat;
	padding: 10px 10px 10px 36px;
	float: left;
	width: 94%;
}

.block-list .tweets {
	background-color: #FFF;
}

.block-list .projects {
	background-color: #DFF3F2;
}

.block-list .tweets .tweet {
	color:#404040;
}

.block-list .tweets h4 a {
	color:#404040;
	font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
}


/* Photos */
.block-list .photos img {
	max-width:250px;
	float:left;
	margin: 5px;
}

#main-labs .placeholder-labs {
	margin-right: 10px;
	width: auto;
}


/* Text Areas & Platforms in frontpage */
.areas-platforms h4 {
	font-size: 1.12em;
	font-weight: normal;
}

.areas-platforms h4 a {
	text-decoration: none;
	color: #0067B1;
}

.areas-platforms h4 a:hover {
	color: #404040;
}

.areas-platforms p {
	font-size: 0.8em;
	line-height: 1.2em;
	display: inline;
	color: #8C8C8C;
}

.image-areas h2 {
	font-size:1.4em;
}

a.slides {
	text-decoration: underline;
	color: #FFFFFF;
}

a.slides:hover {
	text-decoration: none!important;
}

#rrhh_form\.security_captchaimg {
		-webkit-filter: invert(90%);
}

#rrhh_form\.security_captcha_label {
	font-size: 0.96em;
}

#rrhh_form\.coding_experience_description_label {
        white-space: inherit;	
}