/*CSS GENERAL*/

*	{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	}

body	{
		background-color: #FFFFFF;
		color: #333333;
		font-size: 10px;
		font-family: georgia, times new roman, serif;
		font-style: italic;
		text-align: left;
		margin: 0;
		padding: 0;
		text-transform: lowercase;
		}			

p	{
	font-size: 10px;
	line-height: 12px;
	}
		
a			{color: #aaaaaa; text-decoration: none;}
a:visited	{color: #cccccc; text-decoration: line-through;}		
a:hover		{color: #eeeeee; text-decoration: none;}	
a:active	{color: #eeeeee; text-decoration: none;}		

span	{ display: none; }	



		h1 	{
			margin: 10px 0 10px 0;
			width: 200px;
			font-size: 20px;
			line-height: 22px;
			}
			
		h2	{
			font-size: 15px;
			line-height: 17px;
			}

		h3	{
			font-size: 12px;
			line-height: 14px;
			margin-bottom: 3px;
			}

		h4	{
			font-size: 10px;
			line-height: 12px;
			margin: 10px 0 0 0;
			}






a#backtotop	{
			position: absolute;
			}
			
a#jumptocontent	{
				position: absolute;
				left: -5000px;
				top: -5000px;
				}			
			
a#tocontent	{
			position: absolute;
			}




#menu	{
		border: 0px solid red;
		float: left;
		width: 175px;
		padding: 0 10px 10px 10px;
		}
		
#menu ul#misc	{
				margin: 0 0 20px 0;
				}		
		
#menu ul#misc li	{
					}	
					
					
#menu ul	{
			margin: 3px 0 10px 0;
			}						
		

		
#menu h1 a			{color: #333333; text-decoration: none;}
#menu h1 a:visited	{color: #333333; text-decoration: none;}		
#menu h1 a:hover	{color: #cccccc; text-decoration: none;}	
#menu h1 a:active	{color: #cccccc; text-decoration: none;}

#menu h2 a			{color: #333333; text-decoration: none;}
#menu h2 a:visited	{color: #333333; text-decoration: none;}		
#menu h2 a:hover	{color: #cccccc; text-decoration: none;}	
#menu h2 a:active	{color: #cccccc; text-decoration: none;}

		
#menu a:hover, #menu ul li a:hover 							{text-decoration: none;} 
#menu a.meta:hover, #menu ul.meta li a:hover 				{color: #b167ad;} /*violet*/
#menu a.illustration:hover, #menu ul.illustration li a:hover{color: #d9164f;} /*pink*/
#menu a.lineart:hover, #menu ul.lineart li a:hover 			{color: #e5842b;} /*orange*/
#menu a.projects:hover, #menu ul.projects li a:hover  		{color: #bc9d42;} /*yellow*/
#menu a.typography:hover, #menu ul.typography li a:hover 	{color: #86ba43;} /*green*/	
#menu a.photography:hover, #menu ul.photography li a:hover 	{color: #037DAD;} /*blue*/
#menu a.goodies:hover, #menu ul.goodies li a:hover 			{color: #056D97;} /*medium blue*/
#menu a.journals:hover, #menu ul.journals li a:hover 		{color: #1D47B3;} /*dark blue*/
#menu a.sketches:hover, #menu ul.sketches li a:hover 		{color: #b167ad;} /*violet*/

#menu p	{
		margin: 0 0 10px 0;
		}		
		
#menu h3	{
			margin-top: 50px;
			}		
		
#menu a.heart			{color: #ff0000; text-decoration: none;}
#menu a.heart:visited	{color: #ff0000; text-decoration: none;}		
#menu a.heart:hover		{color: #dd1493; text-decoration: none;}	
#menu a.heart:active	{color: #dd1493; text-decoration: none;}
		
		
#content	{
			border: 0px solid red;
			float: left;
			margin: 10px 0 0 0;
			padding-bottom: 10px;
			}					
			
#content p	{
			width: 400px;
			margin: 0 0 10px 0;
			}	
			
#content img	{
				margin: 0 0 10px 0;
				}	
				
#content .textpage	{
					margin: 100px;
					}
				
#content a:visited	{color: #cccccc; text-decoration: none;}	


#lightswitch	{
				clear: both;
				position: fixed;
				top: 0;
 				right: 0;
 				padding: 5px;
 				background-color: #FFFFFF;
 				text-transform: uppercase;
				}
			
#lightswitch a:visited	{text-decoration: none;}