/*  
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/releases/rel_back.jpg");
	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 url("../images/releases/rel_header.jpg") no-repeat bottom center;
	
}

#headerimg { 
	border: none;
}

#content {
	font-size: 1.2em;
}

#news a {

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

#news a:hover {

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

}
	

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

#footer a {

	color: #02d70c;
	text-decoration: none;
}

#footer a:hover {

	color: #01ff0d;
	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: 16px;
}

#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: #01ff0d;

}

#menutop ul li a#selected {

	color: #02d70c;

}

#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/services/border_back.jpg");
	background-repeat: repeat-y;

}

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

#menuborder2 {

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

}

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

	/* 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;
	*width: 750px;
	border: 1px solid #959596;
}

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

* html #header {
	margin: 8px 0 30px 0px;
	margin-left: 16px;
}

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

#news {

	margin: 0px;
	padding: 0px;
	margin-left: 3em;
	margin-right: 6em;
	margin-top: 24em;
	padding-bottom: 20px;
}

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

#news ul li {

	list-style: circle;
}

#news p {

	color: #3d3d3d;
	font:  100% Verdana;
	font-size: 1.4em;
	word-wrap: break-word;
	width: 640px;

}

#contentbody {

	
	font-size: 1.2em;
	margin: 0px;
	margin-left: 0em;
	margin-top: 10em;
	padding-bottom: 4em;
	
}

#morenews {

	margin: 0;
	padding: 0;
	margin-left: 0;
	*margin-left: 1em;
	margin-top: 15em;
	padding-bottom: 20em;
	*padding-bottom: 0;
	width: 800px;
	*width: 719px;



}

#morenews ul li {

	display: inline;
}

#morenews ul li a {

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

}


.newrelease {

	margin: 0px;
	padding: 0px;
	margin-left: 3em;
	*margin-left: 4em;

}

.newrelease ul li {

	display: inline;
}

.newrelease ul li a {

	float: left;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin-right: 50px;
	margin-left: 20px;
	text-decoration:none;

}

.newrelease p {

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

}

.newrelease a {

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

.newrelease a:hover {

	color: #02d70c;
}

.narrowcolumn {
	float: left;
	padding: 0 0 20px 55px;
	margin: 0px 0 0;
	width: 450px;
}

.widecolumn {
	padding: 0;
	margin: 0;
}

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

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

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

	/* END STRUCTURE */

	/* BEGIN CURVY CONTENT BUBBLES */

.curvyabout {

	position:absolute; 
	width:630px; 
	background:#31db39; 
	color:#000; 
	margin: 3em 3em;
	*margin: 3em 4em;

}

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

	position:absolute; 
	width:20px; 
	height:20px; 
	color:#31db39; 
	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:#31db39; 
	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;


}

.curvyrelease {

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

}

.curvyrelease em b {

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

}

.curvyrelease p {

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

}

.morereleases {

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

}

.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;

}

.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;

}

	/* END CURVY CONTENT BUBBLES */


	/* BEGIN IMAGES */

.highlight img {

	float:left;
	border: 5px solid #d2d0cf;
	background: #232323;
	padding: 1px;
	margin-right: 10px;


}

.highlight:hover img {

	border: 5px solid #d2d0cf;
	background: #02d70c;
	padding: 1px;
	filter:alpha(opacity=100);

}

	/* 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;
}

* html h3 {
	margin: 0;
	padding-bottom: 5em;
	margin-bottom: -.5em;
	padding-top: 3em;

}

h4 {

	color:#7f766b;
	font:  100% Tahoma;
	font-size: 18px;
	margin: 0;
	margin-top: 1.3em;
	
}

* html h4 {
	margin-top: -6em;
}	

	/* END HEADERS */