/* -----------------------------------------------------------------------
 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, hr{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{color:#222; background:#111}
h1, h2, h3, h4, h5, h6{font-weight:normal; color:#f2f2f2}
h1{font-size:3em; line-height:1; margin-bottom:0.5em}
h2{font-size:32px; line-height:100%; margin-bottom:10px}
h3{line-height:1; margin-bottom:.5em; font-size:22px; width:100%}
h4{font-size:20px; line-height:.5em; margin:.7em 0 .5em 0!important; font-weight:normal!important}
* html h4{line-height:.2em; margin:.0em 0 .4em 0!important}
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; font-size:14px}
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:#a21414}
a{color:#48726d; 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-wrap}
* html pre{white-space:normal}

pre, code, tt{font:.7em 'andale mono','lucida console',monospace; line-height:1.5; background:#000; padding:3px}
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}
fieldset{border:none}
/* grid.css */
.container{width:940px; margin:0 0 0 20px; position:relative;}

.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, select.span-1{width:30px!important}
input.span-2, textarea.span-2, select.span-2{width:50px!important}
input.span-3, textarea.span-3, select.span-3{width:90px!important}
input.span-4, textarea.span-4, select.span-4{width:130px!important}
input.span-5, textarea.span-5, select.span-5{width:170px!important}
input.span-6, textarea.span-6, select.span-6{width:210px!important}
input.span-7, textarea.span-7, select.span-7{width:250px!important}
input.span-8, textarea.span-8, select.span-8{width:290px!important}
input.span-9, textarea.span-9, select.span-9{width:330px!important}
input.span-10, textarea.span-10, select.span-10{width:370px!important}
input.span-11, textarea.span-11, select.span-11{width:410px!important}
input.span-12, textarea.span-12, select.span-12{width:450px!important}
input.span-13, textarea.span-13, select.span-13{width:490px!important}
input.span-14, textarea.span-14, select.span-14{width:530px!important}
input.span-15, textarea.span-15, select.span-15{width:570px!important}
input.span-16, textarea.span-16, select.span-16{width:610px!important}
input.span-17, textarea.span-17, select.span-17{width:650px!important}
input.span-18, textarea.span-18, select.span-18{width:690px!important}
input.span-19, textarea.span-19, select.span-19{width:730px!important}
input.span-20, textarea.span-20, select.span-20{width:770px!important}
input.span-21, textarea.span-21, select.span-21{width:810px!important}
input.span-22, textarea.span-22, select.span-22{width:850px!important}
input.span-23, textarea.span-23, select.span-23{width:890px!important}
input.span-24, textarea.span-24, select.span-24{width:940px!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; background:#E5ECF9}
hr{background:#111; color:#111; clear:both; float:none; width:100%; height:.1em; margin:0 0 1.45em; border:none}
* html hr{margin:0 0 1.05em}

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}

/* forms.css */
label{font-weight:normal}
fieldset{padding:.4em; margin:0 0 1.5em 0; border:0px solid #ccc}
fieldset ul{list-style:none}
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:390px; padding:2px}
input.title{font-size:1.5em}
textarea{width:390px; height:250px; padding:2px}
.error, .notice, .success{padding:.8em; margin-bottom:1em; border:2px solid #ddd}
.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}
.submit{padding:5px; border:1px solid #222; background:#000; color:#f2f2f2; text-transform:uppercase}
.submit:hover{background:#444}
p.hidden{display:none}

/**** personal touch ****/
#delicious,  #flickr, #lastfm{width:330px}
#header, #delicious, #content, #flickr, #lastfm, #footer, #flickrpreview, #about{padding:10px; margin-bottom:10px; float:left; color:#ddd; background:#181818}

#header h1{display:block; width:250px; height:49px; background:url(../images/logo3.png) no-repeat top left; text-indent:-999999px; margin:5px 0 0 10px; float:left}
#header h1 a{display:block; width:100%; height:100%}
.padlock{position:absolute; top:15px; right:15px}
#nav{float:right; margin-right:40px}
#nav ul{list-style:none; margin:0 0 0 0px!important; padding:0!important}
#nav ul li{display:inline; font-size:36px; margin-left:8px}
#nav ul li.first{display:inline; font-size:36px; margin-left:0px}
#delicious ul, #lastfm ul{font-size:14px}
#delicious ul li, #lastfm ul li{margin-bottom:4px}
#nav ul li a{color:#282f2e; text-decoration:none}
#nav ul li a:hover, #nav ul li.selected a{color:#48726d}

#content a img{ margin:0}
#flickr img{border:1px solid #48726d; margin:5px 0px}
#flickrpreview{background:#222 url(../images/loading.gif) no-repeat center}
ul#recent, #delicious ul, #lastfm ul{color:#48726d}
ul#recent a, #delicious a, #lastfm a, #flickr a{text-decoration:none!important}
img#feed{ float:right}
#delicious h3{background:url(../images/delicious.png) no-repeat top left; padding: 5px 0 5px 37px}
#lastfm h3{background:url(../images/lastfm.png) no-repeat top left; padding: 5px 0 5px 37px}
#flickr h3{background:url(../images/flickr.png) no-repeat top left; padding: 5px 0 5px 37px}
.load{display:block; background:url(../images/ajax-loader.gif) no-repeat top left; width:83px; height:81px; text-indent:-9999em;  margin:32px 0 0 15px}
.work-preview{width: 478px; height:175px; margin:7px 1px 10px 1px}
.date{ background:#000; text-align:center; float:right}
.date span{float:left; font-size:10px}
.day{padding:1px; background:#09F}
.month{padding:1px; background:#34F}
.year{padding:1px; background:#066}
/** tweet **/
#twitter-link{position:absolute; top:30px; left:860px; display:block; padding:5px; margin-top:0; height:70px; width:131px; margin-right: 20px; font-size:80%; text-decoration:none; text-indent:-99999em; z-index:10; background:url(../images/twiterbird.gif) no-repeat}
.tweet{border:3px solid #444; position:absolute; right:-200px; top:100px; z-index:1; margin-bottom:0!important;  width: 300px;  color:#085258; font-size: 80%;}
 .tweet .tweet_list{ -webkit-border-radius:.5em;  list-style-type:none;  margin:0;  padding:0;  background-color:#333}
 .tweet .tweet_list li{ overflow:auto; width:100%; padding:.5em}
 .tweet .tweet_list li a{ color:#0C717A}
 .tweet .tweet_list .tweet_even{ background-color:#91E5E7}
 .tweet .tweet_list .tweet_avatar{ padding-right:.5em;  float:left}
 .tweet .tweet_list .tweet_avatar img{ vertical-align:middle}
.query{ font-family:Arial,serif;  font-size:90%;  color:#085258}
 .query .tweet_list{ -webkit-border-radius:.5em;  list-style-type:none;  margin:0;  padding:0;  background-color:#8ADEE2}
 .query .tweet_list li{ overflow:auto;  padding:.5em}
 .query .tweet_list li a{ color:#0C717A}
 .query .tweet_list .tweet_even{ background-color:#91E5E7}
 .query .tweet_list .tweet_avatar{ padding-right:.5em;  float:left}
 .query .tweet_list .tweet_avatar img{ vertical-align:middle}

/**** slider controls **/
#slider1{ width:478px; /* important to be same as image width */ height:270px; /* important to be same as image height */ position:relative; /* important */overflow:hidden; /* important */margin-bottom:12px; border:3px solid #333}

#slider1Content{ width:478px; /* important to be same as image width or wider */    position:absolute; top:0; margin-left:0}
.slider1Image{    float:left;     position:relative; display:none}
.slider1Image span{    position:absolute; font:10px/15px Arial,Helvetica,sans-serif;  padding:10px 13px;  width:478px;  background-color:#000;  /*filter:alpha(opacity=70);     -moz-opacity:0.7; -khtml-opacity:0.7;     opacity:0.7; */ color:#fff;  display:none}
.clear{clear:both}
.slider1Image span strong{ font-size:14px}
.left{top:0;  left:0; width:110px !important; height:280px}
.right{right:0; top:0; width:110px !important; height:280px}
.bottom{bottom:0px;  left:0; width:480px !important; height:90px}
/**** blog ***/
.comment-box{background:#48726d; padding:10px; margin-bottom:10px}
.comment-box a{color:black}
/****** work ******/
.work{ border:3px solid #333; margin-bottom:10px!important}

/* login */
fieldset #top-login{margin:0; padding:3px!important}
#login{ width:100%; height:50px; z-index:1; background:#222; margin-bottom:0!important; border-bottom:3px solid #444; color:#f2f2f2}
#top-login .submit{padding:2px; border:1px solid #444; background:#f2f2f2; color:#333; text-transform:uppercase}
#login-slide{float:right; display:block; padding:5px; margin-top:0; margin-right:20px; font-size:80%; text-decoration:none; width:76px; height:21px; text-indent:-99999em; background:url(../images/login.gif) no-repeat}