/* -----------------------------------------------------------------------
 Blueprint CSS Framework 0.8
 http://blueprintcss.org
   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.
----------------------------------------------------------------------- */
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
body{line-height:1.5}
table{border-collapse:separate; border-spacing:0}
caption, th, td{text-align:left; font-weight:normal}
table, td, th{vertical-align:middle}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:""""}
a img{border:none}

/* typography.css */
body{font-size:95%; color:#222; background:#fff; font-family:georgia,"Helvetica Neue",Arial,Helvetica,sans-serif}
h1, h2, h3, h4, h5, h6{font-weight:normal; color:#222}
h1{font-size:3em; line-height:1; margin-bottom:0.5em}
h2{font-size:1.8em; margin-bottom:0em}
h3{font-size:1.5em; line-height:1; margin-bottom:1em}
h4{font-size:1.2em; line-height:1.25; margin-bottom:1.25em}
h5{font-size:1em; font-weight:bold; margin-bottom:1.5em}
h6{font-size:1em; font-weight:bold}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{margin:0}
p{margin:0 0 1.5em}
p img.left{float:left; margin:1.5em 1.5em 1.5em 0; padding:0}
p img.right{float:right; margin:1.5em 0 1.5em 1.5em}
a:focus, a:hover{color:#000}
a{color:#555; text-decoration:underline}
blockquote{margin:1.5em; color:#666; font-style:italic}
strong{font-weight:bold}
em, dfn{font-style:italic}
dfn{font-weight:bold}
sup, sub{line-height:0}
abbr, acronym{border-bottom:1px dotted #666}
address{margin:0 0 1.5em; font-style:italic}
del{color:#666}
pre{margin:1.5em 0; white-space:pre}
pre, code, tt{font:1em 'andale mono','lucida console',monospace; line-height:1.5}
li ul, li ol{margin:0 1.5em}
ul, ol{margin:0 1.5em 1.5em 1.5em}
ul{list-style-type:disc}
ol{list-style-type:decimal}
dl{margin:0 0 1.5em 0}
dl dt{font-weight:bold}
dd{margin-left:1.5em}
/*table{margin-bottom:1.4em; width:100%}
th{font-weight:bold}
thead th{background:#c3d9ff}
th, td, caption{padding:4px 10px 4px 5px}
tr.even td{background:#e5ecf9}
tfoot{font-style:italic}
*/
caption{background:#eee}
.small{font-size:.8em; margin-bottom:1.875em; line-height:1.875em}
.large{font-size:1.2em; line-height:2.5em; margin-bottom:1.25em}
.hide{display:none}
.quiet{color:#666}
.loud{color:#000}
.highlight{background:#ff0}
.added{background:#060; color:#fff}
.removed{background:#900; color:#fff}
.first{margin-left:0; padding-left:0}
.last{margin-right:0; padding-right:0}
.top{margin-top:0; padding-top:0}
.bottom{margin-bottom:0; padding-bottom:0}

/* forms.css */
label{font-weight:bold}
fieldset{padding:1.4em; margin:0 0 1.5em 0; border:1px solid #ccc}
legend{font-weight:bold; font-size:1.2em}
input.text, input.title, textarea, select{margin:0.5em 0; border:1px solid #bbb}
input.text:focus, input.title:focus, textarea:focus, select:focus{border:1px solid #666}
input.text, input.title{width:290px; padding:5px}
input.title{font-size:1.5em}
#contactForm p {width:400px;float:left;}
.buttons {width:100%; float:none;clear:both;}
#submit{width:100px; padding:3px; background:#222; color:#eee; border:2px solid white}
textarea{width:690px; height:100px; padding:5px}
.error, .notice, .success{padding:.4em; margin-bottom:1em;  font-size:80%;border:2px solid #ddd; width:100%}
.error{background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4}
.notice{background:#FFF6BF; color:#514721; border-color:#FFD324}
.success{background:#E6EFC2; color:#264409; border-color:#C6D880}
.error a{color:#8a1f11}
.notice a{color:#514721}
.success a{color:#264409}

/* grid.css */
.container{width:960px; margin:0 auto}
.showgrid{background:url(src/grid.png)}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24{float:left; margin-right:10px}
.last, div.last{margin-right:0}
.span-1{width:30px}
.span-2{width:70px}
.span-3{width:110px}
.span-4{width:150px}
.span-5{width:190px}
.span-6{width:230px}
.span-7{width:270px}
.span-8{width:310px}
.span-9{width:350px}
.span-10{width:390px}
.span-11{width:430px}
.span-12{width:470px}
.span-13{width:510px}
.span-14{width:550px}
.span-15{width:590px}
.span-16{width:630px}
.span-17{width:670px}
.span-18{width:710px}
.span-19{width:750px}
.span-20{width:790px}
.span-21{width:830px}
.span-22{width:870px}
.span-23{width:910px}
.span-24, div.span-24{width:950px; margin:0}
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24{border-left-width:1px!important; border-right-width:1px!important; padding-left:5px!important; padding-right:5px!important}
input.span-1, textarea.span-1{width:18px!important}
input.span-2, textarea.span-2{width:58px!important}
input.span-3, textarea.span-3{width:98px!important}
input.span-4, textarea.span-4{width:138px!important}
input.span-5, textarea.span-5{width:178px!important}
input.span-6, textarea.span-6{width:218px!important}
input.span-7, textarea.span-7{width:258px!important}
input.span-8, textarea.span-8{width:298px!important}
input.span-9, textarea.span-9{width:338px!important}
input.span-10, textarea.span-10{width:378px!important}
input.span-11, textarea.span-11{width:418px!important}
input.span-12, textarea.span-12{width:458px!important}
input.span-13, textarea.span-13{width:498px!important}
input.span-14, textarea.span-14{width:538px!important}
input.span-15, textarea.span-15{width:578px!important}
input.span-16, textarea.span-16{width:618px!important}
input.span-17, textarea.span-17{width:658px!important}
input.span-18, textarea.span-18{width:698px!important}
input.span-19, textarea.span-19{width:738px!important}
input.span-20, textarea.span-20{width:778px!important}
input.span-21, textarea.span-21{width:818px!important}
input.span-22, textarea.span-22{width:858px!important}
input.span-23, textarea.span-23{width:898px!important}
input.span-24, textarea.span-24{width:938px!important}
.append-1{padding-right:40px}
.append-2{padding-right:80px}
.append-3{padding-right:120px}
.append-4{padding-right:160px}
.append-5{padding-right:200px}
.append-6{padding-right:240px}
.append-7{padding-right:280px}
.append-8{padding-right:320px}
.append-9{padding-right:360px}
.append-10{padding-right:400px}
.append-11{padding-right:440px}
.append-12{padding-right:480px}
.append-13{padding-right:520px}
.append-14{padding-right:560px}
.append-15{padding-right:600px}
.append-16{padding-right:640px}
.append-17{padding-right:680px}
.append-18{padding-right:720px}
.append-19{padding-right:760px}
.append-20{padding-right:800px}
.append-21{padding-right:840px}
.append-22{padding-right:880px}
.append-23{padding-right:920px}
.prepend-1{padding-left:40px}
.prepend-2{padding-left:80px}
.prepend-3{padding-left:120px}
.prepend-4{padding-left:160px}
.prepend-5{padding-left:200px}
.prepend-6{padding-left:240px}
.prepend-7{padding-left:280px}
.prepend-8{padding-left:320px}
.prepend-9{padding-left:360px}
.prepend-10{padding-left:400px}
.prepend-11{padding-left:440px}
.prepend-12{padding-left:480px}
.prepend-13{padding-left:520px}
.prepend-14{padding-left:560px}
.prepend-15{padding-left:600px}
.prepend-16{padding-left:640px}
.prepend-17{padding-left:680px}
.prepend-18{padding-left:720px}
.prepend-19{padding-left:760px}
.prepend-20{padding-left:800px}
.prepend-21{padding-left:840px}
.prepend-22{padding-left:880px}
.prepend-23{padding-left:920px}
div.border{padding-right:4px; margin-right:5px; border-right:1px solid #eee}
div.colborder{padding-right:24px; margin-right:25px; border-right:1px solid #eee}
.pull-1{margin-left:-40px}
.pull-2{margin-left:-80px}
.pull-3{margin-left:-120px}
.pull-4{margin-left:-160px}
.pull-5{margin-left:-200px}
.pull-6{margin-left:-240px}
.pull-7{margin-left:-280px}
.pull-8{margin-left:-320px}
.pull-9{margin-left:-360px}
.pull-10{margin-left:-400px}
.pull-11{margin-left:-440px}
.pull-12{margin-left:-480px}
.pull-13{margin-left:-520px}
.pull-14{margin-left:-560px}
.pull-15{margin-left:-600px}
.pull-16{margin-left:-640px}
.pull-17{margin-left:-680px}
.pull-18{margin-left:-720px}
.pull-19{margin-left:-760px}
.pull-20{margin-left:-800px}
.pull-21{margin-left:-840px}
.pull-22{margin-left:-880px}
.pull-23{margin-left:-920px}
.pull-24{margin-left:-960px}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24{float:left; position:relative}
.push-1{margin:0 -40px 1.5em 40px}
.push-2{margin:0 -80px 1.5em 80px}
.push-3{margin:0 -120px 1.5em 120px}
.push-4{margin:0 -160px 1.5em 160px}
.push-5{margin:0 -200px 1.5em 200px}
.push-6{margin:0 -240px 1.5em 240px}
.push-7{margin:0 -280px 1.5em 280px}
.push-8{margin:0 -320px 1.5em 320px}
.push-9{margin:0 -360px 1.5em 360px}
.push-10{margin:0 -400px 1.5em 400px}
.push-11{margin:0 -440px 1.5em 440px}
.push-12{margin:0 -480px 1.5em 480px}
.push-13{margin:0 -520px 1.5em 520px}
.push-14{margin:0 -560px 1.5em 560px}
.push-15{margin:0 -600px 1.5em 600px}
.push-16{margin:0 -640px 1.5em 640px}
.push-17{margin:0 -680px 1.5em 680px}
.push-18{margin:0 -720px 1.5em 720px}
.push-19{margin:0 -760px 1.5em 760px}
.push-20{margin:0 -800px 1.5em 800px}
.push-21{margin:0 -840px 1.5em 840px}
.push-22{margin:0 -880px 1.5em 880px}
.push-23{margin:0 -920px 1.5em 920px}
.push-24{margin:0 -960px 1.5em 960px}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24{float:right; position:relative}
.prepend-top{margin-top:1.5em}
.append-bottom{margin-bottom:1.5em}
.box{padding:1.5em; margin-bottom:1.5em;  }
hr{background:#ddd; color:#ddd; clear:both; float:none; width:100%; height:.1em; margin:0 0 1.45em; border:none}
hr.space{background:#fff; color:#fff}
.clearfix:after, .container:after{content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden}
.clearfix, .container{display:block}
.clear{clear:both}

/* personal touch */
body{background:#F2F5F7 url(../images/body-bg.gif) repeat-x top left; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; ;
}
#header{height:300px; text-align:center; padding-top:40px}
#header span{font-size:1.6em; margin:10px 0 40px 0; text-align:center}
#header h1{display:block; width:453px; height:85px; background:url(../images/logo.gif) no-repeat top left;  text-indent:-999999px; margin:0 auto}
#header h1 a{display:block; width:100%; height:100%}
#content { position: relative;}
#note { text-align:center;width:auto;}
.mail{float:left; margin-top:20px}
#nav{margin:30px }
#nav a{display:block; width:100%; height:100%; text-indent:-9999px; background:url(../images/nav.gif)}
#nav ul{margin:0 auto; width: 448px;}
#nav ul, #nav ul li{list-style:none}
#nav li{float:left; width:64px; height:64px}

#nav .delicious{background-position:0 -77px}
#nav .delicious:hover{background-position:0 0}
#nav .twitter{ background-position:-64px -77px}
#nav .twitter:hover{ background-position:-64px 0}
#nav .skype{ background-position:-128px -77px}
#nav .skype:hover{ background-position:-128px 0}
#nav .lastfm{background-position:-192px -77px}
#nav .lastfm:hover{background-position:-192px 0}
#nav .flickr{ background-position:-256px -77px}
#nav .flickr:hover{ background-position:-256px 0}
#nav .facebook{ background-position:-320px -77px}
#nav .facebook:hover{ background-position:-320px 0}
#nav .contact{ background-position:-384px -77px}
#nav .contact:hover{ background-position:-384px 0}
.thumb{border:1px solid #ccc; background:white;  padding:2px; margin:5px auto}
.load{display:block; background: url(../images/loader.gif) no-repeat top left; width:43px; height:41px; text-indent:-999999em; position:absolute; top:300px; left:48%; margin:32px 0 0 15px}
ul#twit{list-style:none; margin-left:0 ;}
ul#twit li{border:1px dashed #ddd; background:#f2f2f2; padding:5px; list-style:none; margin-bottom:2px}
#footer{margin:20px; text-align:center; color:#555; position: relative;}
.grid ul{margin:0;}
.grid li{width:422px;   background:#fff;margin:0 5px 5px 0; padding: 5px;list-style:none;  float:left;border-bottom:3px solid #e2e2e2; }
.grid li p { margin:0; width: 220px; float: left;}
.twitting{width:310px;  margin:5px; list-style:none;  background:white;  float:left}
/** gallery */
.pic_wrap{margin:0 2px 2px 0; border:3px solid #fff; float:left; width:144px; height:110px; position:relative; text-align: center;}
.pic_wrap a{font-size:1.8em; display:block;  background:#000; color:white; filter:alpha(opacity = 40); opacity:.4; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; text-decoration:none; }
.pic_wrap a:hover{background:#fff; color:#000}
#facebox .b{  background:url(../images/b.png)}

#facebox .tl{  background:url(../images/tl.png)}

#facebox .tr{  background:url(../images/tr.png)}

#facebox .bl{  background:url(../images/bl.png)}

#facebox .br{  background:url(../images/br.png)}

#facebox{ position:absolute;  top:0;  left:0;  z-index:110;  text-align:left}

#facebox .popup{ position:relative}

#facebox table{ border-collapse:collapse}

#facebox td{ border-bottom:0;  padding:0}

#facebox .body{ padding:10px;  background:#fff;  width:370px}

#facebox .loading{ text-align:center}

#facebox .image{ text-align:center}

#facebox img{ border:0;  margin:0}

#facebox .footer{ border-top:1px solid #DDD;  padding-top:5px;  margin-top:10px;  text-align:right}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br{ height:10px;  width:10px;  overflow:hidden;  padding:0}

#facebox_overlay{ position:fixed;  top:0px;  left:0px;  height:100%;  width:100%}

.facebox_hide{ z-index:-100}

.facebox_overlayBG{ background-color:#000;  z-index:99}

* html #facebox_overlay{/* ie6 hack */ position:absolute;  height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px')}

/*** tooltip ***/
#tooltip{position:absolute; z-index:3000; top:0; right:0; border:1px solid #ddd; background-color:#eee; padding:5px; font-size:80%; color:#222; width:300px; text-align:center; margin:-20px}
#tooltip h3, #tooltip div{margin:0}