body {
	font-size: 14px; /* Resets 1em to 10px */;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #fff;
}
* {
	padding: 0;
	margin: 0;
}
p {
	margin: 10px 0;
	text-align: justify;
}
img {
	border: none;
}

/*MAIN CONTENT LAYOUT*/

.input {
	background-color: #222;
	color: #fff;
	border-top: 2px #333 solid;
	border-right: 2px #333 solid;
	border-left: 2px #333 solid;
	border-bottom: 2px #f90 solid;
	padding: 2px;
}
input[type="text"] {
	background-color: #222;
	font-size: 12px;
	color: #fff;
	border-top: 2px #333 solid;
	border-right: 2px #333 solid;
	border-left: 4px #f90 solid;
	border-bottom: 2px #333 solid;
	padding: 2px;
}
input[type="submit"] {
	background-color: #222;
	font-size: 10px;
	color: #fff;
	border-top: 2px #333 solid;
	border-right: 2px #333 solid;
	border-left: 4px #f90 solid;
	border-bottom: 2px #333 solid;
	padding: 2px;
	text-align: right;
	text-transform: uppercase;
}
input[type="reset"] {
	background-color: #222;
	font-size: 10px;
	color: #fff;
	border-top: 2px #333 solid;
	border-right: 2px #333 solid;
	border-left: 4px #f00 solid;
	border-bottom: 2px #333 solid;
	padding: 2px;
	text-align: right;
	text-transform: uppercase;
}
input[type="checkbox"] {
	background-color: #222;
	border: 0;
}
textarea {
	background-color: #222;
	font-size: 12px;
	color: #fff;
	border-top: 2px #333 solid;
	border-right: 2px #333 solid;
	border-left: 4px #f90 solid;
	border-bottom: 2px #333 solid;
	padding: 2px;
}
#postWrap {
	margin: 0;
	padding: 0;
}
.postTitle {
	text-align: left;
	padding: 0 0 5px 0;
	margin: 0;
	font-size: 24px;
}
.postTitle a {
	font-size: 15px;
	color: #222;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
}
.post {
	margin: 0 0 20px 0; 
	text-align: justify;
	border-bottom: 1px solid #ddd;
	background-color: #FFFFFF;
}
.postEntry p {
	padding: 0;
	margin: 0;
}
ol {
	margin: 0 0 0 40px;
}
blockquote {
	margin: 20px 20px 20px 40px;
	padding: 20px;
	font-style: italic;
	color: #666666;
}
.wp-caption {
	background-color: #222;
	margin: 20px 0 20px 0;	
	color: #FFF;
	text-align: center;
	border: 0;
	padding: 5px;
}
.wp-coption p {
	color: #fff;
	text-align: right;
	font-size: 10px;
	padding: 5px;
}
.pageTitle {
	font-size: 1.6em;
	text-align: left;
	padding: 0;
	margin: 0;
	position: relative;
	top: -20px;
}	

.categoryMainContent {
	padding: 0 0 0 2px;
	margin: 0 0 15px 0;
}

/* TIME TAG BOX */
.timeTag {
	font-size: 14px;
	color: #000;
	width: 60px;
	height: 47px;
	padding: 45px 20px 0 0;
	margin: 0;
	float: right;
	text-align: right;
}
.Jan {
	background-image: url('images/monthJan.png');
	background-repeat: no-repeat;
}
.Feb {

	background-image: url('images/monthFeb.png');
	background-repeat: no-repeat;
}
.Mar {
	background-image: url('images/monthMar.png');
	background-repeat: no-repeat;
}
.Apr {
	background-image: url('images/monthApr.png');
	background-repeat: no-repeat;
}
.May {
	background-image: url('images/monthMay.png');
	background-repeat: no-repeat;
}
.Jun {
	background-image: url('images/monthJun.png');
	background-repeat: no-repeat;
}
.Jul {
	background-image: url('images/monthJul.png');
	background-repeat: no-repeat;
}
.Aug {
	background-image: url('images/monthAug.png');
	background-repeat: no-repeat;
}
.Sep {
	background-image: url('images/monthSep.png');
	background-repeat: no-repeat;
}
.Oct {
	background-image: url('images/monthOct.png');
	background-repeat: no-repeat;
}
.Nov {
	background-image: url('images/monthNov.png');
	background-repeat: no-repeat;
}
.Dec {
	background-image: url('images/monthDec.png');
	background-repeat: no-repeat;
}
.postmetadata {
	margin: 30px 0;
	font-size: 12px;
	clear: both;
}
.postmetadata a {
	font-size: 12px;
	text-decoration: none;
	color: #f90;
	font-weight: bold;
}	
.attachment {
	text-align: center;
	margin: 5px 0px;
}
.attachment img {
	border: 3px solid #663;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 12px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	float: left;
	display: inline;
}
.alignright {
	float: right;
	width: auto;
}
.alignleft {
	float: left;
	width: auto;
}
.commentlist {
	background-color: #222;
	color: #fff;
	list-style-type: none;
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.commentlist li {
	border-right: 4px #f90 solid;
	padding: 10px;
}
.commentlist li cite a {
	color: #fff;
	font-size: 16px;
}
.commentlist .alt {
	background-color: #333;
}
.commentlist li .commentmetadata {
	font-size: 14px;
	color: #f90;
	float: right;
	position: relative;
	vertical-align: top;
	top: -20px;
}
.commentlist li .commentmetadata a {
	font-size: 10px;
	text-transform: uppercase;
	color: #f90;
}
.commentlist li p {
	font-size: 18px;
	margin: 10px 0 0 20px;
}


/* START OF LAYOUT */
#layoutWrap {
	width: 994px;
	height: auto;
	margin: 20px 0 0 50px;
	padding: 0;
}



#header {
	width: 994px;
	height: 77px;
	margin: 0;
	padding: 0;
	background: url('images/header.jpg') 0 0 no-repeat;
}
#header ul {
	list-style-type: none;
}

#leftColumn {
	width: 590px;
	text-align: justify;
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
}
#rightColumn {
	width: 260px;
	float: right;
	margin: 0;
	padding: 0;
}

/* TOP LOGIN FORM */
#topLoginForm {
	float: right;
	width: auto;
	margin: 25px 25px 0 0;
	padding: 0;
}
#topLoginForm li {
	display: inline;
	float: left;
	width: auto;
	padding: 0 10px;
	margin: 0;
}
#topLoginForm li .fieldName {
	font-size: 10px;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
#topLoginForm small {
	color: #fff;
}
#topLoginUsername {
	background: url('images/topLogin-username.jpg') 0 0 no-repeat;
	display: block;
	width: 186px;
	height: 32px;
	border: 0;
	padding: 14px 0 0 0;
}
#topLoginUsername input {
	background-color: transparent;
	width: 160px;
	height: 30px;
	padding: 5px 10px 0 10px;
	color: #fff;
	font-size: 16px;
	border: 0;
}
#topLoginPassword {
	background: url('images/topLogin-password.jpg') 0 0 no-repeat;
	display: block;
	width: 186px;
	height: 32px;
	border: 0;
	padding: 14px 0 0 0;
}
#topLoginPassword input {
	background-color: transparent;
	width: 160px;
	height: 30px;
	padding: 5px 10px 0 10px;
	color: #fff;
	font-size: 16px;
	border: 0;
}
#topLoginSubmit {
	background: url('images/button.jpg') 0 0 no-repeat;
	font-size: 10px;
	text-transform: uppercase;
	text-align: right;
	vertical-align: bottom;
	width: 84px;
	height: 34px;
	border: 0;
	padding: 10px 5px 0 25px;
	position: relative;
	bottom: 6px;
	right: 10px;
	color: #FFFFFF;
}

#loggedInTopNav {
	float: right;
	width: auto;
	margin: 25px 40px 0 0;
	padding: 0;
}
#loggedInTopNav li {
	display: inline;
	float: left;
	width: auto;
	padding: 0 10px;
	margin: 0;
}
#loggedInTopNav a {
	text-decoration: none;
}
#loggedInTopNav a:hover {
	color: #fc0;
}



#navBar {
	width: 994px;
	height: 45px;
	border: 0;
	padding: 0;
	margin: 0;
	background-image: url('images/nav_off.jpg');
	background-repeat: no-repeat;
}
#navBar ul {
	list-style-type: none;
}
#navBar ul li {
	float: left;
	width: auto;
}
#navBar a {
	text-decoration: none;
}
#navBar ul li ul {
	visibility: hidden;
}
#navBar ul li:hover ul {
	visibility: visible;
	display: block;
}
#home {
	display: block;
	width: 78px;
	height: 49px; 
	margin: 0 0 0 150px;
	padding: 0;
}
#home a {
	display: block;
	width: 78px;
	height: 49px;
	margin: 0;
	padding: 0;
}
#home a:hover {
	background: url('images/nav_on.jpg') -150px 0px no-repeat;
}
#about {
	display: block;
	width: 90px;
	height: 49px; 
	margin: 0 0 0 15px;
	padding: 0;
}
#about a {
	display: block;
	width: 90px;
	height: 49px;
	margin: 0;
	padding: 0;
}
#about a:hover {
	background: url('images/nav_on.jpg') -243px 0px no-repeat;
}
#services {
	display: block;
	width: 125px;
	height: 49px; 
	margin: 0 0 0 15px;
	padding: 0;
}
#services a {
	display: block;
	width: 125px;
	height: 49px;
	margin: 0;
	padding: 0;
}
#services a:hover {
	background: url('images/nav_on.jpg') -348px 0px no-repeat;
}
#portfolio {

	display: block;
	width: 150px;
	height: 49px; 
	margin: 0 0 0 20px;
	padding: 0;
}
#portfolio a {
	display: block;
	width: 150px;
	height: 49px;
	margin: 0;
	padding: 0;
}
#portfolio a:hover {
	background: url('images/nav_on.jpg') -493px 0px no-repeat;
}
#word {
	width: 100px;
	height: 49px; 
	margin: 0 0 0 20px;
	padding: 0;
}
#word a {
	display: block;
	width: 100px;
	height: 49px;
	margin: 0;
	padding: 0;
}
#word:hover {
	background: url('images/nav_on.jpg') -663px 0px no-repeat;
}
#contact {
	float: left;
	width: 125px;
	height: 49px; 
	margin: 0 0 0 20px;
	padding: 0;
}
#contact a {
	display: block;
	width: 125px;
	height: 49px;
	margin: 0;
	padding: 0;
}
#contact a:hover {
	background: url('images/nav_on.jpg') -783px 0px no-repeat;
}

#dropdown_word {
	width: 100px;
	height: auto;
	margin:  -8px 0 0 -5px;
	padding: 0;
	position: relative;
	z-index: 100;
}
#dropdown_word #randomland a {
	background-image: url('images/random_off.jpg');
	background-repeat: no-repeat;
	width: 141px;
	height: 32px;
	padding: 0;
	margin: 0;
}
#dropdown_word #randomland a:hover {
	background-image: url('images/random_on.jpg');
}
#dropdown_word #myStuff a {
	background-image: url('images/myStuff_off.jpg');
	background-repeat: no-repeat;
	width: 141px;
	height: 30px;
	display: block;
	padding: 0;
	margin: 0;
}
#dropdown_word #myStuff a:hover {
	background-image: url('images/myStuff_on.jpg');
}
#dropdown_word #tech a {
	background-image: url('images/tech_off.jpg');
	background-repeat: no-repeat;
	width: 141px;
	height: 30px;
	display: block;
	padding: 0;
	margin: 0;
}
#dropdown_word #tech a:hover {
	background-image: url('images/tech_on.jpg');
}
#dropdown_word #tutorials a {
	background-image: url('images/tutorials_off.png');
	background-repeat: no-repeat;
	width: 141px;
	height: 41px;
	display: block;
	padding: 0;
	margin: 0;
}
#dropdown_word #tutorials a:hover {
	background-image: url('images/tutorials_on.png');
}


#subNav {
	width: 994px;
	height: 58px;
	background: url('images/subHeader.jpg') 0 0 no-repeat;
	z-index: 0;
}
#infoBar {
	position: relative;
	top: 20px;
	width: 994px;
	height: 27px;
	text-align: center;
	margin: 0;
	padding: 15px 0 0 0;
	background: url('images/headerInfoBar.png') center 0 no-repeat;
}
#infoBar li {
	display: inline;
	height: 30px;
	list-style-type: none;
	color: #fff;
	padding: 0 10px;
}
#subNav li a {
	color: #fff;
	padding: 0 0 0 20px;
}
#subNav li a:hover {
	color: #f90;
}



#mainBody {
	width: 994px;
	height: auto;
	background: url('images/body.jpg') 0 0 repeat-y;
	display: block;
}
#mainBody ul {
	list-style-type: none;
}
#mainBodyWrap {
	width: 850px;
	height: auto;
	padding: 0 20px;
	margin: 0 0 0 50px;
	display: inline-block;
}



#footer {
	width: 994px;
	height: 52px;
	padding: 0;
	margin: 0;
	background: url('images/footer.jpg') 0 0 no-repeat;
	display: inline-block;
	float: left;
}
#footer ul {
	list-style-type: none;
}



/* SEARCH FIELD */
#searchField {
	background: url('images/searchField.jpg') 0 0 no-repeat;
	display: block;
	width: 240px;
	height: 70px;
	border: 0;
	padding: 14px 0 0 0;
	margin: 10px 0 20px 20px;
	position: relative;
	left: 30px;
}
#searchField input{
	background-color: transparent;
	width: 160px;
	height: 30px;
	padding: 5px 10px 0 10px;
	color: #fff;
	font-size: 16px;
	border: 0;
}
#searchField #searchSubmit {
 	background: url('images/button-find.jpg') 0 0 no-repeat;
	width: 84px;
	height: 34px;
	padding: 0;
	margin: 0;
	border: 0;
	float: right;
	position: relative;
	right: 58px;
 }
 


/* FRONT POST BOX */
#frontPostBoxBg {
	background: url('images/frontPostBox.jpg') 0 0 no-repeat;
	width: 260px;
	height: 416px;
	float: right;
	position: relative;
	right: -20px;
	padding: 0;
	margin: 10px 0 10px 0;
	clear: right;
}
#frontPostBox {
	color: #fff;
	font-size: 10px;
	width: 230px;
	height: 360px;
	overflow: hidden;
	z-index: 0;
	padding: 20px 15px 0 15px;
}
#frontPostBox a {
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}
#frontPostBox .fTitle {
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
}
#frontPostBox .fDate {
	color: #f90;
}
#frontPostBox .fEntry {
	color: #fff;
	font-size: 10px;
	text-align: justify;
}

#linkBoxBg {
	width: 260px;
	height: auto;
	float: right;
	position: relative;
	right: -20px;
	padding: 0;
	margin: 10px 0 10px 0;
	clear: right;
	background: url('images/sideNav_03.jpg') 0 0 repeat-y;
}
#linkBoxHeader {
	background: url('images/sideNav_01.jpg') 0 0 no-repeat;
	width: 260px;
	height: auto;
}
#linkBoxFooter {
	background: url('images/sideNav_04.jpg') 0 0 no-repeat;
	width: 260px;
	height: 23px;
}
#linkBoxContent {
	width: 230px;
	height: auto;
	padding: 25px 15px 0 15px;
	color: #FFFFFF;
	font-size: 12px;
}
#linkBoxContent a {
	color: #fff;
	font-size: #12px;
}
#linkBoxContent a:hover {
	color: #F90;
}

#myWidget-resume {
	width: 170px;
	float: right;
	margin: 5px;
	padding: 5px;
	display: inline;
}

#myWidget-resume {
	width: 170px;
	float: right;
	margin: 5px;
	padding: 5px;
	display: inline;
}
#myWidget-services {
	width: 380px;
	float: left;
	margin: 5px;
	padding: 5px;
	display: inline;
	position: relative;
}
#homeServicesRight {
	float: right;
	list-style-image: url(images/listBullet.jpg);
	font-size: 12px;
}
#homeServicesLeft {
	float: left;
	list-style-image: url(images/listBullet.jpg);
	font-size: 12px;
}

#myWidgetTitle {
	position: relative;
	left: -10px;
}
.hidden {
	visibility: hidden;
	border: none;
	text-decoration: none;
	position: relative;
	top: -2000px;
	font-size: 0px;
}
small {
	font-size: 60%;
}
.button {
	padding: 0;
	margin: 0;
}
.error {
	color: #FF0000;
	background-color: #FF9999;
	padding: 10px;
	border: 1px solid #f00;
	margin: 10px 0;
}
.success {
	color: #006600;
	background-color: #66FF66;
	padding: 10px;
	border: 1px solid #006600;
	margin: 10px 0;
}
