@charset "utf-8";

/*------------------------------------------------------------------

#333333 - Dark grey
#666670 - Blue grey
#454545 - Grey text
#EFEEDA - Light yellow
#5F9F24 - Green
#9f2424 - Red
 
------------------------------------------------------------------*/

/*RESETS AND DEFAULTS
------------------------------------------------------------------*/
*
{
 margin                    : 0;
 padding                   : 0;
}

body
{
 /*  background: #9ba3ae url('/frontend/images/anthology_takeover/main-bg.jpg') top center no-repeat; */
background                : #EFEEDA url('../images/background/2.png') top center no-repeat;
 color                     : #000;
 line-height               : 1.4;
 text-align                : center;
}

p,
dl, 
ol,
ul,
dl,
table
{
 margin-bottom             : 1em;
}

object,
embed
{
 display                   : block;
}

.replaced
{
 display                   : block;
 overflow                  : hidden;
 text-indent               : -5000px;
}

.hidden
{
 display                   : block;
 height                    : 0;
 left                      : -5000px;
 line-height               : 0;
 margin                    : 0;
 overflow                  : hidden;
 padding                   : 0;
 position                  : absolute;
 text-indent               : -5000px;
 width                     : 0;
}

hr
{
 display                   : none;
}


/*------------------------------------------------------------------
AJAX LOADER
------------------------------------------------------------------*/
#blocker 
{
 background                : white url('../images/interface/loading.gif') 955px 10px no-repeat;
 position                  : absolute;
 z-index                   : 1000000;
 min-height                : 30px;
}

/*------------------------------------------------------------------
TEXT
------------------------------------------------------------------*/
body,
textarea
{
 font-family               : Arial, Helvetica, sans-serif;
}

textarea.brief
{
 height                       : 5em;
}

body
{
 font-size                 : 62.5%;
}


#footer,
#wrapper,
#wrapper textarea
{
 /*12px*/
 font-size                 : 1.2em;
}

.lead,
legend
{
 /*24px*/
 font-size                 : 2em;
}

h1,
h2,
.lead,
legend
{
 color                     : #454545;
 font-family               : Georgia, Times New Roman, Serif;
 line-height               : 1.2em;
 margin-bottom             : 0.45em;
}

h1
{
 margin-bottom             : 0.3em;
}


/*------------------------------------------------------------------
LINKS
------------------------------------------------------------------*/
a
{
 color                     : #5fa024;
 cursor                    : pointer;
 text-decoration           : none;
}

a:focus,
a:hover,
a.focus
{
 color                     : #000;
}

/*
Currently unsupported.
CSS 3 Draft
a[rel="external"]
{
 target-new                : tab;
 target-position           : above;
}
*/

.key
{
 background-color          : #5fa024;
 color                     : #fff;
 border                    : none;
 font-size                 : 0.9em;
 font-weight               : 700;
 margin-right              : 0.5em;
 text-decoration           : none;
 text-transform            : uppercase;
}

a.key 
{
 display                   : inline-block;
 padding                   : 0.25em 0.5em;
}

input.key:hover,
button.key:hover
{
 cursor                    : pointer;
 color                     : black;
}

button,
input[name=button],
input[name=submit]
{
 padding                   : 2px 4px;
}

* html button
{
 width                     : auto;
 overflow                  : visible;
 padding                   : 2px 4px;
}


/*------------------------------------------------------------------
OBJECT ACTIONS
------------------------------------------------------------------*/

.object-actions 
{
 margin-bottom             : 1em;
}

.object-actions form
{
 display                   : inline;
}

.object-body p
{
 width                     : 474px;
}

.object-body p.lead
{
 width                     : auto;
}

/*------------------------------------------------------------------
HEADERS
------------------------------------------------------------------*/
h1
{
 /*40px*/
 font-size                 : 3.3em;
 font-weight               : 400;
}

h2
{
 /*24px*/
 font-size                 : 2em;
 font-weight               : 400;
}

h3
{
 /*13px*/
 font-size                 : 1.08em
}

h4,
h5,
h6
{
 /*12px*/
 font-size                 : 1em;
}

.section-head
{
 background                : white 0 55%; /*url(../images/interface/section.png) */
 color                     : #000;
 font-family               : Futura, Tahoma, Arial, Helvetica, sans-serif;
 font-size                 : 1em;
 font-weight               : 700;
 /*padding-left              : 18px;*/
 /*margin-bottom             : 1.6em;*/
 text-transform            : uppercase;
 display 					 : block;
 margin                      : 10px 0 0 0;
}

.section-head a {
color					:  #000;
}

.section .section-head {
	margin-bottom		: 1.5em;
}



/*------------------------------------------------------------------
IMAGES
------------------------------------------------------------------*/
img
{
 border                    : 0;
 display                   : block;
}

.showcase
{
 background                : url(../images/interface/canvas.gif) scroll top left;
 overflow                  : hidden;
 width                     : 100%;
 margin-bottom             : 0.5em;
}

.profile .showcase
{
 background                : white;
 padding-bottom            : 1em;
 margin-bottom             : 0;
}

.showcase .songs-thumb 
{
 font-size                 : 500%;
}

.social-bookmark 
{
 display                   : none;
}

.showcase img,
.showcase object,
.object-feature .video-thumb object
{
 border-right                 : 10px solid white;
}

.video-thumb
{
 position:relative;
}

.showcase object object,
.object-feature .video-thumb object object
{
 border-right                 : none;
}



/* Video thumbnail*/
a.video-thumb-icon  {
	display					  :  block;
}


.object-grid-level-1 .object a.video-thumb span.video-thumb-icon, .object-grid-level-1 .object a.films-thumb span.video-thumb-icon
{
background                   : url('../images/interface/video.png') no-repeat 10px 10px;
 height						  : 240px;
 width						  : 240px;
}

.object-grid-level-2 .object a.video-thumb span.video-thumb-icon, .object-grid-level-2 .object a.films-thumb span.video-thumb-icon
{
background                   : url('../images/interface/video.png') no-repeat 10px 10px;
 height						  : 192px;
 width						  : 192px;
}

.object-grid-level-3 .object a.video-thumb span.video-thumb-icon, .object-grid-level-3 .object a.films-thumb span.video-thumb-icon
{
background                   : url('../images/interface/video.png') no-repeat 10px 10px;
 height						  : 160px;
 width						  : 160px;
}

.object-grid-level-4 .object a.video-thumb span.video-thumb-icon, .object-grid-level-4 .object a.films-thumb span.video-thumb-icon
{
background                   : url('../images/interface/video.png') no-repeat 10px 10px;
 height						  : 120px;
 width						  : 120px;
}

.object-grid-level-5 .object a.video-thumb span.video-thumb-icon, .object-grid-level-5 .object a.films-thumb span.video-thumb-icon
{
background                   : url('../images/interface/video.png') no-repeat 10px 10px;
 height						  : 96px;
 width						  : 96px;
 
}


a.video-thumb span.video-thumb-icon, a.films-thumb span.video-thumb-icon {
 
 position                     : absolute;
 text-indent		          : -10000px;
}



------------------------------------------------------------------
STORES
------------------------------------------------------------------
.affiliate-store
{
 right                     : 0;
 bottom                    : 3px;
 position                  : absolute;
}

.affiliate-store label
{
 vertical-align            : text-bottom;
 text-transform            : uppercase;
}


.store-selection 
{
 list-style                : none;
 position                  : absolute;
 width                     : 231px;
 text-align                : right;
}

.store-selection li 
{
 display                   : inline;
}

.store-selection a 
{
 width                     : 22px;
 height                    : 13px;
 font-size                 : 1px;
 display                   : inline-block;
 background                : transparent 0 -13px no-repeat;
}

.store-selection .uk a 
{
 background-image          : url('../images/store/uk_icon.png');
}

.store-selection .us a 
{
 background-image          : url('../images/store/us_icon.png');
}

#wrapper .store-selection .active a
{
 background-position       : top left;
}

.stores 
{
 margin-top                : 2em;
 list-style                : none;
}


#wrapper ul.stores li
{
 float                     : left;
 width                     : 474px;
 padding                   : 1em 0 0;
}

.stores .section-head 
{
 margin-bottom             : 1em;
}

.stores li.odd
{
 margin-right              : 12px;
}

.stores li img
{
 display                  : inline;
}

/*------------------------------------------------------------------
TABLES
------------------------------------------------------------------*/
table
{
 border-collapse           : collapse;
}

th,
td
{
 border                    : none;
 padding                   : 2px;
}


/*------------------------------------------------------------------
LAYOUT
------------------------------------------------------------------*/
#wrapper
{
 /* NEW BACKGROUND CSS */
 background                : transparent url(../images/interface/wrapperLove.png) repeat-y scroll top left;
 /* background                : white url(../images/interface/wrapper.png) repeat-y scroll top left; */
 width                     : 1004px;
}

#wrapper,
#footer
{
 margin                    : 0 auto;
 text-align                : left;
}

#header,
#footer
{
 padding-left              : 22px;
 padding-right             : 22px;
}

#content
{
 margin                    : 0 10px;
 padding                   : 0 12px;
}

#navigation
{
 margin                    : 0 10px;
 padding                   : 2px 6px;
}

#header
{
 /* NEW BACKGROUND CSS */
 background                : url(../images/interface/headerLove.png) no-repeat scroll left top;
 /* background                : url(../images/interface/header.png) no-repeat scroll left top; */
 height                    : 63px;
 padding-top               : 22px;
}

#content
{
 margin-top                : 12px;
}

.split
{
 background                : url(../images/interface/section_grid.gif) repeat-y scroll -12px 0;
 width                     : 100%;
}

/*------------------------------------------------------------------
STICKY FOOTER
------------------------------------------------------------------*/
html, 
body 
{
 height                    : 100%;
}

#wrapper
{
 _height                   : 100%;
 min-height                : 100%;
}

#body
{
 padding-bottom           : 200px;
}

#footer
{
 overflow                  : hidden;
 height                    : 100px;
 margin-top                : -100px;
 width                     : 960px;
}

/*------------------------------------------------------------------
FOOTER
------------------------------------------------------------------*/
#footer
{
 /* NEW BACKGROUND CSS */
 background                : url(../images/interface/footerLove.png) no-repeat scroll left bottom; */
 /* background                : url(../images/interface/footer.png) no-repeat scroll left bottom; */
}

#footer p.created 
{
 text-align                : right;
 margin-bottom             : 0.25em;
 padding-top               : 1em;
}

#footer p.created a.logo { 
 background                : url('../images/interface/sapientnitro.gif') no-repeat 5px 0px; 
 padding-right             : 120px; 
 display                   : block; 
 float                     : right; 
 height                    : 40px; 
 margin-top                : -11px; }
 
#footer p.created a.logo span {
	display:  none;
}


/*#footer p.created img
{
 display                   : inline;
 margin-top				   : 10px;
 margin-right              : 2px;
}*/

#footer ul
{
 background                : #CCCCCC;
 list-style                : none;
 margin                    : 0;
 padding                   : 0.25em 10px;
}

#footer ul li
{
 display                   : inline;
}

#footer ul li,
#footer ul a
{
 color                     : #454545;
}


/*------------------------------------------------------------------
USER NAVIGATION
------------------------------------------------------------------*/
#user 
{
 float                     : right;
}

#user * 
{
 vertical-align            : middle;
}

#user form,
#user .identity
{
 display                   : inline;
}

#user form.user-login
{
 display                   : none;
}

#user label
{
 position                 : absolute;
 padding                  : 2px 5px;
 color                    : #454545;
 white-space              : nowrap;
 font-size                : 0.9em;
}

#user label.extra
{
 margin-top               : 2.25em;
 padding                  : 0;
}

#user button
{
 padding                  : 0 0.25em;
}

/*------------------------------------------------------------------
2.1 GRIDS
------------------------------------------------------------------*/

/*------------------------------------------------------------------
LEVEL 1 - CONTENT LAYOUT

To create a full width layout

 .extend
  .level-1 .primary
   ...

For a 3/4 and 1/4 layout
 
 .split
  .level-1 .primary
   ...
  .level-1 .aside
   ...

Each .level-1 can container can have a single .section OR should container... 

 .level-2 .wrapper-2 or .wrapper-3
  .container
   .section
------------------------------------------------------------------*/
.split .primary
{
 float                     : left;
 width                     : 717px;
}

.split .aside
{
 float                     : right;
 width                     : 231px;
}

/*------------------------------------------------------------------
LEVEL 2 - WRAPPERS
------------------------------------------------------------------*/
.level-2
{
 margin-left               : -12px;
 _position                 : relative;
}

.wrapper-4,
.extend .primary .wrapper-2
{
 width                     : 972px;
}

.extend .primary .wrapper-2 .wrapper-2
{
 width                     : 486px;
}

.wrapper-3
{
 width                     : 729px;
}

.section-primary
{
 background-color           : #ffffff; 
}

/*------------------------------------------------------------------
LEVEL 3 - CONTAINERS
------------------------------------------------------------------*/
.container
{
 float                     : left;
 margin-left               : 12px;
 _display                  : inline;
}

.split .primary .wrapper-3 .wrapper-2,
.extend .wrapper-2 .container
{
 width                     : 474px;
}

.wrapper-2 .container,
.wrapper-3 .container,
.wrapper-4 .container,
.extend .wrapper-2 .wrapper-2 .container
{
 width                     : 231px;
}

/*------------------------------------------------------------------
SECTIONS
------------------------------------------------------------------*/
.section
{
 background-color          : #fff;
 clear                     : both;
 padding-bottom            : 1px;
 zoom                      : 1;
}

.spotlight
{
 border-top                : 1px dotted #000;
 padding-top               : 0.8em;
}


/*------------------------------------------------------------------
PLAY LINKS
------------------------------------------------------------------*/
.showcase
{
 position: relative;
}

.showcase a.play:before
{
 content                   : "\25b6 ";
}

.showcase a.play
{
 text-transform            : uppercase;
 font-weight               : bold;
 position                  : absolute;
 margin                    : -2.5em 1em 1em;
}


/*------------------------------------------------------------------
MORE LINKS
------------------------------------------------------------------*/
.page-flip,
.more
{
 display                   : block;
 font-family               : Futura, Tahoma, Arial, Helvetica, sans-serif;
 font-weight               : bold;
 list-style                : none;
 margin                    : 0.5em 0 1em 0;
 text-align                : right;
 text-transform            : uppercase;
}
 
.more li
{
 margin                    : 0;
 padding                   : 0 0 0 0.5em;
 display                   : inline;
}

.grid .more a
{
 clear                     : both;
 display                   : block;
 float                     : right;
 text-decoration           : none;
}

.page-flip a:focus,
.page-flip a:active,
.page-flip a:hover,
.more a:focus,
.more a:hover,
.more a.active
{
 background-position       : right -17px;
}

.page-flip a,
.more a
{
 line-height               : 14px;
 background                : url('../images/more/more.png') right 3px no-repeat;
 padding-right             : 11px;
 height                    : 1.5em;
 width                     : 231px;
 background-color          : #fff;
}

.more a.less
{
 background-image          : url('../images/more/less.png');
}

.more a.play
{
 background-image          : url('../images/more/play.png');
}

.more a.edit
{
 background-image          : url('../images/more/edit.png');
}

.page-flip a.next,
.more a.next 
{
 background                : url('../images/more/next.png') no-repeat right 3px;
 padding                   : 0 11px 0 0;
}

.page-flip a.next:hover,
.more a.next:hover
{
 background-position       : right -16px;
}

.page-flip a.previous,
.more a.previous 
{
 background                : url('../images/more/previous.png') no-repeat 0 3px;
 text-align                : left;
 padding                   : 0 0 0 11px;
}

.page-flip a.previous:hover,
.more a.previous:hover  
{
 background-position       : 0 -16px;
}

.page-flip 
{ 
 margin                    : 1em 0;
 height                    : 1em;
 overflow                  : hidden;
 text-transform            : uppercase;
 font-size                 : 1.1em;
}

.page-flip .previous  
{
 float                     : left;
}

.page-flip .next 
{
 float                     : right;
}
/*------------------------------------------------------------------
HEADER
------------------------------------------------------------------*/
a#logo
{
 float                     : left;
}

/*------------------------------------------------------------------
NAVIGATION
------------------------------------------------------------------*/
#navigation
{
 background-color          : #4c4c4c;
 border-top                : 1px solid white;
}

.primary-nav,
.primary-nav li
{
 margin-bottom             : 0;
}

#wrapper .primary-nav li
{
 float                     : left;
 list-style-type           : none;
 height                    : 24px;
 overflow                  : hidden;
}

.primary-nav a
{
 text-indent               : -10000px;
 display                   : block;
 float                     : left;
 height                    : 24px;
 background                : url('../images/interface/navigation.png') top left no-repeat;
 min-width                 : 50px;
}

#home-tab a
{
 background-position       : -7px -3px;
 width                     : 56px;
}

#albums-tab a
{
 background-position       : -63px -3px;
 width                     : 71px;
}

#songs-tab a
{
 background-position       : -134px -3px;
 width                     : 64px;
}

#films-tab a
{
 background-position       : -198px -3px;
 width                     : 54px;
}

#video-tab a
{
 background-position       : -252px -3px;
 width                     : 58px;
}

#images-tab a
{
 background-position       : -310px -3px;
 width                     : 67px;
}

#memorabilia-tab a
{
 background-position       : -377px -3px;
 width                     : 115px;
}

#history-tab a
{
 background-position       : -492px -3px;
 width                     : 74px;
}

#article-tab a
{
 background-position       : -566px -3px;
 width                     : 75px;
}

#news-tab a
{
 background-position       : -641px -3px;
 width                     : 57px;
}

#user-tab a
{
 background-position       : -698px -3px;
 width                     : 103px;
}

#store-tab a
{
 background-position       : -801px -3px;
 width                     : 57px;
}


#home-tab.active a,
#home-tab a:hover
{
 background-position       : -7px -33px;
}

#albums-tab.active a,
#albums-tab a:hover
{
 background-position       : -63px -33px;
}

#songs-tab.active a,
#songs-tab a:hover
{
 background-position       : -134px -33px;
}

#films-tab.active a,
#films-tab a:hover
{
 background-position       : -198px -33px;
}

#video-tab.active a,
#video-tab a:hover
{
 background-position       : -252px -33px;
}

#images-tab.active a,
#images-tab a:hover
{
 background-position       : -310px -33px;
}

#memorabilia-tab.active a,
#memorabilia-tab a:hover
{
 background-position       : -377px -33px;
}

#history-tab.active a,
#history-tab a:hover
{
 background-position       : -492px -33px;
}

#article-tab.active a,
#article-tab a:hover
{
 background-position       : -566px -33px;
}

#news-tab.active a,
#news-tab a:hover
{
 background-position       : -641px -33px;
}

#user-tab.active a,
#user-tab a:hover
{
 background-position       : -698px -33px;
}

#store-tab.active a,
#store-tab a:hover
{
 background-position       : -801px -33px;
}

/*------------------------------------------------------------------
CLEARFIX
------------------------------------------------------------------*/
dl:after,
.clearfix:after
{
 clear                     : both;
 content                   : ".";
 display                   : block;
 height                    : 0;
 line-height               : 0;
 visibility                : hidden;
}

dl,
.clearfix
{
 display                   : inline-block;
}

html[xmlns] dl,
html[xmlns] .clearfix
 {
 display                   : block;
}

* html dl,
* html .clearfix
{
 height                    : 1%;
}


/*------------------------------------------------------------------
DEFINITION LISTS
------------------------------------------------------------------*/

dl dt
{
 float                     : left;
}

dl dd
{
 float: left;
 _float: none;
}

dl dt
{
 clear                     : left;
 font-weight               : bold;
 margin-right              : 0.5em;
}

dl dt:after
{
 content                   : ":";
}



/*------------------------------------------------------------------
FEED
------------------------------------------------------------------*/

ul.feed
{
 margin-bottom             : 0;
 background                : white;
 overflow                  : hidden;
}

div.feed,
ul.feed li
{
 list-style-type           : none;
 margin-bottom             : 0.8em; 
 width                     : 211px;
}

ul.feed li li
{
 background                : transparent;
 padding                   : 0;
}

ul.feed li ol li
{
 list-style-type           : decimal;
}

ul.feed li ul li
{
 list-style-type           : disc;
}

dl.feed 
{
 width                     : 211px;
 padding                   : 10px;
}

dl.feed dd blockquote
{
 width                     : 231px;
 margin                    : 0.5em 0;
 _margin-bottom            : 0;
}

div.feed,
div.facts,
ul.facts li,
ul.object-comments li,
ul.feed .text-thumb,
dl.feed
{
 background-color          : #efeeda;
 overflow                  : hidden;
}


div.facts,
ul.feed li,
ul.facts li,
ul.object-comments li
{
 padding                   : 10px 10px 1px;
}

.facts p, 
.facts h2 
{
 clear                     : left;
}

dl.feed blockquote:last-child,
dl.feed blockquote:last-child p:last-child
{
 margin-bottom             : 0;
}

ul.networks li 
{
 padding-top               : 1px;
}

ul.store li 
{
 padding                   : 0;
}

/*------------------------------------------------------------------
QUOTE TEXT
------------------------------------------------------------------*/
blockquote
{
 font-family               : Georgia, Times New Roman, Serif;
 font-size                 : 1.3em;
 line-height               : 1.2em;
 overflow                  : hidden;
}

blockquote.favourite 
{
 font-size                 : 2em;
 color                     : #454545;
 font-style                : italic;
}

blockquote p 
{
 margin-bottom             : 0.5em;
}

.quote
{
 font-size                 : 200%;
 vertical-align            : bottom;
 position                  : relative;
 top                       : 0.25em;
 font-style                : normal;
 
 _top                      : 0;
 _display                  : inline-block;
}

.start-quote
{
 padding-right             : 2px;
}

.end-quote
{
 padding-left              : 2px;
}
  
/*------------------------------------------------------------------
COMMENTS
------------------------------------------------------------------*/
.comments
{
 overflow                  : visible !important;
 padding-bottom            : 1em;
}

.comments .odd
{
 background-color          : #5fa024;
}

.comments .even
{
 background-color          : #357311;
}


.comments li.odd,
.comments li.even
{
 color                     : white;
 padding                   : 2em 10px 1em 70px;
 position                  : relative;
 margin                    : 0;
 width                     : 880px;
 
 _padding-top              : 1em;
}

.comments li.form
{
 padding-left              : 10px;
 width                     : 940px;
}

.comments li.comment form.reply
{
 margin                    : 0.5em 0 0 0;
 display                   : none;
}

.section .comments li.comment form.reply
{
 margin-left               : -58px;
 display                   : none;
}

.section .comments li 
{
 width                     : 151px;
}

.section .comments li.form
{
 width                     : 211px;
}

.comments li:first-child 
{
 padding-top               : 1em;
}

.comments abbr
{
 border-bottom             : 15px solid transparent;
 border-left               : 25px solid #5FA024;
 bottom                    : -15px;
 left                      : 10px;
 display                   : block;
 height                    : 0;
 position                  : absolute;
 width                     : 10px;
 z-index                   : 2;
}

.comments .even abbr
{ 
 border-left-color         : #357311;
}

.comments a
{
 color                     : white;
 text-decoration           : underline;
}

.comments .avatar
{
 border                    : 1px solid white;
 margin-left               : -60px;
 float                     : left;
}

.comments cite
{
 font-style                :normal;
}

.comments form textarea
{
 height                    : 5em;
 margin-bottom             : 0.5em;
 display                   : block;
}

.section .comments form textarea
{
 width                     : 209px;
}

.comments .actions
{
 list-style                : none;
 display                   : inline;
}

.comments .actions li
{
 display                   : inline;
 padding-right             : 0.25em;
}

.comments .actions .reply
{
 font-weight               : bold;
}

/*------------------------------------------------------------------
MUSIC PLAYER
------------------------------------------------------------------*/
#player-container 
{
 background                : black;
 display                   : none;
 height                    : 22px;
 overflow                  : hidden;
 margin                    : 0 10px;
}

#player-container.expanded 
{
 height                    : auto;
}

#player-container #player 
{
 display                   : inline-block;
 vertical-align            : top;
}

/*------------------------------------------------------------------
FILTER BOX
------------------------------------------------------------------*/
.filter 
{
 background                : #ccc;
 border-top                : 1px solid white;
 color                     : #454545;
 margin                    : 0 10px;
 padding                   : 4px 12px 5px;
 overflow                  : hidden;
}

.filter * 
{
 vertical-align            : middle;
}

.filter form {
 display: inline; 
}

.filter input[type=radio],
.filter input[type=checkbox] 
{
 vertical-align            : middle;
}

.filter .option
{
 display                   : inline;
 margin-right              : 12px;
}

.filter button
{
 margin-left               : -12px;
}

.filter label.heading
{
 color                     : #454545;
 display                   : none;
 text-transform            : uppercase;
}

.filter a.view 
{
 background                : url('../images/interface/view.png') top left no-repeat;
 display                   : inline-block;
 height                    : 19px;
 overflow                  : hidden;
 text-indent               : 1000px;
 vertical-align            : middle;
 width                     : 23px;
 margin-right              : 0.25em;
}
 
.filter a#view-text
{
 background-position       : -23px -38px ;
}
 
.filter a#view-grid
{
 background-position       : -46px -38px ;
}
 
.filter a#view-detail 
{
 background-position       : 0 -38px ;
}
 
.filter a#view-feature 
{
 background-position       : -69px -38px ;
}
 
.filter a#view-home 
{
 background-position       : -92px -38px ;
}
 

.filter a#view-text:hover
{
 background-position       : -23px 0 ;
}
 
.filter a#view-grid:hover
{
 background-position       : -46px 0 ;
}
 
.filter a#view-detail:hover
{
 background-position       : 0 0 ;
}
 
.filter a#view-feature:hover
{
 background-position       : -69px 0 ;
}

.filter a#view-home:hover
{
 background-position       : -92px 0 ;
}
 
#wrapper .filter a.active 
{
 cursor                    : default;
}
 
#wrapper .filter a#view-text.active 
{
 background-position       : -23px -19px ;
}
 
#wrapper .filter a#view-grid.active
{
 background-position       : -46px -19px ;
}
 
#wrapper .filter a#view-detail.active 
{
 background-position       : 0 -19px ;
}
 
#wrapper .filter a#view-feature.active 
{
 background-position       : -69px -19px ;
}

#wrapper .filter a#view-home.active 
{
 background-position       : -92px -19px ;
}
 
.filter button
{
 background                : transparent url('../images/interface/search.png') 50% 50% no-repeat;
 border                    : none;
 height                    : 24px;
 width                     : 24px;
 text-indent               : -10000px;
}
 
.filter a
{
 text-transform            : uppercase;
 color                     : #454545;
}
 
.filter .active a,
.filter a.active
{
 color                     : black;
 font-weight               : bold;
}
 
#wrapper .filter a:hover
{
 color                     : #5F9F24;
}
 
/*------------------------------------------------------------------
HISTORY LIST
------------------------------------------------------------------*/

.eras 
{
 list-style                : none;
 padding                   : 0;
 height                    : 3em;
}

.eras li
{
 display                   : block;
 float                     : left;
 overflow                  : hidden;
 border-right              : 1px solid #aaaaaa;
}

.eras li a
{
 height                    : 3em;
 line-height               : 3em;
 padding                   : 0 2em;
 display                   : inline-block;
}

.eras li.active a
{
 background                : #EFEEDA;
 color                     : #5F9F24;
}
 
/*------------------------------------------------------------------
MESSAGES
------------------------------------------------------------------*/
/* Message Holders */
 
.flash, 
.error
{
 margin                    : 0 10px;
 padding                   : 1em 12px 1px;
 color                     : white;
 border-top                : 1px solid white;
}

.flash
{
 background                : #5F9F24;
}

.error
{
 background                : #9f2424;
}
  
/*------------------------------------------------------------------
FORMS
------------------------------------------------------------------*/
form>dl
{
 margin                    : 0;
 padding                   : 0;
}

form>dl>dt
{
 padding                   : 0.85em 0 0 0;
 margin                    : 0 0 0 0;
}

form>dl>dd
{
 margin                    : 0;
 padding                   : 0.75em 0 0.75em 0;
}

form.formatted fieldset
{
 border                    : none;
 margin                    : 0.5em 0 1em 0;
 padding                   : 1em 0 0.5em 0;
 border-bottom             : 1px dotted #999;
}

form.formatted fieldset legend
{
 _margin-left              : -0.25em;
 display                   : block;
}

form.formatted dl dt
{
 margin-bottom             : 0.25em;
 text-transform            : uppercase;
 color                     : #454545;
 float                     : none;
 font-weight               : normal;
}

form.formatted dl dt:after
{
 content                   : "";
}

form.formatted dl dd
{
 margin-bottom             : 0.5em;
 min-height                : 2em;
 float                     : none;
}

form.formatted dl.columns
{
 margin                    : 0;
 padding                   : 0 0 0 11em;
}

form.formatted dl.columns dt
{
 padding                   : 0.85em 0 0 0;
 margin                    : 0 0 0 -11em;
 width                     : 10em;
 position                  : absolute;
}

form.formatted dl.columns dt:after
{
 content                   : ""; 
}

form.formatted dl.columns dd
{
 margin                    : 0;
 padding                   : 0.75em 0 0.75em 0;
 min-height                : 2em;
}
 
form.formatted dl.networks dt
{
 text-align                : right;
}
  
form.formatted .hint
{
 font-size                 : 0.9em;
 margin                    : 0.125em 0 0;
 color                     : #454545;
 text-transform            : none;
}

form.formatted .required label:after
{
 color                     : red;
 content                   : " *";
}

/*------------------------------------------------------------------
METADATA
------------------------------------------------------------------*/
.metadata
{
 font-size                 : 0.85em;
 margin                    : 0.5em 0 1em;
 color                     : #454545;
 padding                   : 0;
}

.metadata li,
.metadata dt,
.metadata dd
{
 display                   : inline;
 padding                   : 0;
 margin                    : 0;
}

dl.metadata dt:after
{
 content                   : ": ";
}

ul.metadata li:after,
dl.metadata dd:after
{
 content                   : ", ";
}

ul.metadata li:last-child:after,
dl.metadata dd:last-child:after
{
 content                   : "";
}  

/* Action Bar */

.action-bar
{
 margin                    : 0 0 1em;
 padding                   : 0.5em 0;
 list-style                : none;
}

.action-bar li
{
 margin-right              : 0.5em;
 padding-right             : 0.5em;
 _padding-right            : 0.25em;
 display                   : inline;
 border-right              : 1px solid #CCCCCC;
 text-transform            : uppercase;
}
 
.action-bar li:last-child
{
 border-right              : none;
}  

h1+.action-bar
{
 margin-top: -1.25em;
}
 
/*------------------------------------------------------------------
USER LEVELS
------------------------------------------------------------------*/
.stripe-1
{
 background                : url('../images/user/stripe_1.png') left 0 no-repeat;
 padding-left              : 24px;
}

.stripe-2
{
 background                : url('../images/user/stripe_2.png') left 0 no-repeat;
 padding-left              : 24px;
}

.stripe-3
{
 background                : url('../images/user/stripe_3.png') left 0 no-repeat;
 padding-left              : 24px;
}
 

/*------------------------------------------------------------------
DATE PICKER
------------------------------------------------------------------*/
.datepicker
{
 background                : url('../images/interface/datepicker.gif') 2px no-repeat;
 padding                   : 2px 2px 2px 20px;
}
.ui-datepicker-trigger
{
 padding                   : 0;
 background                : transparent;
}


/*------------------------------------------------------------------
USER UPDATE FORM
------------------------------------------------------------------*/

dl.networks input
{
 width                     : 40em;
}

dl.networks input.default
{
 color                     : #999;
}


/*------------------------------------------------------------------
AVATAR SELECTION
------------------------------------------------------------------*/ 
ul.avatars
{
 list-style                : none;
 margin                    : 0 0 0 -16px;
 padding                   : 0;
 width                     : 243px;
}
 
ul.avatars li
{
 float                     : left;
 padding                   : 0 0 16px 16px;
 height                    : 64px;
 width                     : 64px;
}

ul.avatars input
{
 vertical-align            : middle;
 position                  : absolute;
 margin                    : 4px;
}

ul.avatars img
{
 vertical-align            : middle;
 display                   : inline;
 border                    : 1px solid #666670;
}

form.formatted .avatar-selection
{
 float                     : right;
 width                     : 233px;
 padding                   : 1em 0;
 margin                    : 0 0 0 1em;
 overflow                  : hidden;
}

.avatar-selection .avatar
{
 margin-bottom             : 1em;
 display                   : none;
}

.avatar-selection button
{
 margin-bottom             : 1em;
}
   
/*------------------------------------------------------------------
AVATAR POPUP
------------------------------------------------------------------*/
.ui-dialog ul.avatars input
{
 display                   : none;
}

.ui-dialog ul.avatars li
{
 display                   : inline-block;
 margin                    : 0.5em;
 padding                   : 0;
}

.ui-dialog ul.avatars img
{
 cursor                    : pointer;
}

/* Collection page */

.collection-edit
{
 padding                   : 0;
 margin-left               : 1.5em;
}
 
.collection-edit li
{
 padding                   : 0.25em 0;
 margin                    : 0;
}

.sortable li {
 cursor                    : move;
}
 

/*------------------------------------------------------------------
COMMUNITY PAGE
------------------------------------------------------------------*/

.community-promo,
.community-promo .section {
 height                    : 280px;
}

.community-promo .section-head {
 margin                    : 3px 0 12px;
}

.profile .aside {
 background                : white;
}

.users
{
 list-style                : none;
 padding                   : 0;
 margin                    : 0;
 border-spacing            : 0;
}
 
.users .user
{
 width                     : 231px;
 height                    : 84px;
 display                   : block;
 float                     : left;
 margin                    : 0;
 vertical-align            : top;
 overflow                  : hidden;
}

.users .user .avatar
{
 margin                    : 10px;
 position                  : absolute;
 border                    : 1px solid #666670;
 overflow                  : hidden;
}

.users .user .avatar,
.users .user .avatar img
{
 width                     : 64px;
 height                    : 64px;
}

.users .user a
{
 padding                   : 10px 10px 10px 84px;
 height                    : 64px;
 display                   : block;
 position                  : relative;
}

.users .user form
{
 margin                    : -2.5em 0 0 84px;
 position                  : relative;
}

.feed ul.users li
{
 width                     : 231px;
 background-color          : white;
}

.community-links ul
{
 list-style                : none;
}

.community-links ul li
{
 padding                   : 3px 0 3px 0;
}

/*------------------------------------------------------------------
PRIVACY PAGES
------------------------------------------------------------------*/

.privacy ul, .privacy ol
{
 padding-left              : 20px;
}

/*------------------------------------------------------------------
MISC
------------------------------------------------------------------*/

/* Homepage Splash 09.09.09 */

#splashOverlay
{ 
	background             : #000 url('/images/splash/splashBg.gif') repeat-y center center;
	position               : fixed;
	top                    : 0;
	left                   : 0;
	width                  : 100%;
	height                 : 100%;
	display                : none;
	z-index                : 1000001
}

#splashOverlayCentered
{
 width                     : 960px;
 height                    : 500px;
 background-image          : url('/images/splash/splash.gif');
 position                  : absolute;
 top                       : 50%;
 left                      : 50%;
 margin                    : -250px 0 0 -480px;
}

#splashOverlaySiteLink { 
 display                   : block;
 position                  : absolute;
 top                       : 40px;
 left                      : 40px;
 width                     : 400px;
 height                    : 450px;
}

#splashOverlaySelect { 
 position                  : absolute;
 top                       : 433px;
 left                      : 677px;
 width                     : 180px;
 height                    : 30px;
}

#splashOverlaySelect select {
 width                     : 130px;
 position                  : absolute;
 top                       : 0px;
 left                      : 0px;
}

#splashOverlaySelect img {
 position                  : absolute;
 top                       : 0px;
 right                     : 0px;
 border                    : 1px solid #333;
}

#splashOverlayLandingLink {
 display                   : block;
 position                  : absolute;
 top                       : 462px;
 left                      : 610px;
 width                     : 220px;
 height                    : 30px;
}