/*
   application.css
   trunk
   
   Created by People Design on 2008-10-16.
   Copyright 2008 People Design. All rights reserved.
*/


body          { background-color:#333333;background-image:url('../images/bg.gif');
                background-repeat:repeat-x;font-family:"Helvetica Neue", helvetica,Arial,sans-serif;
                  margin:0;padding:0;text-align:center; }
h1            { font-size:20px;color:#666666;font-weight:normal;margin:0 0 10px; }
h2            { font-size:40px;font-weight:lighter;line-height:40px; }
a             { color:#127ba6;text-decoration:underline; }
a:hover       { text-decoration:none; }
p             { margin:0;}
img           { border:0; }
ul, li        { margin:0;padding:0; }
.large        { font-size:18px; }
.space        { margin-top:20px !important; }
.rtspace      { margin-right:10px !important; }
.clear        { clear: both; }
.gray         { color:#ccc !important; }
.rightText    { text-align:right; }
.rightMargin  { margin-right:10px; }

/* HEADER */
h3.artists_home     { margin-bottom:0;}
.header             { height:75px;margin:0 auto;text-align:left;width:850px; }
.headerWithMargin   { margin:0 30px;width:790px; }
.logo               { float:left;margin:30px 0 0; }
.nav                { float:right;margin:38px 0 0; }
.nav li             { background-image:url('../images/tab_bg.gif');float:right;list-style-type:none;margin:0 0 0 20px; }
.nav li.active      { background-color:#ffffff;background-image:none; }
.nav li a           { color:#333333;float:left;font-size:18px;padding:5px 10px;text-decoration:none; }
.nav li a:hover     { text-decoration:underline; }



/* CONTENT */
.topBG                { background-image:url('../images/top_rounded_bg.gif');
                        background-repeat:no-repeat;background-position:top;
                        height:22px;margin:0 auto;width:850px; }
.container            { background-color:#ffffff;background-image:url('../images/bottom_rounded_bg.gif');
                        background-repeat:no-repeat;background-position:bottom;
                        clear:both;color:#666666;font-size:12px;margin:0 auto;text-align:left;width:850px; }

.containerWithMargin  { margin:0 30px 30px;padding:0 0 30px;width:790px; }

/* SIGNUP PAGE */
h2.signup                 { margin:0;padding-top:120px;margin-bottom:10px;text-align:right; }
table.signup              { width:460px;float:right; }
table.signup label,
table.signup input        { font-size:20px; }
table.signup label        { font-weight:lighter; }
table.signup input.text   { width:300px; }
table.signup td.rightText { width:125px; }
td.submit_signup          { text-align:right; }
td.submit_signup input    { font-size:18px;margin-top:20px; }

/* TABLE ON ARTIST FRONT */
.unfollowedArtists                      { float:left;width:400px; }
.unfollowedArtists td                   { vertical-align:top; }
.unfollowedArtists td.plus              { width:50px;}
.unfollowedArtists td.plus img          { float:left;margin:10px 0 0;}
.unfollowedArtists td.albumArt          { width:70px;}
.unfollowedArtists td.albumArt img      { float:left;margin:0 0 20px;}
.unfollowedArtists td.albumInfo         {  }
.unfollowedArtists td img.albumArt      { height:50px;width:50px; }
.unfollowedArtists .artistName          { font-size:19px;line-height:20px; }
.quicksearch                            { margin-bottom:20px; }
.quicksearch .qs_input                  { color:#999;}

/* RECENT ALBUMS ON ARTIST FRONT */
.recentAlbums       { float:right;width:250px; }
.add_artist_btn     { margin-left:-3px;}
.recentAlbums h2    { margin-bottom:0px;line-height:1em; }
.recentAlbums ul,
.recentAlbums ul li { list-style-position: inside; }       


h1.artistShow           { padding-bottom:0px;margin-bottom:0;font-size:30px; }
ul.artistsAlbums,
ul.artistsAlbums li     { list-style-type:none;width:700px; }
ul.artistsAlbums li     { clear:both;float:left;margin-bottom:20px; }
ul.artistsAlbums li img { float:left;margin-right:20px; }