body
{
	margin: 0px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 10pt;
	text-align: center;
	background-color: #333333;
	color: #99ff00;
}
a, a:visited
{
	color: #ffffff;
	text-decoration: none;
}
a:active, a:hover
{
	color: #ffffff;
	text-decoration: underline;
}
a img
{
	border: 0px none;
}

div#main
{
	width: 950px;
	margin: auto;
	text-align: left;
	/*border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #ffffff; */
}
div#title
{
	font-family: "Courier New", Courier, fixed;
	font-size: 1pt;
/* 	text-indent: -250px; */
	letter-spacing: -15pt;
	text-align: center;
	height: 400px;
	padding: 20px 0px 20px 15px;
	position: fixed;
	left: 0px;
	width: 50px;
	background-image: url(../images/modern-title.png);
	background-repeat: no-repeat;
}
div#navbar
{
/* 	background-color: #ffffff; */
	padding: 3px 0px 0px 0px;
/* 	border-bottom: 1px solid #99ff00; */
	margin-bottom: 10px;
	width: 120px;
	float: left;
	position: fixed;
	font-family: courier, monospace;
	font-size: 12pt;
	font-weight: bold;
}
div#navbar a
{
	padding: 0px 10px;
	color: #888888;
/* 	background-color: #999999; */
	text-decoration: none;
	/*border-left: 1px solid #99ff00;
	border-right: 1px solid #99ff00;
	border-top: 1px solid #99ff00;*/
	margin-right: 10px;
	display: block;
}
div#navbar a:hover, div#navbar a.current:hover
{
	background-color: #99ff00;
	color: #333333;
}
div#navbar a.current
{
	color: #ffffff;
}
div#content
{
	padding: 0px 10px;
}
div#leftSection
{
	float: left;
	width: 590px;
	margin-left: 100px;
}
#footer
{
	clear: both;
}

div.section
{
/* 	border: 1px solid #cccccc; */
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;

	background-image: url(../images/content-circuit.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}
div.contactSection
{
/* 	background-image: url(../images/letter.gif) ! important; */
}
div.workexpSection
{
/* 	background-image: url(../images/world.gif) ! important; */
}
div.educationSection
{
/* 	background-image: url(../images/book.gif); */
}
div.skillsSection
{
/* 	background-image: url(../images/keyboard.gif); */
}
div.interestsSection
{
/* 	background-image: url(../images/smiley.gif); */
}

h1, h2
{
	font-size: 12pt;
	text-transform: lowercase;
	/*border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;*/
	margin: 10px 0px 0px 10px;
	/*padding-left: 10px;
	background-color: #f6f1e0; */
	font-weight: bold;
	width: 200px;
	background-image: url(../images/heading-circuit.png);
	background-position: top right;
	background-repeat: no-repeat;
	color: #ffffff;
	padding-right: 10px;
	padding-top: 5px;
}
h3, dl#articles dt
{
	font-size: 12pt;
	text-transform: lowercase;
	color: #ffffff;
}
dl#articles dt
{
	font-weight: normal;
}
h4
{
	font-size: 11pt;
	font-style: italic;
	margin-left: 20px;
}
p
{
	margin: 0px;
	padding: 15px 0px;
}
.indent
{
	margin-left: 20px;
}
dl.portfolio dd
{
	/*display: none;*/
}
dl.portfolio dt
{
	font-weight: bold;
	clear: left;
}
a.portfolio_thumb
{
	margin-right: 4px;
}
a.portfolio_thumb img
{
	border: none;
}
img.portfolio_main_thumb
{
	float: left;
	margin: 10px 10px 10px 0px;
}
.clear
{
	clear: both;
}
.clear_left
{
	clear: left;
}
img.wrap
{
	margin: 5px;
}


span.expander
{
	cursor: pointer;
	font-weight: bold;
	margin-right: 5px;
	font-size: 12pt;
}
dd
{
	margin-bottom: 15px;
	margin-left: 15px;
}
dl#projects dd
{
	margin-bottom: 0px;
}
div#rightSection
{
	float: right;
	width: 200px;
	padding-top: 10px;
}
div#style_picker
{
	width: 200px;
	border: 1px solid #cccccc;
	margin-top: 15px;
}
div#style_picker h3, #social h3
{
	background-image: url(../images/heading-circuit.png);
	background-position: top right;
	background-repeat: no-repeat;
	width: 150px;
}
div#style_picker a
{
	display: block;
}
div#style_picker a:hover
{
	background-color: #99ff00;
	color: #000000;
	text-decoration: none;
}
table#calendar
{
	text-transform: lowercase;
	width: 100%;
}
table#calendar caption
{
/* 	background-color: #d6efe5; */
/* 	color: #333333; */
	width: 150px;
	margin-left: 10px;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
table#calendar
{
	border: 1px solid #cccccc;
	border-collapse: collapse;
}
table#calendar th, table#calendar td
{
	font-weight: normal;
	text-align: center;
	font-size: 10pt;
}
table#calendar th
{
	border-bottom: 1px solid #cccccc;
}
table#calendar td
{
	color: #cccccc;
}
table#calendar td.personal
{
	background-color: #d6efe5;
}
table#calendar td.public
{
	background-color: #d6e5ff;
}
table#calendar td.note
{
	background-color: #fafaaa;
}
table#calendar td a
{
	color: #000000;
}
table#calendar tfoot
{
	border-top: 1px solid #cccccc;
}
table#calendar tfoot td
{
	color: #000000;
	font-size: smaller;
}
label
{
	display: block;
	width: 100px;
	float: left;
}
form.login label
{
	width: 200px;
	float: inherit;
}
input.text
{
	width: 300px;
	border: 1px solid #cccccc;
	background-color: #333333;
	color: #99ff00;
}

textarea
{
	border: 1px solid #cccccc;
	background-color: #333333;
	color: #99ff00;
}
input.submit
{
	position: relative;
	left: 100px;
}

form.edit label
{
	width: 570px;
	float: inherit;
}
form.edit input[type=text], form.edit textarea
{
	width: 570px;
	display: block;
	border: 1px solid #cccccc;
}
form.edit textarea
{
	height: 300px;
}
div.post
{
	border: 1px solid #cccccc;
	margin-bottom: 20px;
}
div.postinfo
{
	font-size: smaller;
	padding-left: 10px;
	padding-right: 10px;
	color: #333333;
/* 	border-bottom: 1px solid #cccccc; */
}
div.post div.postinfo
{
	background-color: #d6efe5;
}
div.replypost div.postinfo
{
	background-color: #f6f1e0;
}
div.postinfo span.date
{
	float: right;
	font-style: italic;
}
div.post div.content, div.replypost div.content
{
	padding: 10px;
}
div.post div.content p, div.replypost div.content p
{
	margin: 0px;
}
div.postfoot
{
	border-top: 1px solid #cccccc;
	text-align: right;
}
div.replypost
{
	margin-left: 50px;
	border: 1px solid #cccccc;
	margin-bottom: 20px;
}
div.blogpagelinks
{
	text-align: right;
	text-transform: lowercase;
	margin-bottom: 20px;
	font-style: italic;
}
a.grey
{
	text-decoration: none;
	margin: 0px 3px;
	color: #999999;
}
span.current
{
	margin: 0px 3px;
}
ol.code
{
	border: 1px solid #cccccc;
	padding: 5px;
	font-family: monospace;
	list-style-position: outside;
}
ol.code li
{
	margin-bottom: 5px;
	font-size: 10pt;
}
ol.code var
{
	font-style: normal;
	color: #0000ff;
}
ol.code var.core
{
	font-style: normal;
	color: #ff00ff;
}
ol.code span.function
{
	color: #008800;
}
ol.code span.comment
{
	color: #888888;
}
ol.code var.htmlAttribute
{
	color: #ff0000;
}
ol.code var.javascriptAttribute
{
	color: #ff0080;
}
ol.code var.cssClass
{
	color: #ff80ff;
}
ol.code var.cssId
{
	color: #ff80ff;
	font-weight: bold;
}
ol.code var.cssSelector
{
	color: #ff0000;
}
ol.code var.cssValue
{
	color: #800000;
}
.excerptPanel
{
	text-align: right;
}
.profanity
{
	color: #ff0000;
}
div#w3badges
{
	margin-top: 10px;
}
div#w3badges img
{
	border: none;
	height: 31px;
	width: 88px;
}
img.spaced
{
	margin: 0px 5px;
}
table#coding
{
	width: 85%;
	margin-top: 20px;
	margin-bottom: 20px;
/* 	border: 1px solid #cccccc; */
}
table#coding td
{
	text-align: center;
	vertical-align: top;
}
table#coding img
{
	border: none;
}
table#coding a
{
	text-decoration: none;
	display: block;
	padding: 63px 0px 15px 0px;
	width: 165px;
	background-repeat: no-repeat;
	background-position: center 15px;
	background-image: url('../images/php.png');
}
table#coding a.html
{
	background-image: url('../images/html.png');
}
table#coding a.css
{
	background-image: url('../images/css.png');
}
table#coding a.javascript
{
	background-image: url('../images/javascript.png');
}
table#coding a.misc
{
	background-image: url('../images/misc.png');
}
table#coding a:hover
{
	background-color: #cccccc;
	color: #000000;
}
table.types
{
	border: 1px solid #cccccc;
	border-collapse: collapse;
}
table.types td, table.types th
{
	border: 1px solid #cccccc;
}
table.types code
{
	white-space: pre;
}
table.data
{
	border-collapse: collapse;
}
table.data td, table.data th
{
	padding: 3px;
	border: 1px solid #cccccc;
}
.warning
{
	border: 2px solid red;
	background-color: #ff8888;
	padding: 7px;
}
p.warning
{
	margin-top: 7px;
}
div.sidenote
{
	float: right;
	margin: 10px;
	width: 150px;
	padding: 30px 7px 7px 7px;
	border: 1px solid #cccccc;
	background-image: url(../images/sidenote.png);
	background-repeat: no-repeat;
}

table.list
{
	border-collapse: collapse;
}
table.list td, table.list th
{
	border: 1px solid #cccccc;
	padding: 3px;
	vertical-align: top;
	text-align: center;
}

p#cvDownload
{
	float: right;
	
}
p#cvDownload img
{
	border: 0px none;
	vertical-align: top;
}

img#browsers_block
{
	height: 300px;
	width: 200px;
	border: 1px solid #cccccc;
}

.workexpSection td[valign=top]
{
	color: #ffffff;
}
p.skills
{
	color: #ffffff;
}
.workexpSection dt
{
	font-weight: bold;
	color: #ffffff;
}

#thumb_viewer
{
	display: none;
	position: absolute;
	width: 800px;
	margin: 0px auto;
	border: 1px solid #99ff00;
	padding: 5px;
	background-color: #333333;
	margin-top: 50px;
}
#thumb_viewer_close
{
	float: right;
	width: 22px;
	height: 22px;
}
#thumb_viewer_title
{
	border: 1px solid #99ff00;
	padding: 5px;
	background-color: #333333;
	width: 200px;
	margin: -15px auto 0px auto;
	text-align: center;
}


#nested_list
{
	border: #1px solid #ccc;
}
#nested_list ul
{
	padding-left: 0px;
}
#nested_list ul ul
{
	padding-left: 30px;
}
#nested_list li
{
	list-style-image: url('../images/folder.png');
	list-style-position: inside;
}


ul#post_list
{
	line-height: 2em;
}
ul#post_list .date
{
	font-size: smaller;
	font-style: italic;
}


a.search_content
{
	padding: 3px 25px;
	background-image: url('../images/search/content.png');
	background-repeat: no-repeat;
}
a.search_blog
{
	padding: 3px 25px;
	background-image: url('../images/search/blog.png');
	background-repeat: no-repeat;
}
a.search_portfolio
{
	padding: 3px 25px;
	background-image: url('../images/search/portfolio.png');
	background-repeat: no-repeat;
}

table.lines
{
	border-collapse: collapse;
	border: 1px solid #ccc;
}
table.lines td, tables.lines th
{
	border: 1px solid #ccc !important;
	padding: 5px;
}


ol#terms
{
	font-weight: bold;
}
ol#terms ol
{
	font-weight: normal;
	list-style-type: lower-roman;
}
ol#terms ol ol
{
	font-style: italic;
	list-style-type: lower-alpha;
}

#social
{
	width: 200px;
	border: 1px solid #cccccc;
	margin-top: 15px;
	display:block;
}
#social ul
{
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}
#social li
{
	display: inline;
}
#social li a
{
	padding-left: 15px;
}

ul.gallery
{
	padding: 0px;
	margin: 0px;
}
ul.gallery li
{
	display: inline;
}
ul.gallery img
{
	border: 3px double #ccc;
	margin: 5px;
}

ul#browser_list li
{
	display: block;
}
ul#browser_list p
{
	padding-top: 0px;
}
ul#browser_list img
{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
ul#browser_list li:nth-child(odd) img
{
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}