/*  
Author: Gabriel Tichy
*/


/* Global *********************************************************************/

@import url(reset.css);
@import url(960.css);

@font-face {
	font-family: 'LeagueGothicRegular';
	src: local('League Gothic Regular'),
		 url('../fonts/League_Gothic.otf') format('opentype');
}


/* Layout *********************************************************************/
	
body {
	font: 13px HelveticaNeue, "Lucida Grande", "Lucida Sans Unicode", HelveticaNeue, Helvetica, serif;
	line-height: 1.4;
	background: url(../assets/slant-8x8.png) 100% 0 repeat-x;
	background-color: #fcfcfc;
	padding: 20px 0 40px;
	color: #444751;
}

.container_12 {
	margin-top: 80px;
	margin-bottom: 20px;
}


/* Headings *******************************************************************/

h1, h2, h3, h4 {
	font: HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
	/*font: Georgia, "Times New Roman", Times, serif;*/
}
h1 {
	font-size:24px;
}
h2 {
	font-size: 21px;
}
h3 {
	font-size:19px;
}
h4 {
	font-size:14px;
}


/* Paragraphs *****************************************************************/

p {
	margin-bottom: 1em;
}

p.last {
	margin: 0;
}


/* Links **********************************************************************/

a img {
	border: 0;
}

a {
	color: rgb(60,140,0);
	color: #006f22;
	text-decoration: none;
	text-decoration: underline;
	white-space: nowrap;
	-webkit-transition: color .15s;
}

a:hover, a:active {
	color: #009942;
}


/* Lists **********************************************************************/

ul, ol {
	list-style-position: inside;
}

/* Forms **********************************************************************/

label {
	display: block;
	margin-bottom: 1em;
}

label span.error {
	display: none;
	color: #D44;
}


/* Sections *******************************************************************/

#header {
	padding: 10px 0 10px;
	border-top: 1px solid #b1b2b9;
	text-align: right;
}

#header-bottom {
	
}

#footer {
	border-top: 1px solid #b1b2b9;
	margin-top: 60px;
}

#connect {
	padding: 20px 0px 0px 20px;
}

#about {
	margin: 0px;
	padding: 40px 60px 0px 20px;
	color: #444751;
}

#about .first_line {
	font-weight: bold;
	xpadding-bottom: 10px;
}

ul.nav {
	margin: 0px;
	padding: 40px 0px 0px 20px;
	/*position:absolute;*/
}

ul.nav li {
	font-family: "LeagueGothicRegular", "HelveticaNeue-CondensedBold", sans-serif;
	font-size: 32px;
	text-transform: uppercase;
	text-decoration: none;
	list-style: none;
	line-height: 1;
}

ul.nav li a {
	color: #444751;
	color: #545761;
	text-decoration: none;
	border: none;
}

ul.nav li a:hover, ul#menu li a:active {
	color: #000;
}

ul.nav li .left {
	opacity:  0;
	text-align: right;
	width: 150px;
	float: left;
}
ul.nav li a:hover .left {
	opacity:  1;
}

ul.nav li a:hover .left.flickr {
	color: #0063dc;
}
ul.nav li a:hover .left.flickr .flick-r {
	color: #ff0084;
}

ul.nav li a:hover .left.linkedin {
	color: #006da5;
}

ul.nav li a:hover .left.twitter {
	color: #34ccff;
}

ul.nav li a:hover .left.tumblr {
	color: #2c4762;
}

ul.nav li a:hover .left.music {
	color: #9497A1;
}

ul.nav li a,
ul.nav li .left,
ul.nav li a .left.flickr .flick-r {
	-webkit-transition-property: color, opacity;
	-webkit-transition-duration: 0.1s;
	-webkit-transition-timing-function: linear;
	-moz-transition: color 0.1s linear;
	-o-transition: color 0.1s linear;
	transition: color 0.1s linear;
}

/** DEBUG */
/*
.container_12 {
	background: url(../assets/12_col.gif) repeat-y;
}

p {
	border: 1px solid #blue;
}

#header {
	xborder: 1px solid #669;
}

ul.menu-social {
	xborder: 1px solid red;
}
*/