@import url("reset.css");
@import url("960.css");
@import url("font/stylesheet.css");

/* 	
	Author:  Antonio Piu 
	Website: http://antoniopiu.com 	
*/

body {
	margin-top: 50px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
	color: #616a74;
	font-size: 12px;
}

a:link,
a:visited {
	color: #212930;
	text-decoration: none;
}

a:hover {
	color: #ee3224;
}

ul {
	margin: 20px 0;
}

ul li {
	margin-left: 10px;
}

h1#logotype {
	font-family: 'LeagueGothicRegular', Arial, sans-serif;
	font-size: 48px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: normal;
	height: 60px;
}

header p {
	padding-top: 20px;
	font-size: 12px;
	text-align: right;
}

header p a:link,
header p a:visited {
	color: #9da5b4;
	text-decoration: none;
}

h1#logotype a:link, 
h1#logotype a:visited {
	color: #282828;
	text-decoration: none;
	float: left;
}

h2#tagline {
	height: 60px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
	font-size: 12px;
	color: #999;
	font-weight: normal;
	padding: 10px 0;
	display: none;
}

h1#logotype em {
	float: left;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
	font-size: 11px;
	padding: 10px 20px;
	text-transform: none;
	font-style: normal;
	color: #c3c8d1;
	letter-spacing: 0;
	line-height: 14px;
	width: 105px;
}

aside div {
	font-size: 12px;
	line-height: 18px;
	margin: 40px 0;
}

aside div h2 {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #212930;
	margin-bottom: 5px;
}

aside div a:link,
aside div a:visited
 {
	color: #212930;
	text-decoration: none;
}

aside div#biography ul li strong {
	font-size: 12px;
	color: #212930;
	text-transform: none;
	font-weight: normal;
}

aside div#biography ul li:hover strong {
	color: #ee3224;
}

aside div#biography ul li a:link,
aside div#biography ul li a:visited {
	color: #455560;
}

aside div#biography ul {
	margin: 12px 0;
	padding-left: 12px;
}

aside div#biography ul li.notebook a {
	background: url(images/pencil-medium.png) no-repeat 0px -1px;
	padding-left: 25px;
	
}

aside div#biography ul li.flickr a {
	background: url(images/flickr.png) no-repeat 0px -1px;
	padding-left: 25px;
	
}

aside div#biography ul li.twitter a {
	background: url(images/twitter.png) no-repeat 0px -1px;
	padding-left: 25px;
}

aside div a:hover,
header p a:hover {
	color: #ee3224;
}

aside div#projects ul li a:link,
aside div#projects ul li a:visited {
	background: #fffbcc;
	border-bottom: 1px solid #e8e4b6;
	border-right: 1px solid #e8e4b6;
	color: #212930;
	padding: 1px 3px;
	text-decoration: none;
}

aside div ul li a:hover {
	color: #455560;
	text-decoration: none;
}

aside div ul li {
	margin-bottom: 2px;
}

aside div em, header p {
	color: #c3c8d1;
	font-style: normal;
}

aside div em {
	font-size: 11px;
}

ul.project-list {
	clear: both;
}

ul.project-list li {
	margin-bottom: 30px;
}

ul.project-list li div.thumbnail {
	padding: 5px;
	background: #f3f4f5;
}

ul.project-list li:hover div.thumbnail {
	background: #e9ebee;
}

ul.project-list li:hover {
	/*background: #f5f5f5;*/
	cursor: pointer;
}

div.summary {
	padding: 10px 0;
	font-size: 12px;
	text-align: center;
	line-height: 16px;
}

div.summary a:link,
div.summary a:visited {
	color: #212930;
	text-decoration: none;
	font-weight: bold;
}

div.summary a em.keywords,
div.description em.keywords {
	font-size: 10px;
	color: #bbb;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	color: #c3c8d1;
}

ul.project-list li:hover div.summary a {
	color: #ee3224;
}

section {
	line-height: 18px;
	margin-top: 50px;
	margin-bottom: 40px;
}

div.description, 
div.column {
	font-size: 12px;
}

section div.description h2,
section div.column h2 {
	font-size: 12px;
	color: #212930;	
}

div.description p {
	padding-right: 50px;
}

div#media div.image {
	text-align: center;
}

div#media div.image img {
	background: #f3f4f5;
	padding: 1px;
}

form {
	
}

form p {
	padding: 0 0 30px 0;
}

form label {
	display: block;
	color: #212930;
	font-weight: bold;
	margin-bottom: 3px;
}

form label span {
	margin-left: 10px;
	font-size: 11px;
	color: #cdcdcd;
	color: #c3c8d1;
	font-weight: normal;
}

form input[type="text"], form textarea {
	width:368px;
	padding: 6px;
    font-size: 14px;
    background: #f8f9f8;
    border-top: 2px solid #ececea;
    border-right: 1px solid #ececea;
    border-bottom: 1px solid #ececea;
    border-left: 1px solid #ececea;
    margin: 0 3px 0 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-bottom: 20px;
}

form input[type="text"]:focus, form textarea:focus {
	background: #fcfcfc;
}

form input#submit {
  background: #9fcf44;
  padding: 4px 16px 5px 16px;
  margin: 0 5px 10px 0;
  border-color: #63b219;
  border-style: solid;
  border-width: 1px 1px 2px 1px;
  font-size: 14px;
  font-weight: bold;
  text-transform: capitalize;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 3px;
  text-shadow: 0 1px 0 #63b219;
  cursor: pointer;
}

form input#submit:hover {
  background-color: #a4d646;
}

div.message {
	margin-bottom: 30px;
}

div.message p {
	margin-right: 18px;
	padding: 15px;
	color: #212930;
}

div.message p span {
	display: block;
	font-weight: bold;
}

div.errors {
	background: #fae5c3;
	border: 1px solid #fae5c3;
}

div.errors p {
	background: #fff1d6;
}

div.sent {
	background: #e6f3cc;
	border: 1px solid #e6f3cc;
}

div.sent p {
	background: #f4f9e7;
}

div.notsent {
	background: #edeeed;
	border: 1px solid #edeeed;
}

div.notsent p {
	background: #f6f7f6;
}

/* footer */

div.footer {
	padding-bottom: 30px;
	margin-top: 0px;
	font-size: 11px;
	color: #c3c8d1;
}

div.footer a:link,
div.footer a:visited {
	color: #9da5b4;
	text-decoration: none;
}

div#bottom-right {
	text-align: right;
}

/* Teach old browser a little HTML5 */

aside, article, section, nav {
	display: block;
}