/*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,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100.01%;font-family:inherit;vertical-align:baseline;}:focus{outline:0;}body{line-height:1;color:#000;background:#FFF;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}/*more*/a{cursor:pointer;text-decoration:none;}abbr,acronym,dfn{border-bottom:1px dotted #000;cursor:help;}a abbr,a acronym,a dfn{border:0;}body{background:#FFF;color:#000;font-family:Arial,Helvetica,Verdana,sans-serif;font-size:12px;}caption{text-align:center;}cite,em{font-style:italic;}code,pre,kbd,samp,tt{font-family:monospace;}del{text-decoration:line-through;}h1,h2,h3,h4,h5,h6,dt,strong,th{font-weight:bold;}hr{border:0 solid #000;border-top-width:1px;clear:both;height:0;padding:0;}img{display:block;}sup{font-size:25%;vertical-align:super;}sub{font-size:25%;vertical-align:sub;}

/*base*/

a{border-bottom:1px solid #444;color:#999;}

a:hover{border-bottom:1px solid #e6c812;color:#FFF;}

abbr,acronym,dfn{border-color:#444;}

blockquote{padding:0 10px;}

body{color:#777;}

hr{border-color:#DDD;}

/*styles*/

body{background:#1A1A1A url(../img/body.png) repeat-x 0 176px;color:#707070;}

#wrapper{margin:0 auto;margin-top:40px;width:560px;}

#header{background:url(../img/header.png) no-repeat;position:relative;height:152px;}

#logo{color:#e7ca12;font-size:32px;left:32px;position:absolute;top:15px; font-weight:normal}

#tagline{left:32px;position:absolute;top:72px;}

#vcard{border:0;background:url(../img/vcard.png) no-repeat center top;height:32px;position:absolute;right:32px;top:32px;width:40px;}

#vcard:hover{background:url(../img/vcard.png) no-repeat center bottom;}

#menu{bottom:10px;position:absolute;width:528px;left:24px;}

#menu li{float:left;margin: 0 8px;}

#menu li a{border:0;background:url(../img/button.png) no-repeat top;color:#737373;float:left;font-weight:bold;height:28px;line-height:28px;text-align:center;width:112px;}

#menu li a:hover{background:url(../img/button.png) no-repeat center;color:#fff;}

#menu li a.selected{background:url(../img/button.png) no-repeat bottom;color:#e7ca12;}

#panels{background:#111;overflow:hidden;}

#content{background:#1A1A1A;margin:0 16px 16px 16px;padding:16px;}

#work{overflow:hidden;padding:0 8px;}

#content div p{margin-bottom:12px;}

#content h2{font-size:17px;line-height:1.3;margin-bottom:8px;}

#content p{line-height:19px;}

#content a{background:url(../img/link.gif) no-repeat right 4px;padding-right:10px;}

#content a:hover{background:url(../img/link.gif) no-repeat right -12px;}

#about img.avatar{float:right;margin-left:16px;}

#gallery{margin:0 auto;width:480px;}

#gallery li{float:left;}

#gallery a img{background:#FFF;border:2px solid #444;margin:4px;padding:6px;}

#gallery a:hover img{border-color:#00BFE4;}

#gallery a{background:none;padding:0;}

#gallery a:hover{background:none;}

#social{overflow:hidden;position:relative;}

#scrollable{height:210px;overflow:hidden;margin:0 auto;position:relative;width:480px;}

#items{position:absolute;width:8192px;}

#items ul.item{float:left;width:480px;}

#social h2{margin-bottom:12px;}

#social ul li{float:left;}

#social ul li a{background:url(../img/tabs.png) repeat-x top;border:0;float:left;margin:3px 2px;overflow:hidden;padding:8px;width:220px;}

#social ul li a:hover{background:url(../img/tabs.png) repeat-x bottom;}

#social ul li a span{float:left;height:48px;position:relative;width:48px;}

#social ul li a strong{color:#DDD;margin:8px 0 0 56px;position:absolute;}

#social ul li a em{margin:24px 0 0 56px;position:absolute;}

#s01{background:url(../img/icons.png) no-repeat 0 0;}

#s02{background:url(../img/icons.png) no-repeat 0 -48px;}

#s03{background:url(../img/icons.png) no-repeat 0 -96px;}

#s04{background:url(../img/icons.png) no-repeat 0 -144px;}

#s05{background:url(../img/icons.png) no-repeat -48px 0;}

#s06{background:url(../img/icons.png) no-repeat -48px -48px;}

#s07{background:url(../img/icons.png) no-repeat -48px -96px;}

#s08{background:url(../img/icons.png) no-repeat -48px -144px;}

#s09{background:url(../img/icons.png) no-repeat -96px 0}

#s10{background:url(../img/icons.png) no-repeat -96px -48px}

#s11{background:url(../img/icons.png) no-repeat -96px -96px}

#s12{background:url(../img/icons.png) no-repeat -96px -144px}

#s13{background:url(../img/icons.png) no-repeat -144px 0}

#s14{background:url(../img/icons.png) no-repeat -144px -48px}

#s15{background:url(../img/icons.png) no-repeat -144px -96px}

#s16{background:url(../img/icons.png) no-repeat -144px -144px}

#contact{overflow:hidden;}

#contact #fields {float:left;}

#contact form label{clear:left;float:left;margin-bottom:11px;}

#contact form label span{color:#444;font-size:11px;}

#contact form input{clear:left;float:left;margin-bottom:14px;width:168px;}

#contact form input,#contact form textarea{background:#333;border:2px solid #333;color:#CCC;line-height:1.5;padding:4px;}

#contact form input:focus,#contact form textarea:focus{border-color:#e6c812;}

#contact #message{clear:right!important;float:right!important;}

#contact #message label{float:right!important;margin-right:249px!important;}

#contact #message textarea{clear:both;float:right;min-height:184px;margin-bottom:14px;width:288px;}

#contact #message #submit{border:0;border-right:2px solid #333;clear:right;cursor:pointer;float:right;font-size:10px;margin:0;padding:6px 12px;text-transform:uppercase;width:auto;}

#contact #message #submit:hover{border-color:#00BFE4;}

#footer{background:url(../img/footer.png) no-repeat center;height:56px;overflow:hidden;width:560px;}

#footer p.copy{float:left;height:56px;line-height:56px;margin-left:24px;}

#footer a.email{border:0;color:#777;float:right;height:56px;line-height:56px;margin-right:24px;}

#footer a.email:hover{color:#00BFE4;}

/*misc*/

#fancybox-wrap a{border:0;}

#fancybox-outer{border:2px solid #00BFE4;}

#social p.info{font-size:11px;margin:0 auto;margin-top:12px;text-align:center;width:272px;}

#social p.info strong{color:#CCC;font-style:italic;font-weight:bold;}

#social a.prevPage,#social a.nextPage{background:none;border:0;font-size:13px;margin:16px 0 14px 0;padding:0;}

#social a.prevPage:hover,#social a.nextPage:hover{color:#00BFE4;}

#social a.prevPage{float:left;margin-left:32px;}

#social a.nextPage{float:right;margin-right:32px;}

.disabled{color:#444;cursor:default;}

.disabled:hover{color:#444!important;}

/*tools*/

.hide{left:-9999px;position:absolute;top:-9999px;}