* {
padding : 0;
margin : 0;
}
body {
background : #333333;
}
p {
margin-bottom: 12px;
font-family : Helvetica, Arial, Verdana, Sans-Serif;
font-size : 11px;
line-height : 18px;
font-style : normal;
font-variant : normal;
font-weight : normal;
color : #999999;
}
a {
text-decoration: none;
color : #ff6600;
}
a:hover {
color : #d77a00;
border-bottom: 1px dotted #666666;

}

img {
text-decoration: none;
color : white;
border: none;
}
a.nohover:hover {
background: none;
border: none;
}
/* `Start Containers
----------------------------------------------------------------------------------------------------*/

.container_12 {
margin : 0 auto;
width : 960px;
}


/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4 {
	width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
	width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
	width: 940px;
	
}



/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width: 60px;
}

.container_12 .grid_2 {
	width: 140px;
}

.container_12 .grid_4 {
	width: 300px;
}

.container_12 .grid_5 {
	width: 380px;
}

.container_12 .grid_7 {
	width: 540px;
}

.container_12 .grid_8 {
	width: 620px;
}

.container_12 .grid_10 {
	width: 780px;
}

.container_12 .grid_11 {
	width: 860px;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
#footer {
	width: 940px;
	height: 60px;
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	margin-bottom: 10px;
	margin-top: 50px;
}

#header {
border-bottom:1px dotted #999999;
height:80px;
margin-bottom:30px;
margin-top:10px;
}

/* `End Containers
----------------------------------------------------------------------------------------------------*/

h1 {
font-family : "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
font-size : 24px;
line-height : 27px;
font-variant : normal;
font-weight : bold;
letter-spacing : -1px;
color : #999999;
padding-bottom : 18px;
margin-top: 15px;


}
h2 {
font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
font-size:10px;
font-weight:bold;
letter-spacing:2px;
padding:0 0 5px;
text-decoration:none;
text-transform:uppercase;
color : #999999;
}

h3 {
margin: 5px 0 2px 0;
font-family : "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-size : 13px;
line-height : 18px;
font-weight : bold;
color : #999999;
}

#nav_container {
background-repeat: repeat-x;
position: relative;
margin-bottom: 10px;
height: 25px;
border-bottom: 1px dotted #999999;

}

#nav {
position: absolute;
z-index: 100;
left: 0px;
top: 0px;
}

#menu {
padding-left : 0px;
height : 20px;
float : left;

}
#menu li {
list-style : none;
float : left;
margin: 0px 15px 0px 0px;

}

#menu a {
border-bottom:medium none;
color:#FF8811;
display:block;
float:left;
font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
font-size:10px;
font-weight:bold;
letter-spacing:2px;
padding:0 0 5px;
text-decoration:none;
text-transform:uppercase;
}

#menu p {
float : left;
display : block;
color : #000000;
font-family : "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-size : 12px;
font-weight : bold;
text-decoration : none;
height : 20px;
}
#menu a:hover, #menu .active, #menu a:focus, #menu a:active {
color : #999999;
background: none;
border-bottom: 2px solid #ff8811;}
  
.delicious-posts { width: 290px; font-family: sans-serif;padding-bottom: 0.25em; font-size: 85%;}.delicious-posts ul, .delicious-posts li, .delicious-banner { margin: 0; padding: 0}.delicious-post { border-top: 1px solid #eee; padding-bottom: 0.5em; padding-top: 0.5em; font-size: 11px }.delicious-odd { background-color: #f8f8f8 }.delicious-banner a { font-size: 80% }.delicious-posts a:hover { text-decoration: underline }.delicious-posts a { text-decoration: none; color: #a15426; display: block; padding-bottom: 0.25em; padding-top: 0.25em; }.delicious-post a { color: #ff8811 }



#twitter_div a {
font-family : "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-size : 11px;
line-height : 15px;
font-style : normal;
font-variant : normal;
color : #ff8811;
border: none;
}

#twitter_div ul {
font-family : Georgia, Times, serif;
font-size : 12px;
line-height : 15px;
font-style : italic;
font-variant : normal;
font-weight : normal;
text-decoration : none;
color :  #676767;
padding-top : 5px;
list-style-type: none;
}

#twitter_div li {
background-image:url(images/bubble_220.png);
margin-bottom:15px;
padding:5px 5px 35px 8px;
}

.siderule {
	height:30px;
	border-bottom:1px dotted #999999;
}
.sidespace {
	height:12px;
}
#work-listing{
	margin:55px 0px 0px 0px;
	padding:0px;
}
#project-row{
	margin: 0px 0px 20px 0px;	
}

#project-thumb img{
	padding: 10px 0px 10px 0px;
	margin: 5px 0 10px 0;
	opacity:0.9;
	filter:alpha(opacity=90);
}
#project-thumb h2 {
	padding: 15px 0px 0px 0px;
}
#project-thumb h2 a{
	cursor:pointer;
}
#project-thumb p {
	font-size: 10px;
	line-height:14px;
}
#s6 { width: 620px; height: 450px; }
#s6 div { width: 600px; height: 400px;  color: #333; text-align: left; font-size: 16px; }
#s6 div img { float: left; margin-bottom: 20px; width: 620px; height: 380px; background: #fff; -moz-box-shadow:0 0 8px #000000;  }
#s6 div, #s7 div { top: 0; left: 0; }
#s6 h3 { font-family : Arial, Helvetica, Geneva, sans-serif; letter-spacing : -.5px; font-size: 15px; font-weight : bold; color : #999999; }
pre { text-align: left; overflow: visible; display:none; }
code { text-align: left; overflow: visible; display:none; }