/* Core elements */
body                    { margin: 0px; padding: 0px; background-color: #fff; font-size: 13px; color: #777;                     
                        font-family: Helvetica, Arial, Verdana, Sans-serif; line-height: 150%;
                        text-align: center; /* IE 6 hack for centering all content */ }
a, a:link, a:visited    { font-size: 13px; text-decoration: none; color: #00adef; font-weight: bold; }
a:hover                 { color: #00adef; text-decoration: underline; font-size: 13px; font-weight: bold; }
hr                      { border: 0; color: #e0e0e0; background-color: #e0e0e0; height: 1px; width: 100%; margin-top: 10px;
                        margin-bottom: 10px; text-align: left; }
img                     { border: 0px; }
a                       { outline: none; }


/* Layout elements */
#container              { width: 960px; background-color: #ffffff;
                        margin: 0px auto; text-align: left; /* IE 6 hack for centering all content */ 
                        margin-top: 10px; margin-bottom: 30px; }
                        
                        
/* Header elements */
#logo                   { padding-bottom: 10px; } 
#searchform             { float: right; }
#twitter			    { margin-left: 835px; margin-top: 30px; position: absolute; }
#twitter img		    { width: 130px; }
#nav                    { border-bottom: 1px solid #00adef; padding-top: 20px; padding-bottom: 20px; }
#secondnav              { height: 10px; }
#nav img                { padding-right: 10px; }
#messages               { padding-top: 10px; }
.message			    { font-size: 15px; font-weight: normal; width: 100%; color: #aaa9a6; float: left; }
.warning 			    { font-size: 15px; font-weight: normal; width: 100%; color: #ff9900; float: left; }
.success 			    { font-size: 15px; font-weight: normal; width: 100%; color: #009000; float: left; }
.error 				    { font-size: 15px; font-weight: normal; width: 100%; color: #900000; float: left; }
h1                      { font-size: 13px; font-weight: normal; }

/* Content elements */
#content                { font-size: 13px; line-height: 130%; min-height: 400px; }
#heading                { padding-bottom: 30px; }
#column1                { width: 545px; padding-right: 30px; float: left; } 
#column2                { width: 385px; float: left; } 
.small                  { font-size: 12px; font-style: italic; color: #c0c0c0;}
.large                  { font-size: 18px; font-weight: bold; color: #222; line-height: 20px; }
.clip                   { width: 200px; height: 180px; float: left; margin-right: 10px; margin-bottom: 10px; padding: 10px; 
                        -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #c0c0c0; }
.story                  { padding: 10px; }
.story_image            { width: 100px; float: left; }
.story_image img        { width: 100px; }
.story_text             { width: 250px; float: right; }
#shadow-container       { position: relative; left: 3px; top: 3px; margin-right: 3px; margin-bottom: 3px; }
#shadow-container .shadow2, #shadow-container .shadow3, #shadow-container .container 
                        { position: relative; left: -1px; top: -1px; }
#shadow-container .shadow1 
                        { background: #F1F0F1; }
#shadow-container .shadow2 
                        { background: #DBDADB; }
#shadow-container .shadow3 
                        { background: #B8B6B8; }
#shadow-container .container 
                        { background: #ffffff; border: 1px solid #ccc; padding: 10px; }
.button                 { color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 0px; 
                        padding-top: 1px solid #fff; padding: 3px 8px 3px 8px ; font-weight: bold;
                        font-size: 13px; vertical-align: top; cursor: pointer; 
                        background-color: #00adef; }
.buttonlink a, .buttonlink a:link, .buttonlink a:visited       
                        { color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 0px; 
                        padding-top: 1px solid #fff; padding: 3px 8px 3px 8px ; font-weight: bold;
                        font-size: 13px; vertical-align: top; cursor: pointer; 
                        background-color: #00adef; }
                        
/* Spotify */
#column2spotify         { width: 385px; float: left; } 
#column2spotify a, #column2spotify a:link, #column2spotify a:visited    
                        { font-size: 13px; text-decoration: none; color: #6da500; font-weight: bold; }
#column2spotify a:hover { color: #6da500; text-decoration: underline; font-size: 13px; font-weight: bold; }
.buttonlinkspotify a, .buttonlinkspotify a:link, .buttonlinkspotify a:visited       
                        { color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 0px; 
                        padding-top: 1px solid #fff; padding: 3px 8px 3px 8px ; font-weight: bold;
                        font-size: 18px; vertical-align: top; cursor: pointer; 
                        background-color: #6da500; }               
.buttonlinkspotify a:hover   
                        { background-color: #4d8500; text-decoration: none; }
#spotifysignup          { background-image: url("http://www.radium-audio.com/img/radium_spotify_signup.jpg");
background-repeat: no-repeat; height: 680px; }
.spotifysignup          { position: relative; top: 430px; left: 10px; width: 500px; font-size: 18px; color: #000; 
                        font-weight: bold; }        
.spotifysignup input	{ padding: 3px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 24px;
                        border: 1px solid #6da500; color: #6da500; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight: bold; }
.spotifysignup input:hover		    	
                        { border: 1px solid #999966; color: #999966; }
.spotifysignup input:focus			    
                        { border: 1px solid #669999; color: #669999; }
.spotifysignup input.submit,button,.spotifysignup  input[type=submit],input[type=button],input[type="file"]>input[type="button"]
                        { color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 0px; 
                        padding-top: 1px solid #fff; padding: 3px 8px 3px 8px ; font-weight: bold;
                        font-size: 18px; vertical-align: top; cursor: pointer; 
                        background-color: #6da500; }
.spotifysignup input.submit:hover,button:hover,input[type=submit]:hover,input[type="file"]>input[type="button"]:hover
                        { background: #aaa; }
.spotifysignup input.submit:active,button:active,input[type=submit]:active,input[type="file"]>input[type="button"]:active
                        { background: #669999; }                        
                                                              
/* Form elements */
input				    { padding: 3px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 13px;
                        border: 1px solid #00adef; color: #00adef; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
input:hover		    	{ border: 1px solid #999966; color: #999966; }
input:focus			    { border: 1px solid #669999; color: #669999; }
select				    { padding: 3px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 13px;
                        border: 1px solid #00adef; color: #00adef; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
select:hover		    { border: 1px solid #999966; color: #999966; }
select:focus			{ border: 1px solid #669999; color: #669999; }
textarea				{ padding: 3px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 13px;
                        border: 1px solid #00adef; color: #00adef; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
textarea:hover		    { border: 1px solid #999966; color: #999966; }
textarea:focus			{ border: 1px solid #669999; color: #669999; }
input.submit,button,input[type=submit],input[type=button],input[type="file"]>input[type="button"]
                        { color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 0px; 
                        padding-top: 1px solid #fff; padding: 3px 8px 3px 8px ; font-weight: bold;
                        font-size: 13px; vertical-align: top; cursor: pointer; 
                        background-color: #00adef; }
input.submit:hover,button:hover,input[type=submit]:hover,input[type="file"]>input[type="button"]:hover
                        { background: #aaa; }
input.submit:active,button:active,input[type=submit]:active,input[type="file"]>input[type="button"]:active
                        { background: #669999; }
                        

/* Footer Elements */
#footer                 { color: #808080; font-size: 13px; padding-top: 15px; margin-top: 30px; line-height: 130%; 
                        border-top: 1px solid #00adef; } 
.footer_block_left      { float: left; width: 224px; padding-right: 10px; }
.footer_block           { float: left; width: 225px; border-left: 1px solid #eee; padding-left: 10px; padding-right: 10px; }
.footer_block_right     { float: left; width: 223px; border-left: 1px solid #eee; padding-left: 10px; }
.footer_block_icon      { height: 75px; }
.footer_block_icon img  { height: 50px; } 
.footer_block_social img
                        { height: 35px; } 
.footer_block_text      { color: #aaa; }
#footer_base            { border-top: 1px solid #00adef; padding-top: 10px; margin-top: 15px; } 
#footer_base_links a    { padding-right: 6px; }    
#footer_base_credits    { float: right; }    


/* External elements */					
a.soundcloud-dropbox:hover 
                        { color: #1896D1 !important; background-color: transparent !important; }
*html a.soundcloud-dropbox 
                        { background-image: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(http://a1.soundcloud.com/images/dropbox_square_white.png?9531ff)', sizingMethod='crop') !important;}