html, body { width:100%; height:100% }
body { background:#fff }
* { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:13px }
h1, h2, h3, h1 *, h2 *, h3 * { font-family:Georgia, "Times New Roman", Times, serif; color:#007cc2; margin:0 0 20px 0; font-weight:normal }
p { line-height:150% }
h1, h1 * { font-size:24px }
h2, h2 * { font-size:20px  }
h3, h3 * { font-size:16px }
a img { border:none }
a { color:#007cc2 }

.wrp { width:950px; margin:0 auto }
.left { float:left }
.right { float:right }
.clr { clear:both; height:0px; font-size:0px; text-indent:-9999px }
.show { display:block }

#login { background-color:#000 }
#login .logincontent { height:100px; display:none }
#login .show { float:right; position:relative }
#btnshow { padding:3px 10px; background-color:#007cc2; border:none; color:#fff; cursor:pointer }
#WebLoginLayer0, #WebLoginLayer2 { padding:15px 0 0 }
#login fieldset { border:none }
#login h3 { color:#007cc2 ; margin:0 0 5px 0 }
#login input { border:#333 solid 1px; background-color:#fff; margin:0 3px 0 0 }
#login label { color:#ccc; margin:0 10px 0 0 }
#login .button { background-color:#007cc2; color:#fff; border:0; padding:3px 10px; margin:5px 0 0 0 }

#bgtop { background:url(../images/header.jpg) repeat-x top center; margin:0 0 25px 0 }
#bgdown { background:url(../images/bgfoot.png) repeat-x bottom }

#logo { text-indent:-9999px; background-image:url(../images/logo.png); width:33px; height:63px; display:block }

#header {padding:0 0 50px 0 }
#header .left { width:50px; margin:30px 0 0 40px }
#header .right { width:750px; margin:50px 40px 0 0 }
#menu { float:right; margin:0 0 20px 0 }
#menu li { float:left; list-style:none; margin:0 0 0 60px }
#menu li.first { margin:0 }
#menu a { text-transform:uppercase; font-size:11px; font-weight:bold; color:#333; text-decoration:none }
#menu a:hover { color:#007cc2 }
#search { float:right }
#searchgo { background:transparent url(../images/bsearch.gif); width:50px; height:20px; border:none; color:#fff }
#searchbox { background:transparent url(../images/serachbox.gif);  padding:2px 15px; width:190px; height:17px; border:none }

#intro { padding:0 175px 50px }

#bcontent h3 { margin:40px 0 5px 0 }
#bcontent h3 * { font-size:20px; color:#090 }
#bcontent p { margin:0 0 10px 0 }
#bcontent ul { margin:10px 0 }
#bcontent li { margin-left:20px; list-style:disc }

.nl_paging { margin:10px 0 0 }
#nl_pages { clear:both }
#nl_pages * { padding:3px; border:1px #007cc2 solid; margin:1px; float:left; height:18px }
#nl_pages span { margin:0 3px; background-color:#ffc }
#nl_pages a { color:#fff; background-color:#007cc2 }
.ditto_tags { margin: 0 0 10px }
.ditto_tags, .ditto_tags * { font-style:italic }
.ditto_tags a { color:#f60 }

#portfoliobox {padding:0 0 50px }
#pbprev, #pbnext { text-indent:-9999px; width:19px; height:39px; margin:55px 0 0; border:none; cursor:pointer }
#pbprev { background:url(../images/bprev.gif) #fff }
#pbnext { background:url(../images/bnext.gif) #fff }
#pbscroll { position:relative; margin:0 5px; overflow:hidden; width:870px; height:150px; float:left }
#pbscroll ul { position:absolute; left:0; top:0 } 
#pbscroll li { list-style:none; float:left; margin:0 5px }

#blog { padding:0 25px 50px }
#blog .content { margin:0 25px; width:250px }
#blog .content li { list-style:none; background:url(../images/bullbar.gif) no-repeat 0 5px; padding:0 0 0 20px; margin:5px 0; font-size:11px; font-style:italic }
#blog .content a { color:#009900; text-decoration:underline; display:block; margin:0 0 2px 0 }
#blog .content .more { color:#F60; font-size:12px; text-decoration:none; margin:20px 0 0 20px }

#twitter { padding-left:30px; background:url(../images/twitter-bird.png) no-repeat }
.tweet .tweet_list { -webkit-border-radius:.5em; list-style:none; margin:0; padding:0 }
.tweet .tweet_list li { overflow:auto; padding:.5em }
.tweet .tweet_list .tweet_join { font-size:12px }
.tweet .tweet_list .tweet_text { font-size:12px; font-style:normal }
.tweet .tweet_list .tweet_avatar { padding-right:.5em; float:left }
.tweet .tweet_list .tweet_avatar img { vertical-align:middle }
.query .tweet_list { -webkit-border-radius:.5em; list-style:none; margin:0; padding:0 }
.query .tweet_list li { overflow:auto; padding:.5em }
.query .tweet_list .tweet_avatar { padding-right:.5em; float:left }
.query .tweet_list .tweet_avatar img { vertical-align:middle; }
.loading { background:#ffc; padding:5px 10px }

.social li { height:37px; padding:0 0 0 45px!important }
.social li a { padding:7px 0 0!important; display:block   }
#plurk { background:url(../images/plurk_32.png) no-repeat !important }
#facebook { background:url(../images/FaceBook_32x32.png) no-repeat !important }
#twitter2 { background:url(../images/Twitter_32x32.png) no-repeat !important }
#flickr { background:url(../images/Flickr_32x32.png) no-repeat !important }
#rss { background:url(../images/Feed_32x32.png) no-repeat !important }
  
#banner { padding:0 165px 50px }
#banner li { float:left; list-style:none; margin:0 5px }

#footlogo { text-indent:-9999px; background-image:url(../images/logo2.gif); width:34px; height:20px; display:block }
#footer { padding:0 0 25px 0 }
#footer a { color:#007cc2; text-decoration:none }
#footer li { float:left; list-style:none; margin:0 10px 0 0 }
#footer .left { width:500px }
#footer .right { width:300px }