@charset "UTF-8";
/* CSS Document */

body{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12pt;
	color: #333;
}

a{
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #900;
}

li a{
	border: none;	
}

/*body, html{ height: 100%; }*/

#topbar{
	width: 100%;
	color: #FFF;
	background-color: #F93;
	padding: 10px 0;
	text-align: center;	
}

p{ line-height: 120%;}
#wrapper{
	width: 80%;	
	margin: 0 auto;
	/*min-height: 101%;*/
}

#footer{
	width: 80%;
	margin: 0 auto;
}

#header{
	width: 100%;
	float: left;
	padding: 10px 0 15px;
	margin-bottom: 20px;
	border-bottom: 1px solid #CCC;
	position: relative;
}

ul.top_nav{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 252px;
}

ul.top_nav li{
	float: left;
}


ul.top_nav li a{
	display: block;
	float: left;
	width: 80px;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	padding: 3px 0 7px;
	margin-left: 4px;
	font-size: 12px;
	background: #333 url(../images/topmenu.jpg) no-repeat bottom;
	letter-spacing: .6pt;
}
ul.top_nav li a.current{
	color: #999;
	padding-top: 10px;
}
ul.top_nav li a:hover{
	/*color: #0C0;*/
	color: #6C3;
	padding-top: 10px;
}

h1{
	font-size: 110%;	
}

.content{
	float: left;
	width: 100%;
	font-size: 90%;
	padding-bottom: 15px;
	border-bottom: 1px solid #999;
	margin-bottom: 10px;
}

.column1{
	width: 36%;
	float: left;
	margin-right: 4%;
}
.column2{
	width: 36%;
	float: left;
}

.blogcol{
	width: 76%;	
	float: left;
}

.project{ float: left; width: 100%; margin-bottom: 15px;}

.thumb img{ float: left; margin: 5px; border: 1px solid #999; }

.project h3 { margin-bottom: 4px; }
.project img { float: left; margin-right: 10px; border: 1px solid #999; }
.project p{ font-size: 90%;}

.tools{ width: 20%; float: left; margin-right: 4%; }
.tools h4{ border-bottom: 1px solid #CCC; padding-bottom: 4px; margin: 20px 0 4px }
.tools p{ font-size: 90%; padding-bottom: 7px; line-height: 140%; }
.content ul li{
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 120%;
}
.content ul li ul{
	margin-top: 4px;	
}
.content ul li ul li{
	font-weight: normal;
	margin: 0;
	padding: 5px 0;
	border-bottom: 1px solid #CCC;
	font-size: 90%;
}
.content h2{
	font-weight: normal;
	letter-spacing: .5pt;
	font-size: 110%;
	margin-bottom: 15px;
	background-color: #333;
	color: #FFF;
	padding: 3px 4px;
}

.column1 a.thickbox{
	color: #333;
	text-decoration: none;
}

.column2 a.thickbox{
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #999;
	padding-bottom:-2px;
	margin-bottom: 10px;
}
a.thickbox:hover{
	color: #900;
}

.details p{
	margin-bottom: 10px;	
}
.contact{ margin-top: 10px;}
.contact p{border-bottom: 1px solid #CCC; padding: 4px 0;}
.contact a{color: #333; text-decoration: none; border-bottom: 1px dotted #600;}

#TB_window h3{
	font-size: 25pt;
	margin-bottom: 6px;
	line-height: 100%;
}
hr.titlehr{
	height: 1px;
	background-color: #CCC;
	color: #CCC;
	border-color:#CCC;
	margin-bottom: 20px;
}

#TB_window{
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#TB_closeWindowButton{
	border:none;	
}

img.view{
	float: left;
	margin: 0 30px 0 4px;
}

#nav{
	width: 100%;
	height: 20px;
	position: absolute;
	bottom: 0px;
	padding-bottom: 8px;
	left: 0px;
/*	display: none;*/
}
#next{
	float: right;
	color: #FFF;
	border: none;
}
#back{
	float: left;
	color: #FFF;
	border: none;
}

.clear{ clear: both; };

/* blog bits */
h3 a{
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #900;
}
.entry p{
	padding-bottom: 10px;	
}
.blogcol h3{
	padding-bottom: 6px;	
}
small{
	font-size: 80%;
	padding-bottom: 12px;
	display: block;
}