body	{
		background: #222;
		font-family: "Arial", "Verdana";
		font-size: 14px;
		color: #FFF;
		line-height:160%;
		margin:0;
		}
	
	a, a:link, a:visited {
		color: #555;
		text-decoration: none;		}
	
	a:hover {
		color: #888;
		text-decoration: none;
		}

	p, li {
		margin:0 0 10px 0;
		padding:0px;
		text-align:justify;
		}
	td {
		}


	#layout {  	
		width: 720px;
		margin: 0 auto;				
		text-align:center;
		background: #111;
		}

	#header {
		z-index:2;
		width:500px;
		}
	
	#sidebar {
		float:left;
		width:170px;
		padding: 15px 0 15px 15px;
	}
	#mainarea {
		z-index:3;
		width:500px;
		float:right;
		padding:15px;
		text-align:justify;

				}

	#footer {
		width:690px;
		padding: 15px;
		text-align:center;
		clear:both;
		font-size:10px;
		line-height:110%;
		background: #111;
		}
		
	#navigation {
		text-align:center;
		padding: 15px 15px 0 15px;
		width:690px;
		background: #000;
	}


/* main content */

	h2, h1 {
		margin:0px;
		padding:0px;
		font-size:16px;
		font-weight:normal;
		font-family: "Georgia", "Times New Roman";
		color: #888;
		text-align:left;
		text-transform:lowercase;
		font-style:italic;
		}
	h5 {
		margin:0px;
		padding:0px;
		font-size:16px;
		font-weight:normal;
		font-family: "Georgia", "Times New Roman";
		color: #888;
		text-align:left;
		text-transform:lowercase;
		font-style:italic;
		}
		
	ul {
		list-style-type: square;
		padding:0px;
		margin-left:20px;
		margin-top:0px;
		}
li {
	padding:0;
	margin:0;
}


blockquote {
	text-align:left;
	font-size:12px;
	color: #CCC;
	padding:0;
	margin:0	
}
/* images */

	p.affiliates img , p.icons img, .codes img {
		text-align:center;
		margin:2px;
		 }


/* Forms */
	.commentform {
		width:98%; }

	.form {
		width:98%; }

	.password {
		width: 45%;	}

	input, textarea, option, select {
		font-family: "Arial", "Verdana";
		font-size: 13px;
		color: #FFF;
		background: #222;
		border: solid 1px #555;
		padding:4px;
		}

	input:focus, textarea:focus, option:focus, select:focus {
		border: solid 1px #999;
		}

/* other */
	p.archivelink, p.filed {
		display:none;
		}

	p.entry {
		padding:0px;
		margin:0px;
		}

	div#left {
		float:left;
		width:62%;
		text-align:left;
		}

	div#right {
		float:right;
		width:37%;
		text-align:right;
		}
		
	div#clear {
		clear:both;
		}
		
	#right h1{
		text-align:right;
		}
		
		
        /**
         * CSS Timeline Styles
         */

         ul.events {
             list-style-type: none;
             margin: 0;
             padding: 0 0 20px 0;
         }

         ul.events li {
             background: #111;
             border: 1px solid #222;
             margin-bottom: 2px;
             padding: 2px 0;
             position: relative;
             text-align: center;
             font-size:11px;
             text-transform:uppercase;
             line-height:normal;
             
         }
         ul.events li:hover {
             background: #222;
         }
         ul.events li a:hover {
             color: #FFF;
         }
         ul.intervals {
             list-style-type: none;
             padding: 0;
             display: block;
             margin:0;
 			background: #000;
 			height:40px;
         }

         /* The width depends on the number of intervals. For example 100 / 7 = 14.29% -- then subtract a little bit for room for the borders */
         ul.intervals li {
             border-right: 1px solid #333;
             color: #555;
             float: left;
             margin: 0;
             padding: px 0;
             text-align: center;
             width: 14.1%;
             font-size:10px;
             text-transform:uppercase;
              			background: #000;
         }

         ul.intervals li.first {
             border-left: 1px solid #333;
         }