@charset "utf-8";

/* CSS Document */



/*	-------------------------------------------------------------

	CSS - Ashanti Website

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



/*	--------------------------------------------------------------------------------------------------------------------------

	Main / Body Styles

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	body{
		margin:0px;
		background-color:#000000;
	}
	
	#header {
		width:1024px;
		margin: 0 auto;
		padding-bottom: 10px;
		
		}

	#main {

		width:1024px; 
		/*height:1593px;*/
		background:#9e6347 url("../images/bg.jpg") no-repeat;
		margin:0 auto;
		padding:0px 0px 0px 0px;
		display:table;

	}
	.cleaner {
		clear:both; float:none;
		height:0;
		font-size:0; line-height:0;
		border:none;
		margin:0; padding:0;
		background:transparent;
		overflow:hidden;
	}


/*	--------------------------------------------------------------------------------------------------------------------------

	left Styles

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	

	#left{
		width:500px;
		margin:470px 0px 0px 0px;
		padding:0px 0px 0px 30px;
		float:left;
	}

	
	/*	stories Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#storiesHolder{
		width:488px;
		padding:14px 0px 15px 10px;
		margin:30px 0px 30px 0px;
		background:#32120b url(../images/stories_bg.gif) no-repeat;
		border:1px solid #8b3111;
	}
	#storiesPager{
		width:488px;
		padding:14px 0px 15px 10px;
		margin:30px 0px 30px 0px;
		background:#32120b;
		border:1px solid #8b3111;
	}
	.date{
		width:480px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		color:#f0eda8;
		margin:0px 0px 5px 0px;
	}
	.comment{
		width:480px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		color:#a60505;
		margin:5px 0px 0px 0px;
	}
	a.reply:link, a.reply:visited, a.reply:active {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:bold;
			color:#c;
			text-decoration:none;
		}

				a.reply:hover {
					text-decoration:underline
				}
	.story{
		width:480px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#ffffff;
		margin:0px 0px 21px 0px;
	}
	
	/*	form Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#formHolder {
			width:489px;
			font-size:12px;
			margin:0px 0px 0px 0px;
			padding:38px 0px 0px 11px;
		}
		 .formPair {
			margin:0px 0px 4px 0px;
		}

		label {
			width:64px; height:14px;
			display:block;
			float:left;
			text-align:right;
			margin:0px 5px 0px 0px; padding:4px 0px 0px 0px;
			color:#ffffff;
		}
		label span {
			color:white;
		}

		input.text {
			width:301px; height:24px;
			border:1px solid #796354;
			margin:0px; padding:0px;
			
		}

		textarea.text {
			width:476px; height:150px;
			border:1px solid #390506;
			margin:29px 0px 0px 0px;
			padding:0px;
		}
		#submitButton {
			width:150px; height:35px;
			margin:7px 0px 0px 0px;
		}
		#fineprint {
			margin:14px 0px 0px 70px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:10px;
			color:white;
		}
		#messageHolder {
			font-size:12px;
			width:300px;
			float:left;
			color:white;
		}

	#btnHolder {
		width:130px;
		margin:10px 0px 0px 15px;
	}

		#btnHolder a.submit:link, #btnHolder a.submit:visited, #btnHolder a.submit:active {
			width:114px; height:34px;
			display:block;
			background:url(../images/btn_submit.gif) 0 0 no-repeat;
		}

				#btnHolder a.submit:hover {
					background:url(../images/btn_submit.gif) 0 -34px no-repeat;
				}
				
				
	/*	right Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
	#right{
		width:385px;
		float:left;
		margin:562px 0px 0px 73px;
	}
	img.whatIs{
		display:block;
		margin:0px 0px 3px 0px;
	}
	
	/*	 flv Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
	#flv{
		width:320px;
		height:240px;
		background-color:#000000;
		margin:22px 0px 14px 31px;
	}
	
	/*	 mediaplayer Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mediaplayer{
		width:385px;
		height:379px;
	}
	
	
	
	/*	 akademiks Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.akademiks{
		width:383px;
		height:374px;
		background-color:#32120b;
		border:1px solid #892b0c;
		margin:10px 0px 0px 0px;
	}
	img.aka{
		display:block;
		margin:0px 0px 0px 0px;
	}
	
	/*	 footer Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer{
		width:1024px;
		background-color:#9e6347;
		margin:0px auto;
		display:table;
		padding:0px 0px 13px 0px;
	}
	#footer img.motown{
		display:block;
		margin:0px 0px 0px 25px;
		float:left;
	}
	#footer img.site1{
		display:block;
		margin:0px 0px 0px 29px;
		float:left;
	}
	#footer img.site2{
		display:block;
		margin:0px 0px 0px 26px;
		float:left;
	}
	#footer img.myspace{
		display:block;
		margin:0px 0px 0px 30px;
		float:left;
	}
	#footer img.privacy{
		display:block;
		margin:0px 0px 0px 22px;
		float:left;
	}
	
	/*	 what is I Declare Me Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
	#iDeclareMe {

		width:1024px; 
		height:1200px;
		background:#9e6347 url("../images/whatisideclareme.jpg") no-repeat;
		margin:0 auto;
		padding:0px 0px 0px 0px;
		display:table;

	}
	a.back:link, a.back:visited, a.back:active {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:bold;
			color:#ffffff;
			text-decoration:none;
			margin:1038px 0px 0px 50px;
			display:block;
		}

				a.back:hover {
					text-decoration:underline;
				}