/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 10px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background: #fff;
	text-align: left;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: #888; border-bottom: 1px dotted #888;}
a:active { text-decoration: none; color: #888; border-bottom: 1px dotted #888;}
a:visited { text-decoration: none; color: #888; border-bottom: 1px dotted #888;}
a:hover { text-decoration: none; color: #888; border-bottom: 1px dotted #888;}

a img { border: none; }


#page
{
}

#menu 
{
	float:left;
	width: 250px;
	margin: 25px 0 0 0;
	padding: 0;
}

#header
{
	width: 700px;
	height: 15px;
	margin: 20px 0 10px 280px;
	color: #ccc;
}

#header .built
{
	float: right;
	margin-right: 5px;
}

#header .built a
{
	color: #ccc;
}

#header .contact
{
	float: left;
}

#header .contact a
{
	background: url(images/contact.png) no-repeat;
	padding: 0 0 0 15px;
	border-bottom: none;
	color: #ccc;
}

#menu .container
{
	background: url(images/bg.png);
}

#menu ul
{
	list-style: none;
	margin: 0;
	font-size: 11px;
}

#menu ul.with-separator
{
	padding-bottom: 15px;
}

#menu ul li.section-title 
{
	font-size: 12px; 
	font-weight: bold;
	text-transform: lowercase;
	padding: 5px 0 5px 30px;
}

#menu ul li
{
	padding: 2px 0 2px 30px;
}

#menu li a
{
	color: #777;
	background-color: #fff;
	padding: 0.2em 0.5em 0.2em 0.2em;
	border-bottom: none;
}

#menu ul li a:hover
{
	text-decoration: none;
	color: #000;
}

#menu ul li.active
{
	/*font-size: 11px;*/
	/*height: 14px;*/
	/*padding: 3px 0 3px 30px;*/
}

#menu ul li.active a
{
	background-color: #000;
	color: #fff;
	border-bottom: none;
	padding: 0 0.3em;
}

#menu ul.web-services li a
{
	background: none;
}

#menu div.border, #menu div.border a
{
	color: #999;
	border-bottom: none;
}


#menu div.border
{
	width: 100%;
	background: url(images/menu_bottom.png) no-repeat;
	margin-top: 3em;
	margin-bottom: 5em;
}

#menu .meta
{
	float: left;
	width: 200px;
	margin-top: 30px;
	padding-left: 30px;
	/*background: url(images/meta_bg.png) no-repeat 30px 0;*/
}

#menu .meta ul
{
	background: #fff;
}

#menu .meta ul li ul li
{
	padding: 0;
}

#menu .project-meta
{
	color: #999;
}

#menu .project-meta li
{
	padding: 0 0 1em 0;
	color: #999;
	font-size: 10px;
}

#menu .project-meta li a
{
	border-bottom: none;
	padding: 0;
	color: #666;
}

#menu .project-meta li h4
{
	font-weight: bold;
	color: #000;
	padding-bottom: 0.2em;
	text-transform: lowercase;
	font-size: 10px;
}

#menu .services
{
	color: #999;
}

#menu .services li.addthis a
{
	border-bottom: none;
}

#menu .services li
{
	padding: 0.5em 0;
	font-size: 10px;
}

#menu .services li a
{
	border-bottom: 1px dotted #ccc;
}

#menu .services li h4
{
	font-weight: bold;
	color: #000;
	padding-bottom: 0.2em;
	text-transform: lowercase;
	font-size: 10px;
}

#menu .services li.addthis
{
	margin-top: 2em;
}

#content
{
	/*padding-top: 45px;*/
	margin-left: 280px;
}


#content .text
{
	float: left;
	width: 700px;
	padding: 2em 0 0 0;
}

#content h1.title
{
}

#content h1.title .english-title
{
	font-size: 28px;
	display: block;
}

#content h1.title .japanese-title
{
	font-size: 18px;
	color: #888;
	font-weight: normal;
}

#content ul
{
	list-style: none;
}

#content .description
{
	width: 700px;
	padding-bottom: 2em;
	font-size: 11px;
	line-height: 1.4em;
}

#content .english-description
{
	width: 330px;
	float: left;
	color: #555;
	padding: 0 0 1.2em 0;
}

#content .japanese-description
{
	width: 330px;
	float: left;
	color: #888;
	padding: 0 0 1.2em 3em;
	
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W6", "Helvetica Neue","Helvetica","Arial Bold", sans-serif;
}

#content .english-description p 
{
	padding: 0.5em 0;
}

#content .japanese-description p
{
	padding: 0.5em 0;
}

#content .full-text
{
	padding-top: 10px;
	width: 705px;
	font-size: 30px; 
	color: #ccc; 
	font-weight: normal;
	line-height: 32px;
}

#content .full-text a
{
	padding-bottom: 0;
	border-bottom: none;
	color: #aaa;
	font-weight: normal;
}

#content .full-text a:hover
{
	color: #999;
	border-bottom: 1px dotted #999;
}

.vimeo
{
	padding: 0;
}

object
{
	margin-bottom: 5px;
}

.aboutme
{
	background: url(images/a.jpg) no-repeat;
}

.welcome
{
	background: url(images/w.jpg) no-repeat;
}



.ongoing
{
	/*background: url(images/in_progress.png) no-repeat;*/
}

.lightbox
{
	padding: 1em 0 0 0;
	width: 700px;
}

.lightbox a
{
	border-bottom: none;
}

#cv .story
{
	padding: 0;
}

#cv .section-head
{
	padding: 2em 0 0.5em 0;
	text-transform: lowercase;
	font-weight: bold;
}

#cv .section
{
	width: 120px;
}

#cv .pdf
{
	float: right;
	background: url(images/pdf.png) no-repeat;
	height: 20px;
}

#cv .pdf
{
	padding-left: 2em;
}

#menu .web-services li
{
	padding: 0 0 1.5em 0;
	color: #888;
	font-size: 10px;
}

#menu .web-services h4
{
	font-weight: bold;
	color: #888;
	margin-bottom: 20px;
	text-transform: lowercase;
	font-size: 10px;
}

#menu .web-services li.flickr
{
	background: url(http://www.stephanthiel.com/files/custom/flickr.gif) no-repeat;
	height: 16px;
	padding-top: 2px;
}

#menu .web-services li.flickr a
{
	padding: 0 0 0 20px;
	background: none;
}

#menu .web-services li.vimeo
{
	background: url(http://www.stephanthiel.com/files/custom/vimeo.png) no-repeat;
	height: 16px;
	padding-top: 2px;
}

#menu .web-services li.vimeo a
{
	padding: 0 0 0 20px;
}


#menu .web-services li.delicious
{
	background: url(http://www.stephanthiel.com/files/custom/delicious.gif) no-repeat;
	height: 16px;
	padding-top: 2px;
}

#menu .web-services li.delicious a
{
	padding: 0 0 0 20px;
}