@import url(reset.css);

@font-face	{font-family: "Neverwinter";
		src: url("../img/Neverwinter.ttf");
		}

@font-face	{font-family: "Annabel";
		src: url("../img/AnnabelAntiqueScript.ttf");
		}

html,
body			{
			background-color: #666;
			min-height: 100%;
			height: auto !important;
			max-height: 100%;
			}

p a:link,
p a:visited		{
			text-decoration: none;
			font-family: Helvetica, Calibri, Arial, sans-serif;
			}

p a:hover,
p a:active,
p a:focus		{
			text-decoration: underline;
			}

.slideHide		{
			overflow: hidden;
			}

#accessibilityNav	{
			width: 80%;
			min-width: 960px;
			background-color: #ccc;
			text-align: center;
			padding: 0.5em 0 2em 0;
			margin: 0 auto;
			border-top: 2px solid #666;
			border-left: 2px solid #666;
			border-right: 2px solid #666;
			-webkit-border-top-left-radius: 1em;
			-webkit-border-top-right-radius: 1em;
			-moz-border-radius: 1em 1em 0 0;
			}

#accessibilityNav > ul {
			opacity: 1;
			visibility: hidden;
			-webkit-transition: opacity 0.5s linear;
			}

#accessibilityNav:hover > ul,
#accessibilityNav:active > ul,
#accessibilityNav:focus > ul
			{
			opacity: 1;
			-webkit-transition: opacity 0.5s linear;
			}


#accessibilityNav > ul > li
			{
			display: inline;
			line-height: 1.4em;
			border-left: 1px solid #666;
			margin: 0 0.5em 0 0;
			padding: 0 0 0 0.5em;
			}

#accessibilityNav > ul > li:first-child
			{
			border: 0 none transparent;
			}

#accessibilityNav > ul > li > a:link,
#accessibilityNav > ul > li > a:visited
			{
			color: #66c;
			text-decoration: none;
			}


#accessibilityNav > ul > li > a:hover,
#accessibilityNav > ul > li > a:active,
#accessibilityNav > ul > li > a:focus
			{
			color: #66f;
			text-decoration: underline;
			}

h1,h2,h3,h4,h5,h6,h7	{
			clear: both;
			font-weight: normal;
			font-family: Annabel, Neverwinter, "Times New Roman", Georgia, serif;
			}

h1			{
			font-size: 2em;
			padding: 0.5em 0;
			text-align: center;
			}

h1 > span.attribution	{
			display: block;
			font-size: 0.75em;
			}

h1 > span.attribution:before
			{
			content: "of ";
			font-style: italic;
			}

h2			{
			font-size: 1.6em;
			padding: 0.5em 0 0.25em 0;
			margin: 0 0 0.25em 0;
			border-bottom: 1px solid #666;
			cursor: pointer;
			}

h3			{
			font-family: Helvetica, Calibri, Arial, sans-serif;
			display: block;
			font-size: 1.4em;
			clear: both;
			margin: 1em 0 0.25em 0;
			}

p			{
			line-height: 1.2em;
			margin: 0 0 1em 0;
			padding: 0 0.5em;
			}

abbr			{
			cursor: help;
			}

#wrapper		{
			margin: -1em auto 0 auto;
			width: 80%;
			min-width: 960px;
			background-color: #fff;
			-moz-border-radius: 1em 1em 0 0;
			-webkit-border-top-left-radius: 1em;
			-webkit-border-top-right-radius: 1em;
			border: 2px solid #666;
			}

#intro,
#skills,
#social,
#employment,
#education,
#contact		{
			width: 80%;
			margin: 0 auto 2em auto;
			}

.slideHide		{
			border-bottom: 1px solid #ccc;
			}

dl.goals		{
			margin: 0 0 1em 0;
			}

dl.goals > dt		{
			}

dl.goals > dd		{
			margin: 0 0 0 1em;
			text-transform: capitalize;
			}

ul.skills		{
			display: block;
			margin: 0 0 1em 0;
			}

ul.skills > li		{
			font-size: 1.1em;
			font-weight: bold;
			vertical-align: top;
			display: inline-block;
			width: 10em;
			margin: 0 1em 0 0;
			}

ul.skills > li > ul	{
			font-size: 0.9em;
			font-weight: normal;
			border-top: 2px solid #ccc;
			}

ul.skills > li > ul > li
			{
			text-align: right;
			line-height: 1.4em;
			padding-right: 0.5em;
			}

#social ul		{
			display: block;
			margin: 2em 0 1.5em 0;
			text-align: center;
			}

#social ul li		{
			display: inline;
			text-align: left;
			}


#social a:link,
#social a:visited	{
			font-family: Helvetica, Arial, Calibri, sans-serif;
			text-decoration: none;
			background-position: 2px 50%;
			background-repeat: no-repeat;
			padding: 0.5em 1em 0.5em 22px;
			margin-right: 1em;
			border: 3px solid #666;
			color: #fff;
			background-color: #999;
			-moz-border-radius: 0.5em 0 0.5em 0;
			-webkit-border-radius: 0.5em 0 0.5em 0;
			border-radius: 1em 0 1em 0;
			-webkit-box-shadow: 0 0 0 #aaf;
			-webkit-transition: -webkit-box-shadow 0.5s ease-in-out;
			}

#so a:link		{
			background-image: url(../img/so.png);
			}

#slashdot a:link	{
			background-image: url(../img/slashdot.png);
			}

#fb a:link		{
			background-image: url(../img/fb.png);
			}

#social a:hover,
#social a:active,
#social a:focus		{
			color: #36f;
			-webkit-box-shadow: 0.2em 0.2em 0.3em #aaf;
			-webkit-transition: -webkit-box-shadow 0.5s ease-in-out;
			}

.entry			{
			width: 98%;
			margin: 1em auto;
			}

dl.education		{
			font-family: Helvetica, Calibri, Arial, sans-serif;
			}

.education dt		{
			display: inline-block;
			width: 41%;
			text-align: left;
			padding-left: 0.5%;
			}

.education dd		{
			display: inline-block;
			width: 19%;
			text-align: right;
			}

.head,
.subject		{
			font-weight: bold;
			}

.head			{
			border-bottom: 1px solid #ccc;
			}

.row			{
			clear: both;
			line-height: 1.4em;
			}

.row:nth-child(odd)	{
			background-color: #eef;
			}

.row:hover		{
			background-color: #ffa;
			}

.row:nth-child(odd):hover
			{
			background-color: #ccf;
			}

span.title:after	{
			content: ",";
			}

span.date_duration	{
			display: block;
			}

ul.description		{
			width: 80%;
			margin: 0 auto;
			line-height: 1.4em;
			text-indent: -1em;
			}

div.vcard		{
			font-family: Helvetica, Calibri, Arial, sans-serif;
			position: relative;
			-webkit-border-radius: 1em;
			-moz-border-radius: 1em;
			border-radius: 1em;
			width: 20em;
			margin: 1em 2em;
			border: 2px solid #ccc;
			padding: 0.5em;
			clear: both;
			}

div.experience,
div.vevent		{
			-webkit-border-radius: 0;
			-moz-border-radius: 0 0 0 0;
			border-radius: 0 0 0 0;
			width: 100%;
			border: 0 none transparent;
			padding: 0;
			}

a.vcard-add		{
			position: absolute;
			right: 1em;
			vertical-align: center;
			}

.fn,
.n			{
			display: inline;
			}

a.email,
a.tel			{
			display: block;
			margin: 0 0 0 0.5em;
			text-decoration: none;
			}

.locality,
.region,
.country-name		{
			display: block;
			}

.locality:after,
.region:after		{
			content: ", ";
			}