/* Reset */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, code, img, 
small, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.5;
	font-family: helvetica, arial, sans-serif;
}
ol, ul {
	list-style: none;

}
/* End Reset */

.clear {clear: both;}

body {
	background: #1a1b1f url(images/bg.jpg) repeat;
	width: 100%;
	height: 100%;
}


#center {
	width: 324px;
	position: absolute;
	top: 30%;
	left: 50%;
	margin-left: -162px;
}

#logo {
  /* background: url(images/willmoyer.jpg) no-repeat; */
 background: #0e0e10;
 width: 324px;
 height: 93px;
 display: block;
 margin-bottom: 40px;
 border-left: 2px solid #000000;
 border-top: 2px solid #000000;
 border-right: 1px solid #333333;
 border-bottom: 1px solid #333333;
 text-align: center;
 line-height: 90px;
 font-size: 60px;
 font-weight: bold;
 color: #b3b3b3;
 text-shadow: 1px 1px 5px #000000;
}

#moyer {
 color: #840000;
}
#contact a{
 float: left;
}

#twitter a{
 float: right;
}

#contact a, #twitter a {
 font-size: 16px;
 background: #e5e5e5;
 width: 135px;
 height: 40px;
 text-align: center;
 line-height: 40px;
 color: #000000;
 text-decoration: none;
 text-shadow: 0 1px 0px #b3b3b3;
  background-image: -moz-linear-gradient(top, #e5e5e5, #262626); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e5e5e5),color-stop(1, #262626)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#e5e5e5', EndColorStr='#262626'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e5e5e5', EndColorStr='#262626')"; /* IE8 */
 -moz-box-shadow: 1px 1px 2px #000; /* FF3.5+ */
  -webkit-box-shadow: 1px 1px 2px #000; /* Saf3.0+, Chrome */
          box-shadow: 1px 1px 2px #000; /* Opera 10.5, IE 9.0 */
     -moz-transition: all 0.1s linear;  /* FF3.7+ */
       -o-transition: all 0.1s linear;  /* Opera 10.5 */
  -webkit-transition: all 0.1s linear;  /* Saf3.2+, Chrome */
}

#contact a:hover, #twitter a:hover {
 color: #990000;
 text-shadow: 0px 1px 0px #ff6666, 0px 0px 10px #cc0000;
}

#contact a:active, #twitter a:active {
  background: #999999;
}


#articles {
	margin: 40px 0 50px 0;
	width: 324px;
	height: auto;
	background: #0e0e10;
	padding: 5px 0 20px 0;
	border-left: 2px solid #000000;
	border-top: 2px solid #000000;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	color: #cccccc;
	text-shadow: 1px 1px 1px #000000;
}

#articles h2 {
	font-size: 22px;
	text-align: center;
	text-shadow: 1px 2px 2px #000000;
}


#articles a {
	color: #cccccc;
	text-decoration: none;
	display: block;
}

#articles ul {
	margin: 20px 0;
	border-bottom: 1px solid #333333;
	font-size: 14px;
}

#articles ul li {
	padding: 10px 0 5px 20px;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #000000;
	cursor: pointer;
	transition: background 0.5s ease;  
	-moz-transition: background 0.5s ease;  /* FF3.7+ */
  	-o-transition: background 0.5s ease;  /* Opera 10.5 */
  	-webkit-transition: background 1s ease-out;  /* Saf3.2+, Chrome */
}

#articles ul li:hover {
	background: #660000;
	color: #ffffff;
}


#articles ul li:first-child {
	border: none;
	border-bottom: 1px solid #000000;
}

#articles a span {
	color: #000000;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.1);
	float: right;
	margin-right: 20px;
}

#webdesign
{ 
	background: url(images/webdesign.png) no-repeat;
	width: 197px;
	height: 159px;
	position: absolute;
	top: 35%;
	left: 50%;
	margin: -150px 0 0 -295px;
	text-indent: -99999px;
}

#otherstuff
{ 
	background: url(images/otherstuff.png) no-repeat;
	width: 488px;
	height: 101px;
	position: absolute;
	top: 130%;
	left: 50%;
	margin: 0px 0 0 80px;
	text-indent: -99999px;
}