/* Bossa Nova Base CSS */

/* page and body settings */

            * {
              padding : 0;
              margin : 0;
            }

            html {
              padding : 0;
              margin : 0;           
            }

            body {
              text-align: left;
              padding: 0;
              margin : 0;
              background-color : #000;
              font: 62.5%  Arial, Helvetica, sans-serif;        
            }

            a:link     	{ color: #ccc; font-weight: bold; text-decoration: none; }
            a:visited  	{ color: #ccc; font-weight: bold; text-decoration: none; }
            a:hover    	{ color: #fff; font-weight: bold; text-decoration: underline; }
            a:active   	{ color: #fff; font-weight: bold; text-decoration: underline; }

            a img     	{ border : 0; }
            
            img 		{ vertical-align : bottom; }
            
            fieldset 	{ border : none; }

/* begin page layout */
			
            .page-wrapper {
				margin : 0px auto 0 auto;
				width: 960px;
				padding : 0 40px 0 40px;  				                                                    
            }                                      

/* header */

            .header {
              position : relative;
              z-index : 1000;
              margin : 0 0 0 0;
              padding : 0;
              height : 200px;			
              width : 100%;       
            }

            .header .logo {
              padding : 0;
              margin : 30px auto 0 auto !important;
              font-size : 40px;             
              width : 454px;
              height : 168px;
              background-image : url(../images/nastyrumor.gif);
              background-position : 0 0;
              background-repeat : no-repeat;
            }
            
            .header .logo a {
              display : block;
              outline : none;
              width : 454px;
              height : 168px;              
            }       
            
            .header .logo span {
              position : absolute;
              left : -9999px;          
            }                                 

/* default column layout */

            .column-wrapper {
              clear : both;
              width : 100%;
              margin : 0;
              float : left;
              position : relative;
              z-index : 0;
            }
            
            .column {
              float : left;
              display : inline;
              padding : 0;
              margin : 0;	             
             }
                     
            .inner {
              margin : 15px;
              padding : 0;
            }

/* alternate layouts */

			.layout-a .main-col 	{ width : 100%; }

			.layout-b .left-col 	{ width : 230px; }
			.layout-b .main-col 	{ width : 725px; }
			
			.layout-c .left-col 	{ width : 230px; }			
			.layout-c .main-col 	{ width : 526px; }												

/* main-col contents */

			.common {
				color : #ccc;
				font-family : Helvetica, Arial, sans-serif;		
				font-size : 1.2em; 	
			}

			.common h1,
			.common h2,
			.common h3,
			.common h4,
			.common h5,
			.common h6 {
				color : #990000;
				font-weight : bold;
				margin-bottom : 1.2em;
				line-height : 1.1;
				font-family : Helvetica, Arial, sans-serif;	
				text-transform : uppercase;
			}

			.common h1 { font-size : 2.5em; margin-bottom: 20px;}
			.common h2 { font-size : 2.3em; }
			.common h3 { font-size : 2.0em; }
			.common h4 { font-size : 1.8em; font-weight : normal; color : #ccc; }
			.common h5 { font-size : 1.4em; font-weight : bold; }
			.common h6 { font-size : 1.2em; font-weight : bold; }

			.common h1 a,
			.common h2 a,
			.common h3 a,
			.common h4 a 	{ font-weight : normal; }
			
			.common h5 a,
			.common h6 a 	{ font-weight : bold; }			
			
			.common .uppercase {
				text-transform : uppercase;
			}		                       

			.common p {
				margin : 0 0 1.3em 0;
				font-size : 1.2em;
				line-height : 1.4;
			}		

			.common ul {
				margin : 0 0 1.3em .5em;				
				list-style-type : none;
			}

			.common ul li {
				margin : 0 0 0.4em 0;
				padding : 0 0 0 1.2em;
				background-image : url(../images/icons/000_bullet.gif);
				background-position : 0 6px;
				background-repeat : no-repeat;
				font-size : 1.2em;
				line-height : 1.4;
			}
			
			.common ol {
				margin : 0 0 1.3em 2.5em;
			}

			.common ol li {
				margin : 0 0 0.4em 0;
				font-size : 1.2em;
				line-height : 1.4;
			}           

            .common .post {
            	margin : 0 0 2em 0;
            }
            
            .common .meta {
            	font-weight : bold;
            	font-size : 1.2em;
            	margin : 0 0 1em 0;
            }
            
            .common blockquote {
            	margin : 1.5em 7em 1em 7em;
            	background-color : transparent;
            	font-size : 150%;
            	text-align : center;
            }
            
            .common blockquote.align-left,
            .common blockquote.align-right {
            	width : 200px !important;
            	margin : 0px 20px 0px 20px;
            }                                      
            
            .common blockquote p,
            .common blockquote li,
            .common blockquote h6 {
            	margin : 0 0 5px 0;
            }          
            
            .common .caption {
            	font-size : 12px;
            	font-weight : normal;
            	font-style : italic;
            	margin : 5px 0 5px 0;
            	text-align : center;
            	color : #333;
            }            
            
      	/* other basic components */	
            
            .common .article-teaser {
            	clear : both;
				background-image : url(../images/content/article_teaser_border.gif);
				background-position : 0 0;
				background-repeat : repeat-x;
				padding : 12px 9px 9px 9px;
				background-color : #f3f2eb;  
				margin : 0 0 20px 0;          	
            }               
            
            .common .more-link {
            	background-image : url(../images/icons/gold_arrow.gif);
				background-position : 98% 50%;
				background-repeat : no-repeat; 
				font-size : 1.2em;
				font-weight : bold; 
				color : #08214a;  
				display : block;   
				float : left;   
				margin : 2px 0 10px 0;  	
            } 
            
			.common .more-link a {
            	padding-right : 15px;        	
            }                              
                   
            .common .more-link a:link     { color: #08214a; font-weight: bold; text-decoration: none; }
            .common .more-link a:visited  { color: #08214a; font-weight: bold; text-decoration: none; }
            .common .more-link a:hover    { color: #08214a; font-weight: bold; text-decoration: underline; }
            .common .more-link a:active   { color: #08214a; font-weight: bold; text-decoration: underline; }	
            
      /* artist stuff */
      		
      		.featured-artists {
      			list-style-type : none;
      			text-align : center;
      		}		
      		
      		.featured-artists li {
      			display : inline;
      			font-size : 30px !important;
      		}	
      	
      		.more-artists {
      			list-style-type : none;
      			margin : 0 0 40px 0;
      		    text-align : center;
      		}	
      		
      		.more-artists li {
      			display : inline;
      			font-size : 20px !important;
      			text-transform : uppercase;
      		}	         		
      		      				      		      			         
                        		
/* footer */

            .footer-wrapper {
              clear: both;                  /* clears left column and content floats */
              padding : 0px 0 0 0;
              width : 100%;
              margin : 0 auto 0 auto;   
			  height : 20px;			  
            }

            .footer {
              width : 100%;
              margin : 0 auto 0 auto;
			  background-color : transparent;
              padding : 0;
              position : relative;
              clear : both;
            }
            
            .footer .footer-text {
                font-size : 1.2em;  
				margin : 0;            
                position : absolute;
                left :15px;
                top : 25px;
            }

            .footer .footer-links {
              padding : 0;
              margin : 0;
              position : absolute;
              right : 15px;
              top : 25px;
            }

            .footer .footer-links li {
              margin : 0 0 0 7px;
              padding : 0 0 0 7px;
              display : inline;
              float : left;               
              font-size : 1.2em;
              text-transform : uppercase;
            }

            .footer .footer-nav li a {
              margin : 0;
              padding : 0;   
              display : block;         
              float : left;                
            }
            
/* reusable utility code */

            .align-left     { float: left; margin: 0 1em .5em 0; }

            .align-right    { float: right; margin: 0 0 .5em 1em; }

            .center     	{ text-align: center; }
            
            .centered   	{ display: block; margin: 0 auto .5em auto; }
            
            .section 		{ margin-bottom : 6em;	}

            .hidden     	{ display: none; }

            .no-border  	{ border: none !important; }

            .clear      	{ clear: both; }