/* @override http://milesmoves.com/css/styles.css */
/*
88                                                  88  
88                                                  88  
88                                                  88  
88,dPPYba,    ,adPPYba,    ,adPPYba,    ,adPPYb,d8  88  
88P'    "8a  a8"     "8a  a8"     "8a  a8"    `Y88  88  
88       d8  8b       d8  8b       d8  8b       88  ""  
88b,   ,a8"  "8a,   ,a8"  "8a,   ,a8"  "8a,   ,d88  aa  
8Y"Ybbd8"'    `"YbbdP"'    `"YbbdP"'    `"YbbdP"Y8  88  
                                        aa,    ,88      
                                         "Y8bbdP"       
Updated:	Updated: Monday, June 15, 2009
     By:	Miles' longsuffering sis-in-law, Jennie
*/
body {
	background: url(/images/content_bg.gif) repeat-y center;
	font: 62.5% "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: absolute;
	width: 100%; }
body, html { min-height: 100%; }
a{color:inherit;}
/* @group Layout */
body#performance div#primary {
	background: #fff url(/images/straight_boog.gif) no-repeat;
	padding-bottom: 1em;
	padding-top: 3.5em; }
body#whatis div#primary {
	background: #fff url(/images/para.gif) repeat-x 10px 0;
	padding-bottom: 3em;
	padding-top: 8em; }
body#workshops div#primary {
	background: #fff url(/images/miles_shoes.gif) repeat-x 5px -1px;
	padding-bottom: 1em;
	padding-top: 3.5em; }
div#background_buildings {
	background: url(../images/buildings_background.gif) repeat-x 20% 120px;
	height: 100%;
	left: 0;
	opacity: .9;
	  filter: alpha(opacity = 90);
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3; }
div#content {
	bottom: 0;
	margin:0 auto;
	min-height: 100%;
	padding-bottom: 3em;
	position: relative;
	width: 75em;
	z-index: 9; }
div#footer {
	background: #efee00;
	bottom: 0;
	clear: both;
	display: block;
	float: left;
	padding: 1em 0;
	position: absolute;
	width: 100%;
	z-index: 12; }
	div#footer ul {
		float: right;
		margin: 0;
		padding: 0; }
		div#footer ul li {
			float: left;
			margin: 0 1em 0 0; }
	div#footer p {
		float: left;
		padding: 0 1em; }
		div#footer a {
	color: #000;
}
div#gallery {
	background: #fff;
	float: left;
	padding: 1em; }
div#midground {
	background: url(../images/buildings_middleground.gif) repeat-x 50% 180px;
	left: 0;
	min-height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 5; }
div#miles {
	background: url(../images/miles_faber.png) no-repeat 10% 18em;
	top: 0;
	float: left;
	left: 0;
	
	min-height: 100%;
	position: absolute;
	width: 100%;
	z-index: 5; }
div#nav {
	float: left;
	position: relative;
	text-transform: uppercase;
	top: 0;
	width: 33em;
	z-index: 300; }
	div#nav p {
		display: inline;
		font-size: 4em;
		line-height: 1.2em;
		padding: 4px; }
		div#nav p strong {
			background: #000;
			color: #fff;
			font-weight: normal;
			padding: 2px 10px; }
	div#nav ul {
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
		width: auto; }
		div#nav ul li {
			background: #000;
			clear: both;
			display: inline;
			float: left;
			font-size: 3.4em;
			margin: 0;
			padding: 0; }
			div#nav ul li.performance { width: 110%; }
			div#nav ul li.whatup { width: 70%; }
			div#nav ul li.whatis { width: 90%; }
			div#nav ul li.workshops { width: 115%; }
			div#nav ul li a {
				background: #000;
				color: #fff;
				display: inline;
				float: left;
				padding-left: 14px;
				text-decoration: none; }
				div#nav ul li a.whatis:active,div#nav ul li a.whatis:hover {
					background: #fc832a;
					color:#fff; }
				div#nav ul li a.whatup:active,div#nav ul li a.whatup:hover {
					background:#c820cb;
					color:#fff; }
				div#nav ul li a.workshops:active,div#nav ul li a.workshops:hover {
					background:#dd1d24;
					color:#fff; }
				div#nav ul li a.performance:active,div#nav ul li a.performance:hover {
					background:#20f893;
					color:#fff; }
				div#nav ul li a:active,div#nav ul li a:hover:active {
					background-color: #efee00;
					color:#fff; }
				div#nav ul li a:hover, div#nav ul li a.current {
					background: #fff;
					color: #000; }
				div#nav ul li a span.nextline {
					font-style: italic;
					font-weight: bold; }
div#primary {
	float: right;
	margin-top: 1em;
	padding-bottom: 3em;
	position: relative;
	right: 0;
	width: 38.5em;
	z-index: 100; }
	div#primary.block { background-color: #fff; }
#primary p {
	clear: both;
	font-size: 1em;
	line-height: 1.4em;
	line-height: 1.7em;
	padding: 0 1em;
	font-size: 1.2em;
	line-height: 1.7em;
	float: left;
	width: 93%;
	padding: 0 1em;
}
#primary .post_body p {
		margin: 1em 0 0 0;
}
#primary .post_body a,
#primary .intro a
{
	color: #000;
}
#primary .post_body a:visited,
#primary .intro a:visited
{
	color: #444;
}
#primary div.intro div.workshop {
	clear: both;
	float: left;
	width: 100%;
	margin: 1em 0 0 0;
}
	#primary.block p:first-child {
		font-family: inherit;
		text-indent: 0;
	}
	div#primary .entry {
		background-color: #fff;
		float: left;
		padding: 0 0 1em;
		width: 100%; 
		margin-bottom: 2em;
		}
	
#flickr_badge_uber_wrapper {
	margin: 1em;
float: left;
width: 94%;
}
div#secondary.block {
	clear: left;
	display: none;
	float: left;
	overflow: hidden;
	padding: 1em;
	position: relative;
	width: 34em;
	z-index: 50; }
div#sidebar {
	clear: left;
	float: left;
	margin-top: 1em;
	position: relative;
	width: 30em;
	z-index: 9; }
div#sidebar div.tagcloud { float: left; }
div#sidebar ul {
		line-height: 1.7em;
		list-style: none;
		margin: 0; }
		div#sidebar ul li a {
			background-color: #1e1e1e;
			clear: left;
			color: #fcfcfc;
			float: left;
			line-height: 1.3em;
			margin: 0 0 1px 0;
			padding: 2px 4px;
			text-decoration: none; }
	div#sidebar div.tagcloud a:hover,
div#sidebar ul li.month a:hover {
		background-color: #efee00;
		color: #000; }
div#twitter_div {
	color: #000;
	float: left;
	margin:0;
	position: relative;
	right: 0; }
	div#twitter_div a {
		color: #6b1ec2;
		font-weight: bold;
		text-decoration: none;
		text-transform: lowercase; }
	div#twitter_div ul { list-style-type: none; }
		div#twitter_div ul li {
			font: 1em/1.8em "Courier New", Courier, mono;
			opacity: .9;
			  filter: alpha(opacity = 90);
			text-transform: none; }
div.post_footer span.tags strong a {
	color: #8e8e8e;
	float: left;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	border-bottom: solid 1px #ccc; }
div.profile {
	margin: 0;
	padding: 0; }
div.vcard {
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 6px 0 20px 0;
	padding-left: 1em; }
#footer p.greeting {
	background: #000;
	color: #fff;
	font-family: "Courier New", Courier, mono;
	font-weight: bold; }
	#footer p.greeting a
	{
	color: #fff;
}
hr {
	clear: both;
	float: left;
	width: 100%; }
/* @end */
/* @group Type */
#primary h1,
#primary h2.hed {
	clear: both;
	color: #2a2bfc;
	font: bold 1.6em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0 0 .5em 0;
	padding: 10px 10px 0 10px;
	text-transform: lowercase; }
	#primary h1.feature {
		color: #8e4cff;
		font-size: 3em;
		padding: .3em;
		text-align: right;
		text-shadow: #00ff05 1px 1px 2px; }
#sidebar h2 {
	color: #000;
	display: block;
	float: left;
	font-size: 1.1em;
	letter-spacing: .1em;
	margin: 2em 0 1em 0;
	padding: .4em;
	text-transform: uppercase;
	width: 100%; }
#sidebar h5 {
	background-color: #efee00;
	color: #000;
	font-size: 1.4em;
	font-variant: small-caps;
	line-height: normal;
	margin: 1em 0 0 0;
	padding: 0px 5px 4px 5px;
	text-transform: lowercase; }
span.tags strong {
	float: left;
	margin-right: 1em; }
#primary h1.feature span.boogaloo,
#primary h1.feature span.bboy,
#primary h1.feature span.hiphop {
			color: #6737ba;
			font-size: 1em;
			font-variant: small-caps;
			font-weight: bold;
			line-height: normal;
			white-space: nowrap; }
#primary span.interjection {
	background-color: #a44fee;
	border-bottom: 4px solid #51fee8;
	border-right: 4px solid #51fee8;
	color: #fff;
	display: inline;
	float: left;
	font: small-caps 2.4em "Courier New", Courier, mono;
	letter-spacing: 2px;
	margin-left: -14px;
	margin-right: -14px;
	margin-bottom: .4em;
	padding: 0 1em;
	padding: 3px 10px;
	text-transform: lowercase; }
div.date-text {
	font-size: .8em;
}
#primary p { clear: left; }
#primary.block .intro p:first-child {
	background-color: #fff;
	color: #000;
	font: 1.2em/1.4em "Courier New", Courier, mono;
	text-indent: 0}
	#primary.block .intro p
	{
	margin: 0 0 .5em 0;
}
#whatis #primary.block p
{
	text-indent: 1.5em;
}
#whatis #primary.block .intro p
{
	text-indent: 0;
}
.vcard span.fn { font-weight: bold; }
#workshops .vcard
{
	width: 50%;
	margin: 0 auto;
	display: block;
}
/* @end */

/* @group Links & buttons */
.profile a:hover {
	background-color: #e9ff31;
	color: #000; }
	#sidebar div.tagcloud a,
	#primary p a.more {
		background: #1e1e1e;
		color: #fff;
		float: left;
		margin: 0 1em 0 0;
		padding: 3px 7px;
		text-decoration: none; }


/* @end */
/* @group Posts */
/* @group comments */
#comments div.comment p.posted {
	float: left;
	margin: 0; }
#comments div.login {
	float: left;
	width: 50%; }
#comments div.previous_comment {
	float: left;
	width: 450px; }
	#comments div.previous_comment p {
		font-size: 1.1em;
		line-height: 1.5em;
		margin: 0 0 1em 0; }
		#comments div.previous_comment p.posted {
			float: right;
			margin: 0; }
	#comments div.previous_comment span.comment-body {
		background-color: #1f1f1f;
		color: #fff;
		float: left;
		margin: 0 0 1em 0;
		padding: 2%;
		width: 100%; }
		#comments div.previous_comment span.comment-body p.posted span.date {
			font-size: 1em;
			font-variant: small-caps;
			text-transform: lowercase; }
#comments h4 {
	color: #747474;
	font-size: .9em;
	font-style: italic;
	font-weight: normal;clear: both;
	margin-bottom: 1em; }
#comments h5 {
	clear: both;
	font-weight: bold;
	font: 1.2em "Courier New", Courier, mono;
	line-height: normal;
	margin: 0 0 .5em 0;
}
#comments input.submit {
	background: #73eea8;
	border: 0;
	clear: both;
	color: #000;
	cursor: pointer;
	float: left;
	font: 1.2em "Courier New", Courier, mono;
	letter-spacing: 3px;
	padding: 3px 8px;
	text-transform: lowercase; }
span.w {
	border: 4px solid #73eea8;
	float: left; }
#comments input.submit:hover {
		background: #444;
		color: #fff; }
#comments p.posted span.username {
	color: #73eea8;
	font-family: "Courier New", Courier, mono; }
#comments span.comment-body textarea {
	border: 1px solid #5cbf87;
	clear: both;
	color: #000;
	float: left;
	font: normal normal 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	height: 100px;
	line-height: 1.5em;
	padding: .5em;
	width: 450px; }
div#comments .login, div#comments .signup {
	float: left;
	margin: 0 1%;
	width: 48%; }
div#comments div.field_line {
	clear: left;
	float: left;
	width: 100%;
	margin: 0 0 .5em 0; }
	div#comments div.field_line label {
		float: left;
		font-family: "Courier New", Courier, mono;
		margin-top: .2em;
		width: 90%; }
div#comments input.text {
	background: #000;
	border: 0;
	color: #fff;
float: left;
width: 90%;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 1px;
	margin-bottom: 1em;
	padding: .5em;
}
div.comment-invite {
	float: right;
	padding-right: 1em; }
	div.comment-invite a { float: right; color: #444;}
#primary div#comments,
.messagebox.mtag  {
	background: #fff;
	clear: both;
	float: left;
	margin-left: 2em;
	padding: 1em;
	width: 470px;
	margin-bottom: 1.5em; }
	#primary div#comments h3 { clear: both; }
		#primary div.entry div.summary h2 a span.comment-count {
			font-size: 10px;
			font-style: normal;
			font-weight: normal; }
/* @end */
#primary div.entry div.meta {
float: left;
min-width: 30%;
	margin: 0;
	clear: both;
	}
	#primary div.entry div.meta a { color: #333; }
	
h3.date-slug.event span.date div.date-text span.to {
	font-weight: bold;
	font-size: .7em;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-variant: small-caps;
}
#primary div.entry div.meta h3.date-slug.event span.label {
font-size: 14px;
display: block;
font-weight: normal;
}
	h3.date-slug span.date {
	text-transform: uppercase;
	letter-spacing: 3px;
	font: normal 1.0em/1em "Courier New",Courier,mono;
}
h3.date-slug span.date span.date-num,
div.date-text {
display: inline;
}
h3.date-slug span.date span.day {
}
#primary div.entry div.summary div.post_footer div.date-slug,
	#primary div.entry div.summary div.post_footer span.tags {
		display: block;
				color: #7b7b7b;
		float: left;
		padding: 0 0 0 1em;
}
div.post_footer {
	float: left;
	clear: both;
	width: 100%;
	padding-top: 1em;
}
#primary div.entry div.summary h2,
#primary div.entry div.summary .meta {
	background: #0001fc;
	color: #fff;
	display: inline;
	float: left;
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0 0 0 -20px;
	opacity: .7;
	  filter: alpha(opacity = 70);
	text-transform: uppercase; }
	#primary div.entry div.summary .meta
	{ background-color: #006aef;}
	#primary div.entry div.summary h2 a,
	#primary div.entry div.summary .meta {
		float: left;
		color: #fff;
		padding: 3px 10px;
		text-decoration: none; }
		#primary div.entry div.summary h2 a:hover { background: #444; }
div.post_body {
}
#primary div.workshop h3 {
	background-color: #efee00;
	color: #000;
	display:inline;
	font: small-caps 2em "Courier New", Courier, mono;
float: left;
margin-bottom: .3em;
padding: 0 10px;	text-transform: lowercase; }
#article-listing {
	float: left;
	padding-bottom: 3em;
	width: 100%; }
	#article-listing ul li.year { background: #fff; }
		#article-listing ul li.year h4 {
			background-color: #b3dfa0;
			color: #245046;
			font-size: 1.4em;
			font-variant: small-caps;
			line-height: normal;
			padding: 0px 5px 4px 5px;
			text-transform: lowercase; }
	#article-listing ul li ul li.month {
		float: left;
		margin: 0 1%;
		width: 48%; }
/* @end */
/* @group Special boxes */
/* from Yari */
.messagebox.mtag {
	background: #fff;
	float: left;
	padding: 2%;
	 }
	.messagebox.mtag h3 {
		font-weight: bold;
		margin: 0 0 .2em 0; }
	.messagebox.mtag .mtag.wrapper {
		background:  #fff url(/images/yari/flickr.gif) no-repeat 10px 50%;
		float: left;
		padding: 10px 0 10px 9%;
		width: 91%; }
		.messagebox.mtag .mtag.wrapper input {
			float: left;
			margin: 0;
			padding: 4px !important;
			font-size: 1.2em;
			width: 50%;
			border: solid 1px #ccc;
			}
#primary .messagebox.mtag p {
	font-size: 1em;
	margin: 0 0 .2em 0; }
#primary div.col-a,
#primary div.col-b {
	float: left;
	width: 49%; }
#twitter_update_list li {
	display: block;
	margin-bottom: 1em;
	margin-right: 10px;
	padding-left: 10px; }
/* @end */
/* @group base */
/*
_______________________________
RESET */
*{margin:0;outline:none;padding:0;text-decoration:none;}
code,kbd,samp,pre,tt,var,textarea,input,select,isindex,listing,xmp,plaintext{font:inherit;white-space:normal;}
a,img,a img,iframe,form,abbr,acronym,object,applet,table,a abbr,a acronym{border-width:0;}
dfn,i,cite,var,address,em{font-style:normal;}
th,b,strong,h1,h2,h3,h4,h5,h6,dt{font-weight:normal;}
caption,th,td{text-align:left;}
html{background:white;color:black;font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;line-height:1;}
/* \*/
html{font-family:sans-serif;}
/* */
q{quotes:"\201C""\201D""\2018""\2019";}
ul,ol,dir,menu{list-style:none;}
sub,sup{vertical-align:baseline;}
/*
_______________________________
DISABLE DEPRECATED HTML */
font,basefont{color:inherit;font-size:100%;font:inherit;}
center,*[align]{text-align:inherit;}
s,strike,u{text-decoration:inherit;}
img{border:none;margin:0;}
ol{list-style-type:decimal;}
body{background-color:transparent;}
tr,th,td{background-color:transparent;border:none;height:auto;vertical-align:inherit;width:auto;}
table[border],#content table[border]{border-collapse:separate;border-spacing:0;}
nobr{white-space:normal;}
marquee{-moz-binding:none;overflow:visible;}
blink{text-decoration:none;}
/*
_______________________________
GENERAL */
html{font-size:125%;}
a{text-decoration:underline;}
strong,th,thead td,h1,h2,h3,h4,h5,h6,dt{font-weight:bold;}
cite,em,dfn{font-style:italic;}
code,kbd,samp,pre,tt,var,input[type='text'],input[type='password'],textarea{font-family:mono-space,monospace;font-size:100%;}
pre{white-space:pre;}
pre *{font-size:100%;white-space:pre;}
del{text-decoration:line-through;}
ins,dfn{border-bottom:1px solid black;}
small,sup,sub{font-size:85%;}
big{font-size:125%;line-height:80%;}
abbr,acronym{font-size:85%;letter-spacing:.1em;text-transform:uppercase;}
abbr[title],acronym[title],dfn[title]{border-bottom:1px dotted black;cursor:help;}
sup{vertical-align:super;}
sub{vertical-align:sub;}
blockquote{padding-left:2.2em;}
hr{display:none;/* We will re-reset it later for content */}
:lang(af),:lang(nl),:lang(pl){quotes:'\201E' '\201D' '\201A' '\2019';}
:lang(bg),:lang(cs),:lang(de),:lang(is),:lang(lt),:lang(sk),:lang(sr),:lang(ro){quotes:'\201E' '\201C' '\201A' '\2018';}
:lang(da),:lang(hr){quotes:'\00BB' '\00AB' '\203A' '\2039';}
:lang(el),:lang(es),:lang(sq),:lang(tr){quotes:'\00AB' '\00BB' '\2039' '\203A';}
:lang(en-GB){quotes:'\2018' '\2019' '\201C' '\201D';}
:lang(fi),:lang(sv){quotes:'\201D' '\201D' '\2019' '\2019';}
:lang(fr){quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a';}
*[lang|='en'] q:before{content:'\201C';}
*[lang|='en'] q:after{content:'\201D';}
*[lang|='en'] q q:before{content:'\2018';}
*[lang|='en'] q q:after{content:'\2019';}
input,select,button{cursor:pointer;}
input[type='text'],input[type='password']{cursor:text;}
input[type='hidden']{display:none;}
/*
_______________________________
CONTENT */
#content hr{border:none;display:block;height:1px;width:100%;}
#content ul{list-style:disc outside;}
#content ol{list-style:decimal outside;}
#content table{border-collapse:collapse;}
#content hr,#content p,#content ul,#content ol,#content dl,#content pre,#content address,#content table,#content form{margin-bottom:1.6em;}
#content fieldset{margin:1.6em 0;padding:1.6em;}
/* \*/
#content legend{padding-left:.8em;padding-right:.8em;}
/* */
/* for Opera 8 */
@media all and (min-width:0px){#content legend}
#content fieldset{margin-top:0;}
#content[class^='content'] fieldset{margin-top:1.6em;}
#content fieldset>*:first-child{margin-top:0;}
#content textarea,#content input[type='text']{padding:.1em .2em;}
#content input{padding:.2em .1em;}
#content select{padding:.2em .1em 0;}
#content select[multiple]{margin-bottom:.8em;}
#content option{padding:0 .4em .1em;}
#content button{padding:.3em .5em;}
#content input[type='radio']{bottom:-.2em;position:relative;}
#content dt{margin-bottom:.4em;margin-top:.8em;}
#content ul,#content ol{margin-left:2.2em;}
#content caption,#content form div{padding-bottom:.8em;}
#content ul ul,content ol ul,#content ul ol,content ol ol{margin-bottom:0;}
/*
_______________________________
END */
/*
* Tripoli is a generic CSS standard for HTML rendering. 
* Copyright (C) 2007 David Hellsing
* 
* http://devkick.com/lab/tripoli/
*
* You should have received a copy of the GNU General Public License
* along with this program. If not,see <http://www.gnu.org/licenses/>.
**/
/* @end */
/* @group Images */
.flickr_badge_image a {
	float: left;
		margin: 0 .5em .5em 0;
}
.flickr_badge_image a img
{
	border-right: 4px solid #f8e921;
	border-bottom: 4px solid #f8e921;
}
/* @end */