
/* 			_______________________	*/
/*			THE RESET				*/

html, body, form, fieldset {margin: 0; padding: 0; font: 100%/120% Verdana, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {margin: 0; padding: 0;}
li, dd, blockquote {margin-left: 0;}
a, a:hover 		{text-decoration:none; color:#1B74C7; font-weight:bold;}	
a img 			{border:0;}
img				{margin:0px; padding:0px;}
form label 		{cursor: pointer;}
fieldset 		{border: none;}
hr 				{margin:3px 0; padding:0px;}
input, select, textarea {font-size: 100%; font-family: inherit;}
	
/* 			_______________________	*/
/*			THE BASICS				*/

body 			{background:#FFF; margin:auto;}
	
a				{ }
a:link			{color:#84A95C; text-decoration: none; padding-bottom: 0px; border: none;}
a:hover			{ color: #000; text-decoration: none; padding-bottom: 0px; border: none;} 
a:visited		{color:#84A95C; text-decoration: none; padding-bottom: 0px; border: none;}

h1				{font-size:17px; line-height:19px; font-weight:bold; text-transform:uppercase;}
h1.lime			{color:#a6b47e;}
h1.choco		{color:#a7928f;}
h1.creamsicle	{color:#ed9796;}
h2				{font-size:13px; margin:0;}
.byline			{font-size:12px; line-height:14px; font-weight:bold; font-style:italic; margin:5px 0 10px 0;}
p 				{color: #222; margin: 0; padding: 0px 0px 7px 0px; font-size:11px; line-height:13px; text-align:justify;}	
.quoted			{font-size:11px; line-height:13px; margin:0px 0 12px 0; padding-left:20px; color:#C90; text-transform:uppercase;}
.indent			{padding:30px 0 0 75px;}
.indent p 		{margin:10px 0 0 0;}


/* 			_______________________	*/
/*			THE MASTHEAD			*/


#wrap 			{margin: 0px auto; width: 1600px;}
#wrap2 			{margin: 0px auto; width: 2600px;}
#headboard		{position: relative; width: 1100px; height: 170px; margin:0; background-color:#FFF;
				background-image:url('http://www.chrismosdell.com/images/head.jpg'); background-repeat:no-repeat;}
#headboard2		{position: relative; width: 1100px; height: 170px; margin:0; background-color:#FFF;
				background-image:url('http://www.chrismosdell.com/images/head2.jpg'); background-repeat:no-repeat;}
#mainboard		{background-color:#FFF; width:1600px; height:700px; margin:0 auto 30px auto;}
#shakeboard		{background-color:#FFF; width:2300px; height:700px; margin:0 auto 30px auto;}
#homeboard		{background-color:#FFF; width:1600px; height:620px; margin:20px auto 0 20px;}
#solohboard		{background-color:#FFF; width:2600px; height:700px; margin:20px 0 0 80px;}
#inkboard		{margin:0px; background-image:url('http://www.chrismosdell.com/images/inkmusic.jpg'); background-repeat:no-repeat; width:1600px; height:700px;}
#lynxboard		{margin:0px; background-image:url('http://www.chrismosdell.com/images/lynx.jpg'); background-repeat:no-repeat; width:1600px; height:700px;}
#zoomboard		{margin:20px 0 0 0; background-image:url('http://www.chrismosdell.com/images/zoomroom3.jpg'); background-repeat:no-repeat; width:1280px; height:630px;}
#soloboard		{margin:0px; background-image:url('http://www.chrismosdell.com/images/soloh.jpg'); background-repeat:no-repeat; width:1600px; height:700px;}
#bioboard		{margin:0px; background-image:url('http://www.chrismosdell.com/images/biosphere.jpg'); background-repeat:no-repeat; width:1600px; height:700px;}
#equaboard		{margin:0px; background-image:url('http://www.chrismosdell.com/images/soloh-equasian.jpg'); background-repeat:no-repeat; width:3600px; height:600px;}
#fingerboard	{margin:0px; background-image:url('http://www.chrismosdell.com/images/soloh-fingerprints.jpg'); background-repeat:no-repeat; width:3000px; height:600px;}
#oraboard		{margin:0px; background-image:url('http://www.chrismosdell.com/images/soloh-oracles.jpg'); background-repeat:no-repeat; width:6200px; height:600px;}
#footboard		{background-color:#FFF; width:1100px; height:100px; margin:0 0 0 70px;}


/* 			_______________________	*/
/*			THE COLUMNS			 	*/

#col1 			{margin:10px 14px 0 70px; text-align: center; width: 330px; font-size: 12px; line-height: 15px; float: left;}	
#col1a 			{margin:40px 14px 0px 70px; text-align: center; width: 400px; font-size: 12px; line-height: 15px; float: left;}
#col2		 	{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: left; float: left; display:inline; width:1100px; height:700px;}
#col2a		 	{padding: 0px 0px 0px 0px; margin: 40px 0px 0px 55px; text-align: left; float: left; display:inline; width:700px; height:1000px; font-size:12px;}
#col2b		 	{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: left; float: left; display:inline; width:1700px; height:700px;}
.col2text		{margin:60px 0 0 270px; padding:0px; width: 300px;}	
.book1			{background-image:url('http://www.chrismosdell.com/images/edokko-ink.jpg');  background-repeat:no-repeat;}
.book2			{background-image:url('http://www.chrismosdell.com/images/edokko-opera.jpg');  background-repeat:no-repeat;}
.book3			{background-image:url('http://www.chrismosdell.com/images/edokko-oracles.jpg');  background-repeat:no-repeat;}
.book4			{background-image:url('http://www.chrismosdell.com/images/edokko-erotic.jpg');  background-repeat:no-repeat;}
.book5			{background-image:url('http://www.chrismosdell.com/images/edokko-riot.jpg');  background-repeat:no-repeat;}
.book6			{background-image:url('http://www.chrismosdell.com/images/edokko-splatter.jpg');  background-repeat:no-repeat;}
.book7			{background-image:url('http://www.chrismosdell.com/images/edokko-shake.jpg');  background-repeat:no-repeat;}
.book8			{background-image:url('http://www.chrismosdell.com/images/edokko-arias.jpg');  background-repeat:no-repeat;}
.book9			{background-image:url('http://www.chrismosdell.com/images/edokko-sutra.jpg');  background-repeat:no-repeat;}

.gallerymusic	{padding:170px 0 0 70px;}
.gallerysolo	{padding:40px 0 0 70px; font-size:10px;}
#soloh			{margin:20px 0 10px 70px; height:70px;}
.solo			{margin:0 0 15px 0; padding:0px; clear:both;}
.solo img		{margin:0 15px 20px 0; float:left;}
.solo-text		{font-size:12px;}
.biosphere		{margin:0px;}
.bio-text		{width:450px; padding:70px 0 0 600px;}
.bio-text-j		{width:420px; padding:70px 0 0 600px;}
.j-text			{font-size:12px; font-weight:bold; text-align:right;}
.solo-sm		{float:left; margin:0 10px 0 0; display:inline;}

#maul1		 	{padding: 0px 0px 0px 0px; margin: 10px 0px 0px 40px; text-align: left; float: left; width:580px;}
.maul1text		{margin:40px 0 0 70px; padding:0px; width: 450px;}	
#maul2 			{margin:50px 0 0 0; text-align: center; width: 400px; font-size: 12px; line-height: 15px; float: left; display:inline; }
#maul1 h1		{margin:0 0 5px 0; color:#069;}
#first			{margin:90px 0 0 585px; width:450px; float:left;}
#first-more		{margin:170px 0 0 585px; width:450px; float:left;}
#second			{margin:0px 0 0 30px; width:450px; float:left;}
#second-more	{margin:0px 0 0 30px; float:left;}
p.album 		{font-size:10px;}
.album h2		{margin:0px; padding:0px;}
.par 			{float:left;}

.item			{margin:30px 0 60px 0;}
.item p 		{font-size:11px; line-height:17px;}
.item img		{margin:20px 0 20px 0;}
.clear			{clear:both;}
.lynxer			{margin:160px 0 0 0; text-align:left;}
.book			{font-size:9px; float:left; line-height:10px; text-align:right; margin:12px 0 0 40px;}
.video			{margin:0px 0 0 160px;}


/* 			_______________________	*/
/*			THE MENUS			 	*/

.menu			{padding:90px 30px 0px 180px; font-size:11px; color:#666; line-height:14px;}
.text-menu		{float:left; padding-top:45px;}
.text-menu1		{padding:0px;}
.text-menu1-item {padding:0px 6px; text-transform:uppercase; font-weight:bold;}
.text-menu2		{padding:0px 0px 0px 70px; font-style:italic;}
.text-menu2-item {padding:0px 6px;}
.image-menu		{padding:0px 0px 0px 50px;  display:inline; float:left;; font-weight:bold;}
.image-menu-item {margin:0px; padding:0px;}


ul				{margin:0px; list-style-position:inside;}
li.edo				{margin:7px 0px; padding:4px 6px; text-transform:uppercase; color:#333; text-align:left; background-color:#E7E7E7;
				font-size:10px; line-height:14px; list-style-image: url("http://www.chrismosdell.com/images/arrow.jpg");}
li.current		{background-color:#FFF; list-style-image:none;}
ul#words		{width:400px;}
ul.blue li a	{color:#069;}
ul.blue li a:hover	{color:#000;}

#nav {width: 363px; height: 60px; position: relative; background: url(http://www.chrismosdell.com/images/nav.jpg); margin:0 0 0 20px; padding: 0; float: left;}
#nav li {float: left;}
#nav li a {position: absolute; top: 0; margin: 0; padding: 0; display: block; height: 60px;
	background: url(http://www.chrismosdell.com/images/nav.jpg) no-repeat; text-indent: -9999px; overflow: hidden;}
li#nav_bio a {left: 0; width: 60px; background-position: 0 0;}
li#nav_ink a {left: 60px; width: 60px; background-position: -60px 0;}
li#nav_sol a {left: 120px; width: 60px; background-position: -120px 0;}
li#nav_edo a {left: 180px; width: 60px; background-position: -180px 0;}
li#nav_mol a {left: 240px; width: 60px; background-position: -240px 0;}
li#nav_zoo a {left: 300px; width: 63px; background-position: -300px 0;}
li#nav_bio a:hover {background-position: 0 -60px;}
li#nav_ink a:hover {background-position: -60px -60px;}
li#nav_sol a:hover {background-position: -120px -60px;}
li#nav_edo a:hover {background-position: -180px -60px;}
li#nav_mol a:hover {background-position: -240px -60px;}
li#nav_zoo a:hover {background-position: -300px -60px;}
#body_bio li#nav_bio a {background-position: 0 -60px;}
#body_ink li#nav_ink a {background-position: -60px -120px;}
#body_sol li#nav_sol a {background-position: -120px -120px;}
#body_edo li#nav_edo a {background-position: -180px -120px;}
#body_mol li#nav_mol a {background-position: -240px -120px;}
#body_zoo li#nav_zoo a {background-position: -300px -120px;}


/* 			_______________________	*/
/*			THE FOOT			 	*/
.foot			{font-size:10px; text-align:left; font-weight:bold;}
.contact		{margin:0;}
.contact a		{text-transform:uppercase;}
