@font-face{font-family:'DejaVuSansCondensed'; src:url('fonts/DejaVuSansCondensed-webfont.eot'); src:local('☺ '),url('fonts/DejaVuSansCondensed-webfont.woff') format('woff'),url('fonts/DejaVuSansCondensed-webfont.ttf') format('truetype'),url('fonts/DejaVuSansCondensed-webfont.svg#webfont6cdtbCKn') format('svg'); font-weight:normal; font-style:normal}
@font-face{font-family:'DejaVuSansCondensedBold'; src:url('fonts/DejaVuSansCondensed-Bold-webfont.eot'); src:local('☺ '),url('fonts/DejaVuSansCondensed-Bold-webfont.woff') format('woff'),url('fonts/DejaVuSansCondensed-Bold-webfont.ttf') format('truetype'),url('fonts/DejaVuSansCondensed-Bold-webfont.svg#webfontF8m4EZVn') format('svg'); font-weight:normal; font-style:normal}
body{background-color:#666; color:#FFF; font-family:DejaVuSansCondensed,Arial,Helvetica,Sans-Serif; font-size:81%; margin:0; padding:0; text-align:center}
strong{font-family:DejaVuSansCondensedBold,Arial,Helvetica,Sans-Serif}
h1, h2, h3, .menu{}
h1{border-bottom:1px solid #8C8C8C; font-size:1.2em; font-weight:normal; margin-top:2%; padding-bottom:10px}
h2{font-size:1.2em; font-weight:normal; margin-top:0}
h3{font-size:1em; font-weight:normal}
p{margin-top:0; padding-top:0}
.two-third-col p, .one-third-col p{font-size:1.1em; line-height:145%}
img{border-width:0}
a img{border:medium none; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium}
a{color:White; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; text-decoration:none}
a:hover{text-decoration:underline}
blockquote{float:right; font-size:2.4em; font-style:italic; font-weight:normal; margin:0 0 0 24px; padding:10px 0 0; width:284px}
.container{margin:0 auto; position:relative; text-align:left; width:999px}
.title, .comment{border-bottom:1px solid #8C8C8C; margin-top:0px}
.row{clear:both; overflow:hidden}
.one-half-col{float:left; margin:0 2.5% 0 0; width:45%}
.one-third-col{float:left; margin:0 27px 0 0; position:relative; text-align:left; width:31.5%}
.two-third-col{float:left; margin:0 27px 0 0; width:65.5%}
.one-fourth-col{float:left; margin:0 2.5% 0 0; width:22.15%}
.one-sixth-col{float:left; margin:0 2.5% 0 0; width:14.5%}
.five-sixth-col{float:left; margin:0 2.5% 0 0; width:78%}
.no-margin{margin:0 !important}
.no-right-margin{margin-right:0 !important}
.menu{border-bottom:1px solid #8C8C8C; font-size:1.2em; font-weight:normal; list-style-type:none; margin:0 0 2%; padding:0}
.menu span{float:right; clear:right}
.menu.journal{    *padding-top:20px}
.menu.journal li{    overflow:hidden}
.menu.journal li a{display:block; float:left; clear:left}
.menu p{font-size:0.8em}
ul.menu input{padding-top:0}
.listsubs ul{border-bottom:1px solid #8C8C8C; font-weight:normal; list-style-type:none; margin:0 0 2%; padding:0}
.listsubs h3{cursor:pointer}
.listinfo{padding:13px 0 13px 0; border-bottom:solid 1px #8C8C8C}
.listinfo p{margin:0; padding:0}
.listpager{margin-top:20px}
.listdetails{padding-top:13px; text-align:justify}
.menu li, .listsubs li{border-top:1px solid #8C8C8C; padding:4px 0}
.clearing{clear:both}
.clickthru{border-top:1px solid #8C8C8C; padding-top:1%; text-align:right}
.clickthru a{color:White; text-decoration:none}
.clickthru a:hover{text-decoration:underline}
.footer{-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#161616 url(images/footer.jpg) no-repeat scroll left top; font-size:0.9em; margin-top:2%; padding:10px 0 1%; width:100%}
.caption{-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#000 none repeat scroll 0 0; bottom:0; min-height:50px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); opacity:0.8; position:absolute; width:315px; z-index:1; padding-top:10px; font-size:0.9em; letterSpacing:5px}
.caption h2{margin:5px 10px}
.caption p{display:none; font-size:0.9em; margin:5px 10px}
.caption:hover p{display:block}
.caption:hover p.stop{display:none}
.fade{opacity:0.8}
.fade:hover{opacity:1}
#tip{-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(images/white_arrow.png) repeat scroll 0 0; color:#444; display:none; font-size:12px; height:70px; margin-left:240px; padding:25px; width:160px; z-index:10}
.slider ul, .sliderWebsites ul, .sliderApps ul{height:220px; list-style-type:none; overflow:hidden; width:900px}
.slider ul li, .sliderWebsites ul li, .sliderApps ul li{margin-bottom:10px; overflow:auto}
.slider ul li img, .sliderWebsites ul li img{-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; height:208px}
.prev, .prevWebsites, .prevApps{float:left; margin:100px 0 0 -20px}
.next, .nextWebsites, .nextApps{float:right; margin:-110px -20px 0 0}
.nextWebsites, .nextPage{height:26px; margin-left:10px; width:10px}
.portfolioimage{width:315px; height:228px}
.featText{height:192px; overflow:hidden}
.formitem{background-color:#222; border:1px solid #FFF; color:#FFF; margin-bottom:5px; margin-top:5px; overflow:auto; padding:4px; width:270px}
.error{color:#DB1C24}
div.scroll{clear:none; float:left; height:210px; overflow:hidden; position:relative; width:900px}
div.scroll ul{list-style-type:none; margin:0; padding:0; position:absolute; width:20000em}
div.scroll ul li{float:left; width:310px}
div.scrollWrapper img.prevPage{float:left; margin-left:-20px; position:relative; top:100px}
div.scrollWrapper img.nextPage{float:right; margin-right:-20px; position:relative; top:100px}
div.scrollWrapper img.next{float:right; margin-right:-20px; position:relative; top:210px}
div.scrollWrapper img.prevPage.disabled, div.scrollWrapper img.nextPage.disabled, div.scrollWrapper img.next.disabled div.scrollWrapper img.prev.disabled{opacity:0.2}
h1{overflow:auto}
h1 span, h1 label{float:left}
h1 div.filter{display:none; float:right; font-weight:normal}
h1 div.filter span.type{border-right:1px solid #AAA; color:#AAA; padding:0 0.5em}
h1 div.filter span.type.selected{color:#FFF}
h1 div.filter span.type:hover{color:#FFF}
h1 div.filter span.type:last-child{border:medium none}
div.filtergrid{width:999px; overflow:hidden}
div.filtergrid ul{float:left; list-style-type:none; margin:0; padding:0; overflow:hidden; width:1026px}
div.filtergrid ul li{float:left}
div.filtergrid ul li.type{margin:0 27px 27px 0px; padding:0 0px 0px 0px; width:315px}
h1 div.filter{margin-right:10px}
.comment .header{font-size:1.2em; width:100%}
.date{color:#C4C4C4; margin-left:20px}
.comment p{padding-top:10px}
.cycle{margin:0; padding:0; height:230px; display:none}
.cycle li{list-style-type:none; margin:0px}
.twitter{margin:0; padding:0}
.twitter li, berror li{margin:0 0 10px 0; color:#B51518}
.twitter li span, berror li span{color:#FFF}
.two-third-col p a{font-weight:bold}