/* RESET */
html {height:100%;}
body {color:#dfdde8;height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
a, a:visited, a:active {color: #94b7ff;text-decoration:none;}
p a {font-weight:bold;text-decoration:none;}
h2, h3, .post-foot,  #observerd h2, #observation-form h3, #hd .menu li {text-shadow: 0 0 0 #000;}

/* FONT/LINE-HEIGHT */
body {
	font-size:100%;
	font-family:"Helvetica Neue",Calibri,helvetica,Arial,clean,sans-serif;
	line-height:1.25em;
	
}
.safari body {font-size:16px;}
p {font-size:0.8125em;margin: 0 0 1.538em;line-height: 1.538em;}
.hide {display:none;}


table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;}

/* NEGATIVE TEXT INDENT */
#title h1 {text-indent: -9999px;overflow:hidden;display:block;}


#featured, .featured-cat, #portfolio-post .head, #portfolio-post .next-item, .col {border:1px solid #50505a;}


/* MAIN LAYOUT */
#grid {background: url(img/grid-870x20.png) repeat-y 50% 0; position:absolute;top:0;left:0;width:100%;height:100%;z-index:30;}
#grid {display:none;}
body, #content-wrapper {background: #111114 url(img/title-1100x372.jpg) no-repeat 50% 0;}
#content-wrapper {width:882px;margin:0 auto;position:relative;min-height:100%;}
#content {padding-bottom:113px;}
* html #content-wrapper {height: 100%;}
#hd, #portfolio-post {margin: 0 auto;width:882px;}

#hd {margin-bottom: 39px;position:relative;height:75px;}
#hd .menu {overflow:hidden;zoom:1;padding-right:6px;}
#hd .menu ul {float:right;padding: 53px 0 0;}
#hd .menu li {float:left;text-transform:uppercase;margin-right:1px;font-size: 0.875em;background: url(img/menu55-1.png);}
#hd .menu li.last {margin-right:0;}
#hd .menu a {color: #dfdde8;display:block;width:144px;text-align:center;padding: 9px 0;}
#hd .menu li.last a {width:145px;}
#hd .menu a:hover {background: #131014;}


#hd #submenu {position:absolute;top:31px;right:6px;width:250px;}
#hd #submenu ul {float:right;}
#hd #submenu li {margin-left:19px;font-size: 0.75em;float:left;text-transform:uppercase;font-weight:bold;}
#hd #submenu li.sel {border-bottom: 2px solid #5c533f;}
#hd #submenu li.sel a {color: #dfdde8;}
#hd #submenu a {color: #9d9baa;}
#hd #submenu a:hover {color: #dfdde8;}

#hd #title {height:0px;overflow:hidden;}

#ft {height:83px;position:relative;margin-top: -83px;background: url(img/footer-1100x118.jpg) no-repeat 50% 0;}
#ft .copyright {color:#aaa7b6;text-align:center;padding-top:35px;}

#featured, .featured-cat {background: url(img/featured80-1.png);padding:5px;zoom:1;}
  .ie6 #featured, .ie6 .featured-cat {background: #0b0b0d;} 
  .ie6 #featured {height:405px;overflow:hidden;}

#portfolio-post {overflow:hidden;zoom:1;}
#portfolio-post .head {border-width: 0;overflow:hidden;zoom:1;padding:0;margin: 0 0 1.167em;}
#portfolio-post p {text-align:justify;}
#portfolio-post strong {font-weight:bold;}
#portfolio-post em {font-style:italic;}
#portfolio-post h3 {font-size: 0.875em;text-transform:uppercase;line-height: 1.429em;margin: 0 0 0.715em;font-weight:bold;}
#portfolio-post .link-items {border-width: 0 1px 1px 1px;width:144px;float:right;min-height:100%;padding: 6px 5px 10px 0;margin: 0 0 18px;}
#portfolio-post .link-items a {font-size: 0.75em;display:block;line-height: 0.6em;}
#portfolio-post  h2 {font-size: 1.25em;line-height:2em;margin: 11px 0 0.5em;}
#portfolio-post .body {width: 703px;padding-left:6px;float:left;}

#portfolio-post .sidebar {
	width: 145px;
	float: right;
	margin: 0 0 0 21px;	
	border-width: 0 0 0 ;
	color: #aaa7b6;	
}
#portfolio-post .col {padding: 18px 7px 9px 0;border-width: 0 0 1px;}


#portfolio-post .sidebar-inner {padding: 0 7px 0 0;}
#portfolio-post h4 {font-size: 0.75em;line-height: 1.667em;text-transform:uppercase;font-weight:bold;}
#portfolio-post .sidebar li {font-size:0.6875em;line-height:1.818em;list-style: disc;}
#portfolio-post .sidebar ul {margin: 0 0 0.619em;padding: 0 0 0 1em;}
#portfolio-post #sidebar-category li {font-size: 0.875em;line-height: 1.429em;list-style:none;}
#portfolio-post #sidebar-category ul {padding:0;}
#portfolio-post #sidebar-contact {padding: 18px 7px 0 0;font-size: 0.875em;line-height: 1.429em;}

#portfolio-post .screenshots {overflow:hidden;zoom:1;}
#portfolio-post .screen {width:226px;float:left;margin: 0 10px 20px 0;display:block;}
.iewin #portfolio-post .screen {margin-right:6px;}
#portfolio-post .screenshots a {color: #aaa7b6;font-size: 0.6875em;}
#portfolio-post .screen img {border:1px solid #50505a;padding: 1px;}
#portfolio-post .two-wide .screen {width:341px;margin-right:17px;}
.iewin #portfolio-post .two-wide .screen {margin-right:13px;}
#bd #portfolio-post .screenshots .clear {margin-right:0;}

.featured-cat {padding:13px;margin: 0 0 1em;}
.featured-cat h2 {font-size: 1.25em;margin-bottom:0.25em;color: #94b7ff;font-weight:bold;text-shadow: #000;text-transform:uppercase;}
.featured-cat .port-items {overflow:hidden;zoom:1;}
.featured-cat .port-items a {float:left;width:154px;margin-bottom:21px;margin-right: 18px;}
.featured-cat .port-items a.clear {margin-right:0;}
.featured-cat .port-items a img {border:1px solid #50505a;padding: 2px;}
.featured-cat .port-items .label {color: #b4b2bc;font-size:0.75em;line-height:1.667em;display:block;}

#categories {overflow:hidden;zoom:1;}
.top-categories-container {overflow:hidden;zoom:1;margin: 0}
.top-categories-container .featured-cat {margin-bottom:-32767px;padding-bottom:32767px;}
#category-sep {height:1px;overflow:hidden;margin: 0 0 1em;background: #50505a url(img/cat-bottom-border2-880x1.gif) no-repeat;}
#category-web {float:left;width:544px;}
#category-music {float:right;width:268px;}
#category-art {clear:both;}