/* RESET */
html, body, div, h1, h2, h3, ul, ol, li, form, fieldset, input, textarea { margin: 0; padding: 0; font-size: 100%; }
ul {list-style: none;}
img, fieldset {border: 0;}
h1, h2, h3 {font-weight: normal;}
em {font-style: italic;}
strong {font-weight: bold;}
.clearfix { clear:both; }

/* OVERALL */
body { color: #EFEFEF; font-family: 'Trykker', 'Helvetica Neue Light','HelveticaNeue-Light','Helvetica Neue', 'Helvetica',arial;sans-serif; font-size: 0.9em;}
h1 { color: #EFEFEF; font-weight: bold; margin: 20px 0 5px 0; padding:0; font-size: 20pt; }
h2 { color: #EFEFEF; font-weight: bold; margin: 2px 0 1px 0; padding:0; }
h3 { color: #EFEFEF; font-weight: bold; margin: 2px 0 1px 0; padding:0; }
h4 { color: #EFEFEF; margin: 10px 0 -2px 0;}
p,ul,span,dd,dt,li{ color:#777; font-family:'Trykker', arial, serif; font-size:16px; line-height: 16pt }

a.internal, a.external { color:#3366CC; border: 1px dotted #E6E6DC; padding: 0 2px 0 2px; text-decoration: none; }
a.internal:hover, a.external:hover { color: #DAE9A6; border: 1px dotted #efefef; background-color: #A3A28E; }
a.internal:active, a.external:active {}
a.external { background:url("/i/external-link-icon.png") no-repeat scroll right center transparent; padding:0 14px 0 0; }

a.learn-more { color:#3366CC; }
a.learn-more:hover { color: #DAE9A6; border: 1px dotted #efefef; background-color: #A3A28E; }
a.learn-more:active {}


/* HEADER */
.top { background-color:#222222; margin:0; padding-bottom:40px; }
.header { width:900px; margin:auto; }
.top_navigation{padding:50px 45px 40px 0;text-align:right}
.top_navigation li{display:inline;}
.top_navigation li:first-child{ border-left: 0px solid black; }
.top_navigation a { color: #A3A28E; border: 1px dotted #efefef; font-family: 'Quattrocento', arial, serif;font-size:14px; text-decoration:none; padding: 1px 5px 1px 5px; }
.top_navigation a:hover {color: #DAE9A6; border:1px solid #8C704D; }
.top_navigation a:active {}

/* FOOTER */
body { background-color:#dddddd; }
.bottom { background-color:#dddddd; margin:0; padding:0; }
.footer-wrapper { width:900px; margin:auto }
.footer-text { color: #555555; font-size: 0.8em; text-align:right; margin: 1px 10px 3px 0; }
.footer-data { width:900px;margin: 0 auto; padding: 30px 0 10px 0; color: #030604; }
.footer-data h3 { font-size: 20pt; color: #020202; padding: 0 0 10px 0; }
.footer-data h4 { font-size: 12pt; color: #030604; padding: 0 0 5px 0; }
.footer-data a { color: #FD6B48; text-decoration: none; }
.footer-data a:hover { color: #B3C8D0; text-decoration: underline; }
.footer-data p { margin: 0; padding: 0; }

.hire-me, .contact-us { color: #FD6B48; float: left; padding: 0 0px 0 0; height: 280px; width: 300px; }
.hire-me li { background: url("/i/checkmark_16x16.png") no-repeat scroll 0 2px transparent; padding: 0 0 0 20px; }
.hire-me li { margin-bottom: 9px; }

.contact-us dl { margin: 0; padding: 0;}
.contact-us dt { width: 60px; float: left; padding: 0 0 5px 0;}
.contact-us dd { padding: 0 0 0 20px; padding: 0 0 5px 0;}
.contact-us td { vertical-align: top; }

.about-us dl { margin: 0; padding: 0;}
.about-us dt { width: 100px; float: left; padding: 0 0 5px 0;}
.about-us dd { padding: 0 0 0 20px; padding: 0 0 5px 0;}

/* PPROJECTS */

img.project { border: 2px solid #EFEFEF !important; margin: 0 10px 10px 0; width:100px; height:100px; border: 1px solid #8C704D; display: inline; }


/* SNIPPETS */
.snippet { font-size: 12pt; color: #CCCCCC; padding: 0 0 20px 0; }
.snippet h2 { font-size: 16pt; color: #CCCCCC; }

/* TASKS */

.task { margin: 10px 0 2px 0; }
.task pre { color: #dddddd; }
.task li { list-style-type: circle; margin: 0 0 10px 20px; }
.task img { width:100%; }
.task h2 { font-size: 16pt; color: #CCCCCC; margin: 2px 0 2px 0; }
.task h3 { font-size: 12pt; color: #CCCCCC; margin: 20px 0 2px 0; }
.task p { margin-top: 10px; }
.task { padding: 10px 0 0 0;}
.indented { padding: 0 0 0 20px; }


/* .image {
  -moz-border-radius:4px; 
       border-radius:4px;
}

.image:before,
.image:after { 
  bottom:15px;
  left:10px;
  width:50%;
  height:20%;
  max-width:300px;
  -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);   
     -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
          box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
  -webkit-transform:rotate(-3deg);    
     -moz-transform:rotate(-3deg);   
      -ms-transform:rotate(-3deg);   
       -o-transform:rotate(-3deg);
          transform:rotate(-3deg);
}

.image:after {
  right:10px; 
  left:auto;
  -webkit-transform:rotate(3deg);   
     -moz-transform:rotate(3deg);  
      -ms-transform:rotate(3deg);  
       -o-transform:rotate(3deg);
          transform:rotate(3deg);
}*/

/* CONTACT US PAGE */

.contact_us p { margin: 10px 0 10px 0; }
.contact_us li { margin: 0 0 0 30px; }
.contact_us h1 { border: 1px dashed #8C704D; padding: 3px; margin: 20px 0 10px 0; }
.contact_us h2 { font-style: italic; }

.address dt { float: left; color: #EFEFEF; width: 85px; margin: 0 5px 5px 0; padding: 0 0 0 8px; font-family: 'Trykker',arial,sans-serif; }
.address dd { margin: 0 5px 5px 100px; min-height:20px; width: 500px; xclear:left; }


/* OLD STYLES */



a.email {color: #57A2FE; border: 1px solid #8C704D;}
a.email:hover { color: #DAE9A6; border: 1px dotted #efefef; background-color: #A3A28E; }
a.email:active {}

.banner-picture { height: 84px; background: #ACBA8B url(/i/header1.jpg) repeat-x;}
.banner { margin: 0 0 0 0; background: #ACBA8B url(/i/divider.png) repeat-x; height:2px;}



.content { width: 900px; margin: 0 auto;}


.message { font-size: 1.4em; width: 900px; margin: auto; }
.message p { margin: 10px 0 0 0; }
.message p.punch-line { border: 3px dotted #8C704D; padding: 10px; }
.message .punch-line span.one { font-size:28;font-family: 'Trykker', arial, serif; color: #DAE9A6; font-weight: bold; font-style: italic; }


.portfolio-summary-wrapper { width: 900px; margin:auto; }
.portfolio-summary { width: 900px; margin: 20px 0 0 0; float:left; }

.clearall { clear:both; }


img.wrap { float: left; margin: 4px 10px 4px 4px; }

.project_summary { width: 800px; margin:auto; color:#E9E9E9; }
img.screen_shot {width:700px; display:block; margin: auto; padding: 10px;}

.contact_us { width: 900px; margin:10px auto auto auto; color:#19230A; }
.map { width:900px; height:300px; float:left; margin:10px 0 0 0; border:1px solid #2e3338; }


div.publication h2 { margin: 20px 0 0 0;}
div.publication div.subtitle { font-size:16px; margin: 0 0 10px 0;}
div.publication div.abstract { font-style:italic;}

.all-projects { width: 900px; margin:10px auto auto auto; color:#E9E9E9; font-family:'Cardo', arial, serif; }
.project_portfolio { margin: 0 0 10px 0; }
.project_portfolio dt { float: left; color: #666666; width: 100px; margin: 0 5px 5px 0; padding: 0 8px 0 0; text-align:right; }
.project_portfolio dd { margin: 0 5px 5px 130px; }
div.image { float: left;}
div.image img { display: block; }
div.image p { width: 122px; text-align: center; margin: auto; margin-left: 13px; }



.all-snippets { width: 700px; margin:10px auto auto auto; color:#19230A; }
.all-snippets p { margin:0; padding: 0; }

.blah p { margin: 10px 0 10px 0; }

.project_summary li { margin: 0 0 0 30px; }

table.chart { border: 2px solid black; padding:0; margin:0; width:100%; }
table.chart th { background-color: grey; border: 1px solid black; padding:0; margin:0; }
table.chart td { text-align: center; border: 1px solid black; }

div.example { border: 1px solid black; background-color: grey; white-space: pre; }

.title { color: #0D1C33; font-weight: bold; }

.developers { margin: 10px 0 0 0; }

.project_content p {margin: 8px 0 4px 0;}

.social-networks { padding: 10px 0 0 0; }
.social-networks a { padding: 0 5px 0 0; }

#slider { width: 750px; margin: 20px 0 0 70px;}
#slider img { width: 750px; height: 350px; }
#previous { float: left; margin: -180px 0 0 15px; position:relative; }
#previous a {  display:block; position:relative; width:48px; height:48px; background:url(/i/previous.png) no-repeat 0 0; }
#previous a:active { border: 0; }


#next { float: right; margin: -180px 25px 0 0; position:relative; }
#next a {  display:block; position:relative; width:48px; height:48px; background:url(/i/next.png) no-repeat 0 0; }

pre.resume { font-size: 12pt; width: 900px; word-wrap: break-word; /* IE>=5.5 */ white-space: pre; /* IE>=6 */ white-space: -moz-pre-wrap; /* For Fx<=2 */ white-space: pre-wrap; /* Fx>3, Opera>8, Safari>3*/ }