html {
   margin: 0;
   /* setting border: 0 hoses ie6 win window inner well border */
   padding: 0;
   border-top: 5px solid #9400D3;
   background: #9400D3 url(http://yasmineiliya.com/media/back.gif);
	}

body {
  	/* font-family: Courier, MS Courier New, Prestige, Everson Mono; */
 	font-family: Verdana, Arial, Helvetica, sans-serif;
   	color: black;
	font-size: 12px;
	line-height: normal;
	font-weight: lighter;
	}

main {}

#box {
	margin:40px 40px 40px 40px;
	padding: 10px 30px 30px 30px;
	border: solid 2px #ccc;
	background-color:#FFF; 
	min-width: 770px;
	max-width: 1000px;
	width:expression(document.body.clientWidth < 600? "600px" : document.body.clientWidth > 1200? "1200px" : "auto");
	}
 
#on {}

a {
	color: #9400D3;
	text-decoration: none;
	border: 1px dotted purple;
	padding: 5px;
	font-weight: lighter;
	}
	
a:hover {
	color: #fff;
	text-decoration: none;
	border: 1px solid purple;
	background-color: #9400D3;
	padding: 5px;
	font-weight: lighter;
	}
	
	
.alt a {
	color: #9966CC;
	text-decoration: none;
	border: none;
	background-color: white;
	padding: 2px;
	font-weight: lighter;

	}
	
.alt a:hover {
	color: #9400D3;
	text-decoration: none;
	border: none;
	background-color: white;
	padding: 2px;
	font-weight: lighter;
	}

p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	}
		
img{}

ul {
	list-style-type: none;
	text-decoration: none;
	}
	
li {}

h2
{
	font-size: 24px;
	font-weight: normal;
	color: #9400D3;
	line-height: 36px;
	}
	
h3 {
	font-size:16px;
	color:#BF92D3;
	line-height: 18px;
	font-weight:normal;
	}

.songs {
	margin-left: 30px;
	margin-bottom: 5px;
	padding:2px;
	border: 1px solid #9400D3;
	background-color: #CFC6F1;
}

.songs a {
	border:none;
	padding:2px;
	border: 1px solid #9400D3;
	}
	
.songs a:hover {
	color: #9400D3;
	text-decoration: none;
	border: 1px solid #9400D3;
	background-color: #fff;
	}

.pics img {
	padding: 5 px;
	border: 1 px;
	border-color: #FFFFFF;
	}
	
.pics img:hover {
	padding: 5 px;
	border: 1 px;
	border-color: #9400D3;
	}
	
.pics a {
	border:none;
	padding: 0px;
	}
	
.pics a:hover {
	border:none;
	padding: 0px;
	}
	
.list {
	margin-left: 30px;
	margin-right: 500px;
	margin-bottom: 1px;
	padding:1px;
	border: none;
	background-color: #CFC6F1;
	text-decoration: none;
}
	
.list a {
	color: #9400D3;
	text-decoration: none;
	border: none;
	padding: 1px;
	font-weight: lighter;
	}

.list a:hover {
	color: #9400D3;
	text-decoration: underline;
	border: none;
	background-color: #CFC6F1;
	padding: 1px;
	font-weight: lighter;
	}