html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/*****CHOPEH******/

p, ul, li {
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #666;
}
a:link, a:visited, a:active {
	color:#666666;
	font:12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a:hover {
	background:#E3067E;
	color:#FFF;
}
/**Main**/

body {
	background:#F7F9EE;
	font-family: Arial, Helvetica, sans-serif;
}
div.bar {
	width:100%;
	height:5px;
	background-color:#393935;
	clear:both;
}
h1 a {
	display:block;
	background-image: url(images/h1-chopeh-logo.gif);
	text-indent: -1000em;
	float:left;
	height: 97px;
	width: 157px;
	overflow: hidden;
	margin: 40px 69px 40px 71px;
}
h1 a:hover {
	background-image: url(images/h1-chopeh-logo.gif);
}
ul#nav {
	float:left;
	padding: 40px 0 10px 20px;
	border-left: 1px solid #E6E8DF;
}
ul#nav li a {
	font-size:13px;
	line-height:21px;
}
ul#nav li#current a {
	color:#E3067E;
	font-weight:bold;
}
ul#nav li#current a:hover {
	color:#FFF;
}
div#content {
	clear:left;
	width:1004px;
}
/** Work Posts**/

.workPost {
	background:#FFF;
	clear:both;
	overflow:auto;
	margin-bottom:20px;
}
.workImg {
	float:right;
	width:706px;
}
.workDetails h2, .contentDetails h2 {
	margin-bottom:10px;
	color:#666;
}
.workDetails h2 a, .workDetails h2, .contentDetails h2 {
	font-size: 13px;
	font-weight: bold;
	display:inline-block;
}
.workDetails p {
	margin-bottom:30px;
	font-size:11px;
	color:#858585;
}
.workDetails span a, .blogDetails span a {
	font-weight:bold;
}
/** Twitter **/

.twitter-timestamp {
	font-style:italic;
	color:#AEAEAE;
}
	
/**Blog Posts**/

.blogPost {
	background:#F9FBF3 url(images/faux-back.gif) repeat-y;
	clear:both;
	overflow:hidden;
	margin-bottom:20px;
}
.blogDetails, .workDetails {
	background:#fff;
	width:253px;
	padding:25px 25px 0 20px;
	float:left;
	text-align:right;
}
.blogDetails h2 a, .blogDetails h2 {
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #E3097E;
	margin-bottom:10px;
}
.blogDetails a:hover {
	color:#FFF;
}
.blogDetails p {
	font-size:30px;
	line-height: 28px;
	color: #F0F4DE;
	margin-bottom:30px;
}
.blogContent {
	margin: 25px 20px 10px 20px;
	width:666px;
	float:left;
}
.blogContent a, .contentCopy a{
	color:#E3067E;
}
.blogContent a:hover, .contentCopy a:hover{
	color:#FFF;
}
.blogContent p, .blogContent ul, .blogContent ol {
	padding-bottom:15px;
}
.blogContent li {
	clear:both;
	background:#FDFEFB url(images/bullet.gif) no-repeat 7px 15px;
	padding:6px 20px;
	margin: 2px;
}
blockquote p{
	font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	line-height:20px;
	border-left: 2px solid #E3097E;
	padding:5px 15px 0 15px;
	margin: 0 0 15px 0;
}
blockquote p:first-letter {
	font-size:25px;
}
.date {
	color:#ccc;
	font-size:10px;
	display:block;
	margin-bottom:15px;
}
.thumbLeft {
	float:left;
	margin-right:25px;
}
.linkBox {
	background-color:#FFF;
	clear:both;
	height:90px;
	margin-bottom:10px;
	padding-right:25px;
}
.linkBox h4 {
	margin-top:0px;
	font-weight:bold;
}
.wordpresspad {
	margin-top:15px;
	margin-bottom:15px;
}
.img-indent {
	margin-left:-20px;
}
.caption {
	width:160px;
	margin-left:-210px;
	text-align:right;
	float:left;
	font-size: 10px;
	color: #999;
}
.blogContent h1 {
	font-size: 17px;
	color: #666;
	margin-top: 25px;
	margin-bottom: 10px;
}
/*** Comments ***/

.commentlist li {
	background: url(images/faux-back.gif) repeat-y;
	clear:both;
	overflow:auto;
	margin-bottom:10px;
}
.commentWrapper {
	overflow:auto;
	margin: 25px 20px 10px 20px;
	width:666px;
	float:left;
}
.commentlist p {
	padding-bottom:15px;
}
.commentmetadata {
	width:253px;
	padding:15px 25px 15px 20px;
	float:left;
	text-align:right;
}
.commentmetadata .avatar {
	float:right;
	margin-left:15px;
}
.commentmetadata .author, .commentmetadata .author a:link, .author a:visited {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: none;
	display:block;
	margin-top:10px;
}
.author a:hover {
	color:#E3067E;
	background-color:#FFF;
}
.commentmetadata .date {
	color:#D7D7D7;
	font-size: 11px;
}
.commentBox {
	background: url(images/form-faux-back.gif) repeat-y left;
	overflow:auto;
	display:block;
	margin-bottom:10px;
}
.commentBox label {
	width:253px;
	padding:10px 25px 0 20px;
	text-align:right;
	display:block;
	clear:both;
	float:left;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #666;
}
.commentBox input, .commentBox textarea {
	float:left;
	border: 1px solid #DFDFDB;
	width:300px;
	font: 13px Arial, Helvetica, sans-serif;
	color: #666;
	background: #FFF;
	padding: 10px;
	margin-left:20px;
}
.commentBox input:focus, .commentBox textarea:focus {
	border:1px solid #B7B7AE;
}
.commentmetadata em {
	font-size:11px;
	display:block;
	color:#E3067E;
}
.commentBox #submit {
	width:145px;
	border:none;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #666;
	text-indent:-20px;
	background: #FFF url(images/next.gif) no-repeat 115px 10px;
}
.commentBox #submit:hover {
	background: #E3097E url(images/next-hover.gif) no-repeat 115px 10px;
	color: #FFF;
	cursor:pointer;
}
/*** Generic Content Box ***/

.contentBox {
	display:block;
	background:#F9FBF3 url(images/faux-back.gif) repeat-y;
	clear:both;
	overflow:auto;
	padding:25px 0 10px 0;
	margin-bottom:20px;
}
.contentDetails {
	background:#fff;
	width:253px;
	padding:0 25px 0 20px;
	float:left;
	text-align:right;
}
.contentCopy {
	margin: 0 20px 0 20px;
	width:666px;
	float:left;
}
.contentCopy p {
	padding-bottom:15px;
}


/*** About Page ***/

.contentCopy h3 {
	font-size: 35px;
	line-height: 40px;
	font-weight: normal;
	color: #666;
	margin-top:-10px;
	margin-bottom:15px;
}
#stalk {
	margin-top:-10px;
}
#stalk li { /* IE7 Fix */
	float:left;
	width:auto;
}
#stalk li a {
	float:left;
	height:36px;
	text-indent: -1000em;
	overflow: hidden;
	background: url(images/sprite.gif) no-repeat;
	margin-right:25px;
}

#stalk .twitter a { width:116px; background-position: 0 0;}
#stalk .twitter a:hover { background-position: -116px 0;}

#stalk .lastfm a { width:103px; background-position: 0 -36px;}
#stalk .lastfm a:hover { background-position: -116px -36px;}

#stalk .facebook a { width:95px; background-position: 0 -72px;}
#stalk .facebook a:hover { background-position: -116px -72px;}

#stalk .flickr a { width:76px; background-position: 0 -108px;}
#stalk .flickr a:hover { background-position: -116px -108px;}

#stalk .behance a { width:89px; background-position: 0 -144px; margin-right:0px;}
#stalk .behance a:hover { background-position: -116px -144px;}

/*** Footer ***/

#footerLinks {
	margin-top:25px;
	padding: 25px 0 25px 20px;
	margin-bottom:25px;
	width:600px;
	border-left: 1px solid #E6E8DF;
	float:left;
	position:relative;
}
#footerLinks li a {
	float:left;
	height:36px;
	text-indent: -1000em;
	overflow: hidden;
	background: url(images/sprite.gif) no-repeat;
	margin-right:25px;
}
.WP, .FW, .MT, .HTML {
	width:auto;
	float:left;
}
#footerLinks .WP a{width:27px; background-position: 0 -180px;}
#footerLinks .WP a:hover{background-position: -116px -180px;}

#footerLinks .MT a{width:42px; background-position: 0 -216px;}
#footerLinks .MT a:hover{background-position: -117px -216px;}

#footerLinks .FW a{width:23px;background-position: 0 -252px;}
#footerLinks .FW a:hover{background-position: -116px -252px;}

#footerLinks .HTML a{width:42px;background-position: 0 -288px;}
#footerLinks .HTML a:hover{background-position: -116px -288px;}

/*** Contact ***/

.contact {
	display:block;
	width:277px;
	float:left;
	text-align: right;
	margin-top:60px;
	margin-right:20px;
	font-size: 14px;
}
.contact a {
	font-weight:bold;
	font-size:14px;
}
#ava h4 {
	font-size:13px;
}
#ava .on h4 {
	color:#E3067E
}
#ava .on p {
	color:#666;
}
#ava li {
	float:left;
	width:200px;
	margin-right:33px;
	color: #D1D3CD;
}
#ava li, #ava li p {
	color: #D1D3CD;
}
#ava li.last {
	margin-right:0px;
}
h5 {
	font-size:150px;
	color: #E3067E;
}


/*** Navigation ***/
.navigation {
	margin-left:298px;
}
.navigation a span {
	display:block;
	padding:10px;
	border:none;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #666;
}
.navigation a span:hover {
	color: #E3097E;
	cursor:pointer;
}
.navigation a span.previous {
	
	background: #FFF url(images/prev.gif) no-repeat 7px 10px;
	width:100px;
	text-indent:15px;
}
.navigation a span.next {
	background: #FFF url(images/next.gif) no-repeat 95px 10px;
	width:100px;
}