/* ---------------------------
	  reset
--------------------------- */

html {background-color: #FFF;}
body {line-height:1.5;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,code,del,dfn,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;font-size:100%;font-family:inherit;vertical-align:baseline;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
table {border-collapse:separate;border-spacing:0;}
caption,th,td {text-align:left;font-weight:normal;}
table,td,th {vertical-align:middle;}
a img,img,fieldset,abbr,acronym {border:none;}
a:focus {outline:none;}
pre,code{ font:115% monospace; }
blockquote:before,q:before{content:'';}
blockquote:after,q:after{content:'';}
ol, ul {padding-left:1.5em;}
/* em, strong{font-style:normal;font-weight:400;} */
hr {display: none;}


/* ---------------------------
	  typography
--------------------------- */

body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 87.8%;
	margin-bottom: 4em;
	/* background: url(graphics/14.gif); */
}

.content h1,
#home h2 {
	font-size: 3em;
	font-weight: bold;
	color: #666;
	letter-spacing: -.07em;
	padding-top: 0em;
	line-height: 1em;
/* 	padding-bottom: .94em; */
}
#home h2 {
	font-size: 2em;	
}
.content h2 {
	font-size:1.7em;
	line-height: 1em;
	padding-bottom: .06em;
	font-weight: bold;
	color: #111;
}
.content h3 {
	color: #444;
	font-weight: bold;
	font-size:1.3em;
	line-height: 1.57em;
	padding-top: 1.57em;

}
.content h4, 
.content h5, 
.content h6 {
	font-size:1em;
	line-height: 1.57em;
	padding-top: 1.57em;
	font-weight: bold;
}
.content p, 
.content ul, 
.content ol,
.content dl { 
	color: #333;
	font-size:1em;
	line-height: 1.57em;
	padding-bottom: 1.2em;
	padding-top: .47em;
/* 	padding-top: 1.97em; */
}
blockquote {
	padding-top: 1em;
	padding-left: 20px;	
	border-top: 4px solid #ddd;
	border-bottom: 4px solid #ddd;
	margin-bottom: 1em;
	font-style: italic;
	
}
blockquote p {
	font-style: italic;	
}

/* ---------------------------
	  links
--------------------------- */

.content a:link {
	color: #506161;
}
a:visited {
	color: #506161;
}
a:hover {
	color: #333;
}
a:active {
	color: #333;
}



/* ---------------------------
	  site title
--------------------------- */
.site {
	margin-top: -.05em;
	margin-left: -.10em;
	font-size: 7em;
	letter-spacing: -.05em;
	word-spacing: -.27em;
	color: #999;
	font-weight: normal;
	line-height: .8em;
	/* text shadow makes cpu go crazy safari 4 */
}
.site strong {
	color: #666;	
}
.site a {
	color: #999;
	text-decoration: none;
}
.site a:hover {
	color: #789999;
}
.site a:hover strong {
	color: #506161;	
}
/* ---------------------------
	  nav
--------------------------- */
#wrapper {
	position: relative;
	margin-top: 2em;
}
.nav {
	position: absolute;
	top: 0px;
	left: 0px !important;
	left: -14em;
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav li {
	font-size: 2em;
	line-height: 1em;
	text-transform: uppercase;
	position: relative;
	left: 0px;
}
.nav li a {
	color: #000;
	width:6.5em;
	font-weight: bold;
	padding-left: .5em;
}
.nav li a:link {
	text-decoration: none;
	
	display: block;
}
.nav li a:visited {
	text-decoration: none;
	display: block;
}
.nav li a:hover {
	background-color: #506161;	
	color: #fff;
}
.nav li a:active {
	background-color: #506161;	
	color: #fff;
}

.nav li span {
	font-weight: bold;
}
.nav li.hidden a{
	color: #789999 !important;
}

/* ---------------------------
	  content
--------------------------- */

.content {
	border-left: 1px dotted #666;
	padding-left: 1em;
	margin: .2em 0 0 14em;	
	padding: 0 1em 0 20px;
	max-width: 60em;
}
.tagline{
	border-bottom: 1px dotted #999;
	padding-bottom: 1em;
	margin-bottom: 1em;
}
label {
	font-weight: bold;	
}
form {
	margin-top: 1em;	
}
/* ---------------------------
	  home
--------------------------- */
#home {
	width:inherit;
	max-width: inherit;
	min-width: 600px;
	position: relative;
}
#home .text {
	margin-right: 350px;
	min-width: 200px;
	max-width: 60em;
}
#home .featured {
	position: absolute;
	top: 0em;
	right: 0px;
	width: 310px;
	margin: 0em 30px 1.5em 0;
	padding-bottom: 3em;
}
#home .featured a:hover {
	-khtml-opacity:.7; 
	-moz-opacity:.7; 
	-ms-filter: alpha(opacity=70); 
	filter:alpha(opacity=70); 
	opacity:.7;
		
}

#home .featured .newest {
	margin-bottom: 30px;
	color: #fff;
}
#home .featured h2 {
	font-size: 1em;
	border-bottom: 1px dotted #999;
	margin-bottom: 10px;
}
#home .newest h2{
	display: none;
}
#home .newest .info {
	background-color: #333;	
	padding: .5em;
	line-height: 1.2em;
}
#home .newest .completed, 
#home .newest .title {
	color: #fff;
}
#home .newest .title a{
	font-size: 1.1em;
	padding-right: .7em;
	color: #eee;
	text-decoration: none;
	letter-spacing: .06em;
}
#home .newest .medium {
	color: #888;
	font-size: .8em;
}
#home .newest .completed {
	font-size: .8em;
}
#home .featured .newest img {
	width:310px;
}


/* ---------------------------
	  blog
--------------------------- */
#blog-list .page-number {
	margin-bottom: 1em;	
	font-size: 1.7em;
	color: #888;
}

#blog-list li {
	margin-bottom: 1em;
}
#blog-list h2 {
	line-height: 1.2em;	
}
#blog-list .date {
	color: #888;
}
#blog-list .description {
	margin: 0;
	padding: 0;
}
#blog-list .comment-count {
	color: #444;
}

#blog a:hover,
#blog-list a:hover {
	color: #506161;	
}
#blog h1 a{
	color: #333;
	text-decoration: none;	
}
#blog h1 a:hover {
	color: #333;	
}
#blog .date {
	display: block;	
	margin-bottom: 2em;
	color: #888;
}


.paging {
	border-top: 1px dotted #999;	
	padding-top: .5em;
	margin: 1em 0 5em 0;
	overflow: hidden;
}
.paging strong {
	float: left;
	clear: left;
	margin-right: .5em;	
}

.paging a, .paging span {
	display: block;
	float: left;
	margin: 0 .5em .5em 0;
	border: 1px solid #999;
	padding: 0 .5em;
	text-decoration: none;
	background-color: #eee;

}
.paging span {
	background-color: #666;	
	color: #eee;

}
.paging a:hover {
	background-color: #ccc;
}
.prev {
	margin-right: 1em;	
}
.prev, .next {
	color: #555;
	font-size: 1.3em;
}
#blog-list .paging-list {
	color: #666;
	font-weight: bold;	
	margin-top: 3em;
}
#blog-list .paging-list a {
	color: #999;
}
#blog img {

	padding: .5em;
	background-color: #333;
}
#blog .meta,
#blog-list .meta {
	font-size: .9em;
	color: #888;
	margin-top: .8em;
}
#blog-list .meta a,
#blog .meta a {
	color: #666;	
}
#blog .comments img {
	padding: 0;	
}

/* ---------------------------
	  comments
--------------------------- */
.comments {
		
}
.comments h2{
	color: #666;
}
.comments ol {
	list-style: none;
	padding-left: 0;
}
.comments li {
		
}
.comments ol li h3{
	font-weight: normal;	
}
.comments ol li h3 cite{
	font-weight: normal;
}
.comments ol li h3 cite strong{

}
.comments .op {
	background-color: #eee;	
	padding: .5em;
}

/* ---------------------------
	  .blog-list
--------------------------- */

.blog-list {
	list-style: none;
	padding-left: 0;
}
.blog-list li {
	padding-bottom: 2em;
}

.blog-list li h2 {
	padding-bottom: 0;
	line-height: 1em;
}
.blog-list li h2 a {
	color: #666;
	font-size: 1.3em;
}
.blog-list li p {}

.blog-list li .meta {
	/* display: none; */
}

.blog-list li .meta a {
	font-style: italic;
	color: #444;
}

/* ---------------------------
	  comments
--------------------------- */
.comments {
	margin-top: 3em;
}

.comments h2 {
	margin-bottom: 1em;
}
.comments ol {
}
.comments ol li {
	margin-bottom: 2em;
}
.comments ol li h3 {
	padding-top: 0;

}

.comments form input {
		
}
.comments form input {
		
}
.comments form textarea {
	width: 20em !important;	
	height: 20em !important;
}

.comments label small {
	font-style: italic;
	font-weight: normal;
	color: #999;	
}
.error {
	color: #f00;	
}
/* ---------------------------
	  tags
--------------------------- */
.tags-list {
	list-style: none;
	padding-left: 0;
	max-width: 33em;
}
.tags-list li {
	color: #ddd;
	padding: 0;
	border-bottom: 1px solid #fff;
}
#wrapper .tags-list a{
	color: #fff;
	font-size: 1.1em;
	background-color: #777;
	padding: .3em;
	display: block;
	text-decoration: none;
}
#wrapper .tags-list a:visited {
	background-color: #789999;	
	color: #fff;
}
#wrapper .tags-list a:hover {
	background-color: #444;	
	color: #fff;
}
.tags-list a .count {
	font-size: 1.1em;
	float: right;	
	
}

/* tag menu */
.tag-menu {
	list-style: none;
	padding-left: 0;
}
.tag-menu li {
	float: left;
	margin-right: .5em;
	line-height: 1em;
}
.tag-menu li+li{
	border-left: 1px solid #999;
	padding-left: .5em;	
}
.tag-menu a {
	color: #777;
	text-decoration: none;
	
}



/* ---------------------------
	  portfolio list
--------------------------- */
#wrapper #portfolio {
	padding-right: 0;
	max-width: inherit;
}

#portfolio .categories {
	list-style: none;
	padding-left: 0;	
}
#portfolio .categories li {
	font-size: 1.7em;
	display: inline;
	margin-right: .5em;
	font-weight: bold;
	color: #999;
}
#portfolio .categories li a {
	color: #111;
}
#portfolio .categories li a:hover {
	color: #506161;		
}
#portfolio .image-list a{
	margin: 0 2px 2px 0;
}
#portfolio .image-list a:hover{
	-khtml-opacity:.7; 
	-moz-opacity:.7; 
	-ms-filter: alpha(opacity=70); 
	filter:alpha(opacity=70); 
	opacity:.7;
	
}
#portfolio .paging {
	border-top: none;
	margin-top: 0;
	border-bottom: 1px dotted #999;	
	padding-bottom: .5em;
	margin-bottom: 1em;
}
#portfolio .info {
	background-color: #333;
	padding: 1.5em;
	color: #777;
	clear: both;
}
#portfolio .info .text p,
#portfolio .info .text ul,
#portfolio .info h1,
#portfolio .info .text h2,
#portfolio .info .text h3,
#portfolio .info .text h4,
#portfolio .info .text h5,
#portfolio .info .text {
	color: #fff;
	max-width: 60em;
}
#portfolio .info .text blockquote {
	border-top: 1px solid #999;	
	border-bottom: 1px solid #999;
	font-style: italic;
}
#portfolio .info h1 {
	font-weight: normal;	
}
#portfolio .info .price {
	display: block;
	padding-right: .5em;
	font-size: 1.3em;	
	color: #888;
}
#portfolio .image {
	z-index: 1;	
	margin-right: 10px;
}

#portfolio .image a img {
	max-width: 800px;
	min-width: 20px;
}
#portfolio .category {
	clear: both;
	display: block;	
	margin: 1em 0 5px 0;
}

#portfolio .category a{
	color: #222;
}
#portfolio .category a:hover {
	color: #506161;	
}
#portfolio .img-paging {	
	padding: 2px 2px 7px 0px;
	margin-bottom: 10px;
	overflow: hidden;
}
#portfolio .img-paging br {
	display: none;	
}
#portfolio .img-paging .prev {
	
}
#portfolio .img-paging .prev,
#portfolio .img-paging .next  {
	display: block;
	width:100px;
	float: left;
	padding-left: 10px;
	margin-right: 10px;
	line-height: 1em;
	text-decoration: none;
	position: relative;
	border-left: 1px solid #222;
}
#portfolio .img-paging a span {
	font-size: .8em;
	color: #222;
	padding-bottom: .3em;
	display: block;
	font-weight: bold;
}
#portfolio .img-paging a:hover {
	border-left: 1px solid #506161;	
}
#portfolio .img-paging a:hover img {
	-khtml-opacity:.8; 
	-moz-opacity:.8; 
	-ms-filter: alpha(opacity=80); 
	filter:alpha(opacity=80); 
	opacity:.8;
		
}
#portfolio .img-paging a:hover span {
	color: #506161;	
}
/* ---------------------------
	  footer
--------------------------- */
.footer {
	margin-top: 1em;
	color: #555;
	clear: both;
}

.footer .designer {
	display: block;
	text-indent: -9999px;
	line-height: 0em;
	height: 1px;
	width:1px;
}


/* ---------------------------
	  forms
--------------------------- */
input, textarea, select {
	font-weight: normal;	
}
#name,
#title,
#contact, 
#email {
	width:300px;
}
#message{
	height: 15em;
	width:30em;
}
.comments #text {
	width: 35em !important;
}
/* ---------------------------
	  error
--------------------------- */

#error {
		
}
#error h1 {
	font-size: 20em;
	letter-spacing: -.1em;
	line-height: .6em;
	margin-left: -.03em;
	display: inline;
}
#error span {
	font-size: 2em;
	color: #999;
}
#error .message {
		border-top: 1px dotted #999;
		padding: .5em;
}
#error .message a {
	font-size: 2em;
	color: #888;
}
/* ---------------------------
	  Thickbox
--------------------------- */
#TB_window{
	font:12px Arial,Helvetica,sans-serif;color:#333333;}#TB_secondLine{font:10px Arial,Helvetica,sans-serif;color:#666666;}#TB_window a:link{color:#666666;}#TB_window a:visited{color:#666666;}#TB_window a:hover{color:#000;}#TB_window a:active{color:#666666;}#TB_window a:focus{color:#666666;}#TB_overlay{position:fixed;z-index:100;top:0px;left:0px;height:100%;width:100%;}.TB_overlayMacFFBGHack{background:url(macFFBgHack.png) repeat;}.TB_overlayBG{background-color:#000;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}* html #TB_overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');}#TB_window{position:fixed;background:#ffffff;z-index:102;color:#000000;display:none;border:4px solid #525252;text-align:left;top:50%;left:50%;}* html #TB_window{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}#TB_window img#TB_Image{display:block;margin:15px 0 0 15px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666;}#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left;}#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;}#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right;}#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;}#TB_title{background-color:#e8e8e8;height:27px;}#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}#TB_ajaxContent.TB_modal{padding:15px;}#TB_ajaxContent p{padding:5px 0px 5px 0px;}#TB_load{position:fixed;display:none;height:13px;width:208px;z-index:103;top:50%;left:50%;margin:-6px 0 0 -104px;}* html #TB_load{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}#TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%;}* html #TB_HideSelect{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');}#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;}