body						{ margin:0; padding:10px; background-color:#fff; }
div							{ float:left; font-family:"Lucida Grande", Tahoma, sans-serif; }
ul							{ padding:0px; margin:0px; float:left; }
li							{ padding:0px; margin:0px; float:left; list-style:none; }
img							{ border-width:0px; }
a							{ color:#000; text-decoration:none; font-weight:bold; }
a:hover						{ color:#09f; }
a.external					{ text-decoration:none; }
.unpublished				{ opacity:0.25; }
.text						{ font-size:13px; line-height:150%; }

h1, h2, h3					{ font-family:Helvetica, Arial, sans-serif; line-height:100%; margin:0; }
h1							{ font-size:24px; float:left; }
h2							{ font-size:16px; margin-bottom:10px; }
h3							{ font-size:13px; margin-bottom:20px; }

#container					{ width:320px; position:relative; left:0%; margin-left:0; }
.content					{ width:100%; margin-top:40px; }
.box						{ background-color:#f9f9f9; width:auto; border:1px solid #f4f4f4; border-radius:10px; -moz-border-radius:10px; }

#header						{ width:100%; margin-bottom:50px; }
#header ul					{ float:right; line-height:16px; }
#header li					{ margin-left:20px; }
#header li a				{ font-weight:normal; font-size:13px; }
#header li a.active			{ font-weight:bold; }
#header ul img				{ display:none; }

#banner						{ width:1000px; margin-bottom:70px; }
#banner .dots				{ width:100%; margin-top:5px; }
#banner .dots li			{ width:214px; margin-left:48px; text-align:center; }
#banner .dots li:first-child	{ margin-left:0; }
#banner .dots a				{ display:block; float:left; width:100%; cursor:default; color:#bbb; font-size:13px; font-family:Helvetica, Arial, sans-serif; font-weight:normal; }
#banner .dots a.activeSlide	{ color:#000; font-weight:bold; }

#filter						{ margin-bottom:40px; overflow:hidden; color:#666; width:100%; }
#filter h2					{ padding:15px; margin:0; float:left; font-weight:normal; }
#filter #clear				{ float:right; padding:15px; font-size:13px; color:#666; }
#filter #clear:hover		{ background-color:#f4f4f4; }
#filter #clear img			{ position:relative; margin-bottom:-2px; }
#filter #clear span			{ display:none; }

#work						{ width:100%; margin-bottom:20px; }
#work li					{ width:150px; height:170px; overflow:visible; margin:0 5px; margin-bottom:40px; }
#work li.clear				{ clear:left; margin-left:5px; }
#work li span				{ display:block; float:left; width:100%; text-align:center; }
#work li .img				{ margin-bottom:10px; height:150px; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; }
#work .title				{
	font-size:13px;
	font-family:Helvetica, Arial, sans-serif;
	text-align: left;
}
#work .tags					{ color:#888; margin-top:5px; font-size:9px; display:none; }
#work .tags a				{ color:#888; font-weight:normal; }
#work .tags a:hover			{ color:#09f; }

#project					{ width:100%; padding:0; }
#project #info				{ width:100%; margin:0; }
#project #info div			{ margin:0; margin-bottom:20px; width:100%; }
#project .tags, #project .tags a	{ color:#888; font-size:13px; font-weight:normal; line-height:140%; }
#project .tags a:hover		{ color:#09f; }
#project #nav				{ color:#555; display:block; float:left; margin-top:10px; width:100%; text-align:center; background-color:#f9f9f9; border:1px solid #f4f4f4; white-space:nowrap; border-radius:5px; -moz-border-radius:5px; }
#project #nav span			{ display:inline-block; padding:5px; }
#project .arrow				{ display:inline-block; padding:5px 7px; float:left; }
#project .arrow:last-child	{ float:right; }
#project .arrow:hover		{ background-color:#f4f4f4; }
#project #nav a				{ color:#555; }
#project #nav a:hover		{ color:#000; }
#project ul					{ width:100%; }
#project li					{ width:100%; margin-bottom:10px; text-align:center; }
#project li img				{ display:block; width:100%; height:auto; }
#project ul.alt				{ width:100%; }
#project ul.alt li			{ width:auto; margin:1px 0; }
#project ul.alt img			{ width:100%; }
#project #mobile			{ display:block; width:100%; }
#project #addthis, #project #info .tags, #project #info #nav	{ display:none; }

#addthis a					{ display:block; float:left; padding:0; margin-right:10px; background-color:#eee; }
#addthis a:hover			{ background-color:#444; }

#pager						{ width:100%; text-align:right; font-size:14px; }
#pager a					{ padding:0px 10px; }

#tags						{ padding:0; padding-bottom:0px; width:100%; }
#tags #sort					{ font-size:11px; margin-bottom:40px; width:100%; color:#aaa; display:none; }
#tags #sort a				{ padding:4px 10px 5px 10px; display:inline-block; font-size:13px; font-family:Helvetica, Arial, sans-serif; margin:0 10px; color:#666; font-weight:bold; -webkit-border-radius:5px; -moz-border-radius:5px; }
#tags #sort a:hover			{ color:#222; }
#tags #sort a.active		{ color:#222; background-color:#eee; }
#tags #sort a.active:hover	{ color:#222; cursor:default; }
#tags #featured				{ display:inline-block; float:right; }
#tags img					{ position:relative; margin-bottom:-1px; }
#tags li					{ width:100%; }
#tags li ul, #tags li li	{ width:100%; font-size:15px; line-height:200%; }
#tags a						{ font-weight:normal; white-space:nowrap; display:block; float:left; padding:10px 0; width:100%; border-bottom:1px solid #eee; text-indent:10px; }
#tags li:last-child li:last-child a	{ border-bottom:none; }
#tags li span				{ color:#aaa; font-size:9px; }
#tags a:hover span			{ color:#bdf;}
#list_123, #list_top, #list_mob	{ display:none; }

#about div					{ width:100%; margin-left:0; margin-bottom:40px; }
#about div:first-child		{ margin-left:0; }
#about h2					{ font-size:15px; }

#lists						{ width:100%; margin-top:0; }
#lists h3					{ color:#666; margin:15px; }
#lists div					{ width:100%; padding:0; margin-bottom:30px; font-size:11px; font-weight:bold; }
#lists ul, #lists li		{ width:100%; line-height:200%; font-size:13px; color:#888; font-weight:normal; text-indent:15px; }
#lists li a					{ font-weight:normal; }

#footer						{ width:100%; margin-top:20px; padding:20px 0px; border-top:0 solid #eee; font-size:9px; }
#footer div					{ width:50%; }
#footer #facebook			{ display:none; }