/* Custom stylesheet */
/* If you want to leverage motion2 styles, just add @import url("../motion2/style.css"); */
@import url("../motion/style.css");

/* Easily overridable classes that are assigned to the right places in the DOM */

/* chesterfrench */

/* #debug-toolbar { display: none; } */

/* ilovemetric */

/* assigned to body tag */
.design-background {
    background: #020202 !important;
}
.design-compose-background {
	background: #020202 !important;
}
/* assigned to #header #header-name a */
.design-logo {
    height: 65px !important;
    width: 216px !important;
    background: url(images/metric-logo-blue.gif) no-repeat left 0 !important;
    display:block;
}

#header #header-name{
    padding-top:15px;
}

#entry-fields p{
    font-size:1.5em;
    color:#fff;
}

.audio .progress{
    background-color:#777 !important;
}
/* assigned to #content */
.design-content-color {
    color: #fff;
    background: transparent !important;
    margin-top: -3px !important;
    border: none !important;
}
/* assigned to #content */
.design-content-font {
	font-family: Verdana, sans-serif;
}
/* assigned to #content */
.design-content-border {
    border-color: transparent !important;
}
/* applied to headings */
.design-highlight-color {
	font-family: helvetica, sans-serif !important;
	text-transform: uppercase;
    color: #555 !important;
}

#content { 
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
}

#alpha {
	_margin-left: 10px;
}

#featured-member-compose #compose {
	_width: 580px;
	_margin-right: 0;
}

a:link, a:visited {
	color: #33CCFF;
	text-decoration: none;
}

a:active, a:hover {
	color: #33CCFF;
	text-decoration: none;
}

#header { padding: 5px 0 0 0; }

#header-inner { position: relative; }

.widget-sign-in {
    color: #fff !important;
    float:right;
    font-size:12px;
    padding-top:20px;
    right:20px;
    top:6px;
}

#header .widget-sign-in a { 
    color: #fff !important;
    font-size:12px;
}

.widget-sign-in .separator {
padding-left:5px;
padding-right:5px;
}

/* nav */


#global-nav {
  text-align : right;
  position: absolute;
  right: 0;
  bottom: 13px;
  }

#global-nav a {
  text-decoration : none;
  font-weight : bold;
  margin-left : 15px;
  font-size: 14px;
  color: #33CCFF;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  }


button {
	background: #020202 !important;
	border: #33CCFF 2px solid !important;
	color: #33CCFF !important;
	cursor: pointer;
}

button:hover {
	background: #33CCFF !important;
	color: #000 !important;
}

button.button-delete,
button.button-delete:hover {
    background: transparent url(images/cross.png) !important;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    padding: 0;
    background-color: transparent;
    border: none !important;
}

button.button-delete:hover {
	background-position: 0 -17px !important;
}

#compose { width: 590px; }

#featured-member-compose { margin-bottom: 20px; }

#user-compose-friends-inner {
	background: transparent !important;
	border: none !important;
}

#compose-inner { 
	background: #202020 !important;
	border: none !important;
}

#compose-prompt {
	font-family: helvetica, sans-serif !important;
	font-size: 22px;
	text-transform: uppercase;
    color: #fff !important;
}

#entry-types li a {
	background-image: url(images/post-types.gif) !important;
	_position: relative;  /* trigger hasLayout in IE6 so they don't disappear */
}

#entry-types li a .hint {
	background: #33CCFF !important;
	color: #000 !important;
}

#entry-types li a .hint .tip {
	background-image: url(images/post-types-tooltip.png) !important;
}

#form-compose input.fi { color: #555; }

#form-compose .ta { 
	border-color: #000;
	border-width: 2px;
	margin: 0 auto !important;
	text-align: left;
}

#user-compose-friends form.submit-wrapper button {
	position: relative;
	z-index: 3;
}

#compose .submit-wrapper { text-align: center; float: none; }

#friends { width: 290px; }

#friends .summary .count { color: #fff; }

#friends .widget-following .userpic,
#friends .widget-followers .userpic { 
	width: 32px !important;
	height: 32px !important;
	overflow: hidden;
	font-size: 9px;
	background: #666;
}

#friends .widget-following .userpic a,
#friends .widget-followers .userpic a { color: #000 !important; }

h1 { color: #ffff00; }

h2, h3 { border-color: #555; border-style: solid; }
#beta h2, #beta h3 { padding: 15px 0 2px 0; color: #555; }

.featured-member .actions h2, .user-profile .actions h2, .members-list #page-title, .error-page #page-title  {
	font-family: helvetica, sans-serif !important;
	font-size: 26px;
	font-weight: bold;
	text-transform: uppercase;
    color: #555;
    border-bottom: 1px solid #555;
    padding: 0 0 2px;
}
 
.error-page #page-title  { margin-top: 40px; }
 
#page-title .range {
	font-family: Verdana;
	text-transform: none;
	font-size: 14px;
	color: #333;
	padding-left: 10px;
}

#nav { 
	border-bottom: 0;
	top: -33px !important;
}

#nav ul {
	background: transparent;
}

#nav li a { 
	background-color: #000 !important;
	color: #33CCFF !important;
	border: #33CCFF 2px solid !important;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	filter: none !important; /* more special treatment for IE */
}

#nav li a:hover { 
	color: #000 !important;	
	background: #33CCFF !important;
}

#nav li.current a { background: #33CCFF !important; color: #000 !important; border-color: #33CCFF; }

.actions ul { margin-left: 0; }

.member-listitem { 
	background: #020202;
	border: none !important;
	border-top: #303030 1px solid !important;
	width: 268px;
	width: 258px !msie;
	padding: 10px;
}

.member-listitem:hover { 
	background: #0C0C0C;
}

.member-listitem .userpic { float: left; margin: 0; }

.member-info { height: 65px; margin-top: 0 !important;}

.member-info p { font-size: 90%; }

.asset .userpic { margin-top: 0px; margin-left: 10px; padding-top: 10px; }

.asset .asset-content {
	color: #fff;
	margin-right: 24px;
	margin-bottom: 0;
/* 	margin-top: 0; */
}

.asset .asset-inner { margin-left: 80px; }
.asset .asset-header { margin-top: 0; }
.user-profile .asset .asset-content, .user-profile .asset .asset-meta { margin-left: 15px !important; }
.asset .asset-body { margin-right: 20px; }

.asset, .asset.admin { border: 0; border-left: #303030 1px solid; background: #0c0c0c; }
.asset.admin { border-color: #606060; }


#alpha .asset h1 a, #alpha .asset h2 a {
	color: #33CCFF;
	font-family: Verdana, sans-serif;
}

.hover,
.noscript .asset-meta,
.hover .asset-meta,
.user-profile .asset-meta {
    color: #fff;
}
.noscript .asset-meta a,
.hover .asset-meta a,
.user-profile .asset-meta a {
	color: #33CCFF !important;
} 


.comments-header,
.comments-open-header {
	font-family: helvetica, sans-serif;
	text-transform: uppercase;
	font-size:18px;
	color: #fff;
}

.comment-content { background: url('images/comment-bg.png') no-repeat left top !important; }
.comment-by-author .comment-content { background: url('images/comment-bg-highlight.png') no-repeat left top !important; }

.comment-content-inner { 
	background: #020202 !important;
	border-top: #ffffff 1px solid !important;
	border-right: #ffffff 1px solid !important;
	border-bottom: #ffffff 1px solid !important;
}

.comment-by-author .comment-content-inner { 
	border-top: #ff00ff 1px solid !important;
	border-right: #ff00ff 1px solid !important;
	border-bottom: #ff00ff 1px solid !important;
}

#comment-submit {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 14px;
}

#comments-form { margin-left: 0 !important; }
#comments-form textarea {
	width: 450px;
	border: 2px #000 solid;
}

#beta .widget-content {
	background: #020202 !important;
	border: #515151 1px solid !important;
	padding: 10px;
	margin: 0 !important;
}

#beta .widget-typepad-frame .widget-content { border: #515151 1px solid !important; background: #202020 !important; }

#beta .widget-ad .widget-content {
	border-width: 0 !important;
	padding: 0 !important;
}

.members ul li, .widget-followers ul li, .widget-following ul li { 
	margin: 0 5px 5px 0;
}

.widget-elsewhere .service-icon { background: #fff; border: 1px #fff solid; }

#beta .widget { margin-bottom: 20px; }

#beta .widget-player .widget-content,
#beta .widget-download .widget-content {
	padding: 0 !important;
	border: none !important;
}

#beta .widget-player {
	margin-bottom: 40px;
}

.widget-typepad-frame .widget-content {
	margin: 0 !important;
	padding: 0 !important;
}

/* entry type tab sprites */
.asset .icon {
    background-image: url('images/post-type-tabs-flat.gif');
    height: 32px;
    width: 23px;
    background-position: 0 -224px;
    background-repeat: none;
    margin-left: 1px;
    position: absolute;
	left: auto;
	right: 0;
    top: 25px !important;
}
.asset .icon-post { background-position: 0 0 }
.asset .icon-photo { background-position: 0 -32px }
.asset .icon-link { background-position: 0 -64px }
.asset .icon-audio { background-position: 0 -96px }
.asset .icon-video { background-position: 0 -128px }
.asset .icon-embed { background-position: 0 -128px }
.asset .icon-comment { background-position: 0 -160px; top: 0 !important; }
.asset .icon-favorite { background-position: 0 -192px; top: 0 !important; }

.asset .asset-meta .favorite-action,
.asset .asset-meta .favorite-count {
    background-image: url('images/favorite-stars.gif');
}

.asset .asset-meta .favorite-count {
	padding-top: 0;
	padding-right: 20px;
	height: 16px;
	color: #333300;
	text-align: right;
}

.asset .asset-meta .comment-count {
	background-image: url('images/comments.png');
}

#nav ul:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}

.widget-content:after{
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.widget-content {
    display: inline-block;
}
/* no ie mac \*/
* html .widget-content {
    height: 1%;
}
.widget-content {
    display: block;
}

ul.graphic li a, ul.graphic li a.sm2_link { background-color: #333 !important; border-color: #333 !important; }
ul.graphic li a.sm2_paused:hover, ul.graphic li a.sm2_link:hover { background-color: #393939 !important; border-color: #393939 !important; }
ul.graphic li a.sm2_playing, ul.graphic li a.sm2_playing:hover { background-color: #444 !important; border-color: #444 !important; }

.user-profile .profile-header { margin-bottom: 25px; }
.profile-header-content h1 { font-family: helvetica, sans-serif; color: #fff; }
.profile-data li { color: #ddd; }

#beta .admin-options { background-color: transparent; padding: 0 10px; border-color: #222; }
#beta .admin-options h3 { font-family: helvetica, sans-serif; color: #555; }

#compose label { color: #555; padding-bottom: 3px; }
#entry-fields .field { margin-left: 5px; }
#entry-fields em { padding-top: 5px; }

.widget-ad { display: none; }

#footer { margin-left: 20px; }

.old_forum { text-align:center; margin-top:20px;}

.footer-small { font-size:11px;}

.comment .controls button, .asset .controls button{ padding:0;}