/* Generic CSS file - strip browser defaults */

a:link, a:hover, a:visited, a:active { text-decoration:none; color: blue; }

ul, ol {	list-style:none; }

html,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,body,div,code,fieldset,legend,input,img,hr { margin:0; padding:0; border:0; font: 1em; }

a img { border:0; }

/****************************************************************************************************/

body	{
			font-family: Geneva, Arial, Helvetica, sans-serif;
			font-size: 78%;
			color: #333333;
			background-color: #FFFFFF;
			background-image: url(../images/stripes.png);
}

p		{
		width: 510px;
		margin: 20px 0;
		line-height: 1.5em;
		letter-spacing: 1.2px;
}
/*
p:first-letter	{
		font-size: 1.2em;
}
*/
#main	{
		position: absolute;
		width: 800px;
		left: 50%;
		margin-left: -400px;
		background-image: url(../images/mjcpk6.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		background-color: #fff;
		border-left: 1px solid #999;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
}

#content	{
			position: relative;
			margin-top: 160px;
			padding-left: 220px;
			background-color: #fff;
}

#nav	{
		position: absolute;
		top: 230px;
		left: 25px;
		width: 119px;
		border: 2px solid #ccc;
		background-color: #fff;
		font-size: 1.2em;
		padding-left: 20px;
	}
	
#nav a	{
		display: block;
		margin: 10px;	
		color: #333;
		}

#nav a:hover, a:hover {
		text-decoration: underline;
}

.links	{
		float: right;
}		
		
#navbar	{
		position: relative;
		top: -12px;
		left: -22px;
}

#footer	{
		bottom: 5px;
		background-color: #fff;
		font-size: 0.9em;
		margin-bottom: 10px;
		clear: both;
}		


.fright	{	float: right;	}

.clear	{
			clear: both;
			}


.date	{ 
		font-size: 0.8em;
		letter-spacing: 1px;
}

#previous	{
		position: absolute;
		top: 520px;
		left: 25px;
		width: 119px;
		border: 2px solid #ccc;
		background-color: #fff;
		/*font-size: 1.2em;*/
		/*text-align: center;*/
		padding-left: 20px;
}

#previous ul {
	padding: 0 5px 0 0;
	margin: 0 0 0 -10px;
}

#previous li {
	padding: 0;
	margin-bottom: 2px;
}

.comment	{
		border-left: 10px solid #eef;
		border-bottom: 1px solid #eef;
		padding: 0 0 0 5px;
		margin-bottom: 20px;
		width: 470px;
}

.admin	{
		border-left: 10px solid #fdd;
		border-bottom: 1px solid #fdd;
		background-image: url('../images/textarea_back.jpg');
		background-position: bottom;
}
/*************************** HEADINGS ************************/

h1	{
		position: relative;
		font-size: 0%;
		color: #fff;
		background-position: right;
		background-repeat: no-repeat;
		width: 560px;
		height: 50px;
		margin-bottom: 10px;
}

#home	{
		background-image: url(../images/home_h1.jpg);
		}

#portfolio	{
		background-image: url(../images/portfolio_h1.jpg);
		}
		
#music	{
		background-image: url(../images/music_h1.jpg);
		}

#blog	{
		background-image: url(../images/blog_h1.jpg);
		}
		
#about	{
		background-image: url(../images/about_h1.jpg);
		}		

#contact	{
		background-image: url(../images/contact_h1.jpg);
		}

#index	{
			text-align: center;
			font-size: 1.5em;
			margin: 80px 0;
			width: 500px			
}
		
h2	{
		background-color:	#c9c9c9;
		background-image: url(../images/h2_back.jpg);
		background-repeat: no-repeat;
		color: #fff;
		font-size: 1.4em;
		margin: 0 0 10px 0;
		letter-spacing: 1.2px;
		width: 360px;
		padding: 2px 0 2px 40px;
}

#comments	{
			color: #993366; /*#993399;*/
}
		
h3	{		
		position: relative;
		font-size: 0%;
		color: #fff;
		background-position: right;
		background-repeat: no-repeat;
		width: 120px;
		height: 25px;
		margin-bottom: 20px;
		}

h4	{
	font-size:	4em;
	margin: 50px 0 10px 0;
}
		
#prev	{
		background-image: url(../images/previous.jpg);
		left: -10px;
		}		
/**************************** thumbnails *************************/

.thumb	{
	width: 100px;
	height: 100px;
	background-image: url(../images/thumb_back.jpg);
	margin: 0 40px 30px 0;
	float: left;
}

/************************* list *************************************/		

#content ul		{
			padding: 0 20px;
			}

#content li		{
			line-height: 2em;
			}
			
#content li a	{
		position: relative;
		width: 170px;
		float: left;
		clear: left;
		}

#archive	{
			width: 500px;
			padding: 0;
			margin: 0 0 0 -20px;
			}
	
#archive li	{
				padding-left: 20px;
				line-height: 1.4em;
}			

#archive strong	{
			margin-left: -20px;
			font-weight: bold;
}

#archive a	{
				position: relative;
				width: 360px !important;
				float: none;
				clear: both;
				
				}
		
/*********************** form *******************************************/
#content form ul { padding: 0; }

label	{
			position: relative;
			width: 100px;
			float: left;
			clear: left;
			text-align: right;
			margin-right: 20px;
}

input	{
			padding: 3px;
			background-image: url(../images/input_back.jpg);
			background-position: bottom;
			background-repeat: repeat-x;
			border: 1px solid #ddd;
			margin: 5px 0;
}

textarea	{
			padding: 3px;
			background-image: url(../images/textarea_back.jpg);
			background-position: bottom;
			background-repeat: repeat-x;
			background-color: #ffece8;
			border: 1px solid #ddd;
			margin: 5px 0;
}

.submit	{
			background-image: url(../images/submit_back.jpg);
			padding: 2px 5px;
			font-weight: bold;
			border: 1px solid #999;
}

.invalid	{
			border: 1px solid #f00 !important;
}

#notsent	{
		text-align: center;
		color: #f00;
}

/*********************	CAPTCHA ************************************/

#captcha	{
			width: 68px;
			margin-left: 200px;
}

#captcha span	{
			width: 10px;
			height: 10px;
			float: left;
			margin: 3px 0 0 3px;
}

.cap1		{
			background-color: #66CCFF;
}

.cap2		{
			background-color: #fff;
}

#next	{
			float: right;
			}
			
.separator {
			margin-left: 75px;
			}
			
.word		{
				position: relative;
				width: 100px;
				float: left;
				clear: left;
				margin-right: 5px;
				background-color: #CCCCCC;
				line-height: 1.5em;
				padding-left: 5px;
}						

#count 	{
			margin: 20px;
			padding: 0;
			width: 400px;
			
}

#count li {
		background-color:#FFFFCC;
		border-bottom: 1px solid #999;
		padding: 0;
		margin: 0;
		line-height: 1.5em;
		border-right: 1px solid #999;

		}