/*----
Gerald Yeo
Description: BlogAengin Theme
Created: May 2010
Updated: May 2010
Version: 2
----*/
/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input, div{ margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
h1,h2,h3,h4,h5,h6,strong{font-weight: bold;}
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
.clear{display: block !important; clear: both !important;} .hide{display: none;}
a{color: #00336F; text-decoration: none;}
a:hover{color:#006F43 !important;}
.aligncenter { display:block; margin:0 auto }
.rfloat, .alignright{float: right;} .lfloat, .alignleft{float: left;}
ul.ptlist{list-style-type: disc; margin-left: 2em !important;}
sup a{text-decoration: none !important;}
/*Base*/
body {text-align: center; font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; background: #fafafa url(http://wiki.fusedthought.com/storage/blog/mystic.png) no-repeat fixed center top; color: #333;}
#top{width: 940px; margin: 0 auto; text-align: left; position: relative;}
#main-header{float: left; margin: 10px 0 2em 0;}
#main-header #sitename{display: block; width: 143px; height: 50px; overflow: hidden;}
/*site nav*/
#globalnav{text-align: right; padding-bottom: 25px;}
#globalnav ul{display: block; padding-top: 25px; list-style-type: none;}
#globalnav ul li{display: inline;}
#globalnav a{font-size: 1.2em; padding: 0.5em; margin: 0 0.5em; color: #000;}
#globalnav a:hover{background: #fff;}
/*Content*/
#main{font-family:Verdana; clear: both; margin: 2em 0; position: relative; background: #fff; border-style: solid; border-color: #ddd;border-width: 1px 2px 3px 1px; min-height: 800px;}
#main #content{margin-left:190px; border-left: 2px #eee solid; padding: 3em 60px 8em 60px;}
.article {border-bottom: 1px #ddd dotted; padding: 1em 0;}
.article .header{position: relative;}
.article h1{font-size: 2em; line-height: 1.5em;}
.article h2{font-size: 1.5em; line-height: 1.5em;}
.article p{margin: 1em 0;}
.article blockquote{ padding: 1em 2em; font-style: italic; }
.article pre {display: block; background: #FFFFCF; width: 85%; overflow: auto; padding: 5%; }
.article  th{font-weight: bold;}
.article td, .article th{border: 1px #666 solid; padding: 0.5em;}
.article  ul, .article  ol{margin-left: 2em;}
.article .entry{line-height: 2em; margin: 1em 0;}
.article .entry h1{font-size:1.6em; padding-top: 3em;}
.article .entry h2{font-size:1.5em; padding-top: 3em;}
.article .entry h3{font-size:1.4em; padding-top: 3em;}
.article .entry h4{font-size:1.3em; padding-top: 3em;}
.article .entry h5{font-size:1.2em; padding-top: 3em;}
.article .entry h6{font-size:1.1em;}
.article .entry ul{list-style-type: disc;}
.article .entry ol{list-style-type: decimal;}
.article  .title a{color: #222;}
.article .time{color: #999;}
.article .social{clear: both; position: relative; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; background: #f6f6f6; padding: 0.5em 0; margin: 1em 0;}
.article .social ul li{display: inline; border-right: 1px #ddd solid; padding: 0 10px;}
.article  .footer{margin-top: 5em;}
.article  .atags a{margin: 0 1em;}
#content #notification{background: #FFFBCF; border: 1px #FFDA2F solid; padding: 10px; margin: 3em 0;}
#content #commentoggle{margin: 2em 0; font-size: 2em; display: none; padding-left: 0.5em;}
#content #comments{border: 1px #ccc solid; padding: 1em 0; margin-top: 1em; background: #fff;}
#content .sbtn{border: 1px #777 dotted; padding: 0.5em; margin: 1em 0;}
#content .sbtn:hover{border: 1px #000 solid; text-decoration: underline;}
/*overrides*/
.article p a, #content #notification a, .about a{text-decoration: underline;}
/*Content aside*/
#content-aside{position: absolute; top: 0; left: 0; width: 190px;}
#content-aside .nav {margin-top: 2em; border-top: 2px #eee solid;}
#content-aside .nav  ul li{font-size: 15px;line-height: 30px;border-bottom: 2px #eee solid;}
#content-aside .nav  ul li ul li{border:0; }
#content-aside .nav ul li a{display: block; padding: 5px 10px; color: #777; text-decoration: none;  background: #fafafa;}
#content-aside .nav ul li a.current {background: #444 url(http://wiki.fusedthought.com/storage/blog/arrow-rotate.png) right 0 no-repeat; width:175px; color: #fff;}
#content-aside .nav ul li ul li a{border-left: 10px #eee solid; padding-left: 10px; background: #fcfcfc;}
#content-aside .nav ul li  ul li a.current {width: 165px;}
#content-aside .nav ul li a:hover{background-color: #eee; color: #000;}
#content-aside .section{margin-top: 2em;}
#content-aside .sub, #content-aside .sub ul{margin-left: 1em;}
/*specifics*/
#main #content #pageinfo{font-size: 2.5em; padding: 20px; border: 2px #ddd solid; margin-bottom: 1em;}
#main #content #pageinfo .byline{font-size: 0.5em;}
#main .blog #pageinfo{background: #fafafa url(http://wiki.fusedthought.com/storage/blog/thoughts.png) no-repeat right 10px;}
#main .welmsg {padding-bottom: 1em; font-size: 2.5em; line-height: 1.1em; color: #bbb; font-weight: bold; border-bottom: 4px #aaa dotted;}
#main .welmsg a{color: #2B4F22; font-size: 1.2em;}
#main .welmsg a:hover{text-decoration: underline;}
#main .welmsg p{margin: 0.2em 0;}
#main .welmsg  small{font-size: 0.5em; color: #000; display: block; text-align:right;}
.imptnotice {padding: 1em; margin: 2em 0;border: 1px #FF8F8F dotted; background:#FFEFEF;}
.imptnotice strong{display: block; font-size: 1.5em;}
.imptnotice p {padding: 1em 0;}
.imptnotice p strong{display: inline; font-size: 1em;}
.gentlenotice {padding: 1em; margin: 2em 0;border: 1px #F2FF7F dotted; background:#FCFFDF;}
.imgport {margin: 2em 0; padding: 2em 0;}
.imgport h2{font-size: 1.5em; margin: 2em 0; }
.imgport h2 a{background: #eee; padding: 0.5em; display:inline;}
.imgport h2 a:hover{background: #ddd;}
.imgport ul li{display: block; float: left; width: 140px; height:140px; overflow: hidden; border: 5px #fff solid;}
.imgport ul li:hover{border: 5px #888 solid;}
.imgport ul li a{text-align: center;}
.contact iframe{width: 100%; height: 1200px; border:0;}
.portfolio h1{font-size: 1.5em; margin-top: 4em;}
.portfolio .nav ul, .downloads .nav ul{display; block; margin: 0 0 10em 2em;list-style-type: circle;}
.portfolio .clear, .downloads .article .clear{text-align: right; padding-top: 2em;}
.portfolio .section, .portfolio .projlist {clear: both; margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px #aaa dotted;}
.portfolio .section ul{list-style-type: none;}
.portfolio .section ul li{position: relative; font-weight: bold; width: 250px; height: 200px; overflow: hidden; margin: 10px; padding: 10px; float: left; display: block; border: 1px #aaa solid;}
.portfolio .section ul li:hover{background: #eee;}
.portfolio .section ul li a{width: 250px; height: 150px; overflow: hidden; display: block; background: #fff;text-align: center;}
.portfolio .projlist ul{position: relative; list-style-type: none; font-size: 0.9em; text-align: center; font-weight: bold;}
.portfolio .projlist ul li{position: relative; font-size: 1.5em; float: left;}
.portfolio .projlist ul li img{width: 64px; height: 64px; padding-right: 10px;float: left; border-right: 1px #ddd solid;}
.portfolio .projlist ul li a{display: block; width: 260px; height: 74px; line-height: 70px; overflow: hidden; margin: 5px; padding:5px; border: 1px #ddd solid;}
.portfolio .projlist ul li a:hover{border: 1px #bbb solid;}
.downloads .article{border: 1px #ddd solid; padding: 1em; position: relative; margin: 2em 0;}
.downloads .article .links{margin: 1em 0; text-align:left; padding: 0;}
.downloads .article .links li{display: inline;}
.downloads .article .links li a{ margin: 0 1em; padding: 0.5em 0; border-bottom: 2px #aaa solid;}
.downloads .article .links li a:hover{border-bottom: 2px #006F43 solid;}
.downloads .article  .des{padding-bottom: 3em;}
.downloads .article  img{float: right; margin: 10px;}
.about h2{font-size: 1.5em; margin: 1em 0; border-bottom: 1px #333 solid;}
.about h3{margin: 1em;}
.about p{margin: 1.5em;}
/*Asides*/

/*footer*/
#main-footer{padding-bottom: 1em; position: relative; width: 100%;}
/*Icons*/
.isu , .imail, .ifb, .itwit, .iwp, .ifeed, .ib{padding-left: 20px !important;}
.isu { background: url(http://wiki.fusedthought.com/storage/blog/stumbleupon16.png) no-repeat; }
.imail { background: url(http://wiki.fusedthought.com/storage/blog/email16.png) no-repeat;}
.ifeed { background: url(http://wiki.fusedthought.com/storage/blog/feed16.png) no-repeat; }
.itwit { background: url(http://wiki.fusedthought.com/storage/blog/twitter16.png) no-repeat; }
.ifb { background: url(http://wiki.fusedthought.com/storage/blog/facebook16.png) no-repeat; }
.ifb2{float: right;}
.iwp{background: url(http://wiki.fusedthought.com/storage/blog/wp16.png) no-repeat;}
.igae{padding-left: 25px; background: url(http://wiki.fusedthought.com/storage/blog/appengine.png) no-repeat;}
.ib{background: url(http://wiki.fusedthought.com/storage/blog/blogengine16.png) no-repeat;}
/*Hacks and CSS3*/
#main, #globalnav a, #pageinfo, #content #comments, .imgport h2 a, .portfolio .section ul li, .portfolio .projlist ul li a, .downloads .article{border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
/*plugins*/
#tooltip { position: absolute; z-index: 3000; background: #000; color: #fff; padding: 1em; }
#lbOverlay{background-color:#000;cursor:pointer;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999;}#lbCenter,#lbBottomContainer{background-color:#fff;overflow:hidden;position:absolute;z-index:9999;}.lbLoading{background:#fff url(http://wiki.fusedthought.com/storage/slimbox/loading.gif) no-repeat center;}#lbImage{background-repeat:no-repeat;border:10px solid #fff;left:0;position:absolute;top:0;}#lbPrevLink,#lbNextLink{display:block;outline:none;position:absolute;top:0;width:50%;}#lbPrevLink{left:0;}#lbPrevLink:hover{background:transparent url(http://wiki.fusedthought.com/storage/slimbox/prevlabel.gif) no-repeat 0 15%;}#lbNextLink{right:0;}#lbNextLink:hover{background:transparent url(http://wiki.fusedthought.com/storage/slimbox/nextlabel.gif) no-repeat 100% 15%;}#lbBottom{border:10px solid #fff;border-top-style:none;color:#666;font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;font-size:10px;line-height:1.4em;text-align:left;}#lbCloseLink{background:transparent url(http://wiki.fusedthought.com/storage/slimbox/closelabel.gif) no-repeat center;display:block;float:right;height:22px;margin:5px 0;outline:none;width:66px;}#lbCaption,#lbNumber{margin-right:71px;}#lbCaption{font-weight:bold;}