body {margin:0px; padding:0px; text-align:center; background:#000 url(images/background2.jpg) center 0px no-repeat;
	font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#646160;}
body#artboard {background:#231F1B url(images/background_artboard.jpg) center 0px no-repeat;}
body#index {background:#000 url(images/background.jpg) center 0px no-repeat;}
h1 {font-size:32px; color:black; padding-left:0px;}
h2 {font-size:18px; color:black;}
h3 {font-size:12px; margin-top:0px; color:black;}
img {border:0px; display:block;}
form {margin: 0px;}
input, textarea {border:1px solid #646160; margin-top:5px; margin-bottom:10px;}
input {}
.txtfield {width:240px; font-size:16px;}
textarea {height:100px; width:430px; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.textarea {height:100px; width:500px; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
input.blank {border:0px;}

img { behaviour:none !important; behavior: url(iepngfix.htc); }
a {text-decoration:underline; background:#C8CFE6; color:#646160;}
a:hover {text-decoration:underline;}

/* INDEX STYLES */

#container {width: 880px; margin: 0px auto; text-align: left; }
#container h1 {font-size:47px; font-weight:normal; color:#FFF; padding:10px 0px 15px; margin:0px;}
#container h2 {font-size:24px; font-weight:normal; color:#FFF; padding:10px 0px 15px; margin:0px;}
#container h3 {font-size:20px; font-weight:normal; color:#FFF; padding:0px 0px 15px; margin:0px;}
#container h4 {font-size:22px; font-weight:normal; color:#FFE67C; padding:0px; margin:0px;}
#container h5 {font-size:13px; font-weight:normal; font-style:italic; font-family:Arial, Helvetica, sans-serif; color:#A9E1FF; padding:0px 0px 15px; margin:0px;}
#container h6 {font-size:11px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#FFF; padding:20px 0px 10px; margin:0px;}
#container p {padding:0px 0px 15px; margin:0;}
#container a {color:#A9E1FF; background:#1A1A1A;}
#container form { margin:0px;}
#container input, #container textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#4D4D4D; border: 0; background:#000; padding: 4px 4px;}
#container textarea {width:477px; height: 159px; overflow:hidden;}
#container #name, #container #email {width:172px;}
#container #button {color:#A9E1FF; font-size:14px; background:#1A1A1A; padding:0px; cursor:pointer;}

#left_col {width:565px; float:left;}
#right_col {width:290px; float:right;}
#footer {clear: both; margin: 0px 20px 15px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#67645A;}
#clear {clear: both; line-height: 0px; height: 0px; font-size: 1px;}
#box1 {margin-bottom:20px;}
#box1 .top {height:20px; background: url(images/indexbox1_top.gif) no-repeat;}
#box1 .mdl {background: #1A1A1A; padding:0px 40px;}
#box1 .btm {height:20px; background: url(images/indexbox1_btm.gif) no-repeat;}
#box2 {margin-bottom:20px;}
#box2 .top {height:20px; background: url(images/indexbox2_top.gif) no-repeat;}
#box2 .mdl {background: #1A1A1A; padding:0px 30px;}
#box2 .btm {height:20px; background: url(images/indexbox2_btm.gif) no-repeat;}
.small_txt { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#536A76;}

/* END OFINDEX STYLES */

#content {margin-left: auto; margin-right: auto; width:800px; text-align:left;}
#home_btn {height:150px; text-align:right;}
#menu {margin-top:0px;}
#pageleft {position:relative; float:left; background:transparent url(images/pixel44_left.png) 0px 0px repeat-y; height:100%; width:810px;}
#pageright {position:relative; float:right; background:transparent url(images/pixel_44right.png) 790px 0px repeat-y; height:100%; width:800px;}
#page {position:relative; float:left; height:100%; width:750px; background:white; left:40px; background-image:url(images/page_bg.gif);}
#pagebot {position:relative; float:left; text-align: center; color:white;}
#pagebot img {display:inline;}

#mainleft {width:520px; position:relative; left:20px;}
#mainleftmiddle {position:relative; width:520px; float:left; margin-bottom:30px;}
#mainleftbottom {position:relative; width:520px; float:left; margin-bottom:30px;}
#aboutnotepad {position:relative; width:520px; float:left; clear:both; background-image:url(images/notepad_about.jpg); line-height:18px;}
#blogbar {position:relative; float:right; vertical-align:top; width:197px; height:100%; font-size:10px; background:#e0e4f2;}
#blogbar .title {font-size:20px; color:blue; color:#9CB7DA;}
#blogbar a {text-decoration:none; background:inherit;}
#aboutleft {position:relative; float:left; width:500px; left:20px;}
#aboutright {position:relative; float:right; width:265px; top:20px;}
#aboutleft .heading {font-size:24px; color:black; font-weight:bold;}
#contact {position:absolute; top:100px; left:40px;}

.blogitem {position:relative; float:left; width:160px; left:10px;}
.blogimg {position:relative; float:left; margin-top:20px;}
.leftitem {position:relative; float:left; width:235px; top:8px; margin-right:25px; line-height:18px;}
.largeleftitem {position:relative; float:left; width:300px; top:8px; margin-right:25px; line-height:18px;}
.mainimage {position:absolute; left:280px; top:90px; width:270px; color:black;}
.noblock {display:inline;}
.left {float:left;}
.right {float:right;}
.skillslist {position:absolute; top:95px; left:35px; line-height:16px;}
.skillslist a {color:black;}
.greentitle {float:left; font-size:24px; color:#A6Ba5D; font-weight:bold;}
.blogtext {width:300px; position:relative; float:left;}
.blog {float:left; clear:both; margin-bottom:20px; width:500px;}
.blogtitle {float:left; clear:both; width:500px;}
.blogdate {position:relative; left:10px; top:-5px;}
.head {position:relative; left:-20px;}
.quote {font-size:15px; font-style:italic; color:blue;}

.txt_blue {
	color: #7C95B7;
}

