@charset "utf-8";

/* CSS Document */

html {

  font: 1em/1.5 Arial, Helvetica, sans-serif;

  -webkit-text-size-adjust: 100%;

      -ms-text-size-adjust: 100%;

}

.container-fluid {

    max-width:1045px; background:#FFF; margin:0 auto; padding:0;

}

.navbar {margin:0; background:#fff; border:0;}

.navbar #logo {text-decoration:none; color:#000; font-size:2.0em; padding-top:3%; padding-left:2%;}

.navbar #logo span {color:#bb161d;}



.navbar-default .navbar-nav > li > a {

    color: #404041;

	border-bottom:7px solid #fff;

	border-left:1px solid #b1b0ae;

}



.navbar-default .navbar-nav > li > a:hover {

    color: #000;

	border-bottom:7px solid #b1b0ae;

}



.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

    background-color: #fff;

    color: #bb161d;

	border-bottom:7px solid #bb161d;

}



.navbar-default .navbar-nav > .last > a, .navbar-default .navbar-nav > .last > a:hover, .navbar-default .navbar-nav > .last > a:focus {

    border-right:1px solid #b1b0ae;

}



.navbar-toggle {

    background-color: #bb161d!important;

    background-image: none;

    border-width:0;

    border-radius: 0;

    float: right;

    margin-bottom: 12px;

    margin-right: 15px;

    margin-top: 8px;

    padding: 9px 10px;

    position: relative;

}



.navbar-default .navbar-toggle .icon-bar {

  background-color: #fff;

}



nav .navbar-header {margin:0; padding:0;}



#collapse {margin:0; padding:0; border-width:0;}

#collapse ul {margin:0; padding:0;}



div.hidden-xs {background:#264f6b url(../i/bkg_banner_t.jpg) top left repeat-x;}

#banner {background:#264f6b  url(../i/bkg_banner_lg.jpg) top center no-repeat; color:#abb6c0; border-bottom:3px solid #264f6b;}

#banner h1 {font-size:1.8em; padding:1%; margin:2%; width:20em; font-weight:normal;}

#banner p {padding:6% 6% 3% 3%; font-size:2.4em; width:100%; text-align:right;}



#main img {max-width:689px; height:auto; width:90%; border:0px solid #e1e3e5; margin:3% 5%;}



#main h2 {color:#6a6868; text-align:center; font-size:1.2em; font-weight:normal; margin:0; padding:40px 0 10px;}

#main p {padding:2px 5%; line-height:1.3; font-size:0.9em;}

#main p span {font-weight:bold;}



#resume h3 {padding:3% 10px 1%; margin:0!important; font-size:1.1em;}

#resume ul {list-style-type:none; list-style-position:outside; padding:0 10px; margin:0 2% 0 0;}

#resume ul li span {font-weight:bold; color:#333;}

#resume img {margin:5%;}



#thumbs {padding-left:2%;}



#thumbs h2 {font-size:1.2em; font-weight:normal; margin:0; padding:40px 0 5px 10px; color:#6a6868;}

#thumbs img {border:1px solid #e1e3e5; max-width:159px; height:auto; width:90%; margin:3% 5%;

-webkit-box-shadow: 0px 1px 2px 0px rgba(175, 175, 175, 0.75);

-moz-box-shadow:    0px 1px 2px 0px rgba(175, 175, 175, 0.75);

box-shadow:         0px 1px 2px 0px rgba(175, 175, 175, 0.75);

}



#thumbs div.active {background:#fff;}

#thumbs a div.active {cursor:default;}

#thumbs a div.active img {border:1px solid #65a8cc;}

#thumbs div.active a {cursor:default;}

#thumbs div.active a img {border:1px solid #65a8cc;}



#thumbs a:hover img {border:1px solid #65a8cc;}

#thumbs h3 {font-size:1.1em; font-weight:normal; margin:0; padding:5px 5px 2px 0; color:#3A6680;}

#thumbs h4 {font-size:1.0em; font-weight:normal; margin:0; padding:1px 5px 2px 0; color:#555;}

#thumbs ul {list-style-type:none; list-style-position:outside; margin:0; padding:0; color:#979696;}

#thumbs li {padding:0; margin:0; line-height:1.6; font-size:0.9em;}

#thumbs a li {color:#979696;}

#thumbs a li.active {color:#676767; cursor:default; text-decoration:none;}

#thumbs div.row {margin:3% 0; padding:5px 0;}

#thumbs a {display:block;}

#thumbs a:hover {text-decoration:none!important;}





footer {padding:2% 5% 5%; text-align:right; color:#346379; font-size:1.2em;}

footer a {color:#346379;}

footer span {padding:0 1%;}

footer div.hidden-small {display:block;}

footer div.visible-small {display:none;}

footer div.visible-small span {display:block;}



div.bkg {background:#f6f6f6!important;}



/*==========================================================================

   Custom Media Queries

============================================================================ */

@media only screen and (max-width: 850px) {

.nav > li > a {

    padding-left:7px; padding-right:7px;

}

}



@media only screen and (max-width: 480px) {

.navbar #logo {padding-top:1.5%!important; padding-left:5%!important;}

}



@media only screen and (max-width: 440px) {

#resume div.photo {text-align:center;}

#resume div.photo img {clear:both!important;; float:none!important; margin-left:auto; margin-right:auto;}

#resume div.photo ul {text-align:left;}

}



@media only screen and (max-width: 400px) {

footer div.hidden-small {display:none;}

footer div.visible-small {display:block;}

}



@media only screen and (max-width: 360px) {

.navbar #logo {padding-top:2%!important; padding-left:5%!important;}

}



@media only screen and (max-width: 320px) {

footer span {display:block;}

}



@media only screen and (max-width: 767px) {

.navbar-default .navbar-nav > li > a {

    color: #aeb9c2;

	border-width:0;

	background-color:#264f6b;

	border-bottom:1px solid #b1b0ae;

}



.navbar-default .navbar-nav > li > a:hover {

    color: #000;

	border-width:0;

	border-bottom:1px solid #b1b0ae;

	color: #fff;

	background-color:#264f6b;

}



.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

    color: #fff;

	background-color:#264f6b;

	border-width:0;

	border-bottom:1px solid #b1b0ae;

}



.navbar-default .navbar-nav > .last > a, .navbar-default .navbar-nav > .last > a:hover, .navbar-default .navbar-nav > .last > a:focus {

	border-width:0;

	border-bottom:1px solid #b1b0ae;

}



nav .navbar-header {background:#fff url(../i/bkg_header2.png) left bottom repeat-x!important; border-width:0!important;}



.nav > li > a {

    padding-left:20px;

}



.navbar #logo {font-size:1.8em; padding-top:1%; padding-left:5%!important;}



#thumbs h2 {text-align:center; padding-left:0;}

#thumbs .th {text-align:right;}



#thumbs ul li {padding:1% 0;}



#resume div.photo ul {margin-top:2%;}

#resume div.photo img {margin-top:1%;}



}