/*
Theme Name: iA3
Theme URI: http://informationarchitects.jp/downloads/ia3/
Description: The simple HTML5 wordpress theme based on Information Architects' website.
Version: 1.0
Author: Information Architects
Author URI: http://informationarchitects.jp/
Tags: monochrome, fixed width, simple, typographic, html5

	iA3 by iA
	http://informationarchitects.jp/

	This theme was designed and built by Information Architects.

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

@import url(css/bundle.css.php?dir=css&files=base,typography,list,frame,header,footer);
/*@import url(css/base.css);*/
/*@import url(css/typography.css);*/
/*@import url(css/list.css);*/
/*@import url(css/frame.css);*/
/*@import url(css/header.css);*/
/*@import url(css/footer.css);*/
@import url(css/iphone.css) screen and (max-device-width: 320px);


#teaser {
	height:262px;
	width:954px;
	margin:0px auto;
	/*background: transparent url(i/teaser-test.png) no-repeat;*/
	position:relative;
	font-family: Palatino, "Palatino Linotype Bold", Georgia, Serif;
}

#teaser .container {
	z-index:20;
}

#teaser div.button {
	position:absolute;
	bottom:0px;
	left:10px;
	width:185px;
	height:59px;
	z-index:150;
	background-image:url(i/teaser_button_big.png);
	background-repeat:no-repeat;
	padding:25px 10px 0px 10px;
	text-align:center;
	cursor:pointer;
	font-size:18px;
}

#teaser div.left { left:10px; }
#teaser div.center { left:215px; }
#teaser div.right { left:420px; }

#teaser div.claim {
	
	font-size:26px;
	width:250px;
	height:100px;
	color:white;
	position:absolute;
	right:30px;
	bottom:60px;
	z-index:150;
}
#teaser div.claim_bg {
	position:absolute;
	right:30px;
	bottom:60px;
	width:250px;
	height:106px;
	z-index:149;
	background-color:#333;
	padding:4px;
	opacity:0.5;
	filter:Alpha(opacity=50);
}

#teaser div.small_button {
	position:absolute;
	right:54px;
	bottom:0px;
	width:209px;
	height:45px;
	line-height:45px;
	text-align:center;
	z-index:149;
	background: transparent url(i/teaser_button_small.png) no-repeat;
	font-size:13px;
}

#teaser .content { position:absolute; top:260px; left:50px; width:610px; height:auto; }
#teaser .content h2 {margin-top:0px;padding-top:0px;}
#teaser .content .entry { font-family:Arial; font-size:13px;}

#teaser div.title, #teaser div.title_bg {	
	font-size:26px;
	width:450px;
	height:46px;
	line-height:46px;
	color:white;
	position:absolute;
	right:10px;
	bottom:0px;
	z-index:150;
	text-align:right;
}

#teaser div.title_bg {
	z-index:149;
	background-color:#333;
	padding:0px;
	opacity:0.3;
	width:100%;
	right:0px;
	filter:Alpha(opacity=30);
}

#footer-logos { text-align:right;
				list-style-type:none; 
				text-align:right; margin:0;padding:0; }
#footer-logos li { display:inline; }

#languages {  position:absolute; top:30px; right:85px; }
#languages span { display:none;font-family: Arial; font-size:8pt; color:#aaa; }
#languages ul { list-style-type:none; margin:0; padding:0; }
#languages ul li { display:inline; }

.contentBody h2 { font-size:20px; margin-top:1em; padding: 0.7em 0px 0.5em; color:rgb(204, 0, 0) }