body {
	color: #101010;
	background: #666;
	font-size: 62.5%;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1, h2, h3, h4, h5, h6 {
	color: #333;
}

h1 {
	font-size: 2.2em;
	line-height: 1.25em;
}

h2 {
	font-size: 1.6em;
	color: #333;
	text-transform: uppercase;
	line-height: 1.25em;
}

h3 {
	font-size: 1.4em;
	line-height: 1em;
}

p, ul, ol, address {
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0.25em 0 1em;
}

p {
	line-height: 1.4em;
}

a {
    color: #AA0000;
}
a:hover {
    color: #DD5500;
}
a:visited {
    color: #CC8800;
}

address {
    color: #333;
	font-family: Georgia, "Times New Roman", Times, serif;
}

code {
    font-family: "Courier New", Courier, monospace;
}

strong {
	font-weight: bold;
}

strong.website {
    color: #333;
}

ul {
	list-style: square;
	margin: 0 0 1em 1.25em;
}
	ul li {}
		ul li ul {
			list-style: disc;
			font-size: 1em;
			margin-top: 0.25em;
		}

div.hr {
	width: 100%;
	height: 0;
	border-top: 1px solid #666;
	clear: both;
}

div.clear {
	overflow: hidden;
	clear: both;
	height: 0;
}

/* Container */
div#wrapper {
	width: 950px;
	margin: 40px auto;
}
	div#wrapper div.content {
		background: #FFF;
		border: 1px solid #888;
		border-width: 0 1px 1px;
		padding: 40px 80px;
	}

/* Tab Navigation */
div#wrapper ul#tabs {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.6em;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	clear: both;
}
	ul#tabs li {
		float: left;
		margin-right: 5px;
	}
		ul#tabs li a {
			text-decoration: none;
			color: #AAA;
			background: #888;
			display: block;
			padding: 0.25em 0.5em;
			border: 1px solid #888;
			border-width: 1px 1px 0;
		}
		ul#tabs li a:hover {
			color: #CCC;
			background: #444;
		}
		ul#tabs li a:active {
			color: #DDF;
			background: #000;
		}
		ul#tabs li.current a {
			color: #333;
			background: #FFF;
		}


	
div#home p {
	font-size: 1.4em;
}

/* Portfolio */
div#wrapper div#portfolio {
	font-family: Helvetica, Arial, sans-serif;
	padding: 0.5in 0.5in;
}
    div#portfolio p,
    div#portfolio ul,
    div#portfolio ol {
    	margin: 0.25em 0;
    }
	div#portfolio div.client {
		margin: 4em 0;
	}
	div#portfolio h2 {
		color: #333;
		margin-bottom: 0.75em;
	}
	
	div#portfolio dl.info {
		font-size: 1.2em;
		line-height: 1.2em;
		zoom: 1;
	}
		div#portfolio dl.info dt {
			text-align: right;
			font-weight: bold;
			color: #333;
			float: left;
			clear: left;
			margin: 0 0.5em 0 0;
			width: 6em;
		}
		div#portfolio dl.info dd {
			float: left;
			clear: right;
			width: 650px;
			margin: 0 0 0.5em 0;
		}
	
	div#portfolio ul.screenshots {
		list-style: none;
		margin: 1em 0 0;
	}
		div#portfolio ul.screenshots li {
			float: left;
			margin-right: 20px;
		}
			div#portfolio ul.screenshots li a {
				display: block;
				width: 162px;
				height: 100px;
				background-color: transparent;
				background-repeat: none;
				background-attachment: scroll;
				background-position: 0 0;
			}
			
			div#portfolio ul.screenshots li a#tetris_landing {
				background-image: url(../_img/portfolio/tetris_party/landing.jpg);
			}
			div#portfolio ul.screenshots li a#tetris_main {
				background-image: url(../_img/portfolio/tetris_party/main.jpg);
			}
			div#portfolio ul.screenshots li a#tetris_slider {
				background-image: url(../_img/portfolio/tetris_party/slider.jpg);
			}
			
			div#portfolio ul.screenshots li a#tullys_main {
				background-image: url(../_img/portfolio/tullys/main.jpg);
			}
			div#portfolio ul.screenshots li a#tullys_about {
				background-image: url(../_img/portfolio/tullys/about.jpg);
			}
			div#portfolio ul.screenshots li a#tullys_shop {
				background-image: url(../_img/portfolio/tullys/shop.jpg);
			}
			
			div#portfolio ul.screenshots li a#leye_main {
				background-image: url(../_img/portfolio/leye/main.jpg);
			}
			div#portfolio ul.screenshots li a#leye_restaurants {
				background-image: url(../_img/portfolio/leye/restaurants.jpg);
			}
			div#portfolio ul.screenshots li a#leye_map {
				background-image: url(../_img/portfolio/leye/map.jpg);
			}
			
			div#portfolio ul.screenshots li a:hover {
				background-position: 0 -100px;
			}
			
				div#portfolio ul.screenshots li a span {
					position: absolute;
					left: -999999em;
				}

/* Resume */
div#wrapper div#resume {
    color: #444;
}
    div#resume h1, h2, h3, h4, h5, h6 {
        font-weight: normal;
    }
    div#resume h2 {
        font-size: 2em;
        text-transform: none;
    }    
        div#resume .colA h2 {
            font-style: italic;
        }
    div#resume h3,
    div#resume h4 {
        font-size: 1.6em;
        line-height: 1.2em;
    }
    
    div#resume p {
        padding-right: 4em;
        margin: 0;
        line-height: 1.4em;
    }
    div#resume p.enlarge {
        font-size: 1.8em;
        line-height: 1.3em;
        padding-right: 12em;
    }
    
    div#hd div.colA {
        margin-left: 0;
        float: left;
        width: 66%;
    }
    
    div#hd div.colB {
        margin-left: 1.5em;
        width: 32%;
        float: right;
    }
    
    .colB {
        width: 66%;
    }
    .section {
        border-bottom: 1px solid #CCC;
        margin-bottom: 2.6em;
        padding-bottom: 1.6em;
    }
        .section .colA {
            width: 12.3%;
            float: left;
        }
        .section .colB {
            width: 80.2%;
            float: right;
        }
    
    div#resume div#hd {
        border-bottom: 1px solid #CCC;
        margin: 3.25em 0 3.9em;
        padding-bottom: 1.95em;
    }
        div#resume div#hd h1 {
            font-size: 4.8em;
            letter-spacing: 3px;
            text-transform: uppercase;
        }
        div#resume div#hd h2 {
            letter-spacing: 2px;
            text-transform: uppercase;
        }
        div#resume div#hd div.contact-info {
            margin-top: 7px;
        }
            div.contact-info a#pdf {
                background: #666;
                color: white;
                float: left;
                margin-bottom: 6px;
                padding: 6px 50px 6px 12px;
                text-decoration: none;
            }
            div.contact-info a#pdf:hover {
                background: #222;
            }
    
    div#resume div#main {
        margin-bottom: 40px;
        width: 100%;
    }
        
        div#main ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
            div#main ul > li {
                border-bottom: 1px solid #CCC;
                line-height: 24px;
                padding: 0;
                margin: 0;
            }
        
        div#resume .talent {
            float: left;
            width: 32%;
        }
            div#resume div.talent h2 {
                margin-bottom: 6px;
            }
        
        div.job {
            border-bottom: 1px solid #CCC;
            padding-bottom: 1.3em;
            margin-bottom: 1.3em;
            position: relative;
        }
            div#resume div.job h4 {
                position: absolute;
                right: 0;
                top: .35em;
            }
            div#resume div.job p {
                margin: 0.75em 0 2em;
            }
            div#resume div.job ul {}
                div#resume div.job ul li {
                    border-bottom: none;
                }
                    div#resume div.job ul li ul {
                        margin-left: 3em;
                    }
                        div#resume div.job ul li ul li {
                            list-style: disc;
                        }
        
        div#resume .honor {
            border-bottom: 1px solid #CCC;
            padding-bottom: 1.3em;
            margin-bottom: 4.3em;
        }
        div#resume .last {
            border: none;
        }
            
    div#resume div#ft {
        text-align: center;
        border-top: 1px solid #CCC;
        font-size: 0.92em;
        padding: 1.2em 0 6em;
        margin: 0 0 2.4em;
    }