@charset "utf-8";

body {background:transparent repeat;}

#jamm-header{position:absolute;z-index:100000;left: 0; right: 0;top:35px;height:86px; background:url('/image/jamm/header/overlay_bg.png') repeat-x top left; overflow:hidden; width:100%;}
#jamm-header.expanded {height:86px; border-bottom: none;}
#jamm-header.collapsed {height:28px; border-bottom: 1px solid rgba(100,100,100,.5);}
#jamm-header .wrapper a{color:#32c6f7;}
#jamm-header ul{list-style-type:none;}

#jamm-header.collapsed #jamm-info img, #jamm-header.collapsed #jamm-info #jamm-score, #jamm-header.collapsed #jamm-utils, #jamm-header.collapsed #jamm-pager {display: none;}
#jamm-header.collapsed #jamm-info {margin: 0; width: 100%; border: none;}
#jamm-header.collapsed #jamm-info .wrapper {margin: 0; padding: 5px; text-align: center;}
#jamm-header.collapsed #jamm-info .wrapper span {line-height: 2;}
#jamm-header.collapsed #jamm-info h1#jamm-title {background: url('/image/icons/j-mark.png') no-repeat top left; padding: 2px 2px 3px 33px; display: inline;}

#jamm-header #jamm-more, body.preview-mode #jamm-header .wrapper span#jamm-more {display: none;}
#jamm-header.collapsed .wrapper span#jamm-more {line-height: normal; background: url('/image/jamm/header/arrow_over.png') no-repeat 0 2px; padding-left: 15px; display: block; position: absolute; right: 7px; top: 9px; color: #eee; font-size:10px; font-weight: bold; font-family: Arial,Verdana,sans-serif;}

#jamm-header #jamm-info{font-size:10px;color:#ddd;float:left;width:40%; margin: 12px 0 0 12px; min-width: 400px; border-right: 1px solid rgba(128,128,128,.5); position: relative;}
#jamm-header #jamm-info img{margin:0 7px 0 0;}
#jamm-header #jamm-info h1 {font-size:14px;font-style: italic; color:white; min-height: 14px;}
#jamm-header #jamm-info .wrapper {margin: 0 65px;}
#jamm-header #jamm-info #jamm-score {background: url('/image/icons/star_16.png') no-repeat top left; padding-left: 20px; position: absolute; top: 0; right: 10px;}
#jamm-header #jamm-info #jamm-score h3 {font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-weight: normal;}
#jamm-header #jamm-info #jamm-score span {font-size: 0.9em; color: #bbb;}
#jamm-header #jamm-utils {position:relative; float: left; margin: 11px 0 8px 0; width:40%; padding: 8px;}
#jamm-header #jamm-utils li {float:left; margin:0 4px;}
#jamm-header #jamm-utils li span, #jamm-header #jamm-utils li a {background: url('/image/bevels/large-up.png') repeat-x top left; text-align: center; color: white;}
#jamm-header #jamm-utils li span:active, #jamm-header #jamm-utils li a:active {background: url('/image/bevels/large-down.png') repeat-x top left;}

#jamm-header #jamm-utils ul {position: absolute; left: 40%;}

#jamm-header #jamm-utils li.fav span {}
#jamm-header #jamm-utils li.fav span:hover {background-color: #ef69b9;}
#jamm-header #jamm-utils li.unfav span {}
#jamm-header #jamm-utils li.unfav span:hover {background-color: #1b75bc;}

#jamm-header #jamm-utils li.edit span {}
#jamm-header #jamm-utils li.edit span:hover {background-color: #e8e700; color: black;}
#jamm-header #jamm-utils li.new span:hover, #jamm-header #jamm-utils li.new span:active {background-color: #00bf78;}
#jamm-header #jamm-utils li.new span {min-width:35px;}
#jamm-header #jamm-utils li.delete span
#jamm-header #jamm-utils li.flag a {}
#jamm-header #jamm-utils li.delete span:hover, #jamm-header #jamm-utils li.delete span:active, #jamm-header #jamm-utils li.flag a:hover, #jamm-header #jamm-utils li.flag a:active {background-color: #ff3f45;}

#jamm-header #jamm-utils li.loading span, #jamm-header #jamm-utils li.loading span:hover {width: 35px; text-indent: -999em; background: #ccc url('/image/spinners/loading_35-ccc.gif') no-repeat center center; border-color: white;}

#jamm-header span.button, #jamm-header a.button {padding:12px;}

#jamm-header #jamm-pager {position:absolute;right:15px;top:20px;}
#jamm-header #jamm-pager li {float: left;}
#jamm-header #jamm-pager li a {background: url('/image/jamm/header/pager.png') no-repeat top left; display: block; width: 39px; height: 39px; text-indent: -999em; overflow:hidden;}
#jamm-header #jamm-pager li.prev a {background-position: 0 0; outline:0;}
#jamm-header #jamm-pager li.next a {background-position: -39px 0; outline:0;}
#jamm-header #jamm-pager li.prev a:hover {background-position: 0 -39px;}
#jamm-header #jamm-pager li.next a:hover {background-position: -39px -39px;}
#jamm-header #jamm-pager li.prev a:active {background-position: 0 -78px;}
#jamm-header #jamm-pager li.next a:active {background-position: -39px -78px;}
#jamm-header #jamm-pager li.prev a.disabled {background-position: 0 -117px;}
#jamm-header #jamm-pager li.next a.disabled {background-position: -39px -117px;}

/*Jamm View*/
#jamm {clear:both;width:740px;margin:34px auto 46px auto;position:relative;}
#jamm #sections {background-position:top left;background-repeat:repeat-y;}
#jamm div.section {position:relative;}
#jamm div.media {min-height:100px;position:relative;float:left;width:100%;}
#jamm div.media a {text-decoration:underline;}

/*media items*/
/*#jamm div.inflow{float:left;clear:left;position:relative;}
*/
/*#jamm div.inflow div.content{}
*/
/*#jamm div.inflow div.content p:last-child{margin-bottom:0;}
*/

#jamm div.shadow{}

#jamm div.inflow{position:relative;}
#jamm div.inflow div.box{position:relative;}
#jamm div.inflow div.content{overflow:hidden;}
#jamm div.inflow div.content p:last-child{margin-bottom:0;}

#jamm div.text div.content {padding: 2px;}
#jamm div.text div.content p {color:inherit;}

#jamm div.absolute{position:absolute;}
#jamm div.absolute div.content{width:100%;height:100%;}

#jamm div.image div.content img {display:block; width:100%; height:100%; position:absolute;}

#jamm div.youtube.undefined {visibility:hidden;}
#jamm div.youtube div.content{overflow:hidden;width:100%;height:100%;background:#ccc url('/image/jamm/canvas/loading.png') no-repeat center center;}
/* For flashblock */
#jamm div.youtube div.content div{width:100%;height:100%;}
#jamm div.youtube div.content object{width:100%;height:100%;}
#jamm div.youtube div.content embed{width:100%;height:100%;}


/* Font Stuff */
span.font-1 {font-size: xx-small;}
span.font-2 {font-size: x-small;}
span.font-3 {font-size: small;}
span.font-4 {font-size: medium;}
span.font-5 {font-size: large;}
span.font-6 {font-size: x-large;}
span.font-7 {font-size: xx-large;}