/*
Theme Name: innopia
Theme URI: http://liam-h.com
Version: 2.0
Author: <a href="http://www.liam-h.com">made by liam-h</a>
*/


/* COLOURS 

PINK	:	#fc4dd5
BLUE	:	#84eaf3
YELLOW	:	#fffa6c
*/

*{ 
	padding:0;
	margin:0;
}

html {overflow-y: scroll;} /*hack to stop content jumping */

body {			
	font-family: Monaco, Courier, monospace, "Courier New";
	color:#000000;
	font-size:10px;
	line-height: 14px;
	margin:0;
	background-color:#FFFFFF;

/*	background-image: url(http://innopia.es/wp-content/themes/innopia_1/img/columns.jpg);
	background-repeat: repeat-y;
	background-attachment:fixed;
	background-position:center;
*/
}
				
img {
	border: 0;
}				
		
p{	
	padding: 5px;
	margin:0;
}

hr{
	border: 0;
	color: #f00;
	background-color: #000;
	height: 1px;
}				

/* TYPOGRAPHY */

h1{
	text-transform:uppercase;
	font-size:40px;
	color: #fc4dd5;
	line-height: 40px;
	
}

h2{
	text-transform:uppercase;
	font-size: 10px;
	font-weight: normal;
	line-height: 16px;
	margin:0;
	
}

h3{
	text-transform:uppercase;
	font-size: 10px;
	font-weight: normal;
	line-height: 14px;
	margin:0;
	padding: 5px;
	background-color: #fc4dd5;
}

h4{
	text-transform:uppercase;
	font-size: 10px;
	font-weight: normal;
	line-height: 14px;
	margin:0;
	padding: 5px;
	background-color: #84eaf3;
}

strong{
	text-transform:uppercase;
	font-weight:normal;
}

/* LINKS */

a:link{
	text-decoration:underline;
	color: #000000;
}

a:visited{
	text-decoration:underline;
	color: #000000;
	
}

a:hover{
	background-color: #fc4dd5;
}

a:visited{
	
	
}

a.top_description_title{
	text-transform: uppercase;
}

small{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 8px;
	line-height: 10px;	
}


/* LAYOUT - GLOBAL POSITIONING */

#wrapper{
	width: 1000px;
	margin: 25px auto;
	position: relative;
	display:block;
}


#header{
	position:fixed;
	top:0px;
	left:0px;
	z-index: 5000;
	width: 100%;
	height: 24px;
	
	display:inline;
	background-color:#FFFFFF;
	
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	
	border-bottom: 1px solid #333333;
	
}

#top_description{
	float: left;
	margin: 5px;
	/*font-size:14px;*/
}

#search_box{
	float: right;
	margin: 4px;
}

ul.qtrans_language_chooser{
	float: right;
	margin: 5px;
}

ul.qtrans_language_chooser li{
	background-color: #84eaf3;
	padding:1px;
	margin-right: 5px;
}

ul.qtrans_language_chooser li:hover{
	background-color: #fc4dd5;
}


ul.qtrans_language_chooser li.active{
	padding:3px;
	background-color: #fc4dd5;	
}

#header h2 {
	display: inline;
}

#header ul, #header ul li{
	list-style: none;
	display: inline;

}




#footer{
	position:fixed;
	bottom:0px;
	left:0px;
	z-index: 5000;
	width: 100%;
	height: 24px;
	display:inline;
	background-color:#FFFFFF;
	
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;	
}

#footer_left{
	float: left;
	margin: 5px;
}

#footer_right{
	float: right;
	margin: 5px;
}

ul.social{
	float: right;
	margin: 5px;
}

ul.social li{
	background-color: #84eaf3;
	padding:3px;
	margin-right: 5px;
	list-style-type:none;
	display:inline;
}

ul.social li:hover{
	background-color: #fc4dd5;
	padding-bottom: 7px;
	position:relative;
	top: -4px;

}

#center_box {
	background-color:#fc4dd5;
	width:150px;
	height:150px;
	position: absolute;
	top:0px;
	left:100px;
}

#logo{
	width:100px;
	height:100px;
	position: absolute;
	top:50px;
	left:0px;
}

#error{
	background-color:#fffa6c;
	position: absolute;
	top:150px;
	left:250px;
	display:block;
}

#error > div{padding: 5px;}


/* MENU/NAVIGATION ITEMS */

#menu_box{
	width:100px;
	position: absolute;
	top:150px;
	left:0px;
}

ul.menu{
	margin:0;
	padding: 0px;
}

ul.menu li.page_item{
	list-style: none;
	margin:0;
	padding:3px;
	text-transform:uppercase;
	background-color: #84eaf3;
}

ul.menu li.page_item:hover {

}


ul.menu li.selected {
	background-color: #fc4dd5;
}

ul.menu li.page_item a:hover {
	background-color: #84eaf3;
}

ul.menu li.selected a:hover { /* this just stops the global a:hover on the menu*/
	background-color: #fc4dd5;
}

/* POSITIONING OF INDEX ITEMS */


#tweet_box{
	background-color:#fffa6c;
	width:225px;
	position: absolute;
	top:300px;
	left:100px;;
	display:block;
	overflow:hidden;
}


#flickr_box{
	width: 150px;
	height: 150px;
	position: absolute;
	top:150px;
	left:250px;
}

#recent_blogging_box{
	background-color:#fffa6c;
	width: 375px;
	position: absolute;
	top:225px;
	left:400px;
}
#recent_blogging_box > div{ padding: 5px;}

div#tweet{
	padding: 5px;
	font-size: 16px;
	line-height: 20px;
} 
#tweet_box > div, { padding: 5px; }

#vimeo_box{
	width: 300px;
	height: 150px;
	position: absolute;
	top:311px;
	left:658px;
	background: #000000;
}


/* POSITIONING OF PAGES ITEMS */

div.box{ /* used when listing category items*/
	background-color:#fffa6c;
	width: 225px;
	position: absolute;
	top:225px;
	left:503px;
}
div.box > div { padding: 5px; }

a.thumb { 
	height: 150px;
	width: 225px;
	overflow: hidden;

	}

a.thumb img { 
	max-width: 225px;
	}

#page_title{
	background-color:#fffa6c;
	width: 225px;
	height: 48px;
	position: absolute;
	top:150px;
	left:250px;
}

#contact_box{
	background-color:#fffa6c;
	width:300px;
	position: absolute;
	top:150px;
	left:250px;
	display:block;
}

#single_blog_post_box{
	background-color:#fffa6c;
	width:375px;
	position: absolute;
	top:198px;
	left:475px;
	display:block;
	overflow:hidden;
}

#blog_post_image_0{
	width:375px;
	position: absolute;
	top:300px;
	left:100px;
	display:block;
	overflow:hidden;
}

#blog_post_image_1{
	width:150px;
	height: 150px;
	position: absolute;
	top:48px;
	left:850px;
	display:block;
	overflow:hidden;
}

#blog_post_image_2{
	width:150px;
	height: 150px;
	position: absolute;
	top:48px;
	left:850px;
	display:block;
	overflow:hidden;
}

#blog_post_image_3{
	width:150px;
	height: 150px;
	position: absolute;
	top:48px;
	left:850px;
	display:block;
	overflow:hidden;
}

#comments_box{
	background-color:#fffa6c;
	width:375px;
	position: absolute;
	top:898px;
	left:475px;
	display:block;
	overflow:hidden;
}
div#comments_box{
padding:0 0 25px 0;
}
#comments_box div{
	margin: 5px;
}

div.comment{
	border-bottom: 1px solid #000000;
	padding-bottom: 5px;
}

div.comment p{
	margin: 5px;
}

#comments_form{
	margin-top: 10px;
}

#navigation_group{
	background-color:#84eaf3;
	display:block;
	position:absolute;
	width: 215px;
	top: 150px;
	left: 775px;
	padding: 5px;
}

#navigation_group > div{
	 display: inline;
 }

#post_1{
	position: absolute;
	top:150px;
	left:250px;
	display:block;
}


#post_hide{
	display: none;
}

div.blog_post{
	width: 225px;
	background-color:#fffa6c;
	display: inline-block;
	overflow:hidden;
	margin: 0 3px 3px 0;
}

div.blog_post:hover{
	z-index: 2000;
}

div.blog_post div{ padding: 5px;}
div.blog_post p{ padding: 5px;}


#contact_box > div, #tweet_box > div, #blog_box > div, #page_title > div, #single_blog_post_box > div  { padding: 5px; }

/* ABOUT PAGE POSITIONING */

#about_methodology_box {
	background-color:#fffa6c;
	width: 225px;
	height: 150px;
	position: absolute;
	top:150px;
	left:250px;
}

#about_phases_methodology_box{
	background-color:#fffa6c;
	width:300px;
	position: absolute;
	top:375px;
	left:100px;;
	display:block;
	overflow:hidden;
}

#about_value_box{
	background-color:#fffa6c;
	width: 300px;
	height:100px;
	position: absolute;
	top:200px;
	left:700px;
}

#about_multidisciplinary_box{
	background:#FFFFFF;
	width: 225px;
	height: 375px;
	position: absolute;
	top:300px;
	left:475px;
}

#about_methodology_box div, #about_phases_methodology_box div, #about_value_box div, #about_multidisciplinary_box div {
	padding: 5px;
}

/* HOME PAGE POSITIONING */

#home_is_a{
	background-color:#fffa6c; 
	width: 450px; 
	height:160px; 
	position: absolute; 
	top:150px; 
	left:250px;
}

#home_areas{
	background-color:#fffa6c; 
	width: 525px; 
	height:205px; 
	position: absolute; 
	top:385px; 
	left:100px;
}

#home_adn{
	background-color:#fffa6c;
	width: 150px;
	position: absolute;
	top:590px;
	left:625px;
	margin-bottom:225px;
}

#home_we_make{
	background-color:#fffa6c;
	width: 225px;
	height:120px;
	position: absolute;
	top:30px;
	left:700px;
	color:#fc4dd5;
	text-transform:uppercase;
}

#home_vimeo_box{
	width: 300px;
	height: 150px;
	position: absolute;
	top:310px;
	left:700px;
}


/* TWITTER BOX */
ul.twitter{	
	margin:0;
	padding:0px;
}

ul.twitter li.twitter-item {	
	list-style: none;
	margin:0;
	padding:0px;
	padding-top: 5px;
}

span.twitter-timestamp{
	display: block;
	
}


/* RECENT BLOGGING BOX */
ul.recent_posts{	
	margin:0;
	padding:0px;
}

ul.recent_posts li.recent_post {	
	list-style: none;
	margin:0;
	padding:0px;
	padding-top: 3px;
}


/* INPUT FOR FORMS */

input, textarea, select, button{
	border: 1px solid #000000;
	background-color:#ffffff;
	padding:1px;

	font-family: Monaco, Courier, "Courier New", monospace;
	font-size:10px;
	color:#000000;
}

input#author, input#email, input#url{
	width: 225px;
	margin: 5px;
}

textarea#comment{
	width: 360px;
	height: 100px;
	margin: 5px;	
}



small a { text-decoration: none; }