/*################################################################################################
#  Notice:  this page holds the CSS for items in the content portion of the Nocturnal website.
#  This would mean all CSS in the #mainContent container which can be found in main.css.
##################################################################################################
*/


/* =CONTAINERS
-----------------------------------------------------------------------------------------------*/
/* require: width + L,R padding == width #mainContent 
   #latestNewsMainContainer has a different background and is defined further down this page
*/
#tours, #latestNewsMainContainer, #downloads{
	/* background-color: #142C3A;  */
	background-color: #224960; /* the lightest green on the page */
	background: url("/home/images/bkgrd_tours.gif") no-repeat;
	float: left;
	width: 455px;
	height: 100%;
	padding: 40px 20px 20px 10px;
	border-bottom: 1px dotted black;
	
}

/* this container is very similar to #tours except for the padding and the sky background containing no text */
.toursItem{
	/* background-color: #142C3A;  */
	background-color: #224960; /* the lightest green on the page */
	background: url("/home/images/bkgrd_blank.gif") no-repeat;
	float: left;
	width: 455px;
	height: 100%;
	padding: 25px 20px 20px 10px;
	border-bottom: 1px dotted black;
	
}

/* require: width + L,R padding == width #mainContent */
#label{
	/* background-color: #142C3A;  */
	background-color: #224960; /* the lightest green on the page */
	background: url("/home/images/bkgrd_nocturnalrecords.gif") no-repeat;
	float: left;
	width: 455px;
	height: 100%;
	padding: 40px 20px 15px 10px;
	border-bottom: 1px dotted black;
	
}


/* require: width + L,R padding == width #mainContent */
.labelItem{
	/* background-color: #142C3A;  */
	background-color: #224960; /* the lightest green on the page */
	background: url("/home/images/bkgrd_latestnews.gif") no-repeat;
	float: left;
	width: 455px;
	height: 100%;
	padding: 0px 20px 0px 10px;
	border-bottom: 1px dotted black;
	
}

/* .halfColumn_itunesaffiliate has a different background and is defined below */
.halfColumn_artists, .halfColumn_itunesaffiliate {
	float: left;
	width: 215px;
	background-color: #142C3A; /* the lightest green on the page */
	
	padding: 40px 10px 15px 0px;
	border-right: 1px dotted black;
}

.halfColumn_artists{
	background: url("/home/images/bkgrd_artists.gif") no-repeat;
}

/* duplicate of .halfColumn_artists with a different background 
.halfColumn_itunesaffiliate{
	background: url("/home/images/bkgrd_itunesaffiliate.gif") no-repeat;
}
*/

/* require: width + L,R padding == width #mainContent */
#bandBio{
	/* background-color: #142C3A;  */
	background-color: #224960; /* the lightest green on the page */
	background: url("/home/images/bkgrd_bandbio.gif") no-repeat;
	float: left;
	width: 455px;
	height: 100%;
	padding: 10px 20px 30px 10px;
	border-bottom: 1px dotted black;
}

/* #artistSelection is strictly in the artist page for the background title image. The same
   goes for #artistStore. Both of these elements go in the secondary nav column
*/
#artistSelections, #artistStore{
	float: left;
}

#artistSelections > #secondaryNav{
	background: url("/home/images/bkgrd_artistselections.gif") no-repeat; 
	padding-top: 30px;
}


/* A duplicate of #tours with a different background image */
#latestNewsMainContainer{
	background: url("/home/images/bkgrd_latestNews.gif") no-repeat;
}



/* require: width + L,R padding == width #mainContent */
#store{
	/* background-color: #142C3A;  */
	background-color: #224960; /* the lightest green on the page */
	background: url("/home/images/bkgrd_merch.gif") no-repeat;
	float: left;
	width: 455px;
	height: 100%;
	padding: 40px 20px 20px 10px;
	border-bottom: 1px dotted black;
	
}

/* require: width + L,R padding == width #mainContent */
.releases, .clothing, .podcasts, .photos, .videos, .desktops{
	/* background-color: #142C3A;  */
	background: url("/home/images/bkgrd_recentreleases.gif") no-repeat;
	float: left;
	width: 455px;
	height: 100%;
	/*padding: 30px 20px 15px 0px;*/
	border-bottom: 1px dotted black;
	
}

.halfColumn_release, .halfColumn_clothing, .halfColumn_photos{
	float: left;
	width: 215px;
	padding: 5px 10px 15px 0px;
}

/* !! NOTE: .clothingItem is defined in main.css with .releaseItem  !! */
.halfColumn_release .releaseItem, .halfColumn_clothing .clothingItem, .halfColumn_photos .photosItem{
	background: inherit;
	padding: 0px 0px 0px 20px;
	border: 0px;

}

/* A duplicate of .releases with a different background image */
.clothing{
	background: url("/home/images/bkgrd_clothing.gif") no-repeat;
}

.selectDropdown{
	border: 0px;
	margin: 4px 0 10px 0;
	width: 154px;
}

#artistStore > #secondaryNav{
	background: url("/home/images/bkgrd_artiststore.gif") no-repeat; 
	padding-top: 30px;
}

#freeStuff > #secondaryNav{
	background: url("/home/images/bkgrd_freeStuff.gif") no-repeat; 
	padding-top: 30px;
}

/* duplicate of #tours with a different background */
#downloads{
	background: url("/home/images/bkgrd_downloads.gif") no-repeat;
}

/* require: width + L,R padding == width #mainContent */
.mp3s{
	/* background-color: #142C3A;  */
	background: url("/home/images/bkgrd_mp3s.gif") no-repeat;
	float: left;
	width: 455px;
	height: 100%;
	padding: 20px 20px 10px 0px;
	border-bottom: 1px dotted black;
	
}

div .mp3Links{
	float: left;
	padding-left: 5px;
}

/* A duplicate of .releases with a different background image */
.podcasts{
	/* background-color: #142C3A;  */
	background: url("/home/images/bkgrd_podcasts.gif") no-repeat;
        padding-top: 30px;
}


/* A duplicate of .releases with a different background image */
.photos{
	/* background-color: #142C3A;  */
	background: url("/home/images/bkgrd_photos.gif") no-repeat;	
        padding-top: 30px;
}


/* A duplicate of .releases with a different background image */
.videos{
	/* background-color: #142C3A;  */
	background: url("/home/images/bkgrd_videos.gif") no-repeat;	
        padding-top: 30px;
}

.desktopsLinks, .videosLinks, .photosLinks{
	padding: 5px 0 0 0;
	float: left;
}


/* A duplicate of .releases with a different background image */
.desktops{
	/* background-color: #142C3A;  */
	background: url("/home/images/bkgrd_desktops.gif") no-repeat;	
        padding-top: 30px;
}

/* =TABLES
-----------------------------------------------------------------------------------------------*/
#toursTable{
 float: left;
 padding: 10px 0 0 0; 
}


/* =TEXT AND LINKS
-----------------------------------------------------------------------------------------------*/

#toursTable a{
	text-decoration: none;
	color: #FFFFFF;
	font-size: 9px;
	line-height: 11px;
	font-family: Arial, Times, monospace;
	
}	

.halfColumn_artists a{
	text-decoration: none;
	color: #FFFFFF;
	font-size: 9px;
	line-height: 11px;
	font-family: Arial, Times, monospace;
	padding: 2px 0 2px 30px;
	display: block;
}	


.artistSelectionsLinks, .freeStuffLinks{
	text-decoration: none;
	color: #FFFFFF;
	font-size: 9px;
	line-height: 11px;
	font-family: Arial, Times, monospace;
	display: block;
	padding: 2px 0 2px 20px;
}

.mp3s p{
	padding: 0 0 6px 0;
}

.mp3s a, .videos a, .photos a, .desktops a{
	text-decoration: none;
	color: #FFFFFF;
	font-size: 9px;	
	font-family: Arial, Times, monospace;
	display: block;
	padding: 0 0 2px 0;
}

.podcasts a{
	text-decoration: none;
	color: #FFFFFF;
	font-size: 9px;	
	font-family: Arial, Times, monospace;
	display: block;
	padding: 0 0 3px 17px;
}

.videos a, .desktops a, .photoTextLinks{
	text-decoration: none;
	color: #FFFFFF;
	font-size: 9px;	
	font-family: Arial, Times, monospace;
	display: block;
	padding: 2px 0;
}

.desktopLinks a{
	display: block;
}

/* =IMAGES 
---------------------------------------------------------------- */
.clothingButton{
	float: right;
}

.photosItem img{
	border: 0px;
	padding: 0 5px 5px 0;
}

#pressOnly{
font-family: arial, helvetica, sans;
font-size: 12px;
color: white;
}

#pressOnly input{
margin-left: 10px;
}