
body {
	margin:0;
	padding:0;
	border:0;
	width:100%;
	background:#483;
	font-family:Helvetica,Arial,sans-serif;
	color:#111;
	min-width:600px;
	font-size:1em;	
}

h1, h2, h3 {
	color: #483;
	font-weight:bold;
	font-family:"Gill Sans",Verdana,sans-serif;
}

h1 { font-size:1.8em;}
h2 { font-size:1.4em;}
h3 { font-size:1.2em;}

a {
	text-decoration:none;
	color:#5a5;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	text-decoration:none;
	color:#555;
}

a img {
	border:0;
}

a.twitter-link {
	display:block;
	text-align:right;
	margin-top:0.25em;
	font-weight:bold;
}

ul {
	list-style:none;
}

.bg {
	color: #483;
	font-weight:bold;
	font-family:"Gill Sans",Verdana,sans-serif;
}

label.bg {
	display:block;
	margin-top:0.5em;
}

#wrapper {
	border:3px solid #f1f1f1;
	margin:1em;
	background-color:#fff;
	width:96%;
	position:relative;
	float:left;
	clear:both;
	overflow:hidden;
}

#header {
	clear:both;
	float:left;
	width:100%;
	height:60px
}

.container {
	position:relative;
	clear:both;
	float:left;
	width:100%;
	min-height:500px;
	overflow:hidden;
	background:#fff url('images/lotus.jpg') no-repeat fixed 90% 70%;
}

.colleft {
	float:left;
	width:100%;
	position:relative;
	background:transparent;
}
.content, .sidebar {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
	background:transparent;
}

/* 2 Column (right menu) settings */
.rightmenu {
	/* background:transparent;		/* right column background colour */
}
.rightmenu .colleft {
	right:25%;			/* right column width */
	background:transparent;		/* left column background colour */
}
.rightmenu .content {
	width:71%;			/* left column content width (left column width minus left and right padding) */
	left:27%;			/* (right column width) plus (left column left padding) */
}
.rightmenu .sidebar {
	width:21%;			/* right column content width (right column width minus left and right padding) */
	left:31%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

.rightmenu .content p {
	width:75%;
	margin-left:2em;
}

/*.sidebar h2 {
	font-size:1.2em;
	color:#483;
}

.sidebar blockquote {
	margin-left: 0;
	margin-right: 0;
} */

.rightmenu .content .listblock {
	width:75%;
	margin-left:2em;
}

.rightmenu .content .listblock ul li {
	margin:0.2em 0;
}


/* Contact form */
fieldset {
	width:75%;
	border:0;
	padding:3px;
}

.button {
	background-color:#483;
	color:#fff;
	font-weight:bold;
	font-family:"Gill Sans",Verdana,sans-serif;
	font-size:1em;
	width:6.4em;
	height:1.6em;
	padding:0.1em;
	border:1px inset #f1f1f1;
}
	

/* Menu */

.menu {
	margin-bottom: 19px;
}

.menu ul {
	margin:0;
	padding:0;
	list-style:none;
	line-height: normal;
}

.menu li {
	display:block;
	border-top:1px solid #f1f1f1;
	padding:1px;
	font-size:90%;
	color:#483;
	font-weight:bold;
	font-family:"Gill Sans",Verdana,sans-serif;
}

.menu li.first {
	border: none;
}

.menu li a {
	display: block;
	width: 165px;
	padding:2px 10px 2px 0;
	text-decoration: none;
	letter-spacing: 1px;
	color:#483;
}

.menu li a:hover {
	text-decoration:underline;
	color:#5a5;
}

/* Resume */

#resumeblock {
	width:75%;
	margin-left:2em;
}

#resumeblock h2 {  
	line-height:1.25;
	margin:1em 0.5em 0 0.5em;
	border-bottom:1px solid #483;
	letter-spacing:.1em;
}

#resumeblock h3 {  
	line-height: 1.25; 
	letter-spacing:.01em;
	margin:1em 0 0.2em 1.5em;
}
#resumeblock h4 {  
	font-family: "Gill Sans",Verdana,sans-serif; 
	font-size:0.9em;
	font-weight:bold;
	line-height: 1.25;
	letter-spacing:.01em;
	margin:0.2em 0 0 2em;
	padding: 0;
}

#resumeblock p {
	width:95%;
	margin-left:2.25em;
}

#resumeblock ul {
	width:95%;
	margin:1em 0;
}

#resumeblock ul li {
	margin:0.2em 0;
}

.rlink {
	text-align: right ! important; 
	margin:0;
	padding:5px 10px;
	font-family: "Gill Sans",Verdana,sans-serif;
	font-weight:bold;
	font-size:90%
}

#smblock {
	width:75%;
	margin-left:2em;
	position:relative;
}

#smblock p {
	width:95%;
	margin-left:0em;
	font-size:110%;
}

#smblock #twitter {
	width:20em;
	padding:0.5em 1em;
	background-color:#bdb;
}

#smblock #twitter h2 {
	margin:0;
	padding:0;
}

ul#twitter_update_list {
	margin:0;
	padding:0;
}

ul#twitter_update_list li {
	font-size:80%;
	background-color:#fff;
	color:#483;
	padding:0.5em;
	margin:1em 0em;
}


/* Styles for delicious.com feed */

#smblock #delicious-posts-WebCzarina {
	width:20em;
	padding:0.5em 1em;
	margin-top:2em;
	border:1px solid #483;
}

#smblock #delicious-posts-WebCzarina h2.delicious-banner  {
	margin:0;
	padding:0.2em 0;
}

ul li.delicious-post {
	font-size:80%;
	padding:0.5em;
	margin:0em;
}
.delicious-odd {background-color:#bdb;}

a.delicious-link:hover {
	background:transparent;
	font-weight:bold;
	text-decoration:none;
}
.delicious-extended {font-size:90%}




/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #f1f1f1;
}
#footer p {
	padding:10px;
	width:46em;
	margin:0 auto;
	color:#483;
	font-weight:bold;
	font-size:80%
}

/* Styles for contact form error page */
 
table.error {
	background-color:#fff;
	margin:10% 20%;
}
p.c2 {
	font-size: 80%;
	text-align:center;
}
tr.title_row  {
	background-color: #f1f1f1;
}
tr.body_row {margin-left:0.5em}

th.c1 {
	text-align: center;
	font-size:1.4em;
}
p.c3 {font-size:80%; text-align:center}
div.c2 {margin-left:1em}

/* Other styles */
.notbold {
	font-weight:normal;
}

/* img.thumbnail {
	height:100px;
	width:auto;
} */

.spacer {clear:both}

/* dl {padding: 0.5em;} 
dt {
	float:left;
	clear:left;
	width:10em;
} 
dd {
	margin:0 0 0 11em;
	padding:0 0 0.5em 0;
	clear:both;
} */

dl.gallery
{
	border:1px solid #111;
	background-color: #f1f1f1;
	width:110px;
	padding:10px;
	float:left;
	margin:1em 0 0 5em;
}

.gallery dt {
	font-weight:bold;
	text-align:center;
}

.gallery dt img {
	width:100px;
	height:100px;
}

.gallery dt a:hover img {
	border:2px solid #5a5;
}

.gallery dd
{
	margin:0.2em 0 0 0;
	padding:0;
}