@charset "utf-8";
/* CSS Document */

*{padding:0; margin:0; border:0; text-decoration:none; list-style-type:none;}
body{font-family:Arial, Helvetica, sans-serif; font-size:90%; background: #000;}


/* --- LINKS --- */
p{clear:both; padding:10px;}
a:link, a:active, a:visited{color:#555;}
a:hover{text-decoration:none; color:#666;}
img a {border:none;}



/* --- TASK BAR  --- */
#taskbar{z-index:3; margin:0 auto; margin-top:15px; position:fixed; overflow:auto; top:0; width:100%;}
#taskbar-center{ margin:0 auto; font-size:0.7em; height:60px;  background:url(../images/black-tile.png);
 -moz-border-radius-topright:30px; -webkit-border-top-right-radius:30px;  -moz-border-radius-bottomright:30px; -webkit-border-bottom-right-radius:30px; margin-right:10px;
 border:1px solid #222;}
#nav-list{float:right; margin-right:80px;}
#taskbar a{ color:#666; padding:23px;text-decoration:none; display:block; width:70px; float:left; text-align:center; }
#taskbar a:hover{color:#fff; background:#111;}
.logo{  position: fixed; top:0; left:0; z-index:4;}
.backtotop{z-index:4; position:fixed; right:0; top:0; padding:30px; margin-right:5px;}



/* --- HOME --- */
.news{background: url(../images/white-tile.png);  -webkit-border-radius: 15px; -moz-border-radius: 15px; color:#555; padding:5px 10px 5px 10px; display:block;font-size:0.75em; clear:both;  margin:10px 0px 15px 0px;}
.news-title{font-weight:bold; padding-right:5px; color:#555; text-transform: uppercase;}
.news-date{font-style:italic; padding-right:20px;}
.quicklink{border-left:1px solid #333; padding-left:10px; padding-right:10px;}
#home{width:1000px; min-height:1200px; margin:0 auto; }
#home-container{ margin-top:115px; padding:15px 15px 0px 15px; float:left; width:900px;  background: url(../images/black-tile.png);-webkit-border-radius: 5px; -moz-border-radius: 5px; }
#home-work, #home-about, #home-contact{border:1px solid #111;font-size: 0.8em; float:left; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color:#000; width:291px; height:170px; margin-bottom:10px;}
#home-about{background-image:url(../images/about.jpg); }
#home-work{background-image:url(../images/work.jpg); margin-left:10px;}
#home-contact{background-image:url(../images/contact.jpg); margin-left:10px;}
.home-button{cursor:pointer; display:block; font-size:0.9em; font-weight:bold; padding:10px 0px 10px 10px; background: url(../images/home-box.jpg) #000 repeat-x; color: #fff; margin-top: 138px; 
-moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;
filter:alpha(opacity=70);  opacity:0.70;}
.home-button:hover{filter:alpha(opacity=95);  opacity:0.95;}




#latest{height:410px;}
#buttonPrev {filter:alpha(opacity=80);  opacity:0.80; background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; float:left; height:650px;   width:25px; cursor:pointer;}
#buttonNext {background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; float:left; height:650px; width:25px; cursor:pointer;}
#buttonPrev:hover, #buttonNext:hover{} 
#slideShow { height:400px; overflow:hidden; width:900px; position:relative; }	
#slides {height:400px;	position:relative; }		
.slide { display:inline; height:400px; float:left;}
.boxgrid{ width: 900px; height: 550px;	 overflow: hidden; position: relative;}
.boxcaption{color:#fff; padding:18px; float: left; position: absolute; background-image:url(../images/black-tile.png);	height: 40px;  width:865px; }
.latest-title{font-size:0.7em; font-weight:bold; padding:10px; color: #fff; text-transform: uppercase;}
.latest-description{font-size:0.7em; font-weight:lighter; padding:10px; color: #777;}





/* --- ABOUT --- */
.about-icon {float:left; margin-top:-10px; margin-right:10px;}
#about{padding-top:120px;  clear:both;  background-repeat:no-repeat; background-position:right;}
#about2{padding-top:100px;}
#about-container{clear:both; width:975px; margin:0 auto;  background-color:#111; border:10px solid #111; -webkit-border-radius: 25px; -moz-border-radius: 25px;}
#about-intro{ margin:0 auto;  background-color: #111; 
-moz-border-radius-topleft:15px; -webkit-border-top-left-radius:15px; -moz-border-radius-topright:15px; -webkit-border-top-right-radius:15px;}
.about-heading{font-size:1.7em; color:#fff; padding:10px 10px 10px 30px; display:block;}

#experience-container{float:left; -moz-border-radius-topright:25px; -webkit-border-top-right-radius:25px;  
-moz-border-radius-bottomleft:15px; -webkit-border-bottom-left-radius:15px;
width:705px; background:#222;
padding-top:15px; min-height:400px;}
.experience{font-size:0.8em; float:left; width:655px; padding:10px; margin:0px 10px 10px 10px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border:5px solid #222; background:#111;}
.experience:hover{border:5px solid #333;}
.experience img{float:left; margin-right:25px; border:5px solid #222;}
.experience-heading{color:#888;  font-weight:bold;  float:left;  margin-top:25px;}
.experience-description{color:#555;  float:left; width:470px;}

.featured{background-color: #111; width: 250px;  float:left; padding:5px;}
.featured-heading{color:#fff;  display:block;   padding:25px 25px 5px 25px;}
.featured a{display:block; clear:both; padding:5px 25px 5px 25px; color:#444;  font-size:0.8em;}
.featured a:hover{ color:#555;}
#awards{clear:both; width:955px; margin:0 auto; margin-top:20px; padding:10px; background-color:#222; border:10px solid #111; -webkit-border-radius: 25px; -moz-border-radius: 25px; overflow:hidden; margin-bottom:500px;}
#awards a{font-size:0.8em; margin-right:5px; border-left:1px solid #333; padding:0px 2px 0px 10px; float:left;}
.awards-heading{color:#fff; padding:15px; float:left;}
.icon-pdf {background:url(../images/icon-pdf.png) no-repeat; padding:3px 10px;}



/* ----- FLICKR BADGE ----- */

#flickr_badge_source_txt {color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img { }
#flickr_www {display:block; text-align:left; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#fff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}



/* ----- TWITTER ----- */
#flicktwit{clear:both; width:955px; margin:0 auto; margin-top:20px; padding:10px; background-color:#222; border:10px solid #111; -webkit-border-radius: 25px; -moz-border-radius: 25px; overflow:hidden;}
#flickr{ width:695px; margin-right:10px; float:left; background:#333; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
#flickr img{float:left; padding:8px 0px 8px 10px;}
#twitter{float:left; }



/* --- WORK --- */
#work{padding-top:100px;  padding-bottom:300px;  margin:0 auto; width:995px;}
.workexample{margin-bottom:150px; background: #222; border:10px solid #111; -webkit-border-radius: 25px; -moz-border-radius: 25px;}
.workexample img{padding:10px;}
.workexampletitle{  float:left; color:#FFF;  padding:10px 0px 10px 25px; font-size:1.25em; width:23%; }
.workexamplelink{  float:left; font-size:0.7em; font-weight:lighter;}
.workexampledescription{text-align: justify; float:left;  padding:10px 10px 25px 0px;  font-size:0.8em; color: #666; width:68%;}
.currentlyinprogress{  float:left; font-size:0.7em; font-weight:lighter; color:#555;}
.italic{color:#666; font-style:italic;}
.clearer{clear:both; display:block;}


.accordion {position:relative; background-color:#111; overflow:hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.accordion p {padding:0px;}
.accordion-heading{text-align:center; cursor:pointer;  background-image:url(../images/work-more.png); background-repeat:no-repeat; background-position:left; color:#666; font-size:95%; font-weight:lighter; padding:5px; height:15px; display:block;}
.accordion-heading:hover{background-color:#222; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.accordion-heading2{text-align:center; cursor:pointer;  background-image:url(../images/work-more.png); background-repeat:no-repeat; background-position:left; color:#666; font-size:95%; font-weight:lighter; padding:5px; height:15px; display:block;}
.accordion-heading2:hover{background-color:#111; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.active{background-image:url(../images/work-more-active.png);}


/* --- CONTACT --- */
#contact{ min-height:600px;}
#contact-container{width:995px; margin:0 auto; }
#contact-form{font-size:0.8em; float:left;  width:570px;  padding:20px;
background-color:#222; border:10px solid #111; -webkit-border-radius: 25px; -moz-border-radius: 25px; height:235px;}
.contact-heading{display:block; font-weight:bolder; font-size:1.2em; color:#FFF; padding-bottom:10px; margin-bottom:10px;}
#contact-details{width:295px; margin-right:10px; height:235px; padding:20px;  float:left; font-size:0.8em; color: #555;
background-color:#222; border:10px solid #111; -webkit-border-radius: 25px; -moz-border-radius: 25px;}
.contact-list-item{display:block; color:#FFF; height:25px; background:#222;  margin-bottom:10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding:10px;}
.contact-list-item:hover{background: #111;}
.contact-icon{float:left; }
.contact-link{float:left; padding:5px 0px 0px 15px;}

form{padding:10px; float:left; width:640px; }
form input, form textarea{ font-family:Arial, Helvetica, sans-serif; border:1px solid #222; padding:3px; color: #555; background-color:#323232;}
form textarea {font-size:1em; width:540px;  -webkit-border-radius: 15px; -moz-border-radius: 15px; padding:10px; margin-top:5px;}
form input { float:left; margin-right:10px; width:165px;  -webkit-border-radius: 15px; -moz-border-radius: 15px; padding-left:10px;}
form input:focus, form textarea:focus {background-color: #111;}
.form-submit{font-size:1em; border:2px solid #222; width:100px; background:#111; color:#888; cursor:pointer; margin-left:225px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding:5px; border:2px solid #333;}
#message{color:#ff0089; width:180px; float:left; margin-top:-8px;}
input[type="text"], input[type="password"], textarea, select { outline: none;}


#footer{color:#FFF; float:left; margin-top:15px; margin-bottom:100px; width:945px; background-color:#222; border:10px solid #111; -webkit-border-radius: 25px; -moz-border-radius: 25px; padding:5px 15px 5px 15px; font-size:0.7em; text-align:center; }
#footer a{ margin-left:22px;}



/* ----- THEME PANEL ----- */
#theme{z-index:2; position:fixed;   bottom:0px; color:#555; text-align:center; width:100%; border-bottom:3px solid #ff0089; }
.theme-title{margin:3px;}
#panel {padding:10px; text-align:center; color:#FFF; margin:0 auto; display:none; background:url(../images/black-tile.png); height:20px;}
.theme-tab {cursor:pointer;  width:100px;  margin:0 auto; background:url(../images/theme-tab.png); height:50px; background-position:center; background-repeat:no-repeat; height:45px; filter:alpha(opacity=60);  opacity:0.6;}
.theme-tab:hover{filter:alpha(opacity=95);  opacity:0.95;}
.theme-tab-active{background-image:url(../images/theme-tab-active.png); }
#panel img{cursor:pointer; border:2px solid #222;}
#panel img:hover{border:2px solid #333;}
.themes{float:left;}
.themes a{float:left; font-size:0.7em; padding:2px; padding-right:5px;}
.themes span{float:left; font-size:0.7em; padding:2px; padding-right:5px;}
.panel-text{float:right; font-size:0.7em; padding:5px;}