@charset "UTF-8";
/* CSS Document */

@import url("nav.css");

body {
	background-image:url(../images/index/bkg/dot_bkg.png);
	background-repeat:repeat-x;
	margin:0;
	padding:0;
}

ul {
	display:block;
	margin:0;
	padding:0;
	list-style:none;
}

li { display:block; margin:0; padding:0;}
ul a{display:block; width:400px; height:340px; margin:0; padding:0; cursor:default;}

h1 {
	font-size: x-large;
	color: #666666;
	font-style:italic;
}

#twitter li {
	list-style-image: url(../images/index/bullet.png);
}
.rssdates {
	color: #6999c9;
	font-size: small;
}

.style1 {
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	font-size: x-small;
	color: #000;
	text-decoration: none;
}

.welcome {
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	font-size: small;
	color: #000;
	text-decoration: none;
	line-height:1.7em;
}

a {
	text-decoration:none;
}

#wrap {
	width:800px;
	float:left;
	margin:0 auto;
}

.top, .bottom {
	width:800px;
	height:25px;
	margin:auto;
	background-image:url(../images/index/bkg/bottom.png);
	background-repeat:no-repeat;
	}

.top {
	margin-top:20px;
	background-image:url(../images/index/bkg/top.png);
	background-repeat:no-repeat;
}

.bottom {
	margin-bottom:15px;
}

.container {
	background-image:url(../images/index/bkg/middle.png);
	background-repeat:repeat-y;
	width:800px;
	margin:0 auto;
	padding:20px 0 0 0;
}

#rule {
	height:2px;
	width:790px;
	background-image:url(../images/index/blackwash.png);
	background-position:center;
	margin:10px auto;
}

#indexpic {
	background-image:url(../images/index/sitepic2.jpg);
	background-repeat:no-repeat;
	float:left;
	margin:10px -400px 0 20px;
	width:400px;
	height: 340px;
}

#portpic {
	background-image:url(../images/portfolio/portfolio.jpg);
	background-repeat:no-repeat;
	float:left;
	margin:10px -400px 0 20px;
	width:400px;
	height: 340px;
}

#links {
	float:right;
	width:300px;
	margin:10px 40px 0 0;
}

#contactpic {
	background-image:url(../images/contact/contact.jpg);
	background-repeat:no-repeat;
	float:left;
	margin:10px -400px 0 20px;
	width:400px;
	height: 340px;
}

#self {
	background-image:url(../images/about/me.jpg);
	background-repeat:no-repeat;
	float:left;
	margin:10px -400px 0 20px;
	width:400px;
	height: 340px;
}
#welcome {
	float:right;
	margin:10px 40px 0 0;
	width:300px;
}

.welcome a{
	text-decoration:underline;
	color: #000;
}
#abouttext {
	float:right;
	margin:10px 40px 0 0;
	width:300px;
}

#form {
	float:right;
	clear:right;
	margin:0 40px 0 0;
	width:300px;
}
#info {
	float:right;
	clear:right;
	width: 300px;
	margin:10px 40px 0 0;
	padding:0;
	line-height:.5em;
}

#info img {
	padding:5px;
}
#bottomrule {
	height:2px;
	width:790px;
	background-image:url(../images/index/blackwash.png);
	background-position:center;
	margin:380px auto -5px;
}

#blogtwittercont {
	margin:auto;
	clear:both;
}

#blog {
	float:left;
	width:375px;
	margin:0 35px 10px 20px;
	padding:5px 0 0;
}

#twitter {
	float:left;
	width: 365px;
	margin:0 0 10px 0;
	padding:5px 0 0 0;
}

#footer {
	clear:both;
	text-align:center;
	width:790px;
	padding:17px 0 0 0;
	margin:5px auto 0;
	border-top: thin solid #666;
}
.stylefooter {
	font-size:x-small;
}