/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,small,strong,sub,sup,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend
{ margin:0; padding:0; font-size:100%; font-weight:inherit; text-align:left; }
fieldset,img,table,tr,td,th,acronym,:link img,:visited img
{ border:0; }
table { border-collapse:separate; border-spacing:0; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
ul,ol { list-style:none; }
p { margin:1em 0; }
abbr { border-bottom:1px dotted; }
kbd { color:#000; }
hr { display:none; }
input,select,textarea { font-size:100%; }
form label { cursor:pointer; }
/* structure */
html { height:100.05%; font-size:62.5%; overflow-x:hidden; }
body { height:100%; background:#9cb7c7; font-family: Arial, sans-serif; font-size:1.25em; font-weight: 600; color:#333; line-height:1.4em; text-shadow:1px 1px #dbdbdb; }
#map_canvas { width:100%; height:100%; position:absolute; top:0; left:0; }
/* rules */
a { color:#2557c9; font-size:0.9em; font-style:italic; text-shadow:none; }
a:hover { color:#20418d; }
h2 { display:none; }
strong { font-weight:normal; }
/* common */
.hr { height:2px; background:url(../img/sprite.png) no-repeat 0 -330px; clear:both; }
.linklist li { margin-right:16px; padding:5px; width:210px; background:url(../img/sprite.png) 0 -100px; float:left; position:relative; }
.linklist li:hover { background:url(../img/sprite.png) -300px -100px; }
.linklist li.end { margin-right:0; }
.linklist a { padding-left:55px; height:45px; display:block; text-decoration:none; outline:none; background-repeat:no-repeat; }
.linklist a span { width:40px; height:40px; display:block; position:absolute; top:5px; left:10px; }
.linklist a strong { margin-top:3px; display:block; color:#333; text-decoration:none; font-style:normal; font-size:1em; }
.linklist a em { font-size:0.9em; text-shadow:none; }
.label { padding-left:10px; width:110px; height:75px; background:url(../img/sprite.png) no-repeat -470px -160px; color:#ccc; font-size:0.9em; text-shadow:-1px -1px #000; }
.label strong { margin:3px 0; display:block; text-align:center; }
.label span { margin:5px 10px 3px 10px; display:block; font-size:0.8em; line-height:1.6em; text-align:center; }
/* layout */
h1 { width:100%; height:65px; background:url(../img/bg-top.png) repeat-x; text-indent:-1000em; }
h1 strong { background:url(../img/steve_squier.png) no-repeat; height:50px; width:220px; display:block; margin:0 auto; }
#layout { padding:0; height:100%; width:100%; z-index:100; background:url(../img/bg-overlay.png) top center; float:left; position:relative; }
#content { margin:20px auto; height:480px; width:520px; z-index:150; background:url(../img/bg-main.png) top left no-repeat; }
#content-main { margin:10px 20px; position:relative; float:left; }
/* navigation */
#nav { height:50px; margin:20px 0; background:url(../img/sprite.png) 0 0; font-size:1.1em; }
#nav li { margin-top:3px; height:50px; float:left; }
#nav a { display:block; height:42px; width:153px; margin-right:2px; color:#666; line-height:45px; font-style:normal; text-align:center; text-decoration:none; outline:none; }
#nav #about a { margin-left:8px; width:154px; }
#nav #social a { width:150px; }
#nav a:hover { background:url(../img/sprite.png) no-repeat -402px -50px; }
#nav a:active { background:url(../img/sprite.png) no-repeat -202px -50px; }
#nav li.current a { background:url(../img/sprite.png) no-repeat 0 -50px; }
/* pages & slider */
#slider { height:350px; width:475px; position:relative; overflow:hidden; }
#slider-content { width:1600px; position:relative; overflow:hidden; }
.section { width:456px; padding:0 10px; float:left; background:#9cb7c7; }
.section p { margin-top:0; }
.section .details { padding-top:20px; background:url(../img/sprite.png) no-repeat 0 -330px; } /* divider */
/* about */
#about-me { height:200px; position:relative; background:none; }
#about-me h3 { margin-bottom:10px; }
#about-me .details { padding-top:15px; }
#about-me ul { height:55px; margin-bottom:15px; }
#about-me #frame { position:absolute; top:200px; left:8px; width:462px; height:147px; background:url(../img/sprite.png) no-repeat 0 -160px; }
#location { position:absolute; top:330px; right:-107px; }
/* social */
#social-networks { height:350px; position:relative; }
#social-networks ul { margin-bottom:20px; height:230px; }
/* contact */
#contact-me { height:350px; position:relative; }
#contact-me .url, .org { display:none; }
#contact-me .vcard { margin-bottom:20px; font-size:0.9em; }
#contact-me .hr { margin-bottom:20px; }
#contact-me a.email { margin:4px 0; width:150px; display:block; text-shadow:none; }
#contact-me .linklist { position:absolute; top:55px; right:-5px; }
#contact-me .nickname { display:block; width:220px; height:51px; background:url(../img/photos.png) no-repeat; text-indent:-1000em; position:absolute; top:155px; right:10px; }
#contact-me span.read { font-size:0.8em; color:#999; }
#contact-me span.read a { color:#999; }
/* link-list icons */
a#bbc span { background:url(../img/icons.png) 0 0; }
a#flickr span { background:url(../img/icons.png) -40px 0; }
a#lastfm span { background:url(../img/icons.png) -80px 0; }
a#twitter span { background:url(../img/icons.png) -120px 0; }
a#ipi span, a#ipi2 span { background:url(../img/icons.png) 0 -40px; }
a#friendfeed span { background:url(../img/icons.png) -40px -40px; }
a#digg span { background:url(../img/icons.png) -80px -40px; }
a#linkedin span { background:url(../img/icons.png) -120px -40px; }
a#delicious span { background:url(../img/icons.png) 0 -80px; }
a#vcard span { background:url(../img/icons.png) -40px -80px; }
a#slashdot span { background:url(../img/icons.png) -80px -80px; }