/*
Theme Name: outpt
Theme URI: http://outpt.net/
Description: outpt unplugged
Version: 1.0
Author: Mary Ann Benedetto
Author URI: http://pir2.org/
Tags: outpt, black, grid, shows

*/


	body {
		margin:0;
		padding:0;
		width:100%;
		float:center;
		background:#d78f1b url('gfx/window.png') repeat-y fixed;
		font-family: Geneva, helvetica, arial, "sans serif";
		font-size:95%;
	}
	#view img {
		margin-top:-6px;
		margin-bottom:13px;
	}
	.container {
		position:absolute;
		left: 0px; 
		top: 0px;
		width: 100%;
		min-height:206px;
		background: url('gfx/outpt.png') no-repeat;
		
	}
	#side {
		position:absolute;
		left:23px;
		top:187px;
		width:220px;
		background:#b7b7b7;
		margin:0;
		padding:0;
		line-height:160%;
	}
	#showtxt {
		padding-left:5px;
		padding-top:15px;
		font-size:100%;
		line-height:160%;
	
	}
	.everything {
		position:absolute;
		left: -9px; 
		top: 0px;
		width: 900px;
		padding-top:162px;
/*		margin-left: -445px; /* half of the width */
		z-index:1;
	}

	#content	{
		position:relative;
		float:right;
		top:0px;
		left:-15px;
		padding:10px 20px 0 30px;
		width:700px;
	}
	#main a {
		padding:1px 2px;
	}
	a.plain {
		border:0;
	}
	#words a:link, #words a:visited, #about a:link, #about a:visited, #showtxt a:link, #showtxt a:visited	{
		color: #b7b7b7;
		text-decoration: none;
		border-bottom:1px solid #999999;
	}
	#words a:hover, #about a:hover, #showtxt a:hover	{
		background-color: #73b327;
		color: #FFFFFF;
	}
	#media, #mediaAlt  {
		border:1px solid #000000;
		width:368px;
		padding:0 0px;
		background:#DDDDDD;
		margin:0 0 20px 32px;
	}
	img {
		border:0;
		margin:0:
		padding:0;
	}
	#main img a {
		border:0 !important;
	}
	
	#content #sidebox img {
		text-align:right;
		border:0;
	}
	#media h3, #mediaAlt h3 {
		width:362px;
		height:22px;
		background:#616161 url('gfx/media.jpg') repeat-y;
		padding:6px 3px 4px 3px;
		margin:0 0 10px 0;
		border-bottom:1px solid #000000;
		color:#FFFFFF;
		font: 100% Geneva, Helvetica, Arial, "sans serif";
		font-weight:light;
		letter-spacing:2px;
	}
	#mediaAlt h3 {
		background:#5e5e5e url('gfx/mediaAlt.jpg') repeat-y;
	}
	#media img, #mediaAlt img {
		margin:0 7px 10px 7px;
		border: 1px black solid;
	}
	
	#media h3 img, #mediaAlt h3 img {
		border:0;
		margin-left:0;
	}
	#title {
		font-weight:bold;
		size:150%;
	}
	#sidebox {
		float:right;
		width:220px; 		
	}
	#main, #about {
		position:absolute;
		left:230px;
		padding:8px 10px 10px 10px;
		font-size:90%;
		line-height:160%;
	}
	#main {
		width:600px;
		margin:0 0 20px 32px;
	}
	#main img {
		border:0px solid black;
		}		
	#words {
		color:#b7b7b7;
		margin-right:65px;
		margin-left:5px;
	}
	#page_words {
		font-size:115%;
		color:#b7b7b7;
		margin-left:5px;
		line-height:18px;
	}
	h2 {
		font-size:220%;		
	}
	#words h3 {
		border:1px solid #b7b7b7;
		margin-bottom:0px;
		padding-left:-5px;
		padding-left:5px;
		font-size:120%;
	}
	#links {
		margin:10px 0 0 0;
		line-height:100%;
	}
	#links img {
		margin:0;
		padding:0 0 8px 0;
	}
	#links a, #about a, #showtxt a {
		display: block;
		background-color: #999999;
		font-size:85%;
	}
	#about a, #showtxt a {
		padding:1px 0px 0px 3px;
		margin-bottom:5px;
		font-size:110%;
	}
	#links a {
		width: 203px;
		padding:3px 3px 3px 10px;
		margin-top:-8px;
		border:1px solid #000000;
		border-top:3px solid #000000;
	}
	#links a:link, #links a:visited, #about a:link, #about a:visited, #showtxt a:link, #showtxt a:visited	{
		color: #FFFFFF;
		text-decoration: none;
	}
	#links a:hover, #about a:hover, #showtxt a:hover	{
		background-color: #73b327; 
		color: #FFFFFF;
	}
	#links b {
		font-size:95%;
		color:#444444;
	}