@charset "utf-8";

html,body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	text-align:left;
	color:#666666;
	font-family: Georgia, Constantia, Hoefler Text, serif;
	line-height:1.2em;
	background-color:#1a1a1a;
}


div, table, p { font-size:10px; }

a, a:link {
	color: #666666;
	text-decoration: none;
}
a:hover, a:focus {
	color: #e0fefb;
	background-color: #00eebb;
	text-decoration: underline;
}


pre {
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 */
  word-wrap: break-word;      /* IE 5.5+ */
}

*::selection {
	color: #e0fefb;
	background-color: #00eebb;
}

/*----------------------------------------
 layout
----------------------------------------*/

#Wrapper {
	padding-top:95px;
	padding-left:80px;
	background-color:#fff;
}

#Header {
	padding-bottom:60px;
}

#Header h1 {
	padding-bottom:5px;
}

#Content {
	padding-bottom: 50px;
}

#Content h2 {
	padding-bottom:40px;
	font-weight: bold;
}

.content {
	padding-bottom:60px;
}

.project {
	padding-bottom:50px;
}

.project h3 {
	padding-bottom: 5px;
}

.project .img {
	padding-top:5px;
}

.project .img a {
	display:block;
	float:left;
	margin-right:10px;
}
.project .img img {
	display: block;
}

#Contact dt {
	clear: both;
	width:70px;
	float:left;
}

#Contact dd {
	float:left;
}


#Footer {
	color:#999999;
	padding-top:40px;
	padding-bottom:30px;
}

/*----------------------------------------
 clearfix 
----------------------------------------*/

.clear
{
	clear:both;
}

/* modern browsers */

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

/* IE7 */

.clearfix
{
	display: inline-block;
}

/* legacy IE */

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}

.topsy_widget_data{
	display:inline;
	width:70px;
	float:right;
	margin-left:10px;
}