/*Created by Aidan Taylor - www.aidantaylor.net*/
@import(http://fonts.googleapis.com/css?family=Scada);
@import url(http://fonts.googleapis.com/css?family=Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic);
@font-face {
	/* http://www.myfonts.com/fonts/font-fabric/code-pro/
	 * Font created by Svetoslav Simov
	 */
	font-family: "Code-Light";
	src: url("CODE_Light.eot?") format("eot"), url("CODE_Light.woff") format("woff"), url("CODE_Light.ttf") format("truetype"), url("CODE_Light.svg#Code-Light") format("svg");
}
body {
	padding-top: 20px;
	background-image: url(../img/bg.png);
	-webkit-font-smoothing: antialiased;
	font-family: 'Lato', serif;
	font-weight: 300;
	color: #313131;
	font-size: 12px;
}
.date {
	font-weight: 400;
}
.scrollup {
	width: 40px;
	height: 40px;
	opacity: 0.3;
	position: fixed;
	top: 25px;
	right: 25px;
	display: none;
	text-indent: -9999px;
	background: url('../img/totop.png') no-repeat;
	opacity: 0.8;
}
.scrollup:hover {
	opacity: 1;
}
.right {
	float: right;
}
.left {
	float: left;
}
form {
	margin: 0px;
}
ul {
	list-style: none;
	margin:0px;
}
h4 {
	font-size: 16px;
	font-weight: 500;
	color: #4c4c4c;
	letter-spacing: 1px;
	margin-top: 15px;
	margin-bottom: 15px;
}
h5, h6 {
	color: #4b4b4b;
}
.nopadding, .box.nopadding {
	padding: 0px;
}
a {
	color: #42aa42;
}
a:hover {
	color: #69c469;
	text-decoration: none;
}
marquee, .marquee {
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
	overflow: hidden;
	overflow-x:-webkit-marquee;
	-webkit-marquee-direction: forward;
	-webkit-marquee-style: alternate;
	-webkit-marquee-speed: 36;
	-webkit-marquee-increment: small;
	-webkit-marquee-repetition: infinite;
	overflow-x: marquee-line;
	marquee-direction: forward;
	marquee-style: alternate;
	marquee-speed: 36;
	marquee-play-count: infinite;
	display: inline-block;
}
.clearfix {
 *zoom: 1;
}
.clearfix:before, .clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}
.clearfix:after {
	clear: both;
}
.hide-text {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}
.input-block-level {
	display: block;
	width: 100%;
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
 @-ms-viewport {
 width: device-width;
}
.hidden {
	display: none;
	visibility: hidden;
}
.visible-phone {
	display: none !important;
}
.visible-tablet {
	display: none !important;
}
.hidden-desktop {
	display: none !important;
}
.visible-desktop {
	display: inherit !important;
}
/* Custom container */
.container {
	margin: 0 auto;
	max-width: 960px;
}
.container > hr {
	margin: 30px 0;
}
/*nav*/
.masthead {
	padding-bottom: 18px;
}
.masthead .nav-pills a {
	font-size: 14px;
	color: #808080;
}
.masthead .nav-pills a:hover {
	background: none;
	color: #a8a8a8;
}
.masthead .nav-pills .active a {
	background: none;
	color: #42aa42;
}
.masthead .nav-pills .active a:hover {
	color: #69c469;
}
.masthead .nav-tabs > li > a, .masthead .nav-pills > li > a {
	padding-right: 0px;
	padding-left: 24px;
}
/*box*/
.box {
	background-color: #ffffff;
	padding: 12px;
	border: 1px solid #d7d6d3;
	border-bottom: 2px solid #d7d6d3;
	border-radius: 0px;
	-o-border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
.box.twitter * {
	border-radius: 0px;
	-o-border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
.box.clean {
	background: transparent;
	border: none;
	padding: 0px;
	margin-bottom: 0px;
}
.box p {
	padding: 0px;
	margin: 0px;
	margin-bottom: 7px;
	font-size: 14px;
}
.box h1, .box h2, .box h3, .box h4, .box h5, .box h6 {
	margin: 0px;
	margin-bottom: 5px;
	line-height: auto;
	font-weight: 500;
}
.projects .span3, .projects.row-fluid [class*="span"] {
	width: 121px;
	margin-right: 0px;
	margin-left: 18px;
	border: 1px solid #d7d6d3;
	border-bottom: 2px solid #d7d6d3;
	height: 265px;
}
.projects .span3 .marquee, .projects.row-fluid [class*="span"] .marquee {
	line-height: 12px;
}
.projects {
	width: 970px;
}
.projects .span3.forth, .section2.projects.row-fluid [class*="span"].forth {
	margin-left: 20px;
}
.projects .span3 .info, .projects.row-fluid [class*="span"] .info {
	padding: 10px;
	font-size: 10px;
	line-height: 18px;
	font-weight: 400;
}
.projects .span3 .first, .projects.row-fluid [class*="span"].first {
	margin-left: 0px;
}
.row-fluid .span5.gallery, .row-fluid .span5.twitter {
	width: 399px;
	height: 527px;
}
.row-fluid .span5.twitter {
	height: auto;
}
/*gallery*/
.gallery li {
	display: none;
}
.gallery li.selected {
	display: block;
}
.gallery {
	position: relative;
}
.gallery img {
	width: 399px;
	height: 527px;
}
.gallery a.next {
	background: url(../img/nextprev.png) 42px 0px;
	width: 42px;
	height: 42px;
	position: absolute;
	top: 245px;
	right: 10px;
	opacity: 0.75;
}
.gallery a.prev {
	background: url(../img/nextprev.png) 0px 0px;
	width: 42px;
	height: 42px;
	position: absolute;
	top: 245px;
	left: 10px;
	opacity: 0.75;
}
.gallery a.prev:hover, .gallery a.next:hover {
	opacity: 0.85;
}
.gallery .overlay {
	position: absolute;
	top: 460px;
	background: #000;
	opacity: 0.65;
	color: #fff;
	padding: 10px;
	width: 377px;
}
/*project*/
.modal.projects li {
	display: none;
}
.modal.projects li.selected {
	display: block;
}
.modal.projects, .modal.projects * {
	overflow: hidden;
}
.modal.projects {
	min-width: 399px;
	min-height: 527px;
	hieght: auto;
	width: auto;
}
.modal-body .project {
	position: relative;
}
.modal.projects img {
	min-width: 399px;
	min-height: 527px;
	hieght: auto;
	width: auto;
}
.modal.projects a.next {
	background: url(../img/nextprev.png) 42px 0px;
	width: 42px;
	height: 42px;
	position: absolute;
	top: 245px;
	right: 10px;
	opacity: 0.75;
}
.modal.projects a.prev {
	background: url(../img/nextprev.png) 0px 0px;
	width: 42px;
	height: 42px;
	position: absolute;
	top: 245px;
	left: 10px;
	opacity: 0.75;
}
.modal.projects a.prev:hover, .modal.projects a.next:hover {
	opacity: 0.85;
}
.modal.projects .overlay {
	position: absolute;
	top: 460px;
	background: #000;
	opacity: 0.65;
	color: #fff;
	padding: 10px;
	width: 387px;
}
/*cv*/
.row-fluid .span7.sidebox {
	width: 541px;
	height: 241px;
	margin: 0px;
	margin-left: 20px;
}
.row-fluid .fixedheight {
	height: 189px;
}
.box ul.nav-tabs {
	margin: 0px;
	border-bottom: 0px;
}
.box .nav-tabs > li > a {
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.box .nav-tabs > li > a {
	font-size: 14px;
	color: #808080;
}
.box .nav-tabs > li > a:hover {
	background: none;
	color: #959595;
}
.box .nav-tabs > li.active > a {
	color: #42aa42;
}
.box h4 {
	margin-bottom: 10px;
}
.twitter li {
	margin-bottom: 10px;
}
/*cv*/
#cv .box {
	margin-left: 0px;
}
#cv .box .nav-tabs > li.ui-state-active > a {
	color: #555;
	cursor: default;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
	outline: none;
}
#cv .box .nav-tabs > li.ui-state-hover > a, #cv .box .nav-tabs > li > a:hover, #cv .box .nav-tabs > li > a:focus, #cv .box .nav-tabs > li > a:active {
	text-decoration: none;
	border-bottom: 0px;
	outline: none;
}
/*footer*/
.footer {
	margin-top: 25px;
	width: 100%;
}
.footer .nav-pills > li > a:hover, .nav-pills > li.active > a {
	background: none;
}
.footer .nav-pills {
	margin: 0px;
	padding: 0px;
}
.footer .nav-pills li {
	padding-left: 0px;
	padding-right: 15px;
}
.footer .nav-pills li a {
	padding: 0px;
}
.footer .box.right {
	text-align: right;
}
.footer .row-fluid {
	height: auto;
	padding: 0px;
	margin: 0 auto;
	max-width: 960px;
	background: transparent;
}
.footer .container {
	background: #4c4c4c;
	min-width: 100%;
	max-width: 100%;
	color: #cccccc;
}
.footer .container.darker {
	background: #3b3b3b;
	color: #aaaaaa;
}
.footer a {
	color: #cccccc;
	text-decoration: none;
}
.footer a:hover, .footer a:focus, .footer a:active {
	color: #e5e5e5;
	text-decoration: none;
}
.footer .container.darker a {
	color: #d0d0d0;
	text-decoration: none;
}
.footer .container.darker a:hover, .footer .container.darker a:focus, .footer .container.darker a:active {
	color: #f2f2f2;
	text-decoration: none;
}
.footer .box {
	background: transparent;
	border: 0px;
	margin-bottom: 0px;
	height: 35px;
	padding: 0px;
	margin-top: 15px;
}
.footer .icons {
	float: right;
	position: relative;
	bottom: 8px;
}
.footer .icons li {
	margin-left: -5px;
}
.icon.facebook {
	width: 32px;
	height: 32px;
	background: url(../img/picons36.png);
}
.icon.facebook:hover {
	background: url(../img/picons36_hover.png);
}
.icon.twitter {
	width: 32px;
	height: 32px;
	background: url(../img/picons33.png);
}
.icon.twitter:hover {
	background: url(../img/picons33_hover.png);
}
/*fomrs*/
input, input.username-input, .username-container input[type="text"], select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	text-shadow: 0px 0px 0px;
	-moz-text-shadow: 0px 0px 0px;
	-o-text-shadow: 0px 0px 0px;
	-webkit-text-shadow: 0px 0px 0px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-color: #d7d6d3;
	font-size: 12px;
	border-bottom: 2px solid #d7d6d3;
}
input.error, textarea.error, select.error {
	border-color: #c66d6d;
}
input.success, textarea.success, select.success {
	border-color: #8ac66d;
}
textarea.error:focus, input[type="text"].error:focus, input[type="password"].error:focus, input[type="datetime"].error:focus, input[type="datetime-local"].error:focus, input[type="date"].error:focus, input[type="month"].error:focus, input[type="time"].error:focus, input[type="week"].error:focus, input[type="number"].error:focus, input[type="email"].error:focus, input[type="url"].error:focus, input[type="search"].error:focus, input[type="tel"].error:focus, input[type="color"].error:focus, .uneditable-input.error:focus {
	border-color:  rgba(190,42,42,0.6);
	outline: 0;
	outline: thin dotted \9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(190,42,42,0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(190,42,42,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(190,42,42,0.6);
}
textarea.success:focus, input[type="text"].success:focus, input[type="password"].success:focus, input[type="datetime"].success:focus, input[type="datetime-local"].success:focus, input[type="date"].success:focus, input[type="month"].success:focus, input[type="time"].success:focus, input[type="week"].success:focus, input[type="number"].success:focus, input[type="email"].success:focus, input[type="url"].success:focus, input[type="search"].success:focus, input[type="tel"].success:focus, input[type="color"].success:focus, .uneditable-input.success:focus {
	border-color: rgba(77,190,42,0.6);
	outline: 0;
	outline: thin dotted \9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(77,190,42,0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(77,190,42,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(77,190,42,0.6);
}
textarea.placeholder, input[type="text"].placeholder, input[type="password"].placeholder, input[type="datetime"].placeholder, input[type="datetime-local"].placeholder, input[type="date"].placeholder, input[type="month"].placeholder, input[type="time"].placeholder, input[type="week"].placeholder, input[type="number"].placeholder, input[type="email"].placeholder, input[type="url"].placeholder, input[type="search"].placeholder, input[type="tel"].placeholder, input[type="color"].placeholder, .uneditable-input.placeholder {
  color: #b4b4b4;
}
/*buttons*/
.btn {
	color: #000;
	outline: none;
	text-shadow: 0px 0px 0px;
	-moz-text-shadow: 0px 0px 0px;
	-o-text-shadow: 0px 0px 0px;
	-webkit-text-shadow: 0px 0px 0px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	background: #f0f0f0;
	border-color: #d7d6d3;
	font-weight: 400;
	border-bottom: 2px solid #d7d6d3;
}
.btn:hover, .btn:focus, .btn:active {
	color: #000;
	background: #d7d7d7;
}
.btn.btn-success {
	color: #ffffff;
	background: #49c749;
	border-color: #368c36;
	border-bottom: 2px solid #368c36;
}
.btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active {
	color: #ffffff;
	background: #4ab14a;
}
.btn.btn-primary {
	color: #ffffff;
	background: #498ac7;
	border-color: #36608c;
	border-bottom: 2px solid #36608c;
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active {
	color: #ffffff;
	background: #4a7ab1;
}
.btn.btn-info {
	color: #ffffff;
	background: #49b1c7;
	border-color: #367b8c;
	border-bottom: 2px solid #367b8c;
}
.btn.btn-info:hover, .btn.btn-info:focus, .btn.btn-info:active {
	color: #ffffff;
	background: #4a9fb1;
}
.btn.btn-warning {
	color: #ffffff;
	background: #e1c823;
	border-color: #878c36;
	border-bottom: 2px solid #878c36;
}
.btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active {
	color: #ffffff;
	background: #bfa917;
}
.btn.btn-danger {
	color: #ffffff;
	background: #c74949;
	border-color: #8c3636;
	border-bottom: 2px solid #8c3636;
}
.btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active {
	color: #ffffff;
	background: #b14a4a;
}
.btn.btn-inverse {
	color: #ffffff;
	background: #373737;
	border-color: #1b1b1b;
	border-bottom: 2px solid #1b1b1b;
}
.btn.btn-inverse:hover, .btn.btn-inverse:focus, .btn.btn-inverse:active {
	color: #ffffff;
	background: #3c3c3c;
}
/*other*/
.active, .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
	background-color: #f1f1f1;
	outline: none;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
	background-color: #f1f1f1;
	-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0);
	-moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0);
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0);
}
.navbar-inner {
	background-color: ##EBEBEB;
	background-repeat: repeat-x;
	background-image: none;
	border: 1px solid #d4d4d4;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02);
	-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02);
}
.navbar-inner {
	padding-right: 0px;
	padding-left: 0px;
}
.box-container .header, .modal-header {
	background-color: transparent;
	height: auto;
}
.modal {
	padding: 10px;
}
.modal-header {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
}
a.project, a.project:hover {
	color: inherit;
}