/* Style Sheet for JustinJayMusic.com > For more information please email your questions at info@justinjaymusic.com */
body {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 100%;
	color: #FFFFFF;
	background-color: #1a133f;
	background-image: url(../p7tmasters_img/bg.png);
	background-repeat: repeat;
	margin: 80px 0px 0px 15px;
	border: none;
}


/*Vertical align bottom fixes Firefox strict mode glitch*/
img {
	border: none;
}


topwrap {
	height: 10px;
}


#separator {
	margin: 15px -3px 15px 0;
	width: 404px;
	height: 12px;
	background-image: url(../p7tmasters_img/separator.png);
	background-position: top;
	background-repeat: repeat-x;
}


#big_speaker {
	width: 289px;
	height: 104px;
	position: absolute;
	top: 69px;
	left: 15px;
	border: none;
	behavior: url(iepngfix/iepngfix.htc);
	background-image: url(../p7tmasters_img/big_speaker.png);
}


#small_speaker {
	width: 197px;
	height: 70px;
	position: absolute;
	margin: -91px 0 0 24px;
	border: none;
	behavior: url(iepngfix/iepngfix.htc);
	background-image: url(../p7tmasters_img/small_speaker.png);
	background-repeat: no-repeat;
}


#small_speaker_blue {
	width: 198px;
	height: 70px;
	position: absolute;
	margin: -91px 0 0 3px;
	border: none;
	behavior: url(iepngfix/iepngfix.htc);
	background-image: url(../p7tmasters_img/small_speaker_blue.png);
	background-repeat: no-repeat;
}


#small_speaker_green {
	width: 197px;
	height: 70px;
	position: absolute;
	margin: -91px 0 0 4px;
	border: none;
	behavior: url(iepngfix/iepngfix.htc);
	background-image: url(../p7tmasters_img/small_speaker_green.png);
	background-repeat: no-repeat;
}


#column_img_big {
	border-color: #01b4ec;
	border-style: solid;
	border-width: 1px;
	background-color: #000000;
	padding: 3px 3px 3px 3px;
	width: 400px;
}


#date {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #01b4ec;
	letter-spacing: 0.4em;
	float: right;
	margin: 4px 11px 0 0;
}


#press_play {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 9px;
	color: #01b4ec;
	letter-spacing: 0.4em;
	float: left;
	margin: -7px 0px 0px 0px;
}


#logodiv {
	position: relative;
	top: -68px;
	left: 290px;
	border: none;
	width: 330px;
	height: 93px;
	behavior: url(iepngfix/iepngfix.htc);
	background-image: url(../p7tmasters_img/justinjay.png);
	z-index: 2;
}


#layoutwrapper {
	background-position: 500px 0px;
	min-width: 730px;
}


#layoutwrapper2 {

}


#layoutwrapper3 {

}


#menubar {
	position: absolute;
	top: 140px;
	left: 10px;
	width: 40em;
}


#leftcolumn {
	width: 480px;
	float: left;
	background-color: #000000;
	filter:alpha(opacity=100);
	-moz-opacity: 1.00;
	-khtml-opacity: 1.00;
	opacity: 1.00;
	border-color: #eb1084;
	border-style: solid;
	border-width: 1px;
}


#leftcolumn p {
	width: 400px;
	line-height: 1.2em;
	margin: 12px 0;
	text-align: left;
	font-size: 12px;
}


#leftcolumn .padded-inside {
	padding: 20px 20px 20px 36px;
	font-size: 0.85em;
}


#rightcolumn {
	margin: 0 0 0 500px;
}


#rightcolumn p {
	line-height: 1.2em;
	margin: 12px 0;
	text-align: left;
}


/* Adjust the outside edge padding of the right columns here */
.rc-columns {
	width: 220px;
	float: left;
	margin: 0px 7px 10px 7px;
	line-height: 1.2em;
}


/* Adjust the text padding here */
.rc-columns .padded-inside {
	padding: 20px;
	font-size: 0.75em;
}


/*
RESERVED for Side Columns. Use these if you'd like to assign individual attributes. 
Note that background colors or images will only extend the length of the text.
*/
#rc-column1 {
	background-color: #000000;
	filter:alpha(opacity=100);
	-moz-opacity: 1.00;
	-khtml-opacity: 1.00;
	opacity: 1.00;
	border-color: #eb1084;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 95px;
}


#rc-column2 {
	background-color: #000000;
	filter:alpha(opacity=100);
	-moz-opacity: 1.00;
	-khtml-opacity: 1.00;
	opacity: 1.00;
	border-color: #01b4ec;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 95px;
}


#rc-column3 {
	background-color: #000000;
	filter:alpha(opacity=100);
	-moz-opacity: 1.00;
	-khtml-opacity: 1.00;
	opacity: 1.00;
	border-color: #09af98;
	border-style: solid;
	border-width: 1px;
	font-size: 0.8em;
	color: #09af98;
}


/*
Extra classes to use for colored boxes inside of the columns
*/
.redbox {
	padding: 12px;
	background-color: #CC0000;
	color: #FFFFFF;
	margin: 12px 0 0 0;
}


.blackbox {
	padding: 12px;
	background-color: #000000;
	color: #FFFFFF;
	margin: 12px 0 0 0;
}


/*
The Dropcaps style. Georgia typeface to work around Apple text rendering bugs
*/
span.dropcap {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	float: left;
	font-size: 4em;
	margin: 0 10px 0 0;
	padding: 0 .1em 0 0;
	display: block;
	line-height: .75em;
	color: #01b4ec;
}


h1, h2, h3, h4, h5 {
	font-variant: small-caps;
}


h1 {
	margin: 0 0 4px 0;
	font-size: 20px;
	color: #01b4ec;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-weight: 200;
	letter-spacing: 0.3em;
}


h2 {
	margin: 15px 0 0 0;
	font-size: 1.2em;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}


h3 {
	margin: 10px 0 0 0;
	font-size: 1em;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	color: #eb1084;
}


h4 {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #01b4ec;
	font-weight: 300;
	margin: 3px 0px 2px 0px;
}


h5 {
	margin: 0px 0px 4px -1px;
	font-size: 16px;
	color: #eb1084;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-weight: 400;
	letter-spacing: 0.3em;
}


ul.content, ol.content {
	margin: 0 0 1em 1em;
	padding-left: 1em;
	list-style-type: square;
}


.top {
	margin-top: 6px;
}


.clearfloat {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
	display: block;
}


.linklist {
	margin: 1em 0;
	padding: 0;
	list-style-type: none;
}


/* All Links on page */
a:link {
	color: #01b4ec;
	border: none;
	text-decoration: none;
}


a:visited, .linklist a:visited {
	color: #01b4ec;
	border: none;
	text-decoration: none;
}


a:hover {
	background-color: #eb1084;
	border: none;
}


.pink {
	color: #eb1084;
}


/*
Additive link styles for links inside 
elements assigned this class
*/


 Rollover color for 2nd column 
.linklist a {

}

 Rollover color for 2nd column 
.linklist a:hover {

}


 Rollover color for 2nd column 
.linklist li a:hover {

}


#copyright {
	font-size: 0.6em;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	clear: both;
	margin: 0px;
	padding: 72px 44px;
	color: #FFFFFF;
}


#copyright span {
	display: block;
	color: #FFFFFF;
}


#footer {
	margin: 80px 0 0 0;
	font-size: 0.8em;
	width: 480px;
	background-color: #000000;
	border-color: #eb1084;
	border-style: solid;
	border-width: 1px;
}


#footer .content {
	margin-left: 36px;
	padding: 3px 0 3px 0;
	position: relative;
	top: -1px;
}


#footer_speaker {
	width: 197px;
	height: 70px;
	position: absolute;
	margin: -71px 0 0 0px;
	left: 15px;
	border: none;
	behavior: url(iepngfix/iepngfix.htc);
	background-image: url(../p7tmasters_img/small_speaker_left.png);
	background-repeat: no-repeat;
}


#small_logo {
	width: 200px;
	height: 59px;
	position: absolute;
	border: none;
	behavior: url(iepngfix/iepngfix.htc);
	background-image: url(../p7tmasters_img/logo_small.png);
	background-repeat: no-repeat;
	margin: -60px 0 0 0px;
	display: block;
}


/* 
Single Level Horizontal Menu
*/
#p7tymstmenu {
	margin: 0;
	padding:0;
}


#p7tymstmenu li {
	list-style-type: none;
	margin: 0 10px 0 0;
	padding: 0;
}


#p7tymstmenu a {
	display: block;
	text-decoration: none;
	padding: 6px 10px;
	color: #FFFFFF;
	line-height:1;
	background-color: #000000;
	font-size: .85em;
	font-variant: small-caps;
}


#p7tymstmenu a:hover, #p7tymstmenu a:active, #p7tymstmenu a:focus {
	background-color: #CC0000;
	color: #FFFFFF;
	letter-spacing: 0.01px;
}


#p7tymstmenu li {
	float: left;
	width: 9em;
}


/* 
Single Level Vertical Menu
*/
#p7tymst_vmenu {
	margin: 0;
	padding:0;
}


#p7tymst_vmenu li {
	list-style-type: none;
	margin: 0 0 6px 0;
	padding: 0;
}


#p7tymst_vmenu a {
	display: block;
	text-decoration: none;
	padding: 6px 10px;
	color: #FFFFFF;
	line-height:1;
	background-color: #000000;
	font-size: 1em;
	font-variant: small-caps;
}


#p7tymst_vmenu a:hover, #p7tymst_vmenu a:active, #p7tymst_vmenu a:focus {
	background-color: #CC0000;
	color: #FFFFFF;
	letter-spacing: 0.01px;
}


/* Transparency */
.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}


/******************************************************** Nav Menu ********************************************************/

/***Menu Links******/
ul#nav_menu { list-style-type: none;
	position: relative;
	width: 200px;
	height: 250px;
	margin: 0px;
	padding: 0px;
	float: right;
}


/***This action moves the navigation text off the screen******/
ul#nav_menu a {
	display: block;
	width: auto;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}


/***Home Tab**********************************/
li#nav_home {
	position: absolute;
	top: 0px;
	left: 17px;
	width: 107px;
	height: 42px;
}


/***Home Rollover******/
li#nav_home a:hover {
	width: 107px;
	height: 42px;
}


/***Home Active******/
li#nav_home_a a:active {
	width: 107px;
	height: 42px;
}


/***About Tab****************************************/
li#nav_about {
	position: absolute;
	top: 41px;
	left: 17px;
	width: 146px;
	height: 7px;
}


/***About Rollover******/
li#nav_about a:hover {
	background-repeat: no-repeat;
	width: 123px;
	height: 40px;
	behavior: url(iepngfix/iepngfix.htc);
}


/***About Active******/
li#nav_about_a a:active {
	background-repeat: no-repeat;
	width: 123px;
	height: 40px;
	behavior: url(iepngfix/iepngfix.htc);
}


/***Blog Tab**********************************/
li#nav_blog {
	position: absolute;
	top: 79px;
	left: 17px;
	width: 93px;
	height: 39px;
	background-repeat: no-repeat;
	behavior: url(iepngfix/iepngfix.htc);
}


/***Blog Rollover******/
li#nav_blog a:hover {
	background-repeat: no-repeat;
	width: 93px;
	height: 39px;
	behavior: url(iepngfix/iepngfix.htc);
}


/***Blog Active******/
li#nav_blog_a a:active {
	background-repeat: no-repeat;
	width: 93px;
	height: 39px;
	behavior: url(iepngfix/iepngfix.htc);
}


/***Mixtapes Tab*******************************/
li#nav_mixtapes {
	position: absolute;
	top: 111px;
	left: 17px;
	width: 181px;
	background-repeat: no-repeat;
	behavior: url(iepngfix/iepngfix.htc);
}


/***Mixtapes Rollover******/
li#nav_mixtapes a:hover {
	background-repeat: no-repeat;
	width: 181px;
	height: 45px;
	behavior: url(iepngfix/iepngfix.htc);
}


/***Mixtapes Active******/
li#nav_mixtapes_a a:active {
	background-repeat: no-repeat;
	width: 181px;
	height: 45px;
	behavior: url(iepngfix/iepngfix.htc);
}


/***Tracks Tab*******************************/
li#nav_tracks {
	position: absolute;
	top: 151px;
	left: 17px;
	width: 142px;
	height: 46px;
	background-repeat: no-repeat;
	behavior: url(iepngfix/iepngfix.htc);
}


/***Tracks Rollover******/
li#nav_tracks a:hover {
	background-repeat: no-repeat;
	width: 142px;
	height: 46px;
	behavior: url(iepngfix/iepngfix.htc);
}


/***Tracks Active******/
li#nav_tracks_a a:active {
	background-repeat: no-repeat;
	width: 142px;
	height: 46px;
	behavior: url(iepngfix/iepngfix.htc);
}


/***Contact Tab*******************************/
li#nav_contact {
	position: absolute;
	top: 190px;
	left: 17px;
	width: 164px;
	height: 45px;
	background-repeat: no-repeat;
	behavior: url(iepngfix/iepngfix.htc);
}


/***Contact Rollover******/
li#nav_contact a:hover {
	background-repeat: no-repeat;
	width: 164px;
	height: 45px;
	behavior: url(iepngfix/iepngfix.htc);
}


/***Contact Active******/
li#nav_contact_a a:active {
	background-repeat: no-repeat;
	width: 164px;
	height: 45px;
	behavior: url(iepngfix/iepngfix.htc);
}


/***Right side Archives Title Tag Section******/

/***Archives Title Tag******/
ul#nav_archives { list-style-type: none;
	position: relative;
	width: 177px;
	height: 41px;
	margin: 0px;
	padding: 0px;
}


/***This action moves the archives text off the screen******/
ul#nav_archives a {
	display: block;
	height: 41px;
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}


/***Archives Tab****************************************/
li#m_archives {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 176px;
	height: 40px;
	background-image: url(images/m_archives.png);
	background-repeat: no-repeat;
	behavior: url(/iepngfix.htc);
}


/***Archives Tab Blue Rollover******/
li#m_archives a:hover {
	background-image: url(images/m_archives_roll.png);
	background-repeat: no-repeat;
	width: 176px;
	height: 40px;
	behavior: url(/iepngfix.htc);
}


/***Archives Tab Green Hit******/
li#m_archives a:active {
	background-image: url(images/m_archives_hit.png);
	background-repeat: no-repeat;
	width: 176px;
	height: 40px;
	behavior: url(/iepngfix.htc);
}