/*
-------------------------------------------
		C O L O R S
orange: #e96a24
blue: #19c3da


------------------------------------------- */





/*-------------  F O N T S  ----------------*/


@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('../fonts/league-gothic/LeagueGothic-Regular-webfont.eot');
    src: url('../fonts/league-gothic/LeagueGothic-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/league-gothic/LeagueGothic-Regular-webfont.woff') format('woff'),
         url('../fonts/league-gothic/LeagueGothic-Regular-webfont.ttf') format('truetype'),
         url('../fonts/league-gothic/LeagueGothic-Regular-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LeagueGothicItalic';
    src: url('../fonts/league-gothic/LeagueGothic-Italic-webfont.eot');
    src: url('../fonts/league-gothic/LeagueGothic-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/league-gothic/LeagueGothic-Italic-webfont.woff') format('woff'),
         url('../fonts/league-gothic/LeagueGothic-Italic-webfont.ttf') format('truetype'),
         url('../fonts/league-gothic/LeagueGothic-Italic-webfont.svg#LeagueGothicItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LeagueGothicCondensedRegular';
    src: url('../fonts/league-gothic/LeagueGothic-CondensedRegular-webfont.eot');
    src: url('../fonts/league-gothic/LeagueGothic-CondensedRegular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/league-gothic/LeagueGothic-CondensedRegular-webfont.woff') format('woff'),
         url('../fonts/league-gothic/LeagueGothic-CondensedRegular-webfont.ttf') format('truetype'),
         url('../fonts/league-gothic/LeagueGothic-CondensedRegular-webfont.svg#LeagueGothicCondensedRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LeagueGothicCondensedItalic';
    src: url('../fonts/league-gothic/LeagueGothic-CondensedItalic-webfont.eot');
    src: url('../fonts/league-gothic/LeagueGothic-CondensedItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/league-gothic/LeagueGothic-CondensedItalic-webfont.woff') format('woff'),
         url('../fonts/league-gothic/LeagueGothic-CondensedItalic-webfont.ttf') format('truetype'),
         url('../fonts/league-gothic/LeagueGothic-CondensedItalic-webfont.svg#LeagueGothicCondensedItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AleoLight';
    src: url('../fonts/aleo/Aleo-Light-webfont.eot');
    src: url('../fonts/aleo/Aleo-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aleo/Aleo-Light-webfont.woff') format('woff'),
         url('../fonts/aleo/Aleo-Light-webfont.ttf') format('truetype'),
         url('../fonts/aleo/Aleo-Light-webfont.svg#AleoLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AleoLightItalic';
    src: url('../fonts/aleo/Aleo-LightItalic-webfont.eot');
    src: url('../fonts/aleo/Aleo-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aleo/Aleo-LightItalic-webfont.woff') format('woff'),
         url('../fonts/aleo/Aleo-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/aleo/Aleo-LightItalic-webfont.svg#AleoLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AleoRegular';
    src: url('../fonts/aleo/Aleo-Regular-webfont.eot');
    src: url('../fonts/aleo/Aleo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aleo/Aleo-Regular-webfont.woff') format('woff'),
         url('../fonts/aleo/Aleo-Regular-webfont.ttf') format('truetype'),
         url('../fonts/aleo/Aleo-Regular-webfont.svg#AleoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AleoItalic';
    src: url('../fonts/aleo/Aleo-Italic-webfont.eot');
    src: url('../fonts/aleo/Aleo-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aleo/Aleo-Italic-webfont.woff') format('woff'),
         url('../fonts/aleo/Aleo-Italic-webfont.ttf') format('truetype'),
         url('../fonts/aleo/Aleo-Italic-webfont.svg#AleoItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

a {
	-webkit-transition:color .5s ease;
	-moz-transition:color .5s ease-in;
	-o-transition:color .5s ease-in;
	transition:color .5s ease-in;
}

a:hover {
	-webkit-transition:color .4s ease;
	-moz-transition:color .4s ease-in;
	-o-transition:color .4s ease-in;
	transition:color .4s ease-in;
}



html {
	margin:0;
	padding:0;
}
body {
	background-color:#333;
	background:url("../images/bg2.gif") repeat scroll center center transparent;
	font-size:12px;
	color:#333;
	font-family:AleoRegular;
	-webkit-font-smoothing: antialiased;
}

strong {font-weight:900;}

#container {
	background:transparent;
	margin:0 auto;
	width:860px;
}

#whitespace p {
	background:#fff;
	font-size:1.3em;
	font-style:italic;
	letter-spacing:0.2em;
	margin:auto;
	padding:15px;
	text-align:center;
	text-transform:lowercase;
	width:790px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: LeagueGothicRegular, sans-serif;
}

h1 {
	font-size:6em;
	font-weight:100;
	letter-spacing:1px;
}

h1.inside {
	margin:0 0 15px 0;
}

h2 {
	border-bottom:1px dashed #999;
	font-weight:100;
	letter-spacing:1px;
	font-size:2.7em;
	margin:0 0 15px 0;
}

h3 {
	font-size:2.2em;
	margin:0 0 5px 0;
	padding:0 0 0 10px;
}

h4 {
	float:left;
	font-size:1.75em;
	margin:0 0 15px 0;
	padding:5px 0 0 0;
	text-transform:uppercase;
	width:160px;
	font-weight:100;
	letter-spacing:1px;
}

h5 {
	font-size:2.2em;
	font-weight:100;
	letter-spacing:1.5px;
	margin:	0 0 5px 0;
	padding:20px 0 0 0;
	text-transform:uppercase;
}


p {
	font-size:1.4em;
	line-height:1.8em;
	margin:0 0 16px 180px;
	padding:0;

}

::selection {
	background: #e96a24; /* Safari */
	}
::-moz-selection {
	background: #e96a24; /* Firefox */
}



p a {
	border-bottom: 0.125em solid #e96a24;
	color:#333;
	cursor:pointer;
	text-decoration:none;
}

p a:hover {
	/*border-bottom: 0.125em solid #333;
	color:#333;*/
	color:#e96a24;
}

/*a:link, a:visited {color:#0099CC;}

a {
	color:#e96a24;
	text-decoration:underline;
	cursor:pointer;
}

a:hover {
	color:#19c3da;
	text-decoration:none;
}
a:active {color:#CCCCCC;}*/

#logo {
	background:none repeat scroll 0 0 #e96a24;
	margin:0 auto;
	padding:10px;
	margin:0;
	text-align:center;
	width:840px;
	color:white;
}

#logo p {
	font-size:1.5em;
	font-weight:100;
	line-height:0;
	margin:0 0 10px 0;
	padding:0;
}

.corner {
	display:block;
	float:left;
	height:20px;
	width:20px;
}

#nav {
	font-family: LeagueGothicRegular, sans-serif;
	font-size:2.5em; 				/*orignal font-size is 2.4 if you include 5 navigation li(s).*/
	font-weight:100;
	letter-spacing:3px;
	text-transform:uppercase;
}

#nav ul {
	height:42px;
	list-style:none outside none;
	margin:0 0 30px 0;
	padding-bottom:20px;
	border-bottom:3px solid #333;
}

#nav li a, #nav li a:visited {
	color:#152E47;
	float:left;
	margin:15px 0 10px 0;
	text-align:center;
	text-decoration:none;
	width:194px; 					/*orignal width is 150px if you include 5 navigation li(s).*/
	-webkit-transition:color .5s ease;
	-moz-transition:color .5s ease-in;
	-o-transition:color .5s ease-in;
	transition:color .5s ease-in;
}

#nav li a:hover {
	color:#e96a24;
	-webkit-transition:color .1s ease;
	-moz-transition:color .1s ease-in;
	-o-transition:color .1s ease-in;
	transition:color .1s ease-in;
}

#nav li a.current {
	color:#e96a24;
}

#nav li a.current:hover {
	color:#c3591f;
}


#content {
	background:#fff;
	float:left;
	margin:0 auto;
	padding:0 20px 0 20px;
	width:780px;
}



#footer-wrap {
	border-top:2px solid #e96a24;
	background-color:#1a1a1a;
	clear:both;
	color:#fff;
	height:480px;
	margin:0;
	padding:0;
}

#footer {
	margin:0 auto;
	width:780px;
}

#footer img {
	float:left;
	margin:0 10px 0 0;
	border:2px solid white;
}

#footer .footer-nav img {
	float:left;
	padding:0 10px 10px 0;
	margin:0;
	border:none;
}

.about {float:left;width:470px;}
.footer-nav {float:left;width:270px;padding:0 0 0 40px;}

#footer p {
	color:#CCC;
	font-size:1.7em;
	line-height:1.8em;
	margin:0;
	padding:5px 0 10px 0;
}

#footer ul {
	display:block;
	float:left;
	font-size:1.2em;
	height:150px;
	padding-top:5px;
	width:300px;
	list-style:none outside none;
}

#footer li {
	float:left;
}

.footer-nav ul li {
	margin:0 5px 12px 0;
}

.footer-nav ul li.googleplus {
	background:url("../images/googleplus.png") no-repeat 0 50%;
}

.footer-nav ul li.facebook {
	background:url("../images/facebook.png") no-repeat 0 50%;
}

.footer-nav ul li.lastfm {
	background:url("../images/lastfm.png") no-repeat 0 50%;
}

.footer-nav ul li.twitter {
	background:url("../images/twitter.png") no-repeat 0 50%;
}

.footer-nav ul li.linkedin {
	background:url("../images/linkedin.png") no-repeat 0 50%;
}

#footer a, #copyright a {
	border-bottom: 0.125em solid #e96a24;
	color:#fff;
	cursor:pointer;
	text-decoration:none;
}

#footer a:hover, #copyright a:hover {
	border-bottom: 0.125em solid #fff;
	color:#fff;
}

#footer .footer-nav a {
	padding-left:26px;
	font-size:20px;
	float: left;
	display: block;
	letter-spacing:0.05em;
	height: 20px;
	border-bottom:none;
	color:#CCC;
}


#footer .footer-nav a:hover {
	color:#fff;
}

#extra {
	width:780px;
	height:80px;
	margin:15px auto;
	float:left;
	border-top:1px solid #CCC;
}


#copyright {
	margin:0 auto;
	font-size:1.2em;
}

#copyright ul {
	list-style:none outside none;
	width:auto;
}

#copyright li a {
	border-bottom: 0.125em solid #e96a24;
	color:#fff;
	cursor:pointer;
	text-decoration:none;
}

#copyright li a:hover {
	border-bottom: 0.125em solid #fff;
	color:#fff;
}

#copyright li.first {
	border:0;
	padding:0 5px 0 0;
}

#copyright li {
	display:inline;
	padding:0 5px 0 5px;
	text-align:center;
	text-decoration:none;
	border-left:1px solid white;
	letter-spacing:0.05em;
}

.post {
	border-bottom:1px solid #999;
	margin:25px 0 0 0;
	min-height: 100px;
}

.aboutme {
	border-bottom:1px solid #999;
	margin:0 0 25px 0;
}

.aboutme p {
	margin:0 0 30px 0px;
}

.aboutme img {
	float: right;
	padding: 5px 0 0 15px;
}

.aboutme p.big {
	font-size:2.3em;
	line-height:1.6em;
	margin-bottom:15px;
}

.portfolio ul {
	float:left;
}

.portfolio li.thumb {
	display:block;
	float:left;
	margin:0 32px 40px 0;
}

.portfolio img {
	border:#999 solid 2px;
}

.portfolio a:hover img {
	border:#333 solid 2px;
}

.portfolio li.even {
	margin:0;
}

.thumb strong {
    margin: 4px 0 0 0;
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
    display: block;
}


.portfolio a {
	text-decoration:none;
}

.portfolio a strong{
	color:#e96a24;
	cursor:pointer;
	font-size:16px;
}

.portfolio a:hover strong {
	color:#333;
}