/* CSS Document */
body {
background-color: #FFFFFF;
font-size: 12px;
font-family: Trebuchet MS, Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#b3b3b3;
padding:0px;
margin:0px;
}
a {color: #b3b3b3; 
	text-decoration:none;}
a:visited {color:#b3b3b3;}
a:hover {color: #000000;}
a:active { color:#b3b3b3;}

h1 {
font-size: 12px;
text-transform:uppercase;
padding:5px 15px;
margin:0px }

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}


/* ----------container to center the layout-------------- */
#container {
width: 950px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
}

#header {
width: 950px;
height: 305px;
background: url('../images/inkwell.jpg') no-repeat;
}

#contact {
text-align:right;
}

#inkdots {
margin: 0px 0 0 0;
width:45px;
height:15px;
float: right;
}

#navigation {margin: -5px 0 0 240px;}
#navigation ul {
	position:absolute;
	list-style-type:none;
}
#navigation li a{display:block;
}
#navigation li a#aspeedywriter {
	margin: 0px 0 0 0px;
	background: url("../images/aspeedywriter.jpg") no-repeat 0 0px;
	height:127px;
	width: 500px;
	text-align: right;
	line-height: 139px;
}
#navigation li a#thewriter {
	margin: -21px 0 0 -24px; 
	background: url("../images/thewriter.jpg") no-repeat 0 0px;
	height:45px;
	width: 310px;
	text-align: right;
	line-height: 45px;
}
#navigation li a#thewriter:hover {background: url("../images/thewriter_ln.jpg") no-repeat 0 0px;}
#navigation li a#thewritings {
	margin: 0px 0 0 55px;
	background: url("../images/thewritings.jpg") no-repeat 0 0px;
	height:50px;
	width: 340px;
	text-align: right;
	line-height: 60px;
}
#navigation li a#thewritings:hover {background: url("../images/thewritings_ln.jpg") no-repeat 0 0px;}
#navigation li a#thewriteup {
	margin: -5px 0 0 10px;
	background: url("../images/thewriteup.jpg") no-repeat 0 0px;
	height:45px;
	width: 245px;
	text-align: right;
	line-height: 45px;
}
#navigation li a#thewriteup:hover {background: url("../images/thewriteup_ln.jpg") no-repeat 0 0px;}

#content {margin: 0px 0 0 0;}
#content p a{ text-decoration: underline;}
/* -----------Homepage--------------------*/
#content.home {}
	#content.home img {float:right;}
	#content.home #textbox1{width:415px;float:right;}
	#content.home #textbox2{
		background: url("../images/goethe.jpg") no-repeat 0 0;
		width:615px;
		float:right; 
		padding: 75px 0 0 0 ;
	}
	#content.home #textbox2 p{ 
		width:385px;
		margin: 5px 150px 20px 100px;
	}

#content.writer{		
		height:485px;
		background: url("../images/thewriter_bg.jpg") no-repeat 0 0; 
}
	#content.writer #textbox1{
		margin: 0 150px 0 100px;
		height: 165px;
		width:450px;
	}
	#content.writer #textbox2{
		position:absolute;
		margin: 160px 150px 20px 150px;
		height: 170px;
		width:450px;
	}	
#content.writeup{ }
	#content.writeup #textbox1{width:625px; float:right;padding:0 0 0 0; margin:0 50px 0 0;}
	#content.writeup #textbox1 .line{
		background: url("../images/lineA.jpg") no-repeat 0 0;
		margin: 5px 0 5px 175px;
		height:30px;
		width:365px;
	}
	#content.writeup #textbox1 .entry{
		display:block; 
		padding: 0px 0 10px 0;
	}
	#content.writeup #textbox1 .entry h1{
		font-size: 11px;
		width:200px;
		text-align:right;
		padding: 0 5px 0 0;
		float:left;
	}

	#content.writeup #textbox1 .entry h2{
		width:400px;
		font-size: 11px;
		color:#000000;
		margin: 0 0 0 0;
		padding: 0 0 0 20px;
		float:left;
		text-align:left;
	}	
	#content.writeup #textbox1 .entry p{ 
		margin: 0  0 0 225px;
	}
	#content.writeup #textbox1 .entry ul{ 
		width: 415px;
		padding: 0 0 0 205px;
		
	}
	#content.writeup #textbox1 .entry ul li{
		padding: 0 0 0 0px;
	}
#content.writings{ }
#content.writings p{ padding: 0 0 0 0; margin: 0 0 0 0;}
#content.writings ul{ list-style:none; padding:0 0 0 0; margin:0 0 0 0; width: 950px; display:inline; position:relative; }
#content.writings ul#portfolio_nav{ margin: 0 27px 0 395px;width:auto; float:right;}
#content.writings li{ display:inline; float:left; padding:0 5px 0 5px ;}
#content.writings li.selected{ background:black;}
#content.writings li.selected a:hover{ color:white;} 
#content.writings #pieces{ padding: 0 0 0 0; margin: 0 0 10px 0;}
#content.writings li.pieces{ border-left: 1px solid #b3b3b3; }
#content.writings #portfolio_images{ 
	background: url("../images/portfoliobg.jpg") no-repeat 0 0;
	width: 530px;
	height: 370px;
	float: left;
	
}
#content.writings #portfolio_item{ 
	float:right;
	width: 360px;
	margin: 0px 40px 0 0;
}
#content.writings #portfolio_item h1{
font-size: 14px;
color: #000000;
padding: 0 0 0 0;
}	
#content.writings #portfolio_item h2{
font-size: 12px;
padding: 5px 0 0 0;
}
#content.writings #portfolio_item img{
float:right;
padding: 0 0 0 0;
}
	
	
/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 20px 0 0 0px;
padding: 0px;
text-align: right; }

#footer ul {
	background: url("../images/s_ln.jpg") no-repeat;
	list-style-type:none; 
	float:right;
}
#footer li {
	float:left;
	display:inline;
	margin: 22px 10px 0 0 ;
}