/* CSS Document 0.1 */


* { margin:0px; padding:0px;
}


body {
padding-bottom:0px;
margin-bottom:0px;
background-color:#000000;
}

#wrapper {
min-height:100%;
margin:0px auto;
width:100%;
clear:both;
overflow:hidden;
}

#header {
background-image:url(images/header.png);
background-repeat:no-repeat;
background-color:#000000;
height:152px;
width:970px;
margin:0px auto;
}


/* Navigation Section */

#page-home #mainNav li#home a {
background-position:0px -60px;
}

#page-about #mainNav li#about a {
background-position:-157px -60px;
}

ul#mainNav {
width:400px;
margin-top: 100px;
margin-right:200px;
padding-bottom:5px;
list-style:none;
float:right;
}

#mainNav li {
height:90px;
float:left;
}

#mainNav li a {
text-indent:-9999px;
background-image:url(images/navigation.png);
height:90px;
float:left;
overflow:hidden;
}

#mainNav li#home a {
width:65px;
height:30px;
}

#mainNav li#home a:hover {
background-position:0px -30px;
}

#mainNav li#home a:active {
background-position:0px -60px;
}

#mainNav li#portfolio a {
width:86px;
height:30px;
background-position:-71px 0px;
}

#mainNav li#portfolio a:hover {
width:86px;
height:30px;
background-position:-71px -30px;
}

#mainNav li#portfolio a:active {
width:86px;
height:30px;
background-position:-71px -60px;
}

#mainNav li#about a {
width:67px;
height:30px;
background-position:-157px 0px;
}

#mainNav li#about a:hover {
width:67px;
height:30px;
background-position:-157px -30px;
}

#mainNav li#about a:active {
width:67px;
height:30px;
background-position:-157px -60px;
}

#mainNav li#weblog a {
width:76px;
height:30px;
background-position:-224px 0px;
}

#mainNav li#weblog a:hover {
width:76px;
height:30px;
background-position:-224px -30px;
}

#mainNav li#weblog a:active {
width:76px;
height:30px;
background-position:-224px -60px;
}

#mainNav li#contact a {
width:88px;
height:30px;
background-position:-300px 0px;
}

#mainNav li#contact a:hover {
width:88px;
height:30px;
background-position:-300px -30px;
}

#mainNav li#contact a:active {
    width:88px;
	height:30px;
	background-position:-300px -60px;
}

#headerBar {
background-image:url(images/headerbar.png);
background-repeat:repeat-x;
height:27px;
width:100%;

}

#content {
width:100%;
background-color:#111111;
height:550px;
}

.slicer {
background-image: url(images/slicer.png);
background-repeat: repeat-x;
height:2px;
width:100%;
}

#hello {
background-image: url(images/hello.png);
background-repeat:no-repeat;
height:158px;
width:712px;
margin:0px auto 30px;
}

#quote {
width:600px;
margin:0px auto 20px;
overflow:hidden;
}

#thegeek {
width:600px;
height:150px;
margin:30px 300px 30px;
}

#theman {
width:600px;
height:100px;
margin:30px 300px;
}

#cvbog {
width:196px;
height:225px;
overflow:hidden;
float:right;
margin-right:130px;
}

h1 {
font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 18px;
font-weight: bold;
color: #ffffff;
}

h1.quote {
font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 22px;
font-weight: bold;
color: #ffffff;
}

h2 {
font-family:"Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 14px;
font-weight: bold;
color: #ffffff;

}

h2.about {
font-family:"Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 18px;
font-weight: bold;
color:#ffffff;
}

h3 {
color:#a5c856;
font-size:x-large;
font-style:italic;
font-weight:normal;
margin:20px 0px 20px 0px;
padding:0px 0px 0px 10px;
}

p.geek {
font-family:"Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 12px;
font-weight: normal;
color: #d1d1d1;
}

h3.orange {
color:#ff7400;
}

h3.blue {
color:#00a9e0;
}

#services {
width:900px;
height:190px;
margin:30px auto;
overflow:hidden;
}

.serv {
width:350px;
height:100px;
float:left;
margin:0px 0px 0 90px;
display:block;
}


.web {
width:93px;
height:100px;
float:left;
margin-right:10px;
}

.webtext {
width:200px;
height:200px;
float:left;
}

.smalltext {
font-family:"Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size:12px;
color:#6b6b6b;
float:left;
}

.graphic {
width:80px;
height:100px;
float:left;
margin-right:10px;
}

.graphictext {
width:200px;
height:81px;
float:left;
}

.seo {
width:70px;
height:100px;
float:left;
margin-right:20px;
padding-left:10px;
}

.seotext {
width:230px;
height:81px;
float:left;
}

.photo {
width:85px;
height:100px;
float:left;
margin-right:10px;
	
}

.phototext {
width:200px;
height:81px;
float:left;
}





#fslicer {
background-image:url(images/slice.png);
background-repeat:repeat-x;
background-color:#0d0d0d;
height:15px;
width:100%;
}
	
#footerwrap {
background:#0d0d0d;
width:100%;
height:280px;
}

#footer {
width:850px;
overflow:hidden;
margin:0 auto;
}

#persfavs {
	/*border:1px solid #00ff00;*/
	width:167px;
	float:left;
	text-align:left;
	margin:0px 90px 25px 70px;
}

ul#persfavslist li {
	list-style-type:none;
	border-bottom:1px dashed #212121;
}


ul#persfavslist li a {
	padding:4px 0px 4px 10px;
	margin:0px 0px 0px 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	font-weight:bold;
	font-style:italic;
	color:#3E3E3E;
	display:block;
	text-decoration:none;
}

ul#persfavslist li a:hover {
	color:#a5c856;
	background-color:#131818;
}

#blogentries {
	/*border:1px solid #00ff00;*/
	width:200px;
	float:left;
	text-align:left;
	margin:0px 90px 25px 0px;
}

ul#blogentrieslist {
	/*border:1px solid #ff0000;*/
	width:180px;
}

ul#blogentrieslist li {
	list-style-type:none;
	border-bottom:1px dashed #212121;
}

ul#blogentrieslist li a {
	padding:4px 0px 4px 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	font-weight:bold;
	font-style:italic;
	color:#3E3E3E;
	display:block;
	text-decoration:none;
}

ul#blogentrieslist li a:hover {
	color:#ff7400;
	background-color:#1C1A1D;
}

#mytweets {
	/*border:1px solid #00ff00;*/
	width:200px;
	float:left;
	text-align:left;
	margin:0px 15px 25px 0px;
}

ul#mytweetslist {
	/*border:1px solid #ff0000;*/
	width:167px;
}

ul#mytweetslist li {
	list-style-type:none;
	border-bottom:1px dashed #212121;
}

ul#mytweetslist li a {
	padding:4px 0px 4px 10px;
	margin:0px 0px 0px 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	font-weight:bold;
	font-style:italic;
	color:#3E3E3E;
	display:block;
	text-decoration:none;
}

ul#mytweetslist li a:hover {
	color:#00a9e0;
	background-color:#1C1618;
}

#footersig {
width:500px;
font-family:"Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size:11px;
font-style:italic;
color:#ffffff;
float:left;
margin:0 0 0 250px;
}

#footersig a {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-weight:bold;
font-style:italic;
color:#666666;
text-decoration:none;
}

#footersig a:hover {
color:#00a9e0;
}