/* COLORS */
/* 554444
/* 887766
/* 776655
/* EEEEEE
*/

/***************** BODY, PARAGRAPHS, TABLES *********************/
html, body
{
	font-family: "Lucida Grande",verdana,arial,helvetica,sans-serif;
	/*Georgia, Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 11px;
	line-height: 1.6em;
	color : #2d2d2d;	 
	background-color:#CCCCCC;
	 margin:0;
	 border:0;
	 height: 100%;
}

input
{
	border-top:2px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
	border-left:1px #CCCCCC solid;
	

	margin:2px 0 5px 0;

	background-color:white;	
}

textarea
{
	border-top:2px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
	border-left:1px #CCCCCC solid;

	background-color:white;	
}

input.btn {
	border-top:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
	border-left:1px #CCCCCC solid;

	background-color:white;	

	
	
}

input.btn:hover {
	background-color:#D2D2D2;	
}

/*************** PARAGRAPHS ***************/
p {
	margin:0px 1.5em 0px 1em;	
	text-align:left;
}

p.mixtape_songs {
	font-size:.8em;
	line-height:1.2em;	
}

p.left_menu {
	margin:0px 15px 0px 27px;
	padding:0px;
}




/****************** LINKS *****************/

#join_left_menu {
		
	border:1px #CCCCCC solid;
	font-size:2em;
	margin:0;
	padding:3px;
	background-color:#F2F2F2;

}

#join_left_menu:link {
	
}
#join_left_menu:visited {
	
}
#join_left_menu:active {
	
}
#join_left_menu:hover {
	border:2px #CCCCCC solid;
	padding:2px;
}

/***************************************/


input.button_red{
	padding:3px;   background-color:#CC0000;
	color:white;
    font-size:10px;
    font-weight:normal;
    border:2px solid;
    border-top-color:#CC3333;
    border-left-color:#CC3333;
    border-right-color:#990000;
    border-bottom-color:#990000;

    width:255px;

   }

input.button_green{

	padding:3px;
	background-color:#009900;
   color:white;
	   font-size:10px;
	   font-weight:normal;
	      border:2px solid;
	   border-top-color:#339933;
	   border-left-color:#339933;
	   border-right-color:#006600;
	   border-bottom-color:#006600;
	 width:255px;  
	   
	   }
   


  input.button_yellow{
padding:3px;
   background-color:#FF9900;
   color:white;
   font-size:10px;
   font-weight:normal;
   border:2px solid;
   border-top-color:#FFCC33;
   border-left-color:#FFCC33;
   border-right-color:#CC6600;
   border-bottom-color:#CC6600;
	width:255px;
}   



input.big_button	{
	border:5px #CCCCCC solid; 
	padding:12px 5px;
	font-weight:bold; 
	font-size:1.2em;
	
	
}

/******************** SPAN *****************/
span.bold {
	font-weight:bold;	
}

div.line {
	width:100%;
	
	border-bottom:1px #CCCCCC dotted;	
	
}

span.span_join_imp {
	
	color:#961916;	
	
}

div.join_imp {
	font-weight:bold;
	color:red;
	width:4em;
	margin:0 15px 0px 15px;	
	padding:.2em;
	font-size:2em;
	line-height:1em;	
	background-color:#E6E6E6;
	
	border:1px #CCCCCC solid;
		
}

div.div_bar {
	padding:0;
	margin:0;
	width:100%;
	border-top:1px #CCCCCC dotted;	
	
	
	
}



/********************* TABLE ******************/


#bodytable	{ 
	background-color: white;	
	border:0;
}

#bodytable td
{
	vertical-align:top;	
	padding:5px;
}

#bodytable td td
{
	padding:0px;
}

/***/
table.mixtape {
	padding:0;
	margin:0;
	width:90%;	
	border:1px #E6E6E6 dotted;
}

table.mixtape tr,td {
	padding:2px;
	margin:0;	
	font-size: .6em;
	line-height:1.2em;
}


/****/
table.mixtape_small {
	padding:0;
	margin:0;
	width:195px;
	border:0;	
}

table.mixtape_small tr {
	padding:0;
	margin:0;	
	height:.8em;

}


table.mixtape_small td {
	padding:0 5px 0 0;
	margin:0;	
	height:.8em;
	font-size: .8em;
	line-height:.8em;
	vertical-align:middle;
}

/***/

td.highlight {
	background-color:#E6E6E6;	
		
}

td.highlight2 {
	background-color:#D8D8D8;	
/*	border-bottom: 1px #F2F2F2 dotted;*/
		
}

/***/

table.mixtape_table {
		padding:0;
	margin:0;	
}

table.mixtape_table td, tr{
	padding:0;
	margin:0;
	height:1.5em;		
}

/***/

table.commentTable {
	width:500px;
	text-align:left;
}

table.commentTable td {
	border-bottom:1px #CCCCCC dotted;
	padding: 3px 3px 3px 0;
	vertical-align:top;	
	text-align:left;

	width:250px;
}

table.commentTable p {
	vertical-align:bottom;	
	
}

/***/

table.showProfiles td {
	width: 110px;
	padding:5px;	
	
}


/***************************	IMAGE	********************/

	img {
		border:0;
		text-align:left;
	}

/***************************** LAYOUT *******************/

table.body_table {
	background-color:white;
	border:0;
}

div.layout_body2 {
	position: relative;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
	background-color:white;
	border-right: 1px #CCCCCC solid;
}

div.layout_body {
	position:relative;
	left:0px;
	top:0px;


	min-height: 100%;


	height:100%;


	width:940px;


	background-color:white;


	border-right: 1px #CCCCCC solid;


}





div.layout_top_left {


	position:absolute;


	left:0px;


	top:0px;


	width:190px;


	background-color:white;


}





div.layout_top_middle {


	position:absolute;


	left:190px;


	top:0px;


	width:750px;


	background-color:white;


	border-right: 1px #CCCCCC solid;


}





div.layout_top_menu	{


	position:absolute;


	left:190px;


	top:100px;


	height:20px;


	width:750px;


	background-color:white;


	border-right: 1px #CCCCCC solid;


	


}








div.layout_left {


	position:absolute;


	left:0px;


	top:100px;


	width:190px;


	background-color:white;


}





div.layout_left_center {


	position:absolute;


	left:190px;


	top:120px;


	width:255px;


	background-color:white;


	border-top: 1px #CCCCCC solid;


}





div.layout_middle {


	position:absolute;


	left:190px;


	top:120px;


	width:510px;


	margin-right:15px;


	background-color:white;


	border-top: 1px #CCCCCC solid;


	border-right:1px #CCCCCC dotted;





	


}











div.layout_entire_middle {


	position:absolute;


	left:190px;


	top:120px;


	width:750px;


	background-color:white;


	border-top: 1px #CCCCCC solid;


	


	


}





div.layout_
 {


	position:absolute;


	left:445px;


	top:120px;


	width:495px;


	background-color:white;


	border-right: 1px #CCCCCC solid;


	border-top: 1px #CCCCCC solid;


	


}











div.layout_right_center {


	position:absolute;


	left:445px;


	top:120px;


	width:255px;


	background-color:white;


	border-top: 1px #CCCCCC solid;





}





div.layout_right {


	position:absolute;


	left:700px;


	top:120px;


	width:240px;


	background-color:white;


	border-top: 1px #CCCCCC solid;








}	





div.layout_footer {


	position: relative;


    bottom: 0;


	clear:both;	


/*    width:950px;


	background-color:white;


*/	


	


}


/***************************SPECIAL SECTIONS ******************/











div.layout_middle p	{


	margin: 0 2em 1.5em 0;	


}





div.profile_blurbs p {


	margin-bottom:1.4em;	


	


	


}


	


/************************ LINKS IN GENERAL *********************/





a {color:#887766;}


a:link, a:link {text-decoration:none; color:#887766; border-bottom: 0pt dotted #887766;}


a:visited {text-decoration:none; color:#887766; border-bottom: 0pt dotted #887766;}


a:active {text-decoration:none; color:#554444;}


a:hover {text-decoration:none; color:#554444;}











td {


	font-size: 11px;


	line-height: 16px;


	color : #2d2d2d;


	vertical-align:top;


}








/********* DIVS********************* */


div.leftsidebar	{


	margin:14px 0px 0px 0px;


	padding:4px;


	border:1px;


	border-color:#D5D5D5;


	border-style:solid;


	


}








/************************** Forms *************************************/











/************************** INPUT BOXes on the front page*****************************/


#small_form {
	font-size: .8em;	
	line-height: .8em;
	height: 21px;
	width:749px;
	vertical-align:bottom;

	margin:0 0 0 0;
	border-left:1px #CCCCCC dotted;
	border-top:0px #CCCCCC dotted;
	
	padding:0 0px 0 0px;
	
}


#small_form form {
	display: inline;
	margin:0; padding:0px 0 0 0;
	vertical-align:top;
	
}





#small_form input{

   height: 14px;
   border: 0px;
   background-color: #CCCCCC;
   font-size: 10px;
   margin:0; padding:0 0 0 0;
   vertical-align:top;
   


  /* width: 122px;*/
}

#small_form_username {
   height: 14px;
   border: 0px;
   background-color: #CCCCCC;
   font-size: 10px;
   font-weight:bold;
   margin:0; padding:0 0 0 0;
   vertical-align:top;
   background-image:url(http://internationalmixtapeproject.com/images/background-username.gif);	
   background-repeat:no-repeat;	
}

#small_form_password {
   height: 14px;
   border: 0px;
   background-color: #CCCCCC;
   font-size: 10px;
   margin:0; padding:0 0 0 0;
   vertical-align:top;
   background-image:url(http://internationalmixtapeproject.com/images/background-password.gif);
   background-repeat:no-repeat;	
	
}

#small_form_login {
	 font-size: 6px;
	 width:38px;
	 height: 14px;
	 margin:0; padding:0;
	 vertical-align:top;	
   background-image:url(http://internationalmixtapeproject.com/images/background-login.gif);
   background-repeat:no-repeat;
}

#small_form_search {
	 font-size: 6px;
	 width:44px;
	 height: 14px;
	 margin:0; padding:0;
	 vertical-align:top;	
   background-image:url(http://internationalmixtapeproject.com/images/background-search.gif);
   background-repeat:no-repeat;
}

   #small_form input .btn {
	   font-size: 6px;
	   margin:0; padding:0;
	   vertical-align:middle;


   }

   	#top_menu_left {
		width:555px;
		height:21px;
		float:left;
		text-align:left;
		padding:0px 0 0 7px;
		vertical-align:top;	
		margin:3px 0 0 0;
		border:0px red solid;
	}
	
	#top_menu_left_center {
		width:360px;
		height:21px;
		float:left;
		text-align:left;
		padding:0px 0 0 0;
		vertical-align:top;
		margin:0;
		border:0px black solid;
	}
	
		
	#top_menu_center {
		width:190px;
		height:21px;
		float:right;
		text-align:left;
		padding:0;
		vertical-align:top;
		margin:0;
		border:0px green solid;

	}
	
	#top_menu_right {
		width:170px;
		height:21px;	
		float:right;
		text-align:right;
		vertical-align:middle;	
		margin:3px 0 0 0;
		padding:0px 7px 0 0;
		border:0px black solid;
	}
	
	#top_menu_table {
		width:750px;
		padding:0;
		margin:0;
		height:21px;
		
		
	}
	
	#top_menu_table_left {
		width:385px;
		padding:0;
		margin:0;		
	}
	
	#top_menu_table_center {
		width:190px;
		padding:0;
		margin:0;		
	}

	#top_menu_table_right {
		width:170px;
		padding:0;
		margin:0;		
	}
		
/************** Horizontal rule************/


hr{ color:#876;  width:100%; height:1px; } 





/*******************  HEADINGS ***********/





H1 {

	text-align: center;
	margin: 0.8em;
	font-weight: normal;
	font-variant: small-caps;
	text-transform: capitalize;
	font-size : 2.5em;
	line-height: 4em;
	color:#887766;





}





H2 {
	margin: 1em 10px 0 0;
	font-weight: normal;
	font-size : 1.3em;
	line-height:1.3em;
	color:#765;
	border-top: 0 dotted gray;
	border-right: 0 dotted #CCCCCC;
/*	border-bottom: 1px solid #CCCCCC;*/
}

H3 {
	margin: .8em 5px 0 0;
	font-weight: bold;
	font-size : 1.2em;
	padding:0;
	border-bottom: 0 solid gray;
	color:#544;
}

H4 {
	margin: .1em 5px 6px 0px;
	padding: 0px;
	font-weight:bold;
	font-size : .8em;
	border-bottom: 0px solid gray;
	color:#887766;
}

/**TABLES***/
table.mixtape_table td{
	padding: 1em;	
}

/* LEFT MENU */


/*	Left side menu */


ul.left_menu {


 list-style-type: none;


 list-style-position: inside;


 border-right:1px #CCC dotted;


 width:175px;	


 padding:0 0 0 15px;


 margin:30px 0 0 0;


 


 





  background-image: url(images/tile.gif); background-repeat: repeat;


	


}





ul.left_menu li


{


	margin:0;


	padding:0;


	 list-style-type: none;


 list-style-position: inside;	


}





/*


#left_menu li {


		margin:0px 5px 0 5px;


		padding: 0px;


		list-style-type:none;


}











#left_menu a {


		font-size:14px;


		line-height:16px;


		font-weight: bold;


		margin: 0 10px 3px 10px;


		text-decoration: none;


		color: 776655;


		border-bottom: 0pt;


}











#left_menu a:active{


	border-bottom: 2px solid 554444;


	padding-bottom:0px;


	color: 554444;


	margin: 0 10px 1px 10px;





}











 #left_menu a:hover {


	border-bottom: 2px solid 554444;


	padding-bottom:0px;


	color: 554444;


	margin: 0 10px 1px 10px;





}


*/





	#wrapper {
		width:941px;
		margin:0; padding:0;
		background:white;
	}
	
	#header {
		margin:0; padding:0;
		background:white
	}

	#main1 {
		margin:0; padding:0;
		background:white
	}

	#main2 {
		margin:0; padding:0;
		background-color:white;
	}


	#left {
		float:left;
		width:180px;
		margin:0; padding:0;
		background:white;
	}

	#right {
		float:right;
		width:240px;
		margin:0; padding:0;
		background:white;
	}
/********************* FRONT PAGE MIDDLE **************************/
	#middle {
		float:right;
		width:750px;
		margin:0;
		padding:0;

		border-top:1px #CCCCCC dotted;
		background:#F8F8F8;
/*		border-top:1px #CCCCCC solid;
		border-right:1px #CCCCCC dotted;*/
	}
	
	#middle_left {
		float:left;
		width:209px;
		padding:0;
		background-color:#efefef;
		border-right: 1px #CCCCCC dotted;	
	}
	

	
	#middle_center {
		float:right;
		width:540px;
		margin:0 0 0 0;
		padding:0 0 0 0;
		background-color:#F8F8F8;
		text-align:right;
	}
	
	#middle_right {
		float:right;
		width:262px;
		margin:0; 
		padding:7px 0 0 0;
		background-color:#F8F8F8;
		text-align:left;
		border-top:1px #CCCCCC dotted;
		
	}
	


	#middle_middle_left
	{
		float:left;
		width:262px;
		padding:7px 0 0 0;
		background-color:#F8F8F8;
		text-align:left;
		border:0px black solid;
		border-top:1px #CCCCCC dotted;
		border-right:1px #CCCCCC dotted;
		
		
	}	

	#middle_right_profile {
		float:right;
		width:262px;
		margin:0; 
		padding:0px 0 0 0;
		background-color:#F8F8F8;
		text-align:left;
		border-top:0px #CCCCCC dotted;	
	}

	#middle_middle_left_profile
	{
		float:left;
		width:262px;
		padding:0px 0 0 0;
		background-color:#F8F8F8;
		text-align:left;
		border:0px black solid;
		border-top:0px #CCCCCC dotted;
		border-right:1px #CCCCCC dotted;		
	}	
	
	#middle_right_profile_test {
		float:right;
		width:312px;
		margin:0; 
		padding:0px 0 0 0;
		background-color:#F8F8F8;
		text-align:left;
		border-top:0px #CCCCCC dotted;	
	}

	#middle_middle_left_profile_test
	{
		float:left;
		width:209px;
		padding:0px 0 0 0;
		background-color:#F8F8F8;
		text-align:left;
		border:0px black solid;
		border-top:0px #CCCCCC dotted;
		border-right:1px #CCCCCC dotted;		
	}		
	
		
/**************************************************/
/******* This is basically for the profile page ************/
	
	#middle_left_non_frontpage {
		float:left;
		width:209px;
		padding:0;
		background-color:#F8F8F8;
		border-right: 1px #CCCCCC dotted;	
	}
	
	#middle_right_non_frontpage  {
		float:right;
		width:340px;
		margin:0; 
		padding:0 0 0 0;
		background-color:#F8F8F8;
		text-align:left;
		border-top:0px #CCCCCC dotted;
	}	
	
	#middle_middle_left_non_frontpage
	{
		float:left;
		width:209px;
		padding:0 0 0 0;
		background-color:#F8F8F8;
		text-align:left;
		border:0px black solid;
		border-top:0px #CCCCCC dotted;
		border-right:1px #CCCCCC dotted;
	}	
	
	
	div.both-column-in {
		margin:0;
		padding:0 7px 0 7px;

	}
	
	div.left-column-in {
		margin:0;
		padding:0 0 0 7px;	

		
	}

	div.right-column-in {
		margin:0;
		padding:0 7px 0 0;	

		
	}
	
	/**********************************************/
		
	#middle_2 {
		float:right;
		width:750px;
		margin:0; padding:0 0 0 0px;

		border-top:1px #CCCCCC dotted;
		background:#F8F8F8;
/*		border-top:1px #CCCCCC solid;
		border-right:1px #CCCCCC dotted;*/
	}	
	
	#middle_left_2 {
		float:left;
		width:209px;
		padding:0;
		background-color:#efefef;
		border-right: 1px #CCCCCC dotted;
		text-align:left;
		
	}	
	
	#middle_center_2 {
		float:right;
		width:540px;
		margin:0 0 0 0;
		padding:0 0 0 0;
		background-color:#F8F8F8;
		text-align:left;
	}	
	
	#middle_left_3 {
		float:left;
		width:495px;
		padding:0 0px 0 0px;
		background-color:#efefef;
		border-right: 0px #CCCCCC dotted;
		
	}	
	
	#middle_center_3 {
	
		
		margin:0 0 0 495px;
		padding:0 0 0 0px;
		background-color:#F8F8F8;
		text-align:right;
	}	
	
	
	
	#middle_center p,h1,h2,h3,h4 {
		text-align:left;	
		
	}
	
	#middle_center_2 p,h1,h2,h3,h4, img {
		text-align:left;	
		
	}



	#middle_right_2 {
		float:right;
		width:240px;
		margin:0; padding:0;
		background-color:#F8F8F8;
		vertical-align:top;
		text-align:left;
	}	
	


	/* This is for the pages with a wide left side and a right side column */
	
		#middle_two_column {
		float:right;
		width:750px;
		margin:0; padding:0 0 0 0px;
		border-left:0px #CCCCCC dotted;
		border-top:1px #CCCCCC dotted;
		background:#efefef;
/*		border-top:1px #CCCCCC solid;
		border-right:1px #CCCCCC dotted;*/
	}
	
	/* This is for the pages with a wide left side and a right side column */
	
	#middle_left_and_center {
		float:left;
		width:525px;
		margin:0px 0 0 0;
		padding:0;
		background:#F8F8F8;
		min-height:400px;
	}
	

	
	/* This is for the pages with a wide left side and a right side column */
	#other_middle_right {
		margin:0px 0 0 523px;
		padding:0px 0 0 25px;
		background:#efefef;
		border-left:2px #EBEBEB dotted;
	}
	
	#other_middle_right_box1 {
		
		float:right;
		margin:50px 0 0 50px;
		width:150px;
		padding:10px;
		border-left:1px #CCCCCC dotted;
		border-top:1px #CCCCCC dotted;
		border-bottom:1px #CCCCCC dotted;
		background-color:#F2F2F2;

	}
	
	#logo_on_side {
		
		margin:0px 150px 0px 0px; 	
		padding:0;
		
	}
	
	#other_middle_right_box1 h1,h2,h3 {
		font-weight: normal;
		
	}








	#footer {
		width:940px;	
		background:#EEEEEE;
		border-top:2px #CCCCCC solid;
		border-bottom:5px #CCCCCC solid; 
    	border-right:0;
	}

    #footer p {
		padding:5px 0 10px 15px;
		   
	}

	.column-in {


		margin:0; padding:0em;


	}


	.cleaner {


		clear:both;


		height:1px;


		font-size:1px;


		line-height:1px;


		border:none;


		margin:0; padding:0;


		background:white;


	}





	.copy { text-align:center;  }





		h1,h2,h3,h4 { margin: 0.2em 0 }








	p { margin: 0.5em 0 }








	a { color:black }


	img {


		border:0;margin:0;padding:0;


		


	}


	


	#left_header {


		float:left;


		width:190px;


		margin:0; padding:0;


		background:white;


		


	


	}


	#right_header {


		float:right;


		width:750px;


		margin:0; padding:0;


		background:white;


		


	


	}