/*  
Website/Company: Slothtrop Music
Website URL: http://www.slothtrop.com
Description: Website for Slothtrop Music
Version: 2.1
Author: Ashley Malone
Author URL: http://www.ashleymalone.com

*/

	/* BEGIN TYPOGRAPHY & COLORS */



body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Tahoma', Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #999 url("../images/artists/artists_back.gif");
	background-position : left bottom;
	background-attachment : fixed;
	background-repeat : no-repeat;
	color: #666;
	text-align: center;
	overflow-x:hidden;
}

#page {
	background: url("../images/body_back.jpg") repeat-y top; border: none;
	background-color: white;
	border: 1px solid #959596;
	text-align: left;
}

#header {
	background: #999 no-repeat bottom center;
	
}

#headerimg { 
	border: none;
}

#content {
	font-size: 1.2em;
}
	

#footer {
	background: #999 url("../images/footer_back.jpg") repeat-y top; 
	border: none;
}

#footer a {

	color: #0293d7;
	text-decoration: none;
}

#footer a:hover {

	color: #02aefe;
	border-bottom:1px dotted #fff;

}

	/* END TYPOGRAPHY & COLORS */ 


	/* BEGIN HEADER MENU BAR */

#menutop {
	height: 40px;
	maring: 0;
	margin-left: 0px;
	margin-top: -3em;
	padding: 0;
	background-image: url("../images/menu_back.jpg");
	background-repeat: repeat-y;

}

* html #menutop {
	margin-left: 0px;
}

#menutop ul {

	margin: 10px 0px 0px 25px;
	padding:0;
	margin-left: 0 px;
	float: left;
	padding-left: 0px;
	font: 15px Verdana;

}

* html #menutop ul {
	margin: 10px 0px 0px 18px;
}

#menutop ul li {

	display: inline;

}

#menutop ul li a {

	float: left;
	color: #c7b6a0;
	font-weight: bold;
	padding: 0px 15px 10px 10px;
	text-decoration:none;

}

#menutop ul li a:visited {

	color: #c7b6a0;

}

#menutop ul li a:hover {

	color: #02aefe;

}

#menutop ul li a#selected {

	color: #0293d7;

}

#menutop ul li img {

	border: none;
	float: left;
	margin: 5px;

}

#menuborder {

	margin: 0px;
	margin-left: 0px;
	margin-top: 0em;
	padding: 3px;
	background-image: url("../images/artists/border_back.jpg");
	background-repeat: repeat-y;

}

* html #menuborder {
	margin-left: 0px;
}

#menuborder2 {

	margin: 0px;
	margin-left: 0px;
	margin-top: 23em;
	padding: 3px;
	background-image: url("../images/artists/border_back.jpg");
	background-repeat: repeat-y;

}

* html #menuborder2 {
	margin-left: 0px;
}

	/* END HEADER MENU BAR */

	/* BEGIN STRUCTURE */

body {
	margin: 0;
	margin-top: -3em;
	padding: 0; 
}

#page {
	background-color: #999;
	margin: 20px auto;
	padding: 0;
	width: 719px;
	border: 1px solid #959596;
}

#header {
	background-color: #999;
	margin: 8px 0 30px 20px; 
	padding: 0; 
	height: 237px; 
	width: 719px;
}

* html #header {
	margin: 8px 0 30px 20px;
	margin-left: 0px;
	margin-bottom: 27px;
}

#headerimg {
	margin: -2em;
	height: 237px;
	width: 719;
	height: 237;
}

* html #headerimg {

	margin: 0;
}

* html #news {
	margin-top: 26em;
}


.news {

	margin: 0px;
	padding: 0px;
	margin-left: 3em;
	margin-top: 8em;
	font-size: 1.4em;
	font-family: Arial;



}

.news ul li {

	display: inline;
}

.news ul li a {

	float: left;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	padding: 10px 10px 0px 120px;
	text-decoration:none;

}

.news p {

	color: #3d3d3d;
	font:  100% Tahoma;
	word-wrap: break-word;
	width: 640px;

}

.news a {

	color: #000;
	text-decoration: none;
}

.news a:hover {

	color: #0293d7;
}

.cdreleases {

	margin: 0px;
	padding: 0px;
	margin-left: 1em;
	margin-top: 8em;
	padding-bottom: 1em;
	font-size: 1.4em;
	font-family: Arial;



}

* html .cdreleases {

	margin-top: 11em;
}

.cdreleases ul li {

	display: inline;
}

.cdreleases ul li a {

	float: left;
	padding: 10px 0px 0px 0px;
	margin-left: 70px;
	width: 100px;
	height: 100px;

}

#footer {
	padding: 0;
	padding-bottom: 30px;
	margin: 0 auto;
	margin-bottom: -2em;
	width: 719px;
	max-height: 100%;
	clear: both;
}

* html #footer {
	margin-left: 0px;
}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	color: #efedec;
}

	/* END STRUCTURE */

	/* BEGIN CURVY CONTENT BUBBLES */

.curvyabout {

	position:absolute; 
	width:630px; 
	background:#31a5db; 
	color:#000; 
	margin: 3em 3em;

}

* html .curvyabout {

	margin: 3em -1em;
}

#ctl, #cbl, #ctr, #cbr {

	position:absolute; 
	width:20px; 
	height:20px; 
	color:#31a5db; 
	background:#efedec; 
	overflow:hidden; 
	font-style:normal; 
	z-index:1;

}

#ctl {

	top:0; 
	left:0;

}

#cbl {

	bottom:0; 
	left:0;

}

#ctr {

	top:0; 
	right:0;

}

#cbr {

	bottom:0; 
	right:0;

}

.curvyabout em b {

	position:absolute; 
	font-size:150px; 
	font-family:arial; 
	color:#31a5db; 
	line-height:40px; 
	font-weight:normal;

}

#ctl b {

	left:-8px;

}

#ctr b {

	left:-25px;

}

#cbl b {

	left:-8px; 
	top:-17px;

}

#cbr b {

	left:-25px; 
	top:-17px;

}

.curvyabout p {

	position:relative; 
	z-index:100; 
	padding:0px 17px;
	font-size: 1.2em;


}


.curvynews {

	position:absolute; 
	width:630px;
	height: 40px; 
	background:#dcdad9; 
	color:#000; 
	margin: 18em 3em;

}

.curvynews em b {

	position:absolute; 
	font-size:150px; 
	font-family:arial; 
	color:#dcdad9; 
	line-height:40px; 
	font-weight:normal;

}

.curvynews p {

	position:absolute; 
	z-index:100; 
	padding:3px 20px;

}

.curvynews a {

	color: #d76e02;
	text-decoration: none;
}

.curvynews a:hover {

	color: #ff8300;
	border-bottom:1px dotted #000;
}

.curvynews img {

	border: none;
	margin: 7px;
	margin-bottom: 1px;

}

.morereleases {

	position:absolute; 
	width:630px;
	height: 40px; 
	background:#dcdad9; 
	color:#000; 
	margin: 5em 3em;

}

* html .morereleases {

	margin: 5em -50em;
	margin-bottom: 2em;
}

.morereleases em b {

	position:absolute; 
	font-size:150px; 
	font-family:arial; 
	color:#dcdad9; 
	line-height:40px; 
	font-weight:normal;

}

.morereleases p {

	position:absolute; 
	z-index:100; 
	padding:3px 20px;

}

	/* END CURVY CONTENT BUBBLES */


	/* BEGIN IMAGES */

.highlight img {

	float:right;
	border: 5px solid #d2d0cf;
	background: #232323;
	padding: 1px;
	

}

.highlight:hover img {

	border: 5px solid #d2d0cf;
	background: #0293d7;
	padding: 1px;
	filter:alpha(opacity=100); /* hack to get IE 6 to do this right */

}

	/* END IMAGES */

	/* BEGIN HEADERS */	

h1 {

	color:#000;
	font: tahoma;
	font-size:18px;
	font-weight:bold;
	margin-left: 20px;
	margin-right: 15px;
	margin-top: 15px;
	padding: 0px;
	border-bottom: 1px solid #000;
}

h2 {

	color:#000;
	font: tahoma;
	font-size:18px;
	font-weight:bold;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: -.2em;
	padding: 10px 2px;
}

* html h2 {
	padding: 0;
	margin-top: 1em;
}

h3 {

	color:#000;
	font:  100% Tahoma;
	font-weight:bold;
	font-size: 23px;
	margin-bottom: -10px;

}


h4 {

	color:#7f766b;
	font:  100% Tahoma;
	font-size: 18px;
	
}

	/* END HEADERS */