/* Import Google Fonts */ @import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200,300,400,700); /* Begin Typography & Colors */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;} body { line-height: 1; } ol, ul {list-style: none;} /* remember to define focus styles! */ :focus {outline: 0;} a{text-decoration:none;} /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0;} /* _____________________ End reset css ______________________*/ /*Colors Body = aba58a; Yellow = d9cb2e; */ body {background: #1b1b1b url(../images/bkgMain-new.jpg) repeat-x left top;font-size: 69%; font-family:Arial, Helvetica, sans-serif;padding:0;margin: 0; color:#aba58a;} p{font-size:1.1em; color:#ccc;text-decoration:none; margin-bottom:1em; line-height:1.6em; font-family:Arial, Helvetica, sans-serif;} ul{list-style-type:none; padding:5px;} ul li{list-style:none;background:url(../images/imgLi.png) no-repeat left 0.45em; padding-left:10px; color:#999; font-size:1.2em; line-height:1.4em; margin:0 0 10px 0;} ul li a{ color:#ccc; border-bottom:1px solid #666;} ul li a:hover{ color:#fff; border-bottom:1px solid #999;} a{color:#fff; border-bottom:1px solid #666;} a:hover{border-bottom:1px solid #999; color:#FFC} a:active, li:active{position:relative;} h1, h2, h3, h4, h5{ font-family: 'Yanone Kaffeesatz', arial, serif; font-weight:normal;} h1{font-size:2.6em; line-height:1.6em; margin-bottom:7px; color:#FFC; text-shadow: 1px 1px 1px rgba(0,0,0,0.8); font-family: 'Yanone Kaffeesatz', arial, serif; } h2{font-size:1.6em; line-height:1.5em; color:#000; font-weight:normal; text-shadow: 1px 1px 1px rgba(0,0,0,0.8)} h3{font-size:1.4em; line-height:1.5em; color:#ccff99; margin-bottom:4px; text-shadow: 1px 1px 1px rgba(0,0,0,0.8)} h3 a{color:#ccff99; border-bottom:1px solid #292612; } h3 a:hover{color:#aba58a; border-bottom:1px solid #aba58a;} h4{font-size:1.2em; line-height:1.5em; color:#000; margin-bottom:4px; font-weight:bold} /* @HEADER*/ #header{width:950px; padding:0 5px; height:170px; background:url(../images/bkgHeader.png) no-repeat center bottom; display:block; margin:0 auto;} div.intro{height:45px; width:946px; padding:0; margin:0 auto; clear:both; overflow:hidden;} div.intro h2{font-size:1.1em; line-height:45px; color:#555; font-style:italic; font-weight:normal; text-align:center; font-family:"Times New Roman", Times, serif;text-shadow: 1px 1px 0px rgba(0,0,0,0); } div.intro:hover h2 a{border-bottom:1px solid #777} div.intro h2 a{color:#999;text-transform:uppercase; margin:0px 4px; text-shadow: 1px 1px 0px rgba(0,0,0,0.7); font-style:normal; border-bottom:1px solid #444} div.intro h2 a:hover{ color:#ccff99; border-bottom:1px solid #ccc} /*LOGO*/ div#logo{width:430px; height:60px; float:left; padding-top:0; position:relative; top: 24px; } div#logo span{display:none} div#logo a{width:430px; height:60px; border:none;background:url(../images/logo.png) no-repeat left top;display:block} div#logo a:hover{background-position: left bottom !important;border:none;} /*Main Nav*/ div#mnav {width:332px; height:50px; float:right; position:relative; top:28px; } div#mnav ul{width:332px; height:50px; padding:0; margin:0;} div#mnav ul li{list-style:none; width:auto;height:50px;float:right; margin:0; background:none; padding:0;} div#mnav ul li a{text-decoration:none; float:left; border:none;} div#mnav ul li a span{display:none;} div#mnav ul li#portfolio a{list-style:none; width:121px;height:50px; display:block; background:url(../images/mnavPortfolio.png) left top;} div#mnav ul li#portfolio a:hover{background-position: left -50px;} div#mnav ul li#portfolio a.active{background-position: left bottom !important;} div#mnav ul li#about a{list-style:none; width:91px;height:50px; display:block; background:url(../images/mnavAbout.png) left top;} div#mnav ul li#about a:hover{background-position: left -50px;} div#mnav ul li#about a.active{background-position: left bottom !important;} div#mnav ul li#contact a{list-style:none; width:110px;height:50px; display:block; background:url(../images/mnavContacted.png) left top;} div#mnav ul li#contact a:hover{background-position: left -50px;} div#mnav ul li#contact a.active{background-position: left bottom !important;} /* @Container */ #container {margin:0 auto; text-align:left; padding:0; width: 960px;} /* --------------------------------------------------------------------------- */ /* ----- @PORTFOLIO CONTENT -----*/ #showcase{width: 960px; background:url(../images/imgPortfolioWelcome.png) no-repeat center top; height:390px; padding-top:16px; padding-bottom:10px; clear:both; color:#fff;} #containerPortfolio{width:100%; min-width:960px; height:auto; clear:both;} /* Portfolio Navigation */ #portfolioNav{height:33px; width:960px; margin:0 auto; position:relative; top:4px} #portfolioNav span{position:absolute; top:-35px; left:-25px; z-index:100; background:url(../images/imgPortfolioMenu.png); width:124px; height:41px; display:block;} #portfolioNav span span{display:none;} #portfolioNav ul{ height:33px; width:900px; position:relative; top:1px; left:7px; padding:0; margin:0;} #portfolioNav ul li span{display:none;} #portfolioNav ul li{font-size:1.3em; font-family: 'Yanone Kaffeesatz', arial, serif; line-height:31px; font-weight:normal; background:url(../images/snavPortfolio_years.png) left top; width:69px; height:33px; display:block; padding:0; border:none; float:left;cursor:pointer; margin:0 1px 0 0; text-align:center; color:#ccc; text-shadow: 1px 1px 0px rgba(0,0,0,0.4);} #portfolioNav ul li:hover{ background:url(../images/snavPortfolio_years.png) left -33px; color:#efefef;} #portfolioNav ul li.selected{ background:url(../images/snavPortfolio_years.png) left bottom !important; color:#333; text-shadow: 1px 1px 1px rgba(0,0,0,0); cursor:default;} /* Portfolio Title */ h1.title{ color:#ffffcc; font-size:26px; margin-bottom:0; position:relative; top:-7px;} h1.title a{color:#ffffcc; text-decoration:none; border:none;} h1.title a:hover{color:#fff; text-decoration:none; border:none;} h1.title span{color:#fff; position: absolute; right:7px; font-size:20px; font-weight:bold} /* Easy Slider */ #sliderWrapper{ width:440px;height: 260px;padding:13px;background:url(../images/bkgPortfolioItem.png) no-repeat;float:left; margin-right:15px; position:relative; left:-2px;} #slider{ width:440px;height: 260px; padding:0px;overflow:hidden;} #slider ul{margin:0;padding:0; width:440px;height:260px;overflow:hidden;} #slider li{width:440px;height:260px;list-style:none;padding:0; margin:0;} /* numeric controls */ ol#controls{margin:0 auto; position:relative; padding-left:190px; top:20px;} ol#controls li{margin:0 2px 0 0;padding:0;float:left;list-style:none;height:20px;width:20px;} ol#controls li a{float:left;height:20px;width:20px;display:block;background:url(../images/easySlider.png) no-repeat -20px top; text-decoration:none; border:none;} ol#controls li a:hover{ background-position:-41px top;} ol#controls li.current a{background-position:left top !important; color:#fff; border:none; } ol#controls li a:focus{outline:none;} ol#controls li a:active{background-position:-62px top;} /* --------------------------------------------------------------------------- */ /* ----- @PORTFOLIO -----*/ #portContent{float:right; width:460px; position:relative; top:8px; right:10px; } #showcase p{font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; color:#ccc; text-align:justify; padding:1px; padding-right:10px; text-shadow: 1px 1px 1px rgba(0,0,0,0.8)} #showcase p.details{font-size:11px; text-transform:uppercase; line-height:13px; color:#fff; background:url(../images/hr.png) repeat-x left top; padding-left:2px; padding-top:14px; margin-top:10px; } #showcase p.details span{ color:#ccff99; font-weight:normal; font-family:"Times New Roman", Times, serif; padding-right:5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.8)} #showcase p a{ color:#fff; border-bottom:1px solid #666; text-decoration:none; text-shadow: 1px 1px 1px rgba(0,0,0,.7);} #showcase p a:hover{ color:#FFC; border-bottom:1px solid #999;} #portContent #launch{background:url(../images/hr.png) repeat-x left top; margin-top:10px;padding-top:8px; font-family:Arial, Helvetica, sans-serif; } #portContent #launch a{ background: url(../images/btnLaunch.gif) no-repeat left top; width:134px; height:31px; display:block; text-decoration:none; clear:both; color:#dbb8ff; border:none;font-size:11px; line-height:27px; text-transform:uppercase; text-align:center;color:#fff; text-indent:-9999px } #portContent #launch a:hover{ background: url(../images/btnLaunch.gif) no-repeat left bottom; color:#fff; border:none;} /*#portContent #launch a:active{ position:relative; top:0px; background: url(../images/btnLaunch.gif) no-repeat center bottom !important; color:#fff; border:none;}*/ .portExtras{background:url(../images/hr.png) repeat-x left top; clear:both; position:relative; top:20px; margin:0 auto; margin-top:10px; padding-top:10px; width:980px; } /* Portfolio Filter */ div.filter{width:960px; clear:both; margin:0 auto; padding:15px 0px; background:url(../images/imgFilter.png) no-repeat 10px center; position:relative; top:-1px; border-top:1px solid #efefef; } div.filter ul{ width:700px; height:24px; margin:0; padding:0 15px; margin-left:80px;} div.filter ul li{font-weight:normal; color:#999; line-height:24px; font-size:1em; float:left; padding-left:18px; padding-right:18px; border-right:1px solid #efefef; margin-right:16px; cursor:pointer; text-transform:uppercase; background:url(../images/imgFilter_off.jpg) no-repeat left center} div.filter ul li#last{ border-right:0px solid #efefef; } div.filter ul li:hover{cursor:pointer; color:#000; background:url(../images/imgFilter_off.jpg) no-repeat left center} div.filter ul li.selected{font-weight:normal; background:url(../images/imgFilter_on.jpg) no-repeat left center; color:#000; font-weight:bold} #portfolioWrapper, #wrapper{height:auto; min-width:960px; width:100%; margin:0 auto; padding:30px 0; background:#fff url(../images/bkgMiddleWhite.jpg) repeat-x; clear:both; border-bottom:3px solid #333;border-top:3px solid #333;} #portfolioWrapper #items{width:960px; height:auto; margin:0 auto; padding:0; background: url(../images/imgLine.jpg) center top repeat-y} /* --------------------------------------------------------------------------- */ /* ----- @PORTFOLIO ITEM -----*/ #portfolioWrapper #items div{ padding:15px; margin:0; float:left; border-bottom:1px solid #efefef; background:none; color:#333; width:449px; margin-right:1px; cursor:pointer;} #portfolioWrapper #items div .preview{position: relative; width: 88px; height: 88px; padding:2px; float: left; background:#fff; border:1px solid #dedede; float:left; position:relative; margin-right:10px;} #portfolioWrapper #items div .preview img{border:1px solid #fff; width:86px; height:86px;} #portfolioWrapper #items div .preview span{width: 57px;height: 57px;display: none;position: absolute;top: 2px;left: 2px;background: url(../images/imgViewing.png) no-repeat;} #portfolioWrapper #items div h3{ font-size:1.9em; line-height:1.5em; margin-bottom:2px; margin-top:0; text-transform:none; color:#333; font-weight:normal; text-shadow:none;} #portfolioWrapper #items div h3 a{color:#333; text-decoration:none; border-bottom:none} #portfolioWrapper #items div p{ font-size:0.9em; line-height:1.6em; color:#666; margin-bottom:0.2em; text-transform:uppercase} #portfolioWrapper #items div p span{color:#999;font-size:1em; font-family:"Times New Roman", Times, serif; padding-right:5px;} /*Portfolio Hover*/ #portfolioWrapper #items div:active{position:relative;} #portfolioWrapper #items div:hover{} #portfolioWrapper #items div:hover .preview{border:1px solid #999;} #portfolioWrapper #items div:hover h3 a{ color:#000; text-decoration:underline} #portfolioWrapper #items div:hover p{color:#000;} /* Portfolio Selected*/ #portfolioWrapper #items div.selected{ cursor:default;/*background:#efefef;-moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px;*/} #portfolioWrapper #items div.selected .preview{ background:#ccc; border:1px solid #ccc;} #portfolioWrapper #items div.selected h3 a{color:#fff; background:#999; text-decoration:none; padding:2px 5px; text-shadow: 1px 1px 1px rgba(0,0,0,.5); -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px;} #portfolioWrapper #items div.selected p{color:#333; text-decoration:none;} #portfolioWrapper #items div.selected .preview span{display:block; } #portfolioWrapper #moreDetails{width:100%; margin:10px auto; padding:10px 0; border-top:0px solid #ccc; clear:both} #portfolioWrapper #moreDetails{color:#666; text-transform:uppercase; font-size:1.1em} #portfolioWrapper #moreDetails a{color:#50b7b6; font-weight:bold} #portfolioWrapper #moreDetails a:hover{color:#333;} /* GLOBAL SUB */ #contentContainer{width:960px; clear:both; padding:10px 0; margin:0 auto;} #left{width:600px; float:left; padding:5px;} #left p {font-size:1.2em; padding:2px;} #left p span{font-family:"Times New Roman", Times, serif; color:#fff;} /* --------------------------------------------------------------------------- */ /* ----- @CONTACT -----*/ #contact{width:560px; padding:0 20px; height:333px; float:left; background:url(../images/imgMap.png) right 10px no-repeat} #contact p{color:#fff; font-size:1.1em;} #contactForm{ width:960px; clear:both; margin:0 auto;} #contactForm h2{text-shadow:none; font-size:2.5em;} #contactForm p{color:#333;} form input, form textarea{font-family:Arial, Helvetica, sans-serif; padding:5px; font-size:1.2em; color:#333; background:#efefef; border:1px solid #ccc; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;} form input:hover, form textarea:hover{border-color:#666;} form label{color:#666; font-weight:bold; font-size:1em; line-height:1.5em; text-transform:uppercase; padding-bottom:10px; padding:3px;} .submit{border: 1px solid #333;text-align: center;background: #666;font-size:1em;color:#fff;text-transform:uppercase;font-weight:bold; padding: 8px 12px;margin: 10px 0;-moz-border-radius: 6px;-khtml-border-radius: 6px;-webkit-border-radius: 6px;cursor:pointer;} .submit:hover{border: 1px solid #333;text-align: center;background: #333;font-size:1em;color:#FFC;} /* --------------------------------------------------------------------------- */ /* ----- @ABOUT -----*/ #work-history{width:290px;height:auto; padding:10px 0; margin-bottom:0; float:left; position:relative;} #work-history ul#timelineNav {clear:both; padding:2px; width:260px; height:40px; margin:0; border-bottom:1px solid #333;} #work-history ul#timelineNav li{width:auto; float:left; list-style:none; background:none; padding:1px 8px;font-family: 'Yanone Kaffeesatz', arial, serif; color:#999; font-size:1.4em; cursor:pointer; margin-right:5px;} #work-history ul#timelineNav li:hover{ color:#fff; } #work-history ul#timelineNav li.selected{color:#000; text-shadow: 1px 1px 0px rgba(255,255,255,1); cursor:default; background:#ccff99; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #historyWrapper{width:290px; height:400px;overflow:hidden; padding:0; position:relative;clear:both; } #history{padding:0; width:5000px; height:400px;clear:both; position:relative;} #history h2{color:#fff; font-size:1.8em; margin-bottom:5px; text-transform:uppercase; font-weight:normal} #history a, #history h2 a{color:#fff; border:none;} #history a:hover{color:#FFC; border:none;} #history p{line-height:1.6em; } #work-history h1{font-size:2.1em; line-height:1.6em; position:relative; left:5px; top:4px;} /* Work Entries */ #history .entry2010{padding:10px 5px; width:250px; height:auto; position:absolute; left:0;} #history .entry2007{padding:10px 5px; width:250px; height:auto; position:absolute; left:400px;} #history .entry2005{padding:10px 5px; width:250px; height:auto; position:absolute; left:800px;} #history .entry2002{padding:10px 5px; width:250px; height:auto; position:absolute; left:1200px;} #history .related{padding:10px 0; margin-top:5px; position:relative; top:-2px;} #history .related p{color:#666; font-size:1.5em; line-height:1.8em; margin:0; padding:0; font-family: 'Yanone Kaffeesatz', arial, serif;text-shadow: 1px 1px 0px rgba(0,0,0,1);} #history .related ul{ width:auto; list-style:none;} #history .related ul li{float:left; width:50px; height:50px; margin: 0 5px 5px 0; padding:1px; background:#000; border:1px solid #666;} #history .related ul li a{width:52px; height:52px; } #history ul{padding:0; margin:0;} #history ul li{ color:#efefef; font-size:1.1em; background-position:0 0.5em;} #about-info{width: 100%; /* Really 330px */ margin:0; float:left; clear:both; padding:0 0 20px 0;} #about-info #details{width:580px; float:left; padding:0 0 0 20px;} #about-info p{ font-size:1.2em;} #about-info a{color:#FFC;} #about-info a:hover{ color:#ccc;} #about-info h3{font-family: 'Yanone Kaffeesatz', arial, serif; font-size:2em;} .imgAbout{padding:6px; background:#fff; border:1px solid #666; margin: 2px 15px 5px 0;} #follow{width:560px; padding:10px 5px; margin:10px 0 0 0; border-top:1px solid #333;} /* Follow Me Links */ ul#socialFollow{font-size:1em; float:left;color:#666; background:none;padding:2px 2px;} ul#socialFollow li{background:none; font-family: 'Yanone Kaffeesatz', arial, serif; font-weight:normal;line-height:33px; font-size:1.7em; text-transform:none; float:left; margin:0; padding:0 0 10px 2px; margin-bottom:10px; width:auto;} ul#socialFollow li a{border:none; display:block; padding:0; color:#ccc; margin:0 20px 0 0; height:32px; padding-left:40px;text-shadow: 1px 1px 0px rgba(0,0,0,0.7); width:auto;} ul#socialFollow li a:hover{} ul#socialFollow li.linked a{ background:url(../images/icon-linkedin.png) no-repeat left top; } ul#socialFollow li.facebook a{background:url(../images/icon-facebook.png) no-repeat left top;} ul#socialFollow li.twitter a{background:url(../images/icon-twitter.png) no-repeat left top;} /*Knowledge*/ #knowledgediv{width:440px; float:left; margin-left:20px;} #knowledgediv p, #servicesdiv p{font-size:1.2em;} #knowledgediv a, #servicesdiv a{color:#000; font-weight:bold;} #knowledgediv a:hover, #servicesdiv a:hover{color:#666;} #knowledgediv ul{ padding:0;} #knowledgediv ul li{font-size:1.1em; line-height:1.6em; color:#666; background:url(../images/imgBullet-check.jpg) no-repeat; padding-left:27px; float:left; margin:10px 0px; width:180px; } #knowledgediv ul li.beginner{color:#888; background-position:left -201px; } #knowledgediv ul li.intermediate{color:#555; background-position:left -101px; } #knowledgediv ul li.expert{color:#222; background-position:left 1px;} #knowledgediv ul li:hover{color:#cc0000;color:#000; cursor:default} #knowledgediv ul li a{ border-bottom:1px solid #f7f7f7; color:#555;} #knowledgediv ul li a:hover{ border-bottom:1px solid #ccc; color:#555;} #servicesdiv{width:440px; float:right;} #servicesdiv ul.services{width:200px; float:left;} #servicesdiv ul.services li{float:none; color:#333; font-size:1.1em; padding:2px 0 5px 14px; margin:10px 0; background: url(../images/imgBullet.png) no-repeat left 0.45em; cursor:default} #servicesdiv ul.services li.title{float:none; color:#000; background:none; padding:0; font-size:1.2em; font-weight:bold; padding:0;} /*nav & bottom half */ #containerAbout{width:100%; height:auto; clear:both;} #aboutNav{height:33px; width:960px; margin:0 auto; position:relative; top:1px} #aboutNav ul{ height:auto; width:900px; position:relative; top:1px; left:0; padding:0; margin:0; clear:both;} #aboutNav ul li{float:left; width:146px; height:33px; line-height:33px; cursor:pointer; margin:0 1px 0 0; background:none; padding:0; border:none;} #aboutNav ul li span{display:none;} #aboutNav ul li{ background:url(../images/snavAbout.png) left top; width:146px; display:block; text-align:center; color:#999;text-shadow: 1px 1px 1px rgba(0,0,0,.7);} #aboutNav ul li:hover{ background:url(../images/snavAbout.png) left -33px; color:#efefef;} #aboutNav ul li.selected{ background:url(../images/snavAbout.png) left bottom !important; color:#333; text-shadow: 1px 1px 1px rgba(0,0,0,.0);} /*Work History & Services*/ #aboutWrapper #items{ width:960px; height:auto; margin:0 auto; padding:0;/* background: url(../images/imgLine.jpg) center top repeat-y*/} #aboutWrapper #items div#workdiv,#aboutWrapper #items div#servicesdiv{width:960px; height:auto; margin:0 auto; padding:0; clear:both; display:none} #aboutWrapper #items div div{width:434px; float:left; padding:5px 13px 26px 13px;} #aboutWrapper #items div div.ecentric{ background:url(../images/logo-ecentric.png) no-repeat right bottom} #aboutWrapper #items div div.amd{ background:url(../images/logo-amd.png) no-repeat right bottom} #aboutWrapper #items div div.cbc{ background:url(../images/logo-cbc.png) no-repeat right bottom} #aboutWrapper #items div div.mm{ background:url(../images/logo-mm.png) no-repeat right bottom;} #aboutWrapper #items div div.divider{height:5px; overflow:hidden; background:none; /*border-top:1px solid #efefef;*/ width:100%; line-height:1px; font-size:1px; padding:0; margin:0;} #aboutWrapper #items div div h3{color:#009999; font-size:1.5em; text-shadow:none} #aboutWrapper #items div div h3 a{text-decoration:none; border:none; color:#009999;} #aboutWrapper #items div div h3 a:hover{color:#666;} #aboutWrapper #items div p{color:#333; font-size:1.1em;} #aboutWrapper #items div div ul{ padding:2px;} #aboutWrapper #items div div ul li{font-size:1.1em;margin-bottom:1em; line-height:1.5em; color:#666; background:url(../images/imgCheck.png) no-repeat left -0.1em; padding-left:23px;} #aboutWrapper #items div div.knowledgeUL ul li{font-size:1.2em;margin-bottom:1em; line-height:1.5em; color:#666; background:url(../images/imgCheck.png) no-repeat left -0.05em; padding-left:23px; margin:6px 18px 6px 0;} #aboutWrapper #items div div.knowledgeUL ul li a{ border-bottom:1px solid #f7f7f7; color:#555;} #aboutWrapper #items div div.knowledgeUL ul li a:hover{ border-bottom:1px solid #ccc; color:#555;} #aboutWrapper #items div div#moreServices{ width:100%; clear:both;} #aboutWrapper #items div div#moreServices a{ color:#09C; border-bottom:1px solid #ccc;} #aboutWrapper #items div div#moreServices a:hover{ color:#333; border-bottom:1px solid #999;} /* --------------------------------------------------------------------------- */ /* ----- @BLOG -----*/ #notebookContainer{width:990px; clear:both; padding:10px 5px;} #notebookContainer h1{font-size:1.5em; color:#C96; background:url(../images/ttlNotebook.png) no-repeat; width:300px; height:40px;} #notebookContainer h1 span{display:none;} #notebookContainer .articles{width:990px; margin:0 auto;} #notebookContainer .article{width:300px; height:auto; float:left; padding:0 5px 15px 5px} #notebookContainer .selected{margin: 0 30px 0 30px;} #notebookContainer h2{font-size:1.6em; color:#fff; font-weight:normal;} #notebookContainer h2 a{color:#fff; border-bottom:1px solid #676145} #notebookContainer h2 a:hover{color:#fff; border-bottom:1px solid #181501} #notebookContainer .article a:hover{color:#fff;} #notebookContainer .article p{color:#aba58a; font-size:1.2em;} #notebookContainer .article p.comments{ font-size:1em; font-style:italic; color:#9e9a78; margin:0; padding:0; margin-top:0px; margin-bottom:0px; text-align:left} #notebookContainer .article p.comments span{color:#fff;} .article a{color:#00a7a9;} #notebookContainer .article .previewImage{width:302px; height:222px; border:2px solid #3d3925; margin:18px 0 10px 0 ; position:relative; top:-4px; left:-4px;} #notebookContainer .article .previewImage img.preview{display:block;width:300px; height:220px;border:1px solid #676145;} #notebookContainer .article:hover .previewImage span.date{background:#333;} #notebookContainer .article:hover .previewImage span.date p span.day{color:#fff} #notebookContainer .article .previewImage span.date{position:absolute; bottom:0px;right:0px;padding:0;border:1px solid #676145;background:#50b7b6;width:40px;text-align:center;} #notebookContainer .article .previewImage span.date p{margin:0; padding:0; text-transform:uppercase} #notebookContainer .article .previewImage span.date p span.month{ font-size:0.9em; color:#fff; clear:both} #notebookContainer .article .previewImage span.date p span.day{ font-size:1.6em; line-height:0.8em; color:#007374; clear:both} #portfolioWrapper #archive{width:980px; height:auto; margin:0 auto; padding:0; clear:both; background: url(../images/imgLineNotebook.png) left top repeat-y} #portfolioWrapper #archive a:hover{color:#9e9a78;} #portfolioWrapper h1{font-size:1.3em; color:#C96; background:url(../images/ttlFromArchives.png) no-repeat; width:250px; height:50px; clear:both} #portfolioWrapper h1 span{display:none;} #portfolioWrapper #archive .entry{width:310px; height:auto;border-bottom:1px solid #efefef; float:left; padding:8px 7px 8px 8px; margin:0;} #portfolioWrapper #archive .entry img{width:80px; height:65px; float:left; position:relative; background:#ccc; padding:1px; border:2px solid #efefef; margin-right:10px;} #portfolioWrapper #archive .entry p{color:#9e9a78; font-size:0.9em; text-transform:uppercase; margin:5px 0} #portfolioWrapper #archive .entry a:hover img{background:#999;} #portfolioWrapper #archive h2{font-size:1.2em; line-height:1.4em; color:#333; font-weight:normal;} #portfolioWrapper #archive h2 a{color:#666;} #portfolioWrapper #archive h2 a:hover{color:#000;} /* --------------------------------------------------------------------------- */ /* ----- @FOOTER -----*/ #footer{width:100%; min-width:960px; height:auto; overflow:hidden; background: #282828 url(../images/bkgFooter.gif) repeat-x center bottom; margin:0; padding:10px 0 15px 0; border-top:1px solid #000; } #footer #footerContent{width:960px; height:auto; padding:14px 0 0 0; margin:0 auto; } #footer #footerContent p{color:#999; font-size:1em; line-height:1.6em} #footer #footerContent a{ text-decoration:none; color:#fff; border:none; text-shadow: 1px 1px 1px rgba(0,0,0,.8);} #footer #footerContent a:hover{color:#ccc;border:none;} #footer #footerContent h3{font-family: 'Yanone Kaffeesatz', arial, serif; font-weight:normal; color:#FFC; font-size:1.6em; margin:0; padding:0;} #footer #footerContent h3 a{border:none; color:#CF9} #footer #footerContent h3 a:hover{border:none; color:#fff} #footer #footerContent .img{float:left; width:148px;} #footer #footerContent .aboutImg{ z-index:99; position:relative; top:-10px; left:-7px;} #footer #footerContent .aboutText{float:left; width:285px;} #footer #footerContent p.learnMore{width:100px;height:26px; padding:0; margin:0; /*font-size:1.4em; font-family: 'Yanone Kaffeesatz', arial, serif; font-weight:200;*/} #footer #footerContent p.learnMore a{margin:0; background:#666; color:#ccc; border:1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration:none; border:none; text-transform:uppercase; font-size:0.9em;text-align:center; display:block; width:100px; height:26px; line-height:26px;} #footer #footerContent p.learnMore a:hover{ /*background:#666; color:#fff;*/} #footer #footerContent p.learnMore a:active{ /*background:#666; color:#ccc; position:relative; */top:1px; } /* ABOUT & MARKETPLACE*/ #footer #footerContent #aboutme{float:left;width:450px;padding:16px 0;height:auto; margin-left:10px; padding-bottom:10px} #footer #footerContent #marketplace{float:right;width:480px;padding:16px 0;height:auto; margin-right:10px; background:url(/images/bkgApps4Sale.png) no-repeat 93px 18px;} #footer #footerContent #marketplace h2,#footer #footerContent #aboutme h2{ font-family: 'Yanone Kaffeesatz', arial, serif; font-weight:normal; color:#FFC; font-size:2.1em; text-transform:none; margin-bottom:10px; text-shadow: 1px 1px 1px rgba(0,0,0,.8);} #footer .marktetDiv{width:230px; float:left; padding:0 7px 0 0; } #footer #footerContent h2 span{display:none;} /* TWITTER */ #footer #footerContent #followMe{height:61px;width:960px; margin:0 5px; background:url(../images/imgTwitter.png) left center no-repeat; position:relative; top:-8px;} #footer #footerContent #followMe a{width:250px; height:60px; display:block; text-indent:-9999px; display:block; text-decoration:none; border:none} #footer #twitter{height:auto;width:900px; margin:0 5px; padding:0; padding-left:50px; padding-bottom:15px; position:relative; top:-22px;} #footer #footerContent #twitter ul li {margin: 0;padding:0 11px; background:none; font-size:1em; line-height:1.4em; color:#ccc; list-style-type:none; background:none; font-family:Arial, Helvetica, sans-serif; float:left; width:260px;} #footer #twitter ul li span {/* tweet content */display: block;} #footer #twitter ul li span a {/* links in tweet content */ color: #86d7ed; background:none;} #footer #twitter ul li a {/* timestamp link */ color: #FFC;text-decoration:none; border:none} #footer #twitter ul li a:hover {/* links in tweet content */ color: #ccc;} #footer #twitter ul li .tweet_time{margin-top:5px; font-family:"Times New Roman", Times, serif; font-size:1.1em; } #footer #twitter ul li .tweet_time a{color:#777} #footer #twitter ul li .tweet_time a:hover{color:#fff} /* RECENT POSTS*/ #footer #recent ul{padding-top:4px;} #footer #recent ul li{font-size:1em;margin-bottom:1em; line-height:1.5em; color:#666; background:url(../images/imgBullet.png) no-repeat left 0.25em; padding-left:13px; } #footer #recent ul li a{border-bottom:0px solid #9f9666; text-transform:uppercase; color:#ccc; text-decoration:none; } #footer #recent ul li a:hover{ border-bottom:0px solid #e2dcbe; color:#fff; } /* SEARCH */ #footer #search{ background:url(../images/bkgSearch.png) no-repeat; width:220px; height:28px; margin:10px 0;} #footer #search form{padding:0; margin:0; padding:5px; height:20px;} #footer #search input{ background:none; border:none; height:20px; width:187px; color:#e2dcbe; padding-left:3px; float:left; font-size:1.1em;} #footer #search input.submit{ background:url(../images/imgSearch.png); border:none; padding:2px 0; width:16px; height:16px; cursor:pointer} #footer #search input.submit:hover{ background:url(../images/imgSearch_on.png);} /* COPYRIGHT AREA */ #copyright{width:100%; min-width:960px; height:50px; padding:15px 0px; background:url(../images/bkgFooter-copy.gif) repeat-x center top} #copyright .container{ width:960px; margin:0 auto;} #copyright #left{width:400px; float:left;} #copyright #right{width:400px; float:right;} #copyright #right p{text-align:right;} #copyright p{clear:both;font-size:1em; float:left; color:#999;} #copyright a{color:#999; border:none;} #copyright a:hover{color:#fff; text-decoration:none} #copyright #left ul{padding:15px 0 0 0; clear:both} #copyright #left ul li{font-size:1em; float:left;color:#555; background:none; padding:0 12px 0 0; text-shadow: 1px 1px 1px rgba(0,0,0,.4); } #copyright #left ul li.firstItem { padding: 0 8px 0 0 ; } #copyright #left ul li.firstItem:before { content: ""; } #copyright #left ul li:before { content: "\0020\0020\/ \0020 \0020"; padding-right:8px; color:#444; } /* @ Social Boomarks */ ul#social{font-size:1em; float:right;color:#666; background:none; width:300px; padding:10px 10px 10px 0; height:48px} #copyright ul#social li{background:none; padding:0 0 0 0; font-size:1.1em; text-transform:uppercase; float:right; margin:0; margin-left:10px;} ul#social li a{ display:block; padding:0; margin:0; width:32px; height:32px; border:none; text-indent:-9999px; border:none} ul#social li.linked a{ background:url(../images/icon-linkedin.png) no-repeat left top;} ul#social li.facebook a{ display:block; padding:0; margin:0; background:url(../images/icon-facebook.png) no-repeat left top; width:32px; height:32px; border:none; text-indent:-9999px; border:none;} ul#social li.twitter a{ display:block; padding:0; margin:0; background:url(../images/icon-twitter.png) no-repeat left top; width:32px; height:32px; border:none; text-indent:-9999px; border:none;} ul#social li.email a{ display:block; padding:0; margin:0; background:url(../images/icon-email.png) no-repeat left top; width:32px; height:32px; border:none; text-indent:-9999px; border:none;} /*MISC*/ .rollover{ cursor:pointer;} .spacer{ height:10px; clear:both; display:block} .hand{cursor:help;} .black{color:#000;} .red{color:#C00;} .green{color:#ccff99;} .white{color:#fff;} .last{border:none;} .clear {clear: both;height: auto; overflow: hidden; width:100%; padding:0; margin:0;} /* Horizontal Rule */ div.hr{border:0;width:100%;height:11px;margin:0; margin-top:2px; margin-bottom:6px;padding:0;background:url(../images/hr.png) repeat-x; clear:both;} div.hr hr{display: none;} /* Begin Form Elements */ #searchform { margin: 10px auto; padding: 5px 3px; text-align: center; } #sidebar #searchform #s { width: 108px; padding: 2px; } #sidebar #searchsubmit { padding: 1px; } .entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; } select { width: 130px; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform { margin: 5px 10px 0 0; } #commentform textarea { width: 100%; padding: 2px; } #respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #commentform #submit { margin: 0 0 5px auto; float: right; } /* End Form Elements */ /* Begin Comments*/ .alt { margin: 0; padding: 10px; } .commentlist { padding: 0; text-align: justify; } .commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; } .commentlist li ul li { margin-right: -5px; margin-left: 10px; } .commentlist p { margin: 10px 5px 10px 0; } .children { padding: 0; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } /* End Comments */ /* Begin Sidebar */ #sidebar{width: 290px;/* Really 330px */ min-height:460px; background:url(../images/bkgSidebar.png) no-repeat left top; margin-top:0px; padding-left:40px; float:right} #sidebar .entry{ width:280px; float:left; padding:12px 3px; background:url(../images/hr.png) left bottom repeat-x} #sidebar .last{ background:none;} #sidebar p{ font-size:1.1em;} #sidebar a{color:#FFC;} #sidebar a:hover{ color:#ccc;} #sidebar h3{font-family: 'Yanone Kaffeesatz', arial, serif; font-size:2em;} /* #sidebar h3{width:127px; height:30px; display:block;} #sidebar h3 span{display:none} #sidebar h3.education{background:url(../images/ttlSprite.png) left top;} #sidebar h3.hire{background:url(../images/ttlSprite.png) left -89px;} #sidebar h3.follow{ background:url(../images/ttlSprite.png) left -48px;} */ /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } .hidden { display: none; } .screen-reader-text { position: absolute; left: -1000em; } a img { border: none; } img.alignleft{float:left; margin-right:10px; margin-bottom:10px;} /* End Various Tags & Classes*/ /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* End captions */