body {background:#000000; margin:0; font-family:"Century Gothic", Arial, Verdana; font-size:12px;color:white;}
img {border:0;outline:none;}
a {outline:none;border:0;color:white;}
a:hover {color:white; text-decoration:none;}
h1,h2,h3 {font-weight:normal;padding:0;margin:0;}
h2,h3 {color:#653737; font-size:24px;font-family:Georgia; font-style:italic; }
h1 { font-size:34px;color:#8c8a8a;font-family:Georgia; font-style:italic; }

/* General Classes */
.left {float:left;}
.left-2 {float:left;margin: 0 0 0 80px;}
.right {float:right;}

/* Structure */
#container {width:880px; margin: 0 auto;}
#contents {clear:both;display:block; width:inherit; margin:16px 0 0 0;}

/* Header */
#header {height:173px; position:relative;clear:both;display:block;}
	#header a {text-decoration:none;}
	#header span {clear:both; display:block; color:#a7a7a7; font-size:9px;}
#nav {font-size:14px; position:absolute; top:116px; bottom:0; right:0; left:18px; padding:0;margin:0; line-height:14px;}
	#nav li {width:86px; list-style-type:none; margin: 0 16px 0 0; float:left; padding:0;}
		#nav li a {display:block;padding:4px; color:white;}
		#nav li a:hover {background:#222222;}
		#nav li .current {text-transform:uppercase; background:none; background:black;border:1px solid gray;}
	#nav .nav1 {background:#444444;}
	#nav .nav2 {background:#6f6f6f;}

/* Sidebar */
#sidebar {float:left;width:210px;margin: 0 0 0 18px;}
#searchform {background:url(images/search-form.gif) top left no-repeat; width:210px; height:27px;}
	#searchform input {padding:7px 10px 6px 10px; border:0; height:15px; background: url(images/search-input-bg.gif); width:190px;font-family:verdana;font-size:11px;color:#acacac;font-style:italic;}
#searchsubmit {display:none;}
#categories-archives-below a {clear:both;display:block;width:194px;height: 65px;background: url(images/categories-archives-below.gif) no-repeat;margin:20px 0px 0 0;text-indent: -1000px;outline: none;}
#categories-archives-below a:hover {background-position: left bottom;}

/* Content/Posting */
#content {float:right;width:578px; background:url(images/content-background.gif) top left repeat-y;}
	#content a {text-decoration:none;}
.entry-2 {padding:0;}
.entry {clear:both; font-size:12px; padding:10px 0 0 0;display:block;}
	.entry a {background: url(images/link-back.gif) bottom left repeat-x; border-bottom:1px solid #2d2d2d;color:#a9a9a9;}
	.entry a:hover {border-bottom:1px solid #FFF;color:white;o}
	.entry p {padding:0;margin:0 0 10px 0;}
	.artimg {float:left; margin: 0px 10px 5px 0px;padding:5px;border:1px solid white;background:#6e6e6e;}
.post {clear:both; display:block;}
	.post-cat-and-date {width:130px; text-align:center; float:left; font-family:verdana; font-size:11px; color:#afafaf;margin:6px 0 0 0;background:black;}
		.post-date {color:#581a15;clear:both;}
		.post-cat {clear:both;}
	.post-title {padding: 0 0 0 16px;float:left;}
			.post-title h1 a {color:#8c8a8a;}
			.post-title h1 a:hover {color:#b1b1b1;}
	.post-comments-edit { width:100%;clear:both;float:right;font-family:verdana;font-size:12px;display:block;margin: 0 0 20px 0;background:#6f6f6f;}
		.post-comments-edit a {background:none;border:0;color:black;}
		.post-comments-edit a:hover {border:0;}
	.post-navigation {clear:both;display:block; padding:10px 0 0 0;width:578px;}

/* Posting - Comment Form */
#leavereply {clear:both;text-align:left;height:230px; padding: 0 0 0 30px;}
    #leavereply .right {float:right;width:360px;}
    #leavereply .left {float:left;height:174px;width:auto;}
form {margin:0px;padding:0px;}
#comments, #respond {font-size:20px;clear:both;display:block;}
.commentlist {margin: 10px 0px;padding-left: 20px;line-height: 130%;font-size:13px;}
	.commentlist li{padding: 5px 10px;position: relative;font-size:11px; font-style:italic;}
	.commentlist .avatar {position: absolute;top: 5px;right: 5px;border: solid 1px #ededed;padding: 1px;background: #fff;}
	.commentlist .alt {background: gray;font-size:11px; font-style:italic;}
	.commentlist cite, .commentlist cite a, .commentlist cite a:visited {text-decoration:none;font-weight: bold;font-style: normal;font-size:12px;}
	.commentlist small {margin:0px;display: block;font-size: 87%;}
#commentform {margin-top: 6px;}
	#commentform p {padding: 5px 0px;margin: 0px;font-size:11px; font-style:italic;}
	#commentform input{width: 153px;background:#e5e5e5;border: 0px;padding: 5px;margin-top: 3px; color:black;font-size:12px;}
	#commentform textarea{width: 360px;height: 90px;background:#e5e5e5;border: 0px;padding: 5px;margin-top: 3px;color:black;}
	#commentform #submit{float:right; font-family:georgia;color:white; background:none; font-style:italic;font-size:22px; width:20%;}
.comment-by {font-weight:bold;font-size:12px;}
#live-preview {font-size:12px;font-style:italic;}
.msgError {font-size:11px;}

/* ----------------- PAGES ----------------- */
/* About */
.about-img {float:left; margin: 0px 10px 5px 0px;padding:5px;}
ul.domain-history {padding:0;margin: 0 0 0 10px;}
a[href$='.pdf'] {border:0;margin:6px 0 0 0;display:inline-block;padding-left:53px;line-height:53px;background:transparent url(../../icons/icon_pdf.gif) center left no-repeat;}
a:hover[href$='.pdf'] {border:0;}
/* Contact */
.connections {padding:0;margin:0;list-style-type:none;margin: 6px 0 0 0;}
	.connections a {background:none;border:0;}
	.connections li {float:left; margin: 0 5px 0 0;}
#conForm {width:227px;}
	#conForm a {border:0;background:none;}
	#conForm a:hover {border:0;}
    #conForm input, textarea {border:0;padding:3px;width:160px;background:#2f2f2f;font-family:century gothic;font-size:11px;color:white;}
    #conForm input {margin: 0 0 6px 0;display:block;}
    #conForm label {clear:both;display:block;text-transform:uppercase;padding: 0 0 10px 0;}
    #conForm textarea {height:122px;}
    #conForm .left {text-align:right;}
	#conForm .right label {padding:0;}
    #conForm #cSubmit {background:none;font-family:georgia;font-style:italic;text-transform:lowercase;font-size:18px;float:right;margin:5px 0 0 0;}
	#conForm #spam {float:left;width:40px;margin:0 8px 0 0px;}
	#cSec {padding:0;}
	#conForm p {margin:0;padding:0;}
.right-2 {float:right;}
	.right-2 p {padding:0;margin:0;}
.contactermsg {height: 14px;color: #CC0000;}
.contactmsg {height: 14px;color: #00CC00;}
#capimg {float:left;}
#reload {float:left;}
/* Portfolio */
ul.tools-of-trade {padding:0;margin:0 0 0 10px;}
	ul.tools-of-trade li {padding: 10px 0 10px 30px; list-style-type:none;}
		ul.tools-of-trade li.photoshop { background:url(../../portfolio/icons/photoshop-icon.gif) left no-repeat;}
		ul.tools-of-trade li.illustrator { background:url(../../portfolio/icons/illustrator-icon.gif) left no-repeat;}
		ul.tools-of-trade li.indesign { background:url(../../portfolio/icons/indesign-icon.gif) left no-repeat;}
		ul.tools-of-trade li.dreamweaver { background:url(../../portfolio/icons/dreamweaver-icon.gif) left no-repeat;}
		ul.tools-of-trade li.flash { background:url(../../portfolio/icons/flash-icon.gif) left no-repeat;}
		ul.tools-of-trade li.textedit { background:url(../../portfolio/icons/textedit-icon.gif) left no-repeat;}
ul#portfolio-navigation {clear:both;display:block;padding: 10px 0 0 0;float:right; background:url(images/link-back.gif) bottom left no-repeat; }
	ul#portfolio-navigation li {list-style-type:none; float:left;margin: 0 8px 0 0;}
	ul#portfolio-navigation a {color: #CCC;}
	ul#portfolio-navigation a:hover {color:white;}
ul.portfolio li {list-style-type:none;}
ul.portfolio a {background:none;display:block;padding:5px;}
ul.portfolio a:hover {background:gray;}
ul.videos {clear:both;padding:0;margin:0;}
	ul.videos a {background:none;border:0;}
	ul.videos a:hover {border:0;}
	ul.videos li {list-style-type:none;margin: 0 20px 0 0; float:left;}
/* Graphics */
/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {overflow:hidden;padding: 0px;margin-bottom: 0px;} 
.ngg-album {overflow: hidden;padding: 5px;margin-bottom: 5px;}
.ngg-albumtitle {text-align: left;font-weight: bold;margin:0px;padding:0px;font-size: 1.4em;margin-bottom: 0px;}
.ngg-thumbnail {float: left;margin-right: 0px;width:auto;}
.ngg-thumbnail img {margin:0px;padding:0px;position:relative;}
.ngg-description {text-align: left;}
/* gallery style */
.ngg-galleryoverview {overflow: hidden;margin-top: 10px;display:block !important;width:320px;}
.ngg-galleryoverview .desc {/* required for description */margin:0px 0px 10px 0px;padding:0px;}
.ngg-gallery-thumbnail-box {float: left;width:auto;}
.ngg-gallery-thumbnail {float: left;margin: 0px;padding:0;width:auto;}
.ngg-gallery-thumbnail img {border:0px solid #A9A9A9;display:block;  margin:0px 0px 0px 0px;padding:0px;position:relative;}
.ngg-gallery-thumbnail img:hover {} 
.ngg-gallery-thumbnail span {/* Images description */font-size:90%;padding-left:0px;display:block;}
.ngg-clear {clear: both;}
/* gallery nav */
.ngg-navigation {font-size:0.9em !important;clear:both !important;display:block !important;padding-top:15px;text-align:center; background:none;}
.ngg-navigation a.page-numbers, .ngg-navigation a.next, .ngg-navigation a.prev, .ngg-navigation span.page-numbers, .ngg-navigation span.next, .ngg-navigation span.prev { border:0; background:none;padding:6px;color:#fbb5b5;}
.ngg-navigation a.page-numbers:hover, .ngg-navigation a.next:hover, .ngg-navigation a.prev:hover, .ngg-navigation span.page-numbers:hover, .ngg-navigation span.next:hover, .ngg-navigation span.prev:hover {background:none;color:#efe7e7;}
/* Websites */
#websites {width:390px;float:right;}
	#websites h3 {font-size:18px;color:white;}
	#websites ul.website-project {padding:0;clear:both;margin:0;}
	#websites a {background:none;border:0;}
	#websites a:hover {border:0;}
.website-project li {clear:both;list-style-type:none;margin:0 0 10px 0;height:100px;}
.website-thumbnail {margin: 0 8px 0 0;float:left;}
.website-skills {display:none;}
.website-description {color:white;font-size:11px;}
/* Flash/Java */
ul.java, ul.flash {padding:0;margin:0;list-style-type:none;}
ul.java li a {display:block; background:none; padding:5px 0px 5px 20px;}
ul.flash li a {background:none;padding:5px 5px 5px 20px;display:block;}
ul.flash li { background:url(../../portfolio/Flash/images/flash-bullet.gif) top left no-repeat;}

/* Footer */
#footer {clear:both; display:block; margin:0 auto; width:880px;padding: 20px 0 0 0;color:#afafaf;}
	#footer a {color:#e4e4e4; text-decoration:none;}
	#footer a:hover {background:black;}
#footer-top {background:url(images/footer-top.gif) top left no-repeat; height:21px; padding: 41px 0 0 0; }
	#footer-top .left {padding: 0 0 0 6px;}
	#footer-top .right {padding: 0 6px 0 0;}
#footer-container {background: url(images/footer-container.gif) top left repeat #3f3f3f; width:867px;padding: 0 6px 0 6px; font-size:11px; clear:both;display:inline-block;}
	#footer-container h3 { text-indent:-99999px; clear:both; display:block;}
	#footer-container li {list-style-type:none;padding:0;margin:0 2px 0 0;display:inline;}
	#footer-container .left {padding: 0 19px 10px 0; border-right:1px solid #afafaf;float:left;width:195px;}
		#footer-container .left ul {width:180px;padding:0 0 0 18px;margin:0;}
	#footer-container .middle {padding: 0 18px 10px 20px; border-right:1px solid #afafaf;float:left;width:235px;}
		#footer-container .middle ul {width:223px;padding:0 0 0 18px;margin:0;}
	#footer-container .right {padding: 0 0px 10px 20px;float:left;width:330px;}
		#footer-container .right ul {width:330px;padding:0 0 0 18px;margin:0;}
			#footer-container .right ul li.text {width:205px;float:left;}
			#footer-container .right ul li.btn {float:right;}
.footer-bottom {clear:both;display:block;}
#archives {background:url(images/h3_archives.gif) top left no-repeat; width:79px; height:17px;}
#categories {background:url(images/h3_categories.gif) top left no-repeat; width:97px; height:21px;}
#like-what-you-see {background:url(images/h3_like-what-you-see.gif) top left no-repeat; width:169px; height:21px;}