body {
background:rgb(128,128,128) top left url('background.jpg');
color:#333;
font-family:'Open Sans', Helvetica, Tahoma, sans-serif;
}

em {
font-style:italic;
}

strong {
font-weight:bold;
}

h1,h2,h3 {
font-family:'Ubuntu', Helvetica, Verdana, sans-serif;
}

.clear {
width:0;
height:0;
float:none !important;
clear:both !important;
font-size:0;
}

#page .block {
width:974px;
margin:0 auto;
position:relative;
}

#first_block {
width:100% !important;
padding:30px 0 660px;
cursor:pointer;
}

#first {
text-align:center;
}

.element {
display:inline-block;
}

#first .element {
padding:100px 0 0 0;
width:480px;
height:387px;
background:transparent url('green_circle.png');
position:relative;
z-index:100;
}

#tagline {
font-weight:600;
font-size:21px;
line-height:1.1;
clear:both;
display:block;
margin:35px auto 0 auto;
width:50%;
}

#clicker {
width:200px;
display:block;
font-weight:700;
font-size:150%;
text-shadow:rgb(246,258,246) 3px 3px 4px;
position:relative;
z-index:50;
margin:-50px auto 0 auto;
padding-bottom:30px;
}

#first .element:hover + #clicker {
margin-top:-20px !important;
padding-bottom:0 !important;
}

#clicker:hover, .clicker_hover {
margin-top:-20px !important;
padding-bottom:0 !important;
}

#sidebar {
margin-top:25px;   
width:160px;
float:left;
text-align:center;
}

#sidebar #logo {
height:140px;
}

.halfwhite {
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:1000px;
background-color:white;
opacity:0.40;
filter:alpha(opacity = 40);
z-index:1;
}

#sidebar #inner {
padding:16px 0;
position:relative;
width:100%;
overflow:hidden;
background-color:rgba(255,255,255,0.40);
}

#inner h1, #inner h2 {
position:relative;
z-index:100;
}

#inner h1 {
font-size:16px;
font-weight:700;
}

#inner h2 {
font-family:'Open Sans', Helvetica, Tahoma, sans-serif;
margin-top:8px;
font-weight:400;
font-size:85%;
}

#sidebar ul.menu {
margin:18px auto;
position:relative;
z-index:100;
list-style:none;
text-align:center;
}

#sidebar ul.menu li {
width:87%;
height:39px;
background:transparent;
overflow:hidden;
}

#sidebar ul.menu li a {
padding:10px -10 11px 0;
display:block;
color:#333;
text-decoration:none;
line-height:18px;
font-size:16px;
font-weight:700;
font-family:'Ubuntu', Helvetica, Verdana, sans-serif;
text-transform:uppercase;
}

.sidebar_fix {
position:absolute !important;
}

#sidebar ul.menu li a:hover {
color:rgb(246,246,246);
background:rgb(86,180,48);
}

#sidebar ul.menu li a.active {
color:rgb(246,246,246);
background:#333 !important;
}

#sidebar .menu_bottom {
width:150px;
margin:0 4px 12px;
border-top:1px dotted #333;
}

#sidebar .bar {
height:6px;
font-size:0;
position:relative;
z-index:100;
padding:0 4px;
margin:8px 0;
}

#sidebar .bar * {
float:left;
background-color:#333;
font-size:0;
}

#sidebar .bar_end {
height:6px;
width:2px;
}

#sidebar .bar_mid {
height:2px;
margin:2px 0;
width:145px;
}

#content {
color:rgb(246,246,246);
float:right;
width:809px;
}

#content .section {
background-color:rgba(51,51,51,0.8);
margin:25px 0;
padding:20px 0;
}

#content .section, #content .curve {
border-top-left-radius:20px;
border-bottom-right-radius:20px;
}

#content a:active {
position:relative;
top:1px !important;
left:1px !important;
}

#content h1 {
font-size:20px;
text-align:center;
}

.header_bar h1 {
text-transform:uppercase;
width:151px;
}

.footer_bar h2 {
text-align:center;
width:111px;
font-size:14px;
text-transform:uppercase;
border-left:2px solid rgb(246,246,246);
border-right:2px solid rgb(246,246,246);
}

.header_bar, .footer_bar {
padding:0 20px;
}

.header_bar *, .footer_bar * {
float:left;
font-size:0;
}

.header_bar .bar_end {
height:14px;
border-left:6px solid rgb(246,246,246);
border-right:6px solid rgb(246,246,246);
margin:3px 0;
width:2px;
}

.header_bar .bar_mid {
width:287px;
height:6px;
margin:7px 0;
background-color:rgb(246,246,246);
}

.footer_bar .bar_mid {
width:327px;
height:2px;
margin:6px 0;
background-color:rgb(246,246,246);
}

.header_bar .arrow_right, .header_bar .arrow_left {
width:28px;
line-height:0;
font-size:28px;
padding-top:9px;
}

.header_bar .arrow_right {
margin-left:-20px;
}

.header_bar .arrow_left {
margin-right:-20px;
-webkit-transform:scaleX(-1);
-moz-transform:scaleX(-1);
-o-transform:scaleX(-1);
transform:scaleX(-1);
}

.section .sbody {
position:relative;
padding:20px 0 0;
border-top:1px dotted rgb(246,246,246);
border-bottom:1px dotted rgb(246,246,246);
margin:20px;
width:769px;
overflow:visible;
}

.section .blurb {
font-size:20px;
font-weight:700;
text-align:justify;
line-height:37px;
}

.double {
margin-top:25px;
border-top:4px double rgb(246,246,246);
}

#content p {
color:rgb(250,250,250);
margin-bottom:20px;
font-size:14px;
text-align:justify;
line-height:34px;
}

.proj_item {
height:590px;
position:relative;
float:left;
width:212px;
border-left:11px solid rgb(86,180,48);
padding:0 0 10px 20px;
margin-left:20px;
overflow:hidden;
}

.proj_item .fullsize {
position:absolute;
top:3px;
left:23px;
width:26px;
height:26px;
padding:5px;
}

#content a.fullsize:active {
position:absolute !important;
top:4px !important;
left:24px !important;
}

.proj_item_first {
margin-left:0;
}

.proj_item:hover .fullsize, .fullsize_hover {
display:block !important;
z-index:200;
}

.proj_bar {
border-top:4px double rgb(246,246,246);
margin:20px 0;
}

.proj_item img.proj_pill {
width:212px;
height:355px;
}

.proj_item h1 {
text-transform:none;
height:44px;
line-height:44px;
border-bottom:1px dotted rgb(246,246,246);
position:relative;
margin-bottom:11px;
}

.proj_item h1 .left_tri, .proj_item h1 .right_tri {
display:block;
position:absolute;
top:0;
}

.proj_item h1 .left_tri {
left:-4px;
}

.proj_item h1 .right_tri {
right:-4px;
} 

#content .proj_item p {
font-size:13px;
line-height:20px;
margin:0;
-webkit-hyphens:auto;
-moz-hyphens:auto;
hyphens:auto;
}

.proj_item p a {
font-weight:600;
text-transform:uppercase;
text-decoration:none;
font-style:italic;
color:rgb(82,201,35);
margin-left:2px;
}
/*
.proj_item p a {
color:rgb(246,246,246);
}
*/

#projects .sbody {
padding-bottom:20px;
}

#bio .lists {
padding-top:30px;
}

.lists h2 {
text-align:center;
text-transform:uppercase;
}

.lists ul {
list-style:none;
padding:8px 0;
border-top:3px solid rgb(86,180,48);
border-bottom:2px solid rgb(255,255,255);
margin:10px 0 20px;
text-align:center;
font-size:14px;
line-height:24px;
}

.lists ul.last {
border-bottom:0;
}

#experience .sbody {
padding-top:10px;
}

#experience h1.exptitle {
line-height:30px;
text-align:left;
font-size:18px;
text-transform:uppercase;
}

#experience h1.exptitle span.place {
font-size:90%;
font-family:'Open Sans', Helvetica, Tahoma, sans-serif;
padding-left:8px;
}

#experience div.employtime {
text-align:left;
font-size:14px;
text-transform:uppercase;
}

#experience ul {
text-align:justify;
padding:16px 0;
border-top:1px solid rgb(86, 180, 48);
border-bottom:2px solid rgb(255,255,255);
margin:18px 0 20px;
font-size:14px;
line-height:24px;
}

#experience ul.joblist {
color:rgb(255,255,255);
padding-left:2em;
list-style:disc outside none;
}

#experience ul.lastjob {
border-bottom:1px solid rgb(246,246,246);
}

#experience ul.last {
margin-bottom:0;
border-bottom:0;
}

#experience ul.joblist li span {
color:rgb(246,246,246);
}

#footer {
text-transform:uppercase;
line-height:33px;
padding-top:10px;
overflow:hidden;
text-align:center;
margin:100px auto 0;
width:226px;
height:33px;
background:transparent url('footer.png');
}

#m68k {
height:96px;
width:96px;
background:transparent url('../img/m68k.jpg');
margin:0 0 0 auto;
}

#m68k .fullsize {
display:block;
padding:3px;
width:90px;
height:90px;
}

#m68k .fullsize:hover img {
display:inline !important;
}

#footer h1 {
font-size:20px;
padding-right:1px;
}

#contacth {
width:769px;
height:320px;
background:url('../img/contact.jpg');
}

#email {
width:240px;
height:244px;
position:absolute;
top:170px;
right:20px;
}

#email .bg {
position:absolute;
top:0;
left:0;
z-index:1;
}

#email .text, #email .hovertext {
position:absolute;
top:0;
left:0;
z-index:1;
}

#email .pointer {
position:absolute;
bottom:0;
right:6px;
z-index:2;
}

#email .hovertext, #email:hover .text, .hoveremail .text {
visibility:hidden;
}

#email:hover .hovertext, .hoveremail .hovertext {
visibility:visible !important;
}

#qrsec {
float:left;
border-right:11px solid rgb(86,180,48);
text-align:center;
padding:0 20px 8px 0;
margin:20px 20px 20px 0;
}

#qrsec #qrbody {
height:195px;
width:195px;
border:1px dotted rgb(230,230,230);
padding:5px;
}

#qrsec #qrbody div {
background-color:rgb(255,255,255);
padding:5px;
width:185px;
height:185px;
}

#qrsec h3 {
font-size:14px;
line-height:20px;
}

#contact p {
margin-top:10px;
}

.sandbag {
float:right;
clear:right;
padding-left:8px;
font-size:0;
}

.networkbadge {
width:31px;
height:32px;
}

ul.contactlinks {
float:right;
}

ul.contactlinks li {
display:inline;
margin-left:8px;
}

.cv {
text-align:right;
margin-bottom:-20px;
}

.cv h3 {
text-transform:uppercase;
line-height:32px;
}

.cv a, .exptitle a, .joblist a, a.explink {
text-decoration:none;
color:rgb(82,201,35);
}

.joblist a:hover, .exptitle a:hover {
text-decoration:underline;
}

.cv a:hover {
color:rgb(246,246,246);
}

.cv img {
vertical-align:middle;
}

#sig {
width:174px;
height:125px;
margin:-15px 0 -22px auto;
background:transparent url('../img/sig.png');
}

#lastscr {
height:900px;
}

#contact p a {
color:rgb(82,201,35);
font-weight:600;
text-decoration:none;
}
.doc          { font-weight: bold;
                    
                    border: 2px solid #04B404;
                    text-align: center;
                    width: 10em;
                    
					}
.doc:hover a  { display: block; 
						}
.doc a        { display: none;
                    border-top: 2px solid #04B404;
                    background-color: white;
					width: 10em;
                    text-decoration: none;
                    color: black; }
.doc a:hover  { background-color: #dfeeff }

#doc{
	
	overflow: hidden;
	display:block;

}

//--------------------------

.pos{
	 margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}
#doc ul {
	
	list-style-type: none;
	
}
#doc li {
	display: inline;
	float:left;  
    display:block;  
    text-align:center;     
   
	
}
#doc li a{
	text-decoration: none;
	color:black;
	
}
#doc li a:hover{
	
	background-color:#DF0101;
	color:#E6E6E6;
}

.menud li
{
    position:relative;
	
}
.menud 
{	
    position:relative;
}
.menud li
{	
   margin-left:-41px;
}

ol.menud ol
{	list-style-type:none;
   position:absolute;
   left:-9999px;
}
.menud li:hover ol, .menud li.onhover ol
{
    left:160px;
    top: 0;
}


.doc
{
    background: url(arrow.gif) no-repeat right center;
	
}
a.arrow
{
    background: url(right.gif) no-repeat 97% center;
	border: 2px solid #04B404;
	
	background-color:rgba(255,255,255,0.80);
	//width: 10em;
    //text-decoration: none;
    //color: black;
	
}
.doclist{
	border-top:1px dotted rgb(246,246,246);
	height:400px;
}