@charset "utf-8";
/* CSS Document */
* {margin: 0; padding: 0;}
body {font: normal 69.5%/1.8em Myriad Pro, Myriad, Arial, Helvetica, sans-serif;}
a {
	color: #7cb9ce;
	text-decoration: none;
}
a:hover {
	color: #30caff;
	background-color: #0f0f0f;
}
p, quote {
	font-size: 1.6em;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	line-height: 1.4em;
	margin: 0 0 25px 0;
}
h1 {font-size: 2.1em;}
h2 {font-size: 2.4em; padding: 5px 0 15px 3px;}
h3 {font-size: 2.2em;}
h4 {font-size: 2em;}
h5 {font-size: 1.8em;}
h6 {font-size: 1.6em;}
img {border: none;}
.clearfix {
	clear: both;
	height: 0;
	line-height: 0;
}
#wrapper {
	padding: 20px;
	width: 960px;
}
/****** Button ******/
.btn {
	background: #282828;
	border-top: 1px solid #3b3b3b;
	border-left: 1px solid #3b3b3b;
	border-right: 1px solid #0b0b0b;
	border-bottom: 1px solid #0b0b0b;
	padding: 5px 10px;
	font-size: 1.8em;
	font-weight: bold;
	text-shadow:1px 1px 1px #000000;
}
.btn:hover {background: #0f0f0f;}
/****** Logo ******/
#logo {
	font-size: 2em;
	line-height: 2.5em;
	position: relative;
}
#logo h1 a {
	padding: 0 10px;
	text-shadow:1px 1px 1px #000000;
	background-color: #282828;
}
#loading-animation {
	position: absolute;
	left: 332px;
	top: 24px;
	display: none;
}
/****** Global Menu ******/
#menu{
	font-size: 1.6em;
	margin: 10px 0;
}
#menu li {
	float: left;
	display: inline;
	list-style-type: none;
}
#menu li a {
	display: block;
	padding: 8px;
	margin: 0 10px 0 0;
	font-size: 1.3em;
	font-weight: bold;
	background-color: #282828;
	overflow: hidden;
	text-shadow:1px 1px 1px #000000;
}
#menu li a:hover {
	background-color: #0f0f0f;
}
#menu ul li .current {
	color: #FFF;
	background-color: #000;
}
#menu ul li ul {
	margin: 10px 0 0 0;
	display: none;
}
#menu ul li ul li a {
	margin: 0 10px 0 0;
	padding: 5px;
	font-size: 1em;	
}
/****** All Page Styles ******/
/* About page bkg images */
#dabout #container-top {background: transparent url('images/bkg-top-med.gif') 0 0 no-repeat;}
#dabout #container-top #container {background: transparent url('images/bkg-bottom-med.gif') 0 bottom no-repeat;}
#dabout #container-top #container #objective {width: 748px; background: #282828 url('images/bkg-middle-med.gif') 0 0 repeat-y;}
/* Portfolio page bkg images */
#dportfolio #container-top {background: transparent url('images/bkg-top-lrg.gif') 0 0 no-repeat;}
#dportfolio #container-top #container {background: transparent url('images/bkg-bottom-lrg.gif') 0 bottom no-repeat;}
#dportfolio #container-top #container #portfolio { width: 900px; background: #282828 url('images/bkg-middle-lrg.gif') 0 0 repeat-y;}
/* Blog page bkg images */
#dblog #container-top {background: transparent url('images/bkg-top-med.gif') 0 0 no-repeat;}
#dblog #container-top #container {background: transparent url('images/bkg-bottom-med.gif') 0 bottom no-repeat;}
#dblog #container-top #container #blog {width: 748px; background: #282828 url('images/bkg-middle-med.gif') 0 0 repeat-y;}
/* Contact page bkg images */
#dcontact #container-top {background: transparent url('images/bkg-top-sml.gif') 0 0 no-repeat;}
#dcontact #container-top #container {background: transparent url('images/bkg-bottom-sml.gif') 0 bottom no-repeat;}
#dcontact #container-top #container #contact-form { background: #282828 url('images/bkg-middle-sml.gif') 0 0 repeat-y;}

#objective, #portfolio, #blog, #contact-form {
	padding: 0 20px;
}
#container-top {
	color: #EBEBEB;
	padding-top: 20px;
}
#container-top #container {
	padding-bottom: 20px;
	position: relative;
}
#objective p {
	font-size: 2.4em;
	font-weight: bold;
	margin: 0;
}
#objective a#btn-resume {
	display: inline-block;
	margin: 15px 0 5px 0;
	padding: 6px 12px;
}
#client-uyeia, #client-acc, #client-gendronarts {
	padding: 0 20px;
	background: transparent url('images/bkg-middle-lrg.gif') 0 0 repeat-y;
}
#client-uyeia img, #client-acc img, #client-gendronarts img {float: left;}
#container-top #container #client-info {
	min-height: 326px;
	width: 220px;
	margin: 4px 0 0 635px;
	padding: 20px;
	position: relative;
	background-color: #3f3f3f;
	box-shadow: 0 0 15px #111;
	-moz-box-shadow: 0 0 15px #111;
	-webkit-box-shadow: 0 0 15px #111;
	-o-box-shadow: 0 0 15px #111;
}
#client-info p {
	margin: 0 0 15px 0;
}
#client-info a {
	font-size: 1.5em;
}
#client-image {
	position: relative;
	float: left;
	min-height: 370px;
}
#client-image img {border: 5px solid #1D1D1D;}
#container-top #container #client-image #client-image-desc {
	background-color: #1d1d1d;
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 10px;
	width: 588px;
}
#thumbnail-wrapper {
	margin: 20px 0 0 0;
}
#thumbnail-wrapper .thumbnail {
	margin: 6px;
	float: left;
	border: 1px solid #1D1D1D;
}
#thumbnail-wrapper .thumbnail:hover {
	opacity: 0.7;
	border: 1px solid #7cb9ce;
}
#portfolio .row:last-child {padding: 10px 0 0 0;}
#portfolio .client {
	position: relative;
	float: left;
	margin: 8px;
}
#portfolio .client h2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 267px;
	padding: 10px 0 10px 15px;
	margin: 0;
	background-color: #111;	
}
#portfolio .client img {float: left;}
#portfolio .client .client-info {
	padding: 15px 15px 25px 25px;
	background-color: #282828;
	border-right:15px solid #000000;
	float:left;
	width: 340px;
	height: 225px;
	overflow: hidden;
}
#portfolio .client .client-info a {font-size: 1.8em;}

/****** Blog Styles ******/
#blog {
	padding: 0 20px 60px 20px;
	background: transparent url('images/bkg-middle-med.gif') 0 0 repeat-y;
}
#blog .post {
	width: 728px;
	padding: 30px 0;
	border-bottom: 2px solid #444;
}
#blog .post .post-title {
	margin: 0 0 5px 0;
	padding: 0;
}
#blog .post .post-date {
	border-right: 2px solid #666;
	margin: 0 8px 0 0;
	padding: 0 8px 0 0;
}
#blog .post .post-content p {
	margin: 0 0 30px 0;
}
#blog .post .post-content h3, #blog .post .post-content h4, #blog .post .post-content h5, #blog .post .post-content h6 {
	margin: 35px 0 5px 0;
}
#blog .post .post-content img {
	margin: 5px 0;
	border: 3px solid #333;
}
#blog ul, #blog ol, #blog dl {
	font-size: 1.6em;
	margin: 5px 5px 25px 35px;
}
#blog a.btn {
	margin: 0 0 25px 0;
	font-size: 1.6em;
	padding: 0 5px;
	background-color: #282828;
}
#blog blockquote {
	border-left: 4px solid #888;
	font-style: italic;
	padding: 0 0 0 20px;
	margin: 20px;
}
.tumblr-archive {
	position: absolute;
	bottom: 20px;
	left: 20px;
}

/****** Contact Form ******/
#contact-form, #thanks {
	background-color: #282828;
	width: 310px;
	padding: 0 20px;
}
form label {
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.3em;
}
form input {
	display: block;
	width: 250px;
	height: 25px;
	margin: 2px 0 15px 0;
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 1.6em;
	color:#333;
	padding: 0 5px;
}
form textarea {
	width: 300px;
	height: 125px;
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 1.6em;
	color:#333;
	padding: 5px;
}
form #form_submit {
	width: auto;
	height: auto;
	margin: 25px 0 0 0;
	font-size: 1.8em;
	color: #6fbff7;
	font-weight: bold;
}
form .error {
	color: #FC3;
	font-size: 1.4em;
	margin: 0 0 0 8px;
}
#thanks {
	display: none;
}

/****** Footer ******/
#copyright {
	position: fixed;
	bottom: 5px;
	right: 5px;
	font-size: 1.1em;
	background-color: #282828;
}

/***** Tumblr Site Styles *******/
#tumblr-content {
	color: #282828;
	font-size: 1.6em;
	line-height: 1.8em;
	width: 660px;
}
#tumblr-content #posts a {
	background: none;
}
#tumblr-content #posts p {
	font-size: 1em;
	line-height: 1.6em;
}
#tumblr-content blockquote {
	border-left: 4px solid #888;
	font-style: italic;
	padding: 0 0 0 20px;
	margin: 20px;
}
#tumblr-content #posts ol, #tumblr-content #posts ul, #tumblr-content #posts dl {
	margin: 0 0 25px 40px;
}
#tumblr-content #posts .post {
	list-style-type: none;
	margin: 80px 0 0 0;
	border-bottom: 2px solid #999;
}
#tumblr-content #posts .post:first-child {
	margin: 20px 0 0 0;
}
#tumblr-content #posts .post h3 {
	margin: 0 0 8px 0;
	font-size: 1.6em;
}
#tumblr-content #posts .post h3 a {
	color: #282828;
}
#tumblr-content #posts .post h3 a:hover {
	color: #30caff;
}
#tumblr-content #posts .post h6 {
	color: #666;
	margin: 0 10px 0 0 ;
	padding: 0 10px 0 0;
	font-size: 1em;
}
#tumblr-content #posts .caption p {
	margin: 0;
}
#tumblr-content #posts .read_more_container {
	margin: 0 0 5px 0;
}
#tumblr-content #posts .read_more_container a {
	background-color: #282828;
	padding: 2px 10px;
}
#footer-tumblr a {
	font-size: 0.6em;
	margin: 0 10px 0 0;
	padding: 2px 10px;
	background-color: #282828;
	text-shadow: 1px 1px 1px #000;
}
#footer-tumblr a:hover {
	background-color: #0f0f0f;
}

/******* Resume Page ********/
#resume {
	color: #222;
	font-family: Myriad Pro, Myriad, Arial, Helvetica, sans-serif;
}
#resume ul, #resume ol, #resume dl {
	margin: 10px 10px 10px 40px;
}
#resume a {
	background: none;
}
#resume a:hover {
	background: #282828;
}
#resume #contact-info li {
	margin: 0;
	list-style-type: none;
	font-size:1.8em;
	line-height:1.4em;
}
#resume #contact-info #name {
	font-size: 1.2em;
}
#resume #contact-info #name a {
	background-color: #282828;
	padding: 0 8px;
}
#resume #contact-info #phone {
	line-height: 40px;
}
#resume #contact-info #email {
	line-height: 4px;
}
#resume #contact-info #email a {
	color: #222;
}
#resume #contact-info #email a:hover {
	color: #30caff;
}
#resume #objective {
	background: #282828;
	color: #ebebeb;
	padding: 20px;
	font-size: 1em;
	margin: 25px 40px;
	width: 700px;
}
#resume h2 {
	background: #282828;
	color: #7cb9ce;
	margin: 0 0 0 40px;
	padding: 6px;
	font-size: 2.2em;
}
#resume h3 {
	font-size: 2em;
	margin: 10px 0 0 40px;
	font-weight: normal;
	font-style: italic;
}
/* skills */
#resume #skills {
	margin: 0 0 30px 0;
}
#resume #skills h2 {
	width: 120px;
}
#resume #skills ul li {
	display: inline;
}
#resume #skills ul li a {
	font-size: 1.8em;
	font-style:italic;
	color: #222;
	margin: 0 5px;
}
#resume #skills ul li a:hover {
	color: #30caff;
}
/* experience */
#resume #experience {
	margin: 0 0 30px 0;
}
#resume #experience h2 {
	width: 215px;
}
#resume #experience ul {
	margin: 0 0 20px 70px;
	font-size: 1.4em;
	line-height: 1.6em;
}
#resume #experience ul a {
	color: #222;
}
#resume #experience ul a:hover {
	color: #30caff;
}
/* education */
#resume #education h2 {
	width: 135px;
}
#resume #education ul {
	margin: 0 0 20px 70px;
	font-size: 1.4em;
	line-height: 1.6em;
}
#resume #pdf-resume {
	font-size: 1.8em;
	font-weight: bold;
	display: block;
	margin: 0 0 0 40px;
	width: 210px;
}