/* Style for craigmccreath.com */
/* Last Edit - Saturday, 10th April 2010 */

body, html {
	background:#EAF4F9;
	color:#425E6A;
	font: normal normal normal 14px/normal 'Helvetica Neue', 'Helvetica Neue', Helvetica, arial, sans-serif;
	font-weight:300;
}

div#container {
	width:600px;
	margin:auto;
	padding-top:200px;
}

p {
	padding-bottom:20px;
	line-height:1.70em;
	text-shadow:1px 1px 1px #fff;
}

h1 {
	font: normal normal normal 22px/normal 'Helvetica Neue', 'Helvetica Neue', Helvetica, arial, sans-serif;
	font-weight:300;
	text-shadow:1px 1px 1px #fff;
	outline-color: #425E6A;
	outline-style: none;
	outline-width: 0px;
	
	
	display:block;
}

	h1 em, h1 a {
		font-weight:normal;
		color:inherit;
	}
	
a, ul.node#networks li a strong {
	color:#069;
	text-decoration:none;
}

	a:hover, ul.node#networks li a:hover {
		color: #4A86AC;
	}
	
span.amp {
  font-family:Baskerville,GoudyBookletter1911,'Goudy Old Style',Palatino,'Book Antiqua',serif;
  font-style:italic;
}


/* NAV */

ul.nav {
	margin:10px 0;
}

ul.nav li {
	display:inline;
	padding-right:12px;
}


/* info */

div.info {
	display:none;
	padding-top:20px;
}

	div.info h2 {
		display:none;
	}
	

/* INFO - NETWORKS */

#networks li {
	width:270px;
	padding:15px;
	float:left;
/*	background:#fff;
	background:rgba(255,255,255,0.75);
}

 	#networks li:nth-child(1) {
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
}

	#networks li:nth-child(2) {
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topright: 10px;
		border-top-right-radius: 10px;
	}
	
	#networks li:nth-last-child(1) {
		-webkit-border-bottom-right-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		border-bottom-right-radius: 10px;
	}
	
	#networks li:nth-last-child(2) {
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-bottom-left-radius: 10px; */
	}

#networks li a {
	display: block;
	color:#888;
	overflow:elipsis;
}

	#networks li {
		-webkit-transition:margin-left 0.5s linear;
		
	}

	#networks li:hover {
		background-color:rgba(255,255,255,0.3);
		-webkit-transition: background-color 0.25s linear;
		
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
	}

	#networks li a:hover {
		margin-left:-10px;
	}
	
		#networks li a img {
			width:32px;
			-webkit-transition:width 0.5s linear;
		}
	
		#networks li a:hover img {
			width:0px;
			-webkit-transition:width 0.5s linear;
		}
	
#networks li a img {
	float: left;
	margin: 0 10px 0 0;
}

#networks li a strong {
	font-size:24px;
	display:block;
}

/* INFO - about */

div.info.about, div.info.contact {
	margin-top:10px;
}

div.info.about img {
	float:right;
	padding:0 0 10px 10px;
}

/* INFO - Contact */

div.info.contact th {
	width:50%;
	text-align:right;
	text-transform:lowercase;
	color:#999;
}

div.info.contact td {
	padding-left:20px;
	padding-bottom:15px;  line-height:25px;
}

div.info.contact strong {
	font-weight:bold;
}

.clear {
	clear:both;
}