/* @override http://moly.me/moly.css */

/* @group main */

body {
	
	margin: 0px;
	padding: 0px;
	color: #3f423c;
	font: 10pt/14pt Georgia, "Times New Roman", Times, serif;
	background: #afab8f url(images/bodyBG.jpg) repeat-y 1010px;
}
#header {
	background-repeat: no-repeat;
	background-image: url(images/brandingHeader.jpg);
	height: 304px;
	width: 939px;
}

#content {
	width: 900px;
	margin-left: 55px;
	margin-top: 45px;
}

/* @end */

/* @group typography */

h1 {
	background: url(images/hr.gif) repeat-x 0 100%;
	font: bold 24px/36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 0;
	text-transform: lowercase;
	color: #312e18;
}

h2 {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	color: #fff7b8;
	font-size: 14px;
	letter-spacing: 4px;
	margin-top: 18px;
}

p {
}

.title {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 10pt;
}

.descriptor {
	font-style: italic;
	color: #696860;
	letter-spacing: .1em;
}

.carat, carat {
	color: #fff7b8;
	padding-right: 5px;
	padding-left: 5px;
}

p a, #links a {
	background-color: #b7b494;
	color: #312e18;
	text-decoration: none;
	border-bottom: 1px none #f8f7b8;
	border-top-style: none;
	border-left: 3px solid #d5d5b8;
	padding: 1px 4px;
}

p a:hover, #links a:hover {
	background-color: #d5d5b8;
	color: #312e18;
	text-decoration: none;
	border-bottom: 1px hidden #312e18;
	border-left: 3px solid #aeac8d;
}

/* @end */

/* @group content blocks */

.contentBlock {
}

#props {
	float: left;
	width: 288px;
}

.ie #props {
	padding-bottom: 30px;
}

/* @end */

/* @group #miniBio */

#miniBio {
	width: 830px;
	padding-top: 154px;
	padding-left: 91px;
	line-height: 24px;
}

#miniBio intro {
	font-size: 18px;
}

#miniBio img {
	float: right;
	top: -7px;
	position: relative;
}

#miniBio #resume {
	margin-top: 33px;
	margin-bottom: -30px;
	font-size: 14px !important;
}
#miniBio #credit {
	margin-top: 33px;
	font-size: 12px !important;
	
}



/* @end */

/* @group #work */

#work {
	width: 936px;
}

#work h1 {
	width: 900px;
}

#work #first {
	float: left;
}

#work .dsBig {
	background: url(images/dropShadow.gif) no-repeat 0 -1px;
	width: 432px;
	margin-left: -3px;
	padding-left: 3px;
	height: 290px;
	float: left;
	padding-right: 7px;
	margin-right: 29px;
	margin-top: 19px;
}

#work .dsSmall {
	background: url(images/dropShadowSmall.gif) no-repeat 0 -1px;
	width: 195px;
	margin-left: -3px;
	padding-left: 3px;
	height: 149px;
	float: left;
	padding-right: 12px;
	margin-bottom: 35px;
	margin-right: 27px;
}

.ie #work .dsSmall {
	padding-right: 9px;
}

a img {
	border: none;
}
#work .board img {
	padding-bottom: 5px;
	padding-top: 1px;
}
#work .board {
	width: 905px;
	margin-left: -4px;
	padding-left: 4px;
	margin-bottom: 75px;
	margin-top: 10px;
	background: url(images/boardShadow.gif) repeat-y 0 8%;
}
#work .b {
	background-image: url(images/boardShadowBottom.gif);
	background-repeat: no-repeat;
	background-position: -2px bottom;
	margin-left: -2px;
	padding-left: 2px;
}
#work .t {
	background-image: url(images/boardShadowTop.gif);
	background-repeat: no-repeat;
	background-position: -2px top;
	margin-left: -2px;
	padding-left: 2px;
}
#work .prj {
	font-size: 18px;
	font-style: italic;
	color: #252211;
	padding-left: 5px;
	background-color: #b7b494;
	margin-right: 36px;
	padding: 10px;
	border-left: 1px solid #fff5ab;
}
#work .info {
	text-align: left;
	margin-top: -6px;
	margin-left: 0;
	padding-left: 10px;
	border-left: 1px solid #696860;;
}
#work ttl {
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 2px;
	color: #696860;
}
#work dsc {
	font-size: 12px;
	color: #56554f;
}
#work .long {
	width: 90%;
	line-height: 22px;
	//font-size: 12px;
}
/* @end */

/* @group #properties */

#properties {
	width: 432px;
	float: left;
	margin-right: 36px;
}

.ie #properties {
	margin-right: 33px;
}

#properties p {
	float: left;
	vertical-align: 100%;
	margin-top: 7px;
}
#properties img {
	clear: none;
	float: left;
	margin-left: -8px;
	margin-bottom: 0;
	padding-right: 10px;
	padding-top: 0;
	padding-bottom: 9px;
}
#properties tr {
	
}

ul.navigation {
	list-style-type: none;
}
ul.navigation a {
	display:block;
	text-decoration:none;
	height: 90%;
	padding-left: 178px;
	padding-top: 40px;
	color: #312e18;
}
ul.navigation a:hover {
	color: #d5d5b8;
}
ul.navigation li {
	height: 165px;
	background: url(images/propMK.jpg) no-repeat;
	position: relative;
	left: -45px;
}
ul.navigation li#truthAndSoul {
	background: url(images/propTS.jpg) no-repeat;
}
ul.navigation li#projectUnify {
	background: url(images/propPU.jpg) no-repeat;
}
ul.navigation li#mikAndYim {
	background: url(images/propMK.jpg) no-repeat;
}
ul.navigation li#pissedOffDesigner {
	background: url(images/propPOD.jpg) no-repeat;
}
#properties .title {
	background-color: #b7b494;
}

/* @end */

/* @group #socialize */

#socialize {
	float: left;
	width: 432px;
}
#socialize p {
	margin-top: -8px;
	margin-bottom: 21px;
}
#socialize img {
	margin-right: 6px;
	position: relative;
	top: 6px;
	background: url(images/sBG.gif) no-repeat;
	width: 16px;
	height: 16px;
	padding: 2px 4px 8px;
	margin-bottom: -5px;
}
#socialize ul {
	margin-left: 18px;
	margin-top: -22px;
	padding-top: 10px;
	padding-left: 12px;
	padding-right: 0;
	color: #69686a;
	margin-bottom: 27px;
}
#socialize ul li {
	background-color: #c5c5a1;
	list-style-type: none;
	margin-bottom: 1px;
	padding: 8px;
}
#socialize ul a {
	color: #3f423c;
	text-decoration: none;
	background-color: #d2d3af;
	border-left: 3px solid #9a9973;
	padding: 1px 3px;
	//margin-left: 2px;
}
#socialize ul a:hover {
	background-color: #e9eac3;
	border-left: 3px solid #c5c5a1;
}
#socialize ul a.twitterLink {
	border: none;
	padding: 1px 2px;

}
#socialize time {
	color: #696e70;
	font-size: 10px;
	text-transform: uppercase;
}


/* @end */

/* @group #skillz */

#skillz {
	width: 576px;
	margin-right: 36px;
	float: left;
}

#skillz p {
	line-height: 8pt;
}

#skillz #col1 {
	float: left;
	margin-top: -18px;
}

#skillz #col2 {
	float: right;
	margin-top: -18px;
}

#col2 p {
	position: relative;
	bottom: 6px;
	right: 46px;
}

#col2 p img {
	top: -1px;
	position: relative;
	right: 6px;
	margin-bottom: -10px;
}

#col2 p span.rating {
	margin-right: 2px;
	position: relative;
	top: -9px;
}

/* @end */

/* @group #respect */

#links {
	width: 288px;
	float: right;
}

#links ul {
	list-style-type: none;
	text-indent: -25px;
	margin-top: -3px;
	font-size: 7pt;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#links ul li {
	margin-bottom: 10px;
}

#links a {
	font-style: italic;
	letter-spacing: .1em;
	font-size: 10pt;
	text-transform: none;
}



/* @end */

/* @group #footer */

#footer {
	float: left;
	color: #f8f7b8;
	width: 100%;
	margin-top: 35px;
	background: #807e6c url(images/footerBG.gif) repeat-x;
}
#footer h1 {
	background: url(images/hrFooter.gif) repeat-x 0 100%;
}

#footerContent {
	margin-top: 35px;
	width: 900px;
	margin-left: 55px;
	margin-bottom: 89px;
}
#footer .title {
	color: #cccaa5;
	font-size: 11px;
}
#footer input {
	width: 235px;
	height: 18px;
}
#footer textarea {
	width: 415px;
	height: 173px;
}
#footerContent h2 {
	color: #312e18;
}
#footerContent #intro {
	float: right;
	margin-bottom: 0;
	margin-left: 0;
	width: 403px;
}
#footerContent #intro li {
	list-style-type: lower-alpha;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: .3em;
}
#footerContent a {
	border: none;
	padding: 0;
}
#intro p a img {
	border: none;
	background-color: #807e6c;
	margin-left: -8px;
}


#footerContent form {
	float: left;
	background-color: #706f61;
	padding: 13px 25px 25px;
	border: 1px solid #626356;
	margin-bottom: 50px;
}
/* @end */