/* Reset
------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; }
ul, ol, li { list-style: none; }


/* Clearfix
------------------------------------------------------------------------------*/

.title:after,
#nav:after,
.links:after,
#footer:after,
.intro:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }


/* Default
------------------------------------------------------------------------------*/

body { background: #000 url(../images/bg.jpg) no-repeat top center; color: #333; font: 75%/1.7 "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 0 0 30px; }
strong { font-weight: bold; }
em { font-style: italic; }
abbr,
acronym { border-bottom: 1px dotted #999; cursor: help; }
a:link,
a:visited { color: #006; text-decoration: underline; }
a:hover { text-decoration: none; }
a:active { color: #006; text-decoration: none; }


/* Navigation
------------------------------------------------------------------------------*/

#nav { border: 1px solid #fff; background: #ccc url(../images/bg-gradient.png) repeat-x; background: -moz-linear-gradient(top, #fefefe, #bbb); background: -webkit-gradient(linear, center top, center bottom, from(#fefefe), to(#bbb)); box-shadow: 0px 0px 3px #666; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; }
#nav li { float: left; line-height: 1; list-style: none; text-align: center; border-right: 1px solid #eee; }
#nav a { color: #666; display: block; font-weight: bold; padding: 14px 20px; text-align: center; text-decoration: none; text-shadow: #fff 1px 1px 1px;	border-right: 1px solid #666;	width: 178px; }
#nav #nav-contact,
#nav #nav-contact a { border-right: 0; }
#nav a:hover,
#nav a:active { color: #333; }
.about #nav #nav-about a,
.networks #nav #nav-networks a,
.contact #nav #nav-contact a { background: #006 url(../images/bg-gradient.png) repeat-x; background: -moz-linear-gradient(top, #e2e2ff, #006); background: -webkit-gradient(linear, center top, center bottom, from(#e2e2ff), to(#006)); color: #fff; text-shadow: #333 1px 1px 1px; } 


/* Content
------------------------------------------------------------------------------*/

#container { background: #efefef; box-shadow: 0px 1px 25px #fff; -moz-box-shadow: 0px 1px 25px #fff; -webkit-box-shadow: 0px 1px 25px #fff; margin: 0 auto; width: 660px; }
#content { border-bottom: 1px solid #ccc; padding: 21px 10px 25px 20px; } 
p { padding: 0 10px; }
h1 { font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; color: #fff; font-size: 2.45em; font-weight: normal; line-height: 1.2; margin: 0; padding: 0 0 14px; text-align: center; text-shadow: #000 0px 0px 8px; }
h1 strong { display: block; font-size: 2.45em; font-weight: normal; }
h2 { font-weight: normal; padding: 50px 10px 10px; font-size: 1.3em; color: #939; }
#content h2 a { color: #939; text-decoration: none; }
#about h2 { padding-top: 0; }
.intro { background: #fff; box-shadow: 0px 1px 20px #ccc; -moz-box-shadow: 0px 1px 20px #ccc; -webkit-box-shadow: 0px 1px 20px #ccc; margin-right: 10px; padding: 4px 10px 6px; border: 1px solid #ccc; }
.intro p { line-height: 1.75; width: 463px; color: #666; float: right; font-size: 1.4em; font-family: Georgia, serif; font-style: italic; }
.photo { background: #fff; border: 1px solid #333; float: left; margin-top: 6px; padding: 3px; height: 100px; width: 100px; }
.list { padding: 20px 20px 20px 10px; }
.list li { background: url(../images/ico-arrow.png) no-repeat 0 10px; border-bottom: 1px dotted #ccc; padding: 5px 0 4px 20px; }
.center { text-align: center; font-size: .9em; color: #666; }


/* Social Media Buttons
------------------------------------------------------------------------------*/

.links { padding-top: 3px; }
.links li { float: left; font-size: .9em; line-height: 1.3; margin: 5px; width: 297px; border: 2px solid #fff; box-shadow: 0px 0px 2px #999; -moz-box-shadow: 0px 0px 2px #999; -webkit-box-shadow: 0px 0px 2px #999; }
.links li strong,
.links li a { display: block; }
.links li a { border-bottom: 1px solid #aaa; border-left: 1px solid #bbb; border-right: 1px solid #aaa; border-top: 1px solid #bbb; color: #999; font-style: italic; padding: 8px 8px 8px 48px; text-decoration: none; background: #eee; background-position: 8px 8px; background-repeat: no-repeat; }
.links li a strong { color: #333; font-size: 1.1em; font-style: normal; }
.links li a:hover { background-color: #fff; border-bottom: 1px solid #999; border-left: 1px solid #aaa; border-right: 1px solid #999; border-top: 1px solid #aaa; color: #006; box-shadow: 0px 1px 8px #ccc; -moz-box-shadow: 0px 1px 8px #ccc; -webkit-box-shadow: 0px 1px 8px #ccc; } 


/* Icons
------------------------------------------------------------------------------*/

.links .twitter a,
.links .facebook a,
.links .lastfm a,
.links .linkedin a,
.links .e-mail a,
.links .skype a,
.links .download-vcard a,
.links .phone a,
#footer .download-vcard a { background-image: url(../images/icons.png); background-repeat: no-repeat; }
.links .facebook a { background-position: 8px -534px; }
.links .twitter a { background-position: 8px -598px; }
.links .linkedin a { background-position: 8px -662px; }
.links .lastfm a { background-position: 8px -726px; }
.links .e-mail a { background-position: 8px -791px; }
.links .skype a { background-position: 8px -854px; }
.links .download-vcard a { background-position: 8px -1141px; }
.links .phone a { background-position: 8px -918px; }
#footer .download-vcard a { background-position: 0 -996px; }
.links .facebook a:hover { background-position: 8px 8px; }
.links .twitter a:hover { background-position: 8px -56px; }
.links .linkedin a:hover { background-position: 8px -120px; }
.links .lastfm a:hover { background-position: 8px -184px; }
.links .e-mail a:hover { background-position: 8px -249px; }
.links .skype a:hover { background-position: 8px -312px; }
.links .download-vcard a:hover { background-position: 8px -1077px; }
.links .phone a:hover { background-position: 8px -376px; }
#footer .download-vcard a:hover { background-position: 0 -454px; }


/* Footer 
------------------------------------------------------------------------------*/

#footer { color: #666; font-size: .9em; margin: 0 auto; padding: 9px 20px 7px; text-shadow: #fff 1px 1px 1px; background: #ccc url(../images/bg-gradient.png) repeat-x; background: -moz-linear-gradient(top, #bbb, #fefefe); background: -webkit-gradient(linear, center top, center bottom, from(#bbb), to(#fefefe)); box-shadow: 0px -1px 2px #ccc; -moz-box-shadow: 0px -1px 2px #ccc; -webkit-box-shadow: 0px -1px 2px #ccc; border: 1px solid #fff; }
#footer a { color: #666; text-decoration: none; }
#footer a:hover { color: #006; }
#footer p { float: left; padding: 6px 0 5px; }
#footer .download-vcard { float: right; padding: 0; }
#footer .download-vcard a { display: block; padding: 6px 0 5px 38px; }