/*
 *	WebspaceWorks Main stylesheet for better browsers.
 *	Builds upon the basic styles in the outer stylesheet
 *	(c) 2005 RS-Tech Consulting Co., Ltd.
 */
div#wrapper	{
	position:			relative;
	padding:				0;
	width:				770px;
	background-color:	#ddd;
	color:				#333;
	margin:				12px auto;
	padding-bottom:		0;
	text-align:			left;
	min-height:			380px;
}
div#content	{
	width:				650px;
	background:			url("/_images/wswbck_content.gif") repeat-y white;
	border:				1px solid #999;
	min-height:			350px;
	margin:				102px 11px 0 107px;
	padding:			0 0 12px 0;
}
/* \*/
* html div#content	{ height: 330px; }
/* */
#content ul { padding-top: 0.4em; }
#content ul li { padding-bottom: 0.3em; }
h2.inline, h3.inline {font-size: 1em; }
div#masthead	{
	position:			absolute;
	top:				0;
	right:				0;
	width:				534px;
	height:				124px;
	background:			url("/_images/wsw_logotext.gif") no-repeat 134px 20px 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;
}
#masthead h2 { font-size: 1em; color: #333; }
* html #masthead p, * html #masthead h2 { margin-right:		6px; }
div#buttons {
	position:			absolute;
	bottom:				33px;
	left:				16px;
	width:				80px;
	margin:				0;
	padding:			0;
}
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;
}
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, .pullquote blockquote {
	margin:	0.5em 0;
	padding:	0;
}
.pullquote blockquote {
	font-style:	italic;
}
.pullquote p.attribution {
	text-align:	right;
}
.pullquote ul {
	margin:	0.5em 0 0.2em 2em;
	padding:	0;
}
.pullquote li {
	padding-bottom: 0.3em;
}
/*
.pullquote ul#post-list {
	list-style:	none;
	margin:	0.5em 0 0.5em 0em;
	padding:	0;
}
*/
a#home	{
	position:			absolute;
	top:				0;
	left:				0;
}
/*
#content p, #content h1, #content h2	{
	margin-left:		152px;
}
*/
div.post {
	margin-right:		  12px;
	width:				 486px;
	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 li#pagenav ul{
	padding-bottom:		0.5em;
}
#sidebar li#pagenav li{
	padding-top:		0.1em;
	padding-bottom:		0.2em;
}
#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;
}
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  strong {
	float:				left;
	display:			block;
    background:			url("/_images/tab_cl.png") no-repeat left top;
	font-weight:		bold;
    padding:			2px 12px 2px 10px;
} 
a em { font-style: normal; }
#bookmarkers ul {
	list-style:			none;
	margin: 6px 0 24px 0;
	padding: 0;
	height: 1.5em; line-height: 1.8em;
}
#bookmarkers ul li {
	float: left;
	padding: 0;
	margin: 0;
}
#bookmarkers a {
	padding:	2px 4px;
	margin:		2px;
	border:		1px solid #666;
}
#bookmarkers a:hover {
	border:		1px solid #36f;
}
/*
 *
 *	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 {
	border:	1px solid #e93;
}
#contact-form fieldset input,
#contact-form fieldset textarea,
#contact-form select { background-color:	#efefef !important; }
#contact-form fieldset input:focus,
#contact-form fieldset textarea:focus,
#contact-form select:focus { background-color:	white !important; }
fieldset.submit input {
	font-weight:	bold;
 	width:	auto;
}
fieldset.submit input:hover {
 	border:	1px solid #e93;
	background-color: #666;
	cursor: pointer;
	color:	#eee;
}
label {
 	font-weight:	bold;
 	color:			#444;
 	display:			block;
}

/*
//
//	Feedburner
//
*/
img.feedburner-logo {border: none;}
/*
//
//	Payment
//
*/
div#donate {
	font-size:		0.9em;
	line-height:	1.2em;
	width: 	160px;
	width: 	176px;
	float:	right;
	margin:	0 0 8px 16px;
	padding: 6px 8px 6px 8px;
	padding: 0;
	background-color:	#ffe;
	border:	3px double #999;
	display:				inline;
	clear:	right;
}
#donate h2 {
	margin:	0;
	padding: 6px 0 2px 8px;
}
#donate p {
	margin:	0;
	padding: 2px 8px 4px;
}
#donate form { width: 176px; padding: 0; margin: 0; background-color: white; }
#donate input { width: auto !important; }
#donate label input { text-align: right; padding: 3px 4px 2px 0;}
#donate span { display: block; background-color: #ffe; }
/*
 *
 *	AdAense Search styling...
 *
 */
#sidebar iframe {border:none; margin: 0.5em 2px;}

div#adsearch, div#adsearch center {
	text-align:			left;
}
div#adsearch form {
	width:			110px;
	padding:		0px;
	text-align:		left;
	line-height:	1em;
}
div#adsearch input {
	width:			100%;
	margin:			0 0 2px 4px;
	display:		block;
}
div#adsearch input[type=submit] {
	width:			60%;
	float:			right;
	margin:			2px 0;
	padding:		1px 2px;
}
div#adsearch table, div#adsearch table td {
	width:			100%;
	margin:			1em 2px 0.5em 2px;
	padding:		0;
	background-color: #eee;
}
div#adsearch table td { height: 2px; white-space: nowrap; }
div#adsearch img {
	padding:		0;
	margin:			0;
	vertical-align: middle;
}

div#sitesearch td {
	text-align:			left;
}
div#sitesearch form {
	width:			200px;
	padding:		0px;
	text-align:		left;
	line-height:	1em;
}
div#sitesearch input[type=radio] {
	width:			auto;
	margin:			0 0 2px;
	display:		inline;
}
div#sitesearch table, div#sitesearch table td {
	width:			100%;
	margin:			1em 2px 0.5em 0;
	padding:		0;
}
div#sitesearch img {
	padding:		0;
	margin:			0;
}
#metriserve { position: absolute; }
br.clr { clear: both !important; }
/*
//
//	Google ads styling...
//
*/
.googlebanner {text-align: left; padding-top: 1em;}
#google-sideads { padding-left: 3px; }
#sidebar li p.googleadsense {margin: 8px 2px; padding: 0;}
/*
 *	Definition lists for articles
 */
dt {font-weight: bold; color: #d4ab1d; margin-top: 0.2em; }
/*
 *	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.cc { padding-right: 4px; text-align: center;}
td.vb { width:	3em; padding-left: 4px; padding-right: 16px;}
td.fn { width:	25%; text-align: left; }
td.xh, td.xw {text-align: center;}
/*
 *	Text Link Ad styles...
 */
#sidebar img#text-link-ads {
	margin: 18px 6px 6px;
}
ul#links54261 { width: 100%; list-style: none; overflow: hidden; margin: 0px; padding: 0px; border: 0px; border-spacing: 0px; } 
ul#links54261 li { display: inline; float: left; clear: none; width: 100%; padding: 0px; margin: 0px; font-size: 0.9em; } 
ul#links54261 li { display: block; width: 100%; padding: 0; margin: 0 2px 2px; color: #000000; } 
ul#links54261 li a { color: #0099FF; } 
ul#links54261 { margin: 0 0 18px 6px !important; }
ul#links54261 a { font-weight: normal; }
ul#links54261 a:hover { color: black; }

/*
//
*/
* html #bookmarkers ul li { padding: 1px; margin: 2px; }
/*
 *	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; }
* html>div#adsearch table, * html>div#adsearch table td { width: 110px; }
* html>div#adsearch input { width: 110px !important; }