/*
 *	WebspaceWorks Main stylesheet for better browsers.
 *	Builds upon the basic styles in the outer stylesheet
 *	(c) 2005 RS-Tech Consulting Co., Ltd.
 */
html body { font-size: 75%; height: auto; background-color: white;}
div#wrapper	{
	position:			relative;
	padding:				0;
	width:				654px;
	background-color:	#ddd;
	color:				#333;
	margin:				12px auto;
	padding-bottom:		0;
	text-align:			left;
	border:				12px solid #999;
	border-bottom-width:	24px;
}
div#content	{
	width:				654px;
	background-color:	white;
	margin:				80px 0 0 0px;
	padding:			0 0 12px 0;
}
/* \*/
* html div#content	{ height: 330px; }
/* */
div#masthead	{
	position:			absolute;
	top:				0;
	right:				0;
	width:				654px;
	height:				124px;
	background:			url("/_images/wsw_logotext.gif") no-repeat 86px 4px transparent;
	margin:				0;
	padding:			0;
}
#masthead p, #masthead h2 {
	text-align:			right;
	margin:				68px 12px 0 12px;
	padding:				0;
	font-weight:		bold;
	font-style:			italic;
	font-size: 			1em;
	color: 				#333;
}
* html #masthead p { margin-right:		6px; }
div#buttons {
	position:			absolute;
	bottom:				33px;
	left:				16px;
	width:				80px;
	margin:				0;
	padding:			0;
	display:			none;
}
div#buttons img { padding-top: 2px; }
* html div#buttons { bottom:	29px; }

/* ul#buttons {position: absolute; bottom: 30px; left: 16px;width: 80px; margin: 0; padding: 0; list-style: none;}
ul#buttons li { padding: 0; margin: 0; }
* html ul#buttons { bottom:	29px; } */

/* div#footer {
	position:			absolute;
	bottom:				0;
	right:				0;
	font-size:			0.83em;
	line-height:		1.2em;
	margin:				0;
	padding:				0 0 2px 0;
} */
div#footer {
	font-size:			0.83em;
	line-height:		1.2em;
	margin:				0;
	padding:			2px 0 4px 0;
	clear:				both;
}
div#footer p {
	text-align:			right;
	margin:				0 12px;
	padding:			0;
}
div#sidebar {
	width:		120px;
	padding:	140px 0 0 0;
	display:			none;
}
div.pullquote {
	font-size:		0.9em;
	line-height:	1.2em;
	width: 	160px;
	float:	right;
	margin:	0 0 8px 16px;
	padding: 6px 8px 6px 8px;
	border-top:	2px solid #333;
	border-bottom:	4px solid #333;
	background-color:	#ffe;
	border:	3px double #999;
	display:				inline;
	clear:	right;
}
.pullquote h2 {
	margin:	0;
	padding:	0;
}
.pullquote p {
	margin:	0.5em 0;
	padding:	0;
}
.pullquote ul {
	margin:	0.5em 0 0.5em 2em;
	padding:	0;
}
.pullquote ul#post-list {
	list-style:	none;
	margin:	0.5em 0 0.5em 0em;
	padding:	0;
}
a#home	{
	position:			absolute;
	top:				0;
	left:				0;
	display:			none;
}
/*
#content p, #content h1, #content h2	{
	margin-left:		152px;
}
*/
div.post {
	margin:		  		0 12px;
	width:				 630px;
/*	float:				 right;
	display:				inline; */
}
.portfolio p img
	{
		border:				none;
		display:				inline;
		margin:				0 0 0 1em;
		width:				120px;
		float:				right;
/*		clear:				right; */
	}
.portfolio h3
	{
		clear:				right;
	}
/*
 *
 *	Navigation areas
 *
 */
#sidebar ul {
	margin:			0 0 0 4px;
	padding:				0;
	list-style:		none;
}
#sidebar img {
	margin: 18px 6px;
	border:	none;
}
#sidebar h2 {
	font-size:		1.2em;
	margin:			0 0 0 6px;
	padding-top:	0;
}
#sidebar p {
	font-size:		0.9em;
	line-height:	1.1em;
	margin:			0.25em 4px 0 6px;
}
ul#mainnav {
	position:			absolute;
	bottom:				0;
	left:				16px;
	padding:			0px 0 0 0;
	margin:				0 0 0 6px;
	list-style:			none;
	width:				518px;
	display:			none;
}
ul#mainnav/**/ {
	padding:			4px 0 0 0;
}
/* Maybe remove this next hack */
* html ul#mainnav {						
	padding:			1px 0 0 0;
}
ul#mainnav li {
	font-weight:		bold;
	color:				#333;
	float:				left;
	margin:				0;
	padding:				0;
    background:			url("/_images/tab_or.gif") no-repeat right top;
}

ul#mainnav a {
	float:				left;
	display:			block;
    background:			url("/_images/tab_ol.png") no-repeat left top;
    padding:			2px 12px 2px 10px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
ul#mainnav a {float:none;}
/* End IE5-Mac hack */
ul#mainnav li.current {
    background-image:	url("/_images/tab_cr.gif");
}
ul#mainnav li.current  a {
    background-image:	url("/_images/tab_cl.png");
}
ul#mainnav li.current  span {
	float:				left;
	display:			block;
    background:			url("/_images/tab_cl.png") no-repeat left top;
	font-weight:		bold;
    padding:			2px 12px 2px 10px;
} 
#bookmarkers { display: none; }
/*
 *
 *	Form elements...
 *
 */
select {
	font-weight:	normal;
	padding:		2px;
 	width: 62%;
 	display: inline;
 	border:		1px solid #999;
 	}
#contact-form {
	width:	288px;
	margin:	0 0 12px 0;
}
 * html #contact-form { width:	284px; }
fieldset {
 	text-align: right;
}
fieldset input, fieldset textarea {
	font-size: small;
	font-weight:	normal;
	padding:		2px;
	margin:		1px;
	border:		1px solid #999;
 	width:	60%;
 	vertical-align: -20%;
}
fieldset input:focus, fieldset textarea:focus, select:focus {
	background-color:	#efefef;
	border:	1px solid #e93;
}
fieldset.submit input {
	font-weight:	bold;
 	width:	auto;
}
fieldset.submit input:hover {
 	border:	1px solid #e93;
	background-color: #666;
	color:	#eee;
}
label {
 	font-weight:	bold;
 	color:			#444;
 	display:			block;
}
/*
 *	Tables for articles/resources
 */
table, td {font-size: small; width: 475px; margin: 8px 0;}
caption {padding: 4px; font-weight:	bold; font-size: 1.2em; }
th {background-color: #f6ce4f; font-size:	1.1em; padding:	4px; text-align: center; }
th.fn { width:	25%; text-align: left; }
td { padding:	2px 4px;  text-align: right; }
.odd td { background-color: #eee; }
.even td { background-color: #ddd; }
td.cs { padding-right: 4px; }
td.vb { width:	3em; padding-left: 4px; padding-right: 16px;}
td.fn { width:	25%; text-align: left; }
td.xh, td.xw {text-align: center;}
/*
 *	Styles for IE5 Mac ONLY
 */
* html>body div#buttons { top: 260px; bottom: auto; }
/* * html>body ul#buttons { top: 260px; bottom: auto;}
* html>body ul#buttons li { padding: 0; margin: 0; height: 19px; } */
* html>body ul#mainnav li { padding: 0 0 1px 0; }