@charset "utf-8";

/*

   Title: ARCHIEE.com
   Author: ds
   Date: 2011-11-20

*/

/***********************************************************************
	1 - general                     
************************************************************************/
html {
  background: #fff;
}

body {
	font-size: 10px;
	font-family: Arial, Helvetica;
	color: #000;
    line-height: 1.5;
    text-align: justify;
}

a:link,
a:visited,
a:active {
  COLOR: #4d4d4d;
  text-decoration: none;
  border:none;
}

a:hover {
  COLOR: #ccc;
  text-decoration: none;
  border:none;
}

p {
  margin-top: 15px;
}

h3.header {
  margin-top: 30px;
  side: 14px;
  color: #fff;
}

h3.header_noimg {
  side: 14px;
  color: #fff;
  margin-bottom: 20px;
}

img:link,
img:visited,
img:active,
img:hover {
  text-decoration: none;
  border:none;
}

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {
  display: inline-table;
  min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/***********************************************************************
	2 - main structure
************************************************************************/

#container {
  position: relative;
  overflow: hidden;
  margin: 0px auto;
  width: 650px;
  margin-top: 25px;
}

#header { 
  position: fixed;
  width: 650px;
  margin: 0px auto;
  letter-spacing: 0.2em;
  top: 0;
  z-index: 999;
  background: #fff;
  padding: 10px 0px;
  padding-top: 35px;
}

#topImage { 
  margin-top: 30px;
}

#main { 
  position: relative;
  float: left;
  width: 600px;
 }

#side { 
  position: relative;
  float: left;
  width: 120px;
  margin-right: 40px;
  margin-left: 90px;
  height: 650px;
 }

#footer {
  position: relative;
  clear: both;
  width: 650px;
  font-size: 9px;
  color: #333;
  margin-top:40px;
}

/***********************************************************************
	3 - project detail
***********************************************************************/

#projectImage { 
  margin-top: 10px;
}

#projectImage img {
    margin-bottom: 15px;
}

#projectImage iframe {
    margin-bottom: 15px;
}

#projectText {
	width: 650px;
	margin-top: 15px;
}

#projectHeader {
	width: 650px;
	margin-top: 40px;
	text-align: right;
}

#projectHeader strong {
	float: left;
}

/***********************************************************************
	4 - about
***********************************************************************/


#about_top {
	width: 650px;
	margin-top: 40px;
}

#about_left {
	position: relative;
	float: left;
	width: 318px;
	margin-top: 15px;
}

#about_right {
	position: relative;
	float: left;
	width: 318px;
	margin-top: 15px;
	margin-left: 14px;
	margin-bottom: 20px;
}

#about_left ul,
#about_right ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#about_top .caption {
	text-align: right;
}

/***********************************************************************
	5 - project list
***********************************************************************/

div#projectList {
	width: 650px;
	margin-top: 40px;
}

table#projectList {
	width: 650px;
	margin-top: 40px;
}

div.project {
  width: 200px;
  height: 250px;
  float: left;
}

#projectList div.left {
  margin-right: 16px;
}

#projectList td.long {
  height: 30px;
}

#projectList thead {
	font-weight: bold;
}

#projectList td.table_right {
	text-align: right;
}

div#magazineList {
	width: 650px;
	margin-top: 40px;
}

table#magazineList {
	width: 650px;
	margin-top: 40px;
}

#magazineList thead {
	font-weight: bold;
}

#magazineList td.magazineMergin {
	width: 18px;
}

#magazineList td.magazine {
	width: 149px;
}

#magazine {
	width: 650px;
}

.magazineArticle {
	width: 149px;
	height: 260px;
	margin-right: 18px;
	margin-bottom: 20px;
	line-height: 15px;
	float: left;
}

#magazine .mlast {
	margin-right: 0;
}