@import url(http://fonts.googleapis.com/css?family=Patua+One); html { height: 100%; background:url(../images/tile.png) 0 0 repeat; } body { height: 100%; margin: 0; background-repeat: no-repeat; background-attachment: fixed; color:#cecece; font-family:Georgia, Helvetica, Lucida Grande,Verdana,Lucida Sans Regular,Lucida Sans Unicode,Arial,Verdana,sans-serif } a{text-decoration:none} h2, h3{font-family:'Patua One', Georgia, Times, serif} blockquote{font-style:italic;color:#666;margin:10px;padding:10px 10px 0 10px;font-family:Georgia, Times, sans-serif;border-left:3px solid #eee} .radial-grad{ background: rgb(209,209,209); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiNkMWQxZDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3OSUiIHN0b3AtY29sb3I9IiM4ODg4ODgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-radial-gradient(center, ellipse cover, rgba(209,209,209,1) 1%, rgba(136,136,136,1) 79%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,rgba(209,209,209,1)), color-stop(79%,rgba(136,136,136,1))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, rgba(209,209,209,1) 1%,rgba(136,136,136,1) 79%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, rgba(209,209,209,1) 1%,rgba(136,136,136,1) 79%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, rgba(209,209,209,1) 1%,rgba(136,136,136,1) 79%); /* IE10+ */ background: radial-gradient(center, ellipse cover, rgba(209,209,209,1) 1%,rgba(136,136,136,1) 79%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#888888',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ background-repeat: no-repeat; background-attachment: fixed; } #header{width:100%;margin:0 auto;-moz-box-shadow: 0 0 5px #000;-webkit-box-shadow:0 0 5px #000;box-shadow: 0 0 5px #000} div.heading-wrapper{background:rgba(0,0,0,0.25);padding:0;height:60px} span.about a, span.about a:visited{color:#eee;font-style:;font-size:1.4em;padding:10px;margin:10px 0 0 27px;display:block;width:380px;float:left} span.about a:hover, span.about a:active{text-decoration:underline;color:#fff;background:url(../images/tran1.png)} #wrapper{ width:auto; font-size:0.75em; position:relative; height:auto !important; /* real browsers */ height:100%; /* IE6: treaded as min-height*/ min-height:100%; /* real browsers */ } div.wrapper{width: 100%} div.wrapper-portfolio{width: 100%} div.wrapper-portfolio div.blog-post-content div.entry{padding:0;color:#5b5b5b;text-align:left;font-weight:500;clear:both;width:auto} div.wrapper-portfolio div.blog-post-content div.entry div.content{padding:1em 2em 1em 2em} #page{} .top-grad{ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyYjJiMiIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(178,178,178,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(178,178,178,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(178,178,178,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(178,178,178,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(178,178,178,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */ background: linear-gradient(top, rgba(178,178,178,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6b2b2b2', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */ } #intro-text h2{font-size:8.0em;width:auto;color:#333;text-shadow:0 1px rgba(255,255,255,0.55);display:block;position:relative} #intro-text h2 span{font-size:0.25em;display:block;color:#eee;text-shadow:0 1px #333;margin-top:-10px} span.bevel{border-top:1px solid #666;border-top: 1px solid rgba(255, 255, 255, 0.25);display:block;padding: 0} span.double-bevel{border-bottom:1px solid #666;border-bottom: 1px solid rgba(255, 255, 255, 0.25);border-top:1px solid #000;border-top:1px solid rgba(0, 0, 0, 0.25);display:block;padding: 0;height:0px;margin-bottom:20px} #page-front {padding:0 0 0 0;margin:0 auto} #page-front div.left-column{float:left;width:auto} #page div.left-column{} #page div.right-column{float:right;width:260px} #page h2.featured{color:#969696} img.image-box{border-bottom:5px solid #999;margin:0 0 1em 0;padding:0} div.big-line{border-top:4px solid #000;margin-bottom:1em} div.page-content{padding:30px 30px 0 0;width:875px;margin:0 auto} div.main-body-content{padding:0 0 24px 48px} div.main-body-content-flush{padding:42px 0 0 0} div.main-body-content-clean{padding:0} div.main-body-content-intro{padding:10px 0 40px 48px} div.main-body-content-page{padding:42px 0 42px 42px} div.wrap{overflow:auto} #footer-wrap{ font-size:0.75em; clear:both; padding-top:40px; width:100%; height:388px; } #footer-wrap #footer {font-size:1.25em;width:auto;-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.45);-webkit-box-shadow:0 0 7px rgba(0, 0, 0, 0.45);box-shadow: 0 0 7px rgba(0, 0, 0, 0.45)} #footer-wrap #footer div.footer-content{background:rgba(0, 0, 0, 0.25);position:relative;bottom:0;margin:0 auto;padding-top:20px} #footer .footer-message{position:relative;bottom:0;clear:both;color:#666;padding:20px 50px 10px 35px;font-size:0.85em;background:url(../images/tran2.png) top left repeat;text-align:right} a.top{display:block;margin:2px 0 0 10px;color:#555;padding:5px;background:#000;border:1px solid #111} a.lsm{float:left;width:135px;height:30px;display:block;margin:0 10px 0 0;color:#555;background:url(../images/logosm.png) 0 5px no-repeat} div.lsm-over{line-height:0;width:700px;color:#888;font-style:italic;text-align:left;padding:13px 0 0 0} a.top:hover{color:#999;border-color:#999} #footer div.content{padding:0;color:#333} #footer div.content span{display:block;font-style:italic;padding:5px 0 5px 0} #footer div.columns{margin:0 auto;width:915px;padding:0 0 20px 62px} #footer ul{margin:0.5em 0 0 0;list-style:none;padding:0 1em 0 0} #footer li{margin-bottom:0.5em;height:30px} #footer li a,#footer li a:visited{color: #000;display:block;padding:5px 0.5em 10px 0;height:20px;display:block} #footer li a:hover,#footer li a:active{color:#fff} #footer .contact-column p{margin-top:10px; color:#666} #footer .contact-column li{list-style:none} #footer .contact-column ul{margin:0;padding:1em 0.5em 0.5em 1em} #footer .social-column, #footer .contact-column, #footer .fav-column{width:260px;float:left;color:#5b5b5b} #footer .social-column{width:310px} #footer .fav-column{width:270px;margin:0 28px 0 8px} #sidebar-right{padding:0 1em 1em 1.5em} div.sidebar{padding:0 48px 0 0} div.sidebar li{list-style-type:none} div.sidebar li a,.sidebar li a:visited{color:#888;display:block;padding:0.25em;border-bottom:1px solid transparent} div.sidebar li a:hover,div.sidebar li a:active{color:#fff;background:#000} div.sidebar ul.sidebar-ql{} div.sidebar .sidebar-ql li a, div.sidebar .sidebar-ql li a.active{display:block;padding:8px 0 0 40px;height:32px;width:140px;color:#eee} div.sidebar .sidebar-ql li a:hover{text-decoration:underline} div.sidebar ul, div.outlet ul{list-style:none;padding:0;margin:0} div.sidebar h2, div.outlet h2{height:17px;font-size:1.20em;color:#888;background:#000;padding:15px 10px 10px 10px;border-bottom:1px solid #111;font-style:italic} div.sidebar-block{background:url(../images/tran2.png) top left repeat;position:relative;width:240px} div.sidebar-block .content{color:#5b5b5b;padding:1em;margin:0 0 0 0;font-size:1.25em; line-height:1.2em} div.related a{display:block;float:left;padding:0 5px 5px 0} div.related a.end{padding:0 0 5px 0} div.related a img{border:1px solid #111} div.related a:hover img{border:1px solid #444} a#sub-rss{background:url(../images/rss_32.png) no-repeat left top} a#sub-email{background:url(../images/feed_source_32.png) no-repeat left top} a#linkedin-btn{background:url(../images/li.png) no-repeat left top} div.columns h3{color:#eee;font-size:2.5em;text-shadow:0 1px #000} /* h3#fav-column{background:url(../images/favs_title.png) center left no-repeat;text-indent: -9999px;height:50px;width:280px} h3#contact-column{background:url(../images/contact_title.png) center left no-repeat;text-indent: -9999px;height:50px;width:280px} h3#social-column{background: url(../images/networks_title.png) center left no-repeat;text-indent: -9999px;height:50px;width:280px} */ #header-menu{display:block;height:35px;padding:60px 50px 0 50px} #header-logo{float:left} h1.logo {position:relative;overflow:hidden;float:left;padding:12px 15px 0 15px;font-family:'Patua One', Georgia, Times, serif;text-shadow:0 1px #000;line-height:3.0em} h1.logo a{display:block;color:#fff;font-size:2.5em} #navigation-submenu{float:right;display:block;padding:0 0 0 10px;margin:7px 10px 0 0;height:40px} #navigation-submenu ul{list-style-type:none;margin:0;padding:0} #navigation-submenu li{display:block;float:left;text-align:left;font-family:'Patua One', Georgia, Times, serif;margin-top:-12px;line-height:2.5em;text-transform:capitalize;font-size:2.5em} #navigation-submenu li a{display:block;color:#eee;padding:0 1.0em 0 0;text-shadow:0 1px #333} #navigation-submenu li a:hover{color:#E7C757} #navigation-submenu li a:active, #navigation-submenu li a.active{text-shadow: 0 1px rgba(255, 255, 255, 0.55);color:#333 !important} #header .grey-grad{ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 100%); /* IE10+ */ background: linear-gradient(top, rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */ border-bottom:1px solid rgba(255, 255, 255, 0.6); } #intro{padding:0 0 1em 0;margin:0 0 1em 0;border-bottom:1px solid #eee} #intro-page h2{padding:0;margin:0} #intro-page{padding:1em 1em 0 1em} #main-content{margin:0 0 0 0} #intro p a{color: #fff} #intro p a:hover{text-decoration:underline} #intro p a.more-link{float:right;color: #097ea0} /*posts */ #wrapper ul.tags-list {padding:0} #wrapper ul.tags-list li{display:block;padding:0 0 20px 0} #wrapper ul.tags-list li a{font-family:'Patua One', Georgia, Times, serif;display:block;color:#333;text-shadow:0 2px rgba(255,255,255,1);border-bottom:1px solid #ccc;border-right:1px solid #ccc;background:#eee;padding:0.20em 0.10em 0.20em 0.50em;margin:0 0 0.5em 0;font-size:1.5em} #wrapper ul.tags-list li a:hover{background:#eaeaea;color:#000} #wrapper ul.tags-list li a.rm{display:block;font-size:0.85em;border:none;background:none;margin:0;padding:0} #wrapper ul.tags-list li p{padding:0 20px 0 20px;border-left:4px solid #eee} div.standard-item{margin:0 0 2em 2em} div.standard-item-header{background:url(../images/tran2.png) top left repeat; padding:10px;border:4px solid #000;border-bottom:none} div.standard-item div.entry{line-height:1.755em} div.standard-item div.entry{font-size:1.25em;padding:1em 1em 1em 1em;color:#000;background:#fff;border:4px solid #000;border-top:none} .standard-item-title{display:block;padding:10px;width:440px;font-size:2.0em; font-style:italic} .standard-item-title span.tag{color:#fff} div.standard-item-meta{padding:20px;background:#000;border-top:1px solid #111} #wrapper div.standard-item-meta .pager li{font-family:'Patua One', Georgia, Times, serif;padding:0;background:none;float:left;margin-right:10px;font-size:2.0em} div.standard-item-meta .pager{display:block;padding:10px 0 10px 0} span.date{color:#888} span.teaser{color:#555} .sidebar span.border{margin-bottom:20px} /* #main-content .blog-post-title h2{color:#FFF;padding:0;margin:0} */ div.blog-post{margin-bottom:4em} div.blog-post h2{margin:0.5em 0;padding:0} #main-content h2.about-intro{font-size:4.0em;margin:0;padding:20px 0 40px 0;color:#888} .blog-post-meta{border-top:1px solid #eee;padding:1.0em 0 0 0;margin-right:1.0em;background:#fff} .blog-post-meta a, .blog-post-meta a:visited, div.links li a, div.links li a:visited{color:#1674be;border-bottom:1px solid #1675be;padding:0.25em} .blog-post-meta a:active, .blog-post-meta a:hover, div.links li a:active, div.links li a:hover{color:#000;border-color:#000} .blog-post-meta .links li{ float:left;margin-right:10px} div.blog-post-content div.entry div.content a.stbutton{color:#1674be;margin:1em 0 0 0;background-color:#fff;border:none;display:block} div.blog-post-content div.entry{padding:0;color:#5b5b5b;text-align:left;font-weight:500;clear:both;line-height:2.5em;width:875px} div.blog-post-content div.entry div.content{font-size:1.25em;padding:2em;color:#000;background:#fff} div.blog-post-content div.entry div.content h2{font-size:1.25em} div.blog-post h2.plain{display:block;color:#FFF;font-size:2.0em;line-height:1.2em;padding:0;font-weight:bold;font-family:Helvetica, arial} div.blog-post-content div.entry div.content a, div.blog-post-content div.entry div.content a:visited{color:#000;background:#eee;padding:0.50em;border:none} div.blog-post-content div.entry div.content a:hover{color:#000;background:#E7C757} div.blog-post-content div.entry div.content a img{border:4px solid #EFEFEF;background:none} div.blog-post-content div.entry div.content a[href*=jpg] {border:none;background:none} div.blog-post-content div.entry div.content img{margin:5px auto} div.blog-post-content div.entry h3.rtitle{clear:both;padding:0 0 0.25em 0;margin:1em 0 1em 0;color:#666;border-bottom:1px solid #ddd;font-size:1.5em;line-height:1.8em} div.blog-post h2.rtitle, #comments h3.rtitle{padding:0 0 0.25em 0;margin:0 0 1em 0;color:#666;border-bottom:1px solid #ddd;line-height:1.5em} div.blog-post-content h2.page-title{padding:0 0 0 0;margin:0 0 0.5em 0;color:#999696;width:100%} div.main-body-content div.blog-post-content div.entry div.content{padding-top:0} div.blog-post-content p{margin:0;padding:0 0 1em 0} div.blog-post-content div.entry ul{padding:0 2em 1em 1em ;list-style:none;color:#666} div.port-item li{padding:0em 0.5em 1em 2em;background:url(../images/bul-arrow.png) 0 0 no-repeat;color:#444} div.blog-post div.entry li {padding:0em 0.5em 1em 2em;background:url(../images/bul-arrow.png) 0 4px no-repeat;color:#5e5e5e} .blog-post-date{font-size:1.5em;color:#777;background:#222;border-bottom:1px solid #111;font-family:'Patua One', Georgia, Times, serif;padding:1em} .blog-post-date-wrapper{padding:10px} .blog-post-date a{padding:3px 6px 3px 3px;margin-left:3px;background:#222;color:#888} .blog-post-date a:hover{background:#222;color:#E7C757} .blog-post-date a.comments, .blog-post-date a.comments:visited{display:none;font-size:2em;border-top:none;float:right;text-align:center;padding:10px 0 0 35px;background:url(../images/comments.gif) 8px 10px no-repeat;line-height:0.60em;height:25px} .blog-post-date a.comments:hover{background-color:#000} .blog-post-date p{padding:0} div.blog-post-content p.time{float:right;margin:0;padding:0 0.5em 0 0} div.blog-post-content p.cat{float:left;margin:0 0 0 0;padding:0} .blog-post div.content h2, .blog-post div.content h3{font-size:1.285em;color:#404040} .blog-post-header{background:#fff;padding:15px 15px 0 15px} .blog-post-title h2 a, .blog-post-title h2 a:visited{display:block;color:#888;font-size:3.0em;line-height:1.2em;padding:0;text-shadow:0 1px rgba(0,0,0,0.25)} .blog-post-title h2 a:hover{color:#333} .blog-post-title{display:block} div.lab .blog-post-header{background:#fff;padding:2em 2em 2em 2em} div.lab div.blog-post-title h2,div.lab div.blog-post-title h2 a,div.lab div.blog-post-title h2 a:visited{display:block;color:#404040;font-size:42px;line-height:1.2em;padding:0;font-family:'Patua One', Georgia, Times, serif;margin:0;padding:0;font-weight:normal} div.lab div.lab-image{background-color:#fff;padding:0 30px 0 30px} #comments{font-size:0.9em} #comments label{font-weight:normal;color:#888} #comment-block li{color:#666;line-height:0.8em;text-align:right} #comment-block li a, #comment-block li a:visited{color:#a9aaa3;padding:5px} #comment-block li a:hover{color:#000} #comment-block li a.comment-item, #comment-block li a.comment-item:visited{display:block;padding:10px 0 5px 10px;margin: 10px 0 10px 0;text-align:left} #comment-block li a.comment-item:hover, comment-block li a.comment-item:active{border-bottom:2px solid #fff;color:#097ea0} #comments a, #comments a:visited{color:#097ea0} #comments a:hover, #comments a:active{color:#000;text-decoration:underline} #comments div.content{padding:0 1em 1em 1em;border:1px solid #e5e5e5;font-size:1.0em} #comments input, #comments textarea.form-textarea, #comments select{width:492px;clear:both;font-family:Georgia, Times, sans-serif;border:1px solid #ddd;color:#999;font-size:1.25em;padding:0.5em} #comments input.form-submit{display:block;width:auto;margin-right:15px;background:#fff;cursor:pointer;float:left;clear:none} div.comment{margin-bottom:1.5em;font-size:0.85em} div.comment div.meta{background:#f5f5f5;font-style:italic;color:#333} div.comment div.comment-content{margin-left:100px;padding:1em;border:1px solid #e5e5e5;font-size:1.0em;width:380px} div.comment div.thin-divider{border-color:#222} div.comment div.picture{float:left;width:90px;margin:0 1em 0 0;line-height:1.5em;text-align:center} div.comment div.picture img{padding:0} div.comment div.picture a img{border:none;background:#eee;padding:5px} div.comment div.picture a:hover img{background:#ccc} #comments div.comment div.picture a{border:none;background:none;color:#000} #comments h3{margin-bottom:1.5em} #comments_form p{clear:both} span.comment-time{font-size:0.70em;font-style:italic;color:#ccc} p.comments-number{text-align:right;color:#555} #search-block-form input{font-family:Georgia, Times, sans-serif;background:url(../images/tran2.png) repeat left top;clear:both;padding:0.5em;color:#999;border:1px solid #111;width:180px;font-size:1.0em} #search-block-form input.form-submit{display:none} #search-block-form label{display:none} div.page-header{padding-left:23px;clear:both;height:150px;width:100%;padding-top:10px} h2#from-title{background:transparent url(../images/from_title.gif) no-repeat left bottom;display:block;text-indent:-9999px;height:30px;margin:0 0 24px 48px} /* h2#about-title{height:117px;width:257px;margin:0} h2#lab-title{background:url(../images/lab-title.png) no-repeat left top;display:block;text-indent:-9999px;height:117px;width:257px;margin:0} h2#services-title{background:url(../images/services-title.png) no-repeat left top;display:block;text-indent:-9999px;height:117px;width:257px;margin:0} h2#contact-title{background:url(../images/contact-title.png) no-repeat left top;display:block;text-indent:-9999px;height:117px;width:257px;margin:0} h2#portfolio-title{background:url(../images/portfolio-title.png) no-repeat left top;display:block;text-indent:-9999px;height:117px;width:257px;margin:0} h2#fof-title{background:url(../images/fof-title.png) no-repeat left top;display:block;text-indent:-9999px;height:117px;width:257px;margin:0} h2#search-title{background:url(../images/search_t.png) no-repeat left top;display:block;text-indent:-9999px;height:117px;width:257px;margin:0} h2#blog-title{background:url(../images/blog_t.png) no-repeat left top;display:block;text-indent:-9999px;height:117px;width:257px;margin:0} h2#arch-title{background:url(../images/arch_t.png) no-repeat left top;display:block;text-indent:-9999px;height:117px;width:257px;margin:0} */ /* li#about-btn a{background:transparent url(../images/about-btn.png) no-repeat 0 0;display:block;text-indent:-9999px;width:68px;height:27px} li#about-btn a.active, li#about-btn a.active:hover{background:transparent url(../images/about-btn.png) no-repeat 0 -35px} li#about-btn a:hover{background:transparent url(../images/about-btn.png) no-repeat 0 -35px} li#blog-btn a{background:transparent url(../images/blog-btn.png) no-repeat 0 0;display:block;text-indent:-9999px;width:56px;height:27px} li#blog-btn a.active, li#blog-btn a.active:hover{background:transparent url(../images/blog-btn.png) no-repeat 0 -35px} li#blog-btn a:hover{background:transparent url(../images/blog-btn.png) no-repeat 0 -35px} li#lab-btn a{background:transparent url(../images/lab-btn.png) no-repeat 0 0;display:block;text-indent:-9999px;width:42px;height:27px} li#lab-btn a.active, li#lab-btn a.active:hover{background:transparent url(../images/lab-btn.png) no-repeat 0 -35px} li#lab-btn a:hover{background:transparent url(../images/lab-btn.png) no-repeat 0 -35px} li#contact-btn a{background:transparent url(../images/contact-btn.png) no-repeat 0 0;display:block;text-indent:-9999px;width:82px;height:27px} li#contact-btn a.active, li#contact-btn a.active:hover{background:transparent url(../images/contact-btn.png) no-repeat 0 -35px} li#contact-btn a:hover{background:transparent url(../images/contact-btn.png) no-repeat 0 -35px} li#portfolio-btn a{background:transparent url(../images/portfolio-btn.png) no-repeat 0 0;display:block;text-indent:-9999px;width:93px;height:27px} li#portfolio-btn a.active, li#portfolio-btn a.active:hover{background:transparent url(../images/portfolio-btn.png) no-repeat 0 -35px} li#portfolio-btn a:hover{background:transparent url(../images/portfolio-btn.png) no-repeat 0 -35px} li#services-btn a{background:transparent url(../images/services-btn.png) no-repeat 0 0;display:block;text-indent:-9999px;width:92px;height:27px} li#services-btn a.active, li#services-btn a.active:hover{background:transparent url(../images/services-btn.png) no-repeat 0 -35px} li#services-btn a:hover{background:transparent url(../images/services-btn.png) no-repeat 0 -35px} */ #related-posts{border:1px dashed #ddd;font-size:1.0em;background:#f5f5f5;padding:1.0em;margin-top:1em} #related-posts h3{margin-bottom:1em} #related-posts ul{padding:0;background-image:none} #related-posts li{padding:0;background-image:none;line-height:2.0em} h3.tagline-title{padding:0.5em 0 0 0;margin:0 0 1em 0;color:#999696;font-size:1.5em} .show{display:block;color:#ddd} .alignleft{float:left} .alignright{float:right} #wrapper img.pic-me{margin:0px 0px 10px 20px;border:4px solid #efefef} img.size-full{margin:0 0 10px 0} div.shade{position:relative;top:10px;height:35px;margin-bottom:1em} div.shade-lr{position:relative;top:10px;background:url(../images/shade2lr.png) top center no-repeat; height:35px;margin-bottom:1em} img.post-image{border-left:4px solid #000;border-right:4px solid #000;border-top:4px solid #000;overflow:hidden;clear:both;line-height:0;display:block;padding:0} div.blog-post-content div.entry div.ntb{border-top:none} #flickrrss a{width:75px;height:75px;padding:0 1px 1px 0;margin:0;overflow:hidden;display:block;float:left} #archives{clear:both} #tag_cloud a{display:block;color:#fff;padding:0.25em} #tag_cloud a:hover{background:#000} #wrapper div.gallery a{background:none;border:none} a.port-a{float:right} div.gallery-row-icon{text-align:left} .blkfix{background:#000} div.port-item{position:relative;background:#fff;margin:0 0 30px 0} div.port-item h2{font-size:2.5em;color:#fff} div.port-item div.title{display:block;height:70px;background:#000000;line-height:2.8em;padding:10px 15px 15px 15px;color:#888} div.port-item div.title a, div.small a, div.port-meta a{padding:3px;background:#111;border-top:1px solid #333;border-left:1px solid #333;color:#888;text-shadow:#000 1px 1px 1px} div.port-item div.title a:hover, div.small a:hover, div.port-meta a:hover{background:#222;color:#fff} div.port-item blockquote{font-style:italic;color:#666;margin:10px;padding:10px 10px 10px 10px;font-family:Georgia, Times, sans-serif;border-left:3px solid #eee} div.port-im{position:relative;height:auto;overflow:hidden;width:500px} div.small-img{position:relative;height:auto;margin-bottom:10px} div.port-im-dat{display:none;background:url(../images/tran2.png) top left repeat;position:absolute;bottom:0;left:0;overflow:hidden;width:500px;z-index:4;border-top:1px solid #000;color:#666;font-size:1.5em;font-style:italic;padding:15px 20px 20px 20px} div.port-item .gallery-item{margin:0 0 10px 10px;float:left} div.port-item img.post-image{border:none;padding:10px} div.port-item .gallery-item a:hover img{background: #ccc} div.port-item .gallery-item a img{padding:4px;background:#eee;border:1px solid #ddd} div.port-item .gallery-item img{background:#bbb} div.port-item .gallery{} .twit-title-fp, .port-title-fp, .blog-title-fp{cursor:pointer} div.column{float:left;padding-left:20px;width:327px;overflow:hidden;color:#666} div.column-fp{padding-left:0;overflow:hidden;color:#666} div.column-fp div.title{width:auto;display:block} h2.port-title-fp{height:80px;position:relative} h2.port-title-fp span{font-size:5.0em;color:#333;text-shadow:0 1px rgba(255,255,255,0.55)} div.port-title-over{text-indent:0;text-shadow:0 1px rgba(0,0,0,0.75);font-size:1.5em} div.port-title-over a{position:absolute;top:15px;line-height:1;color:#fff;display:block;padding:10px;left:250px} div.port-title-over a:hover{background:url(../images/tran1.png) top left repeat;display:block;color:#fff} ul.fp-nav{display:block;padding:10px 0 10px 0;float:right} ul.fp-nav li{float:right} ul.fp-nav li a{display:block;text-indent:-9999px;height:25px;width:25px} ul.fp-nav li a.prev{background:url(../images/prev_sm.png) bottom left no-repeat;padding-right:5px} ul.fp-nav li a.prev:hover{background:url(../images/prev_sm.png) top left no-repeat} ul.fp-nav li a.next{background:url(../images/next_sm.png) bottom left no-repeat} ul.fp-nav li a.next:hover{background:url(../images/next_sm.png) top left no-repeat} div.column-fp div.title h2{float:left} div.column-fp div.fp-options{float:right} div.column-fp div.fp-options span{font-style:italic;font-size:3.0em;color:#222} div.large{padding:0;width:520px} div.small{font-size:1.25em;line-height:1.4em;padding:0px 20px 20px 20px;width:308px} div.small h2{font-size:1.25em;margin-bottom:10px} div.small h3{border-bottom:1px solid #CCCCCC;color:#444;font-size:1.5em;line-height:1.8em;margin:10px 0} div.port-item div.port-meta{padding:20px;background:#000;border-top:1px solid #111} div.port-meta span.m{font-size:1.2em;font-style:italic;color:#888} body.portfolio div#intro-text{height:160px;width:900px;margin:0 auto;padding:0} div.fp-blocks{background:url(../images/divider2.png) center center no-repeat;padding-bottom:40px} } a.btn{float:right;display:block;width:200px;color:#333;text-align:center;cursor:pointer} a.btn span{border-top:1px solid #fff;border-top: 1px solid rgba(255, 255, 255, 0.5);color:#333 !important;display:block;padding: 0.5em 2.5em;margin-top:0 !important} #about-title a.btn{position:absolute;right:0;top:40px;border:1px solid #999} #about-title a.btn:hover{} #about-title a.btn:hover span{background: rgba(0, 0, 0, 0.10);} #about-title a.btn span{border-top:1px solid #fff;border-top: 1px solid rgba(255, 255, 255, 0.5);color:#333;text-shadow:0 1px 1px rgba(255, 255, 255, 1)} #about-title a.btn:active{box-shadow:inset 0px 0px 5px rgba(0, 0, 0, 0.85); -moz-box-shadow:inset 0px 0px 5px rgba(0, 0, 0, 0.85); -webkit-box-shadow:inset 0px 0px 5px rgba(0, 0, 0, 0.85)} #about-title a.btn:active span{border-top: 1px solid rgba(0, 0, 0, 0.5);border-bottom: 1px solid rgba(255, 255, 255, 1)} #about-title a.btn:hover span{color:#000} .btn-grad{ box-shadow:0px 0px 5px rgba(0, 0, 0, 0.35); -moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.35); -webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.35); background: rgb(246,248,249); /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U1ZWJlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Q3ZGVlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY3ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-8 */ } div.socnet-pipes{float:right;width:400px} h2.twit-title-fp{height:80px;position:relative;text-align:right} h2.twit-title-fp span{font-size:5.0em;color:#333;text-shadow:0 1px rgba(255,255,255,0.55)} div.twit-title-over{text-indent:0;text-shadow:0 1px rgba(0,0,0,0.75);font-size:1.5em} div.twit-title-over a{position:absolute;top:20px;line-height:1;color:#fff;display:block;padding:10px;right:230px} div.twit-title-over a:hover{background:url(../images/tran1.png) top left repeat;display:block;color:#fff} div.blog-previews{width:400px;float:left} h2.blog-title-fp{height:80px;position:relative} h2.blog-title-fp span{font-size:5.0em;color:#333;text-shadow:0 1px rgba(255,255,255,0.55)} div.blog-title-over{text-indent:0;text-shadow:0 1px rgba(0,0,0,0.75);font-size:1.5em} div.blog-title-over a{position:absolute;top:20px;line-height:1;color:#fff;display:block;padding:10px;left:150px} div.blog-title-over a:hover{background:url(../images/tran1.png) top left repeat;display:block;color:#fff} /* span.blog-title-fp{display:block;float:left;text-indent:-9999px;background:url(../images/blog_tit_wt.png) center left no-repeat;height:55px;width:363px;clear:both} div.blog-title-over{margin-left:80px;float:left;text-indent:0} div.blog-title-over a{position:relative;top:0;line-height:1;font-size:1.5em;font-style:italic;color:#ccc;display:block;padding:10px 10px 10px 10px} div.blog-title-over a:hover{text-decoration:underline;background:url(../images/tran1.png) top left repeat;display:block;color:#fff} */ .fp-items{-moz-box-shadow: 0 0 5px rgba(0,0,0,0.25);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.25);box-shadow: 0 0 5px rgba(0,0,0,0.25) } div.socnet-pipes ul, div.blog-previews ul{clear:both;padding:10px 10px 0px 10px;background:rgba(255, 255, 255, 0.25);-moz-box-shadow: 0 0 5px rgba(0,0,0,0.25);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.25);box-shadow: 0 0 5px rgba(0,0,0,0.25) } div.socnet-pipes ul{padding:10px} div.blog-previews li{list-style:none;padding:0 0 10px 0} div.socnet-pipes li{margin-bottom:10px} div.socnet-pipes li.last{margin-bottom:0} div.socnet-pipes li, div.blog-previews li a, div.blog-previews li a:visited{display:block;padding:10px;background:#333;color:#888888;font-size:1.2em} #twitter li a{color:#58B6EF} #twitter .socnet-over, #twitter li a:hover, div.blog-previews li a:hover{color:#fff;border-color:#fff} a.r{color:#666} div#sub-nav{width:1100px;padding-top:300px;position:absolute;margin:0 auto} a#prev{display:block;position:fixed;left:60px;width:118px;height:127px;z-index:11;background:url(../images/leftarr2a.png) top left no-repeat;text-indent:-99999px} a#prev span.hover{display:block;position:absolute;left:0;top:0;width:118px;height:127px;z-index:10;background:url(../images/leftarr2ah.png) top left no-repeat;text-indent:-99999px} a#next{display:block;position:fixed;right:40px;width:118px;height:127px;z-index:10;background:url(../images/rightarr2a.png) top left no-repeat;text-indent:-99999px} a#next span.hover{display:block;position:absolute;right:0;top:0;width:118px;height:127px;z-index:10;background:url(../images/rightarr2ah.png) top left no-repeat;text-indent:-99999px} #webform-client-form-1{padding:0 0 50px 0} #webform-client-form-1 label{display:block;width:200px;float:left;padding-top:10px} #webform-client-form-1 input, #webform-client-form-1 textarea{width:285px;float:left;font-family:Georgia, Times, sans-serif;border:1px solid #ddd;color:#999;font-size:1.0em;padding:0.5em} div.resizable-textarea{float:left} #webform-client-form-1 .form-submit{width:auto;float:left;margin-left:430px;border:auto;padding:none;font-size:1.0em;clear:both;display:block;background:#fff;cursor:pointer} #webform-client-form-1 input.check{width:auto} #webform-client-form-1 div.description{float:right} div.services-page{margin-bottom:500px} div.dark{border:1px solid #111111} #alltabs li h4{margin:0;padding:0;position:absolute;left:0;width:60px;height:50px;cursor:pointer;top:0;text-indent:-1000em;background:none} #alltabs li {clear:none;margin:0;background:none} #tabs{position:relative;border:none;background:none} #alltabs li.cat-item h4{left:0;background:url(../images/cat_ico.png) top left no-repeat} #alltabs li.recent-item h4{left:60px;background:url(../images/recent_posts_ico.png) top left no-repeat} #alltabs li.tags-item h4{left:120px;background:url(../images/tags_ico.png) top left no-repeat} #alltabs li.com-item h4{left:180px;background:url(../images/recent_comments_ico.png) top left no-repeat} #alltabs li h4.active{background-color:#111} .cats{padding-top:50px} div.sbc{display:none} div.active{display:block} div.webform-component-textfield, div.webform-component-email, div.webform-component-textarea{clear:both;padding-bottom:5px;height:auto;float:left} div.item-list ul.pager li{float:left;display:block} div.item-list ul.pager{display:block;font-family:Georgia, Times New Roman, Times, serif;font-size:1.25em;text-align:center;padding-left:30px} ul.pager li {margin-right:10px;padding:10px} .pager li a, .pager li a:link {text-decoration: none; color: #666; } .pager li a:visited {text-decoration: none; color: #666} .pager li a:hover { color: #fff; background-color: #111} .pager li a:active {text-decoration: none; color: #097EA0} .pager .pages {color: #444; font-size:0.75em} .pager .pager-current {color: #097EA0} .pager .extend {} /*misc*/ div.thin-divider{border-bottom:2px solid #444;margin-bottom:1em} div.clear-block{clear:both;display:block} b,strong{font-weight:bold} .inline{display:inline} .left{float:left} .right{float:right} .right-align{float:right;text-align:left} .quote{color:#ddd;border-left:3px solid #ddd} .strike{text-decoration:line-through} .clear{clear:both} .clr{clear:both} .clrb{clear:both;display:block} span.new{color:red} div.node div.content{padding:0 2em 0 2em} div.offline-message{height:2em;padding:0.5em 0.5em 0 0.5em;margin:0 0 2em 0;color:#666;border:1px solid #eee;background: #eee} a.read-more{float:right;display:block;clear:both} span.required{font-size:0.8em;color:#ccc;text-transform:capitalize;font-style:italic} .row{margin-bottom:20px} div.links li{margin:0 0 0 1em} .clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0} .clearfix {display: inline-block} html[xmlns] .clearfix {display: block} * html .clearfix {height: 1%} #wrapper .cfocus{border:1px solid #666;color:#666} div.loading{background:url(../images/loader.gif) top left no-repeat;width:128px;height:15px;margin:0 auto} span.border { border:1px solid rgba(255,255,255,0.35); display:block; background:rgba(255,255,255,0.25); padding:10px; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.25);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.25);box-shadow: 0 0 5px rgba(0,0,0,0.25) } div.port-item{width:880px} span.border span.inner { display: block; position:absolute; top:0; left:0; border: 10px solid #fff; opacity: .5; } span.border div.port-item{} a.port{background:#000;display:block} div.img-bg{background:#000;display:block} span.border .sidebar-block span.inner { display: block; position: absolute; z-index: 0; top: -10px; left: 0; border: 10px solid #fff; opacity: .4; margin-left:0 } .brdr{border:10px solid #fff !important;opacity: 0.6 !important} .d-comments{min-height:300px} #wrapper h3.first{margin-top:0} #port-disp{padding:20px 0 0 0}