@font-face {
    font-family: 'ChunkFiveRegular';
    src: url('fonts/Chunkfive/Chunkfive-webfont.eot?') format('eot'),
         url('fonts/Chunkfive/Chunkfive-webfont.woff') format('woff'),
         url('fonts/Chunkfive/Chunkfive-webfont.ttf') format('truetype'),
         url('fonts/Chunkfive/Chunkfive-webfont.svg#webfont90E2uSjN') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ==Reset - YUI 2 reset (modified to support html5)  -----*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym,span{
	border:0;
}
/* html5 */
section, article, aside, hgroup, header, footer, nav, dialog, figure, figcaption {
	display: block;
}

html {overflow-y: scroll;height: 100%;}

/* base.css, part of YUI's CSS Foundation - modified */
h1 {
	font-size:18px;  
}
h2 {
	font-size:16px; 
}
h3 {
	font-size:14px;  
}
h1,h2,h3 {
	margin:12px 0;
}
h1,h2,h3,h4,h5,h6,strong,b {
	font-weight:bold; 
}
abbr,acronym {
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	font-style:italic;
}
.ed blockquote,.ed ul,.ed ol,.ed dl,
blockquote.ed ,ul.ed,ol.ed,dl.ed {
	margin:1em;
}
.ed ol,.ed ul,.ed dl,
ol.ed,ul.ed,dl.ed {
	margin-left:2em;
}
.ed ol li ,ol.ed li {
	list-style: decimal outside;	
}
.ed ul li,ul.ed li {
	list-style: disc outside;
}
.ed dl dd,dl.ed dd {
	margin-left:1em;
}
th,td {
	padding:.5em;
}
th {
	font-weight:bold;
	text-align:center;
}
.ed caption ,caption.ed {
	margin-bottom:.5em;
	text-align:center;
}
.ed p,p.ed,fieldset,table {
	margin-bottom:1em;
}

/* ==custom base */
body {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	background-color: #c11a1b;
	color: white;
	background:-webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0, rgb(252,96,5)),
		color-stop(0.5, rgb(191,23,29)),
		color-stop(1, rgb(252,96,5))
	);
	background:-moz-linear-gradient(
		left center,
		rgb(252,96,5) -20%,
		rgb(191,23,29) 50%,
		rgb(252,96,5) 120%
	);
}
a {font-weight: bold;}
a:link, a:active, a:visited, a:hover{text-decoration:underline;color:#053245}
a:hover{text-decoration:none;color:#053245}

small{font-size:10px;}
big{font-size:14px;}
input, textarea {padding: 2px;font-size: 13px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
table{width: 100%;}
table th, table td{padding: 4px;text-align: left;vertical-align: top;}
table th{font-weight: bold;font-size: 11px;}

hr {width: 100%;height: 6px;background-color: #576e1a;border: 0px solid white;color: #576e1a;clear: both;}

dl.aligned.center > dt {display:inline-block;font-weight:bold;padding-bottom:8px;padding-right:6px;text-align:right;vertical-align:top;width:20%;color:white;}
dl.aligned.center > dd {display:inline-block;padding-bottom:8px;width:76%;margin-left:0;}

.lte7 dl.aligned.center > dt {display:inline-block}
.lte7 dl.aligned.center > dt {display:inline}
.lte7 dl.aligned.center > dd {display:inline-block}
.lte7 dl.aligned.center > dd {display:inline}

/* ==Tools */
.clear {clear: both;}
.clearfix{overflow:auto;}
.hide{display:none !important;}
.show{display:block !important;}

.spr{display:inline-block;vertical-align:text-top;text-indent:-9999px;text-align:left;vertical-align:middle;}
.lte7 .spr{text-indent:0}
a.spr-parent{vertical-align:text-top}
a.spr-parent:hover{text-decoration:none;cursor:pointer}

.spr{background: transparent url(images/icons-sprite.png) no-repeat top left;}
.spr.sprite-icon-soc-facebook { background-position: 0 0; width: 24px; height: 24px; } 
.spr.sprite-icon-soc-flickr { background-position: -74px 0; width: 24px; height: 24px; } 
.spr.sprite-icon-soc-linkedin { background-position: -148px 0; width: 24px; height: 24px; } 
.spr.sprite-icon-soc-twitter { background-position: -222px 0; width: 24px; height: 24px; } 

/* body */
/*
c3122f red
e6e7e8 grey
4b8196 steel blue
7bd3f7 cyan-ish
053245 dark blue
*/

/* first level */
#container{min-height:500px;width: 412px;margin: 0 auto;}
#container > header h1{text-align: right;}
#container > header h1.erikphipps{font:50px/normal 'ChunkFiveRegular', Arial, sans-serif;letter-spacing: 0;color:white;text-shadow: 1px 1px 0px #000;}
#container > header h2{text-align:right;}
#container > header h2 em{color:white;font-weight: bold;}
#container > section {	padding:8px;margin-bottom:12px;background-color: #5FC2E6;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.21, rgb(123,210,247)),
		color-stop(0.68, rgb(95,194,230))
	);
	background:-moz-linear-gradient(
		center top,
		rgb(123,210,247) 21%,
		rgb(95,194,230) 68%
	);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6);-moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6);-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6);
	border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;
}
.lte8 #container > section{border:1px solid white;}
#container > section  h2{margin:6px 0;font-size: 18px;font-style: italic;font-weight: bold;color: #fff;text-shadow:0 1px 0 rgba(0, 0, 0, 0.5);}
#container > footer{padding:8px; margin:8px 0;text-align:center;}




/* components */
/* social networks list */
#social li{width: 49%;float:left;margin:4px 0;}
#social img{vertical-align: middle;}
.lte7 #content #social{margin-left: 0px;}

/* background controls */
#controls{margin:0 auto;padding:10px;width:400px;}
	.lte7 #controls #color-cubes{visibility:hidden;}

/* auxiliary menu */
#auxMenu{float:right;text-align:right;}

/* old browser messaging */
#old-browser{margin:4px auto;padding:10px;width:380px;background-color:white;color:#333;}

/* color cubes */
#color-cubes{float:left;margin-top:2px;}
#color-cubes .item{background-color:white;border:1px solid white;float:left;height:14px;margin:2px;overflow:hidden;text-indent:1000em;width:14px;cursor:pointer;}
#color-cubes .item:hover{border:1px dotted white;}
#color-cubes .item.selected{border-top:3px solid white;}

/* themes */
.theme-orange{
	background:-moz-linear-gradient(left center , #FC6005 -20%, #BF171D 50%, #FC6005 120%) repeat scroll 0 0 transparent;
	background:-webkit-gradient( linear, left top, right top, color-stop(0, #FC6005), color-stop(0.5, #BF171D), color-stop(1, #FC6005)) repeat scroll 0% 0% transparent;
}
.theme-cherry{
	background:-moz-linear-gradient(left center , rgb(195, 18, 47) -20%, rgba(195, 18, 47, 0.6) 50%, rgb(195, 18, 47) 120%) repeat scroll 0% 0% #000000;
	background:-webkit-gradient(linear,left top, right top, color-stop(0, rgb(195,18,47)), color-stop(0.5, rgba(195,18,47,.5)), color-stop(1, rgb(195,18,47))) repeat scroll 0% 0% #000000;
}
.theme-cyan{
	background: -moz-linear-gradient(left center , rgb(117, 207, 243) -20%, rgba(117, 207, 243, 0.6) 50%, rgb(117, 207, 243) 120%) repeat scroll 0% 0% rgb(0, 0, 0);
	background:-webkit-gradient(linear,left top, right top, color-stop(0, rgb(117,207,243)), color-stop(0.5, rgba(117,207,243,.5)), color-stop(1, rgb(117,207,243))) repeat scroll 0% 0% #000000;
}
.theme-verdant{
	background: -moz-linear-gradient(left center , rgb(12, 96, 5) -20%, rgba(12, 96, 5, 0.6) 50%, rgb(12, 96, 5) 120%) repeat scroll 0% 0% rgb(0, 0, 0);
	background:-webkit-gradient(linear,left top, right top, color-stop(0, rgb(12,96,5)), color-stop(0.5, rgba(12,96,5,.5)), color-stop(1, rgb(12,96,5))) repeat scroll 0% 0% #000000;
}
.theme-steel{
	background: -moz-linear-gradient(left center , #C6C7C8 -20%, rgba(198, 199, 200, 0.6) 50%, #C6C7C8 120%) repeat scroll 0 0 #000000;
	background:-webkit-gradient(linear,left top, right top, color-stop(0, rgb(198,199,200)), color-stop(0.5, rgba(198,199,200,.5)), color-stop(1, rgb(198,199,200))) repeat scroll 0% 0% #000000;
}
.theme-deepsky{
	background: -moz-linear-gradient(left center , rgb(20, 127, 234) -20%, rgba(20, 127, 234, 0.6) 50%, rgb(20, 127, 234) 120%) repeat scroll 0% 0% rgb(0, 0, 0);
	background:-webkit-gradient(linear,left top, right top, color-stop(0, rgb(20,127,234)), color-stop(0.5, rgba(20,127,234,.5)), color-stop(1, rgb(20,127,234))) repeat scroll 0% 0% #000000;
}
.theme-magenta{
	background: -moz-linear-gradient(left center , rgb(234, 20, 201) -20%, rgba(234, 20, 201, 0.6) 50%, rgb(234, 20, 201) 120%) repeat scroll 0% 0% rgb(0, 0, 0);
	background:-webkit-gradient(linear,left top, right top, color-stop(0, rgb(234,20,201)), color-stop(0.5, rgba(234,20,201,.5)), color-stop(1, rgb(234,20,201))) repeat scroll 0% 0% #000000;
}
.ie8 .theme-orange{background-color:#fc6005;}
.ie8 .theme-cherry{background-color:#c3122f;}
.ie8 .theme-cyan{background-color:#75cff3;}
.ie8 .theme-verdant{background-color:#0c6005;}
.ie8 .theme-steel{background-color:#c6c7c8;}
.ie8 .theme-deepsky{background-color:#147fea;}
.ie8 .theme-magenta{background-color:#ea14c9;}

#color-cubes .theme-orange{background:none;background-color:#FC6005;}
#color-cubes .theme-cherry{background:none;background-color: rgb(195, 18, 47);}
#color-cubes .theme-cyan{background:none;background-color:rgb(117, 207, 243);}
#color-cubes .theme-verdant{background:none;background-color:rgb(12, 96, 5);}
#color-cubes .theme-steel{background:none;background-color:#C6C7C8;}
#color-cubes .theme-deepsky{background:none;background-color:rgb(20, 127, 234);}
#color-cubes .theme-magenta{background:none;background-color:rgb(234, 20, 201);}







/* flickr favorites */
.flickr-favorites > li{float:left;display:block;margin:7px;}
.flickr-favorites > li a{border:1px solid white;display:block;}
.flickr-favorites > li a:hover{border:1px solid #333;}
.flickr-favorites > li a img{display:block;}

/* soundcloud */
.soundcloud-quotes > li {font-size: 12px;margin: 8px 0 8px 14px;text-indent: -14px;width: 96%;}
.soundcloud-quotes > li .quote-opening, .soundcloud-quotes > li .quote-closing{font-size:34px;font-family:Georgia;vertical-align:middle;color:white;line-height: 26px;}

/* footer tabs jquery ui overrides */
.footer-tabs.ui-widget-content{border: 0px solid white;background-color:transparent;}
.footer-tabs .ui-tabs-panel.ui-widget-content{background-color:#5FC2E6;min-height:80px;border: 0px solid white;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6);-moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6);-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6);
	background: -moz-linear-gradient(center top , #7BD2F7 21%, #5FC2E6 68%) repeat scroll 0 0 transparent;
	border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;
}
.footer-tabs.ui-tabs .ui-tabs-nav{padding-left:12px;border-width: 0;border-bottom:1px solid white;}
.footer-tabs.ui-tabs .ui-tabs-nav li{border-width: 0;}
.footer-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected{background-color:#7BD2F7;}
.footer-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected a{color:white;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);}

.more{
	text-align:right;
	margin-top:8px;
}
.ep-log  .item{
	padding:4px;
	border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;
	margin:18px 0;
}
.ep-log  .item .status{
	margin-bottom:4px;
}

.ep-log  .item .status-tag, .filter .filter-item{
	padding:0 4px;
	display:inline-block;
	border-radius:1px;-moz-border-radius:1px;-webkit-border-radius:1px;
	margin:0 12px 0 0;
	font-size:10px;
	color:white;
}
.filter .filter-item{
	cursor:pointer;
}
.filter .filter-item.filtered-out{
	text-decoration:line-through;
	color:#999;
	background-color:#f7f7f7;
}




.filter-bug,.status-bug{border:1px solid rgb(195, 18, 47);background-color:rgb(195, 18, 47);}
.filter-improvement,.status-improvement{border:1px solid rgb(117, 207, 243);background-color:rgb(117, 207, 243);}
.filter-feature,.status-feature{border:1px solid #FC6005;background-color:#FC6005;}
.filter-to-do,.status-to-do{border:1px solid rgb(12, 96, 5);background-color:rgb(12, 96, 5);}
.filter-completed,.status-completed{border:1px solid #C6C7C8;background-color:#C6C7C8;}
.filter-reset{border:1px solid rgb(234, 20, 201);background-color:rgb(234, 20, 201);}











.ep-log  .item:nth-child(2n+1){
	background-color:#f7f7f7;
}
.ep-log  .item.done{
	color:#999;
}

.ep-log .timestamp{color:#999;margin-bottom:0;}
.ep-log > h3{margin-top:0;}
.ep-log .details{}

button{cursor:pointer;}

button.micro{
	font-size:10px;
	padding:2px 4px;
	margin:4px;
	vertical-align:middle;
	border:1px solid white;
	background-color: #333;
	color:white;
	border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;
}
button.micro:hover{
	margin:2px 0px;
	padding:4px 8px;
}

	
#epLogBin{
	height:400px;
}