@media screen {

	body, table {
	    font-family: Cochin, Optima, sans-serif;
	}
	
	body {
	    background-color: #1c323b; 
	    margin: 0px;
	}
	
	a 		{ color: #c9c; text-decoration: none; font-weight:normal; } 
	a:link		{ color: #c9c; } 
	a:visited	{ color: #c99; } 
	a:active	{ color: #99c; } 
	a:hover		{ color: #99c; }
	
	h1, h2, h3 {
	    margin: 0px;
	}
	
	#banner {
	    margin: 10px 10px 15px 5px;
	}
	
	#banner a,
	#banner a:link,
	#banner a:visited,
	#banner a:active,
	#banner a:hover {
	    color: #ddd;
	    font-size: xx-large;
	    font-weight: bold;
	    text-decoration: none;
	}
	
	#banner h1 {
	    border-bottom: #888 solid 1px;
	    /* border-left: #888 solid 10px; */
	    padding: 0 0 3px 3px;
	}
	
	#banner h2 {
	    color: #aad;
	    font-size: small;
	    font-weight: bold;
	    margin-left: 30px;
	}	
	
	#container {
	    margin: 0 10px 10px 10px;
	}
	
	#right {
	    background-color: #1c323b; 
	    color: #ccc;
	    border-left: 1px solid #888;
	    padding: 10px;				
	    position: absolute;
	    top: 10px;
	    right: 0px;
	    width: 209px;
	}
	
	body > #right {
	    width: 210px;
	}
	
	#menu {
	    border-bottom: #ccc solid 1px;
	    border-right: #ccc solid 10px;
	    font-size: small;
	    margin-right: 10px;
	    padding: 0 5px 2px 0;
	    text-align: right;  							
	}		
	
	.content {
	    margin: 0 230px 10px 163px;
	    color: #ccc;
	    font-size: small;
	    font-weight: normal;
	    line-height: 140%;			
	    border-left: #888 solid 1px;
	    text-align: justify;
	}
	
	.content h2 { 
	    border-bottom: #888 solid 1px;
	    /* border-left: #888 solid 10px; */
	    color: #ccc; 
	    font-size: small; 
	    font-weight: bold;
	    height: 20px;
	    left: -163px;
	    margin: 0;
	    padding-left: 3px;
	    position: relative;
	    top: 20px;
	    width: 150px;
	}			
	
	.content h3	{ 
	    color: #99c; 	
	    font-size: normal; 
	    padding-left: 7px;
	}	
	
	.content p {
			padding-left: 7px;
	}
	
	.content a,
	.content a:link,
	.content a:visited {
	    border-bottom: 1px dotted #334;
	}
	.content a:active,
	.content a:hover {
	    border-bottom: 1px solid #668;
	}
	
	#calendar {
	    font-family: verdana, helvetica, sans-serif;
	}
	
	#calendar td, #calendar th {
	    font-family: verdana, helvetica, sans-serif;
	}
	
	.content p.posted { 
	    color: #ccc; 
	    display: block;
	    font-family: verdana, helvetica, sans-serif;
	    font-size: x-small; 
	    font-style: italic;
	    margin-top: 8px;
	    text-align: right;
	}
	
	#calendar td, #calendar th {
	    font-size: x-small;
	    font-weight: normal;
	    padding: 2px;
	    text-align: center;	
	    width: 14%;
	}
	
	div#calendar table {
	    width: 100%;
	}
	
	#calendar caption  {	
	    border-bottom: #888 solid 1px;
	    font-size: small;
	    font-weight: bold;
	    padding: 0 0 0 3px;					
	    text-align: center;
	    letter-spacing: .4em;
	    text-transform: uppercase;
	    width: 100%;
	}	
	
	.link-note {
	    font-family: verdana, helvetica, sans-serif;
	}
	
	.sidebar {
	    font-size: x-small;
	    font-weight: normal;
	    line-height: 140%;
	    margin: 5px 0 0 13px;
	}	
	
	.sidebar h2 {
	    border-bottom: #888 solid 1px;
	    font-size: small;
	    letter-spacing: .4em;
	    text-transform: uppercase;
	    text-align: center;
	    padding: 0 0 2px 3px;
	    margin-top: 15px;
	    margin-bottom: 4px;
	}		
	
	.sidebar ul {
	    padding-left: 0px;
	    margin: 0px;
	    margin-bottom: 30px;
	}

        .sidebar ul ul {
            margin-bottom: 0px;
        }
	
	.sidebar li {
	    font-family: Verdana, Arial, sans-serif;
	    font-size: x-small;
	    text-align: left;
	    line-height: 150%;
	    padding-left: 10px;
	    list-style-type: none;
	}
	#comment-data {
	    float: left;
	    width: 180px;
	    padding-right: 15px;
	    margin-right: 15px;
	    text-align: justify;
	    border-right: 1px dotted #BBB;
	}
	
	textarea[id="comment-text"] {
	    width: 80%;
	}
	
	#powered {
	    font-size: x-small;
	    font-weight: bold;
	    line-height:140%;
	    margin-top: 10px;
	    padding:2px;
	    text-align:center;
	}	
	
	#author, #email, #url, #text {
	    border-bottom: #888 solid 1px;
	    border-right: #ccc solid 1px;
	    border-top: #ccc solid 1px;
	    padding-left: 3px;
	}

	img.commenticon {
		float: right;
		padding: 1em;
	}
}

@media print {
	#right { 
		display: none;
	}
	
	#banner h2 {
		display: none;
	}
	
	body {
		font-family: Cochin, Optima, sans-serif;
	}
	
	h1, h2, h3, h4, h5, h6 {
		text-align: center;
	}
	
	.content p {
		padding: 0;
	    font-family: Cochin, Optima, sans-serif;
		margin-top: 0;
		margin-left, margin-right: 3em;
		margin-bottom: 0.5ex;
		line-height: 140%;
		text-align: justify;
		text-indent: 1em;
	}
	
	.content p.posted {
		font-style: italic;
	}
}