/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body {line-height:1}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block}
nav ul {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins {background-color:#ff9;color:#000;text-decoration:none}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del {text-decoration: line-through}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help}
table {border-collapse:collapse;border-spacing:0}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}
input, select {vertical-align:middle}

/* CFM 20111009 */
body{font-size:62.5%;font-family:'Rokkitt', sans-serif;background:#efefef fixed;color:#444;text-shadow: 1px 1px 1px rgba(42,42,42,0.33);
background-image: linear-gradient(top, #fefefe 3%, #d8d6db 98%);
background-image: -o-linear-gradient(top, #fefefe 3%, #d8d6db 98%);
background-image: -moz-linear-gradient(top, #fefefe 3%, #d8d6db 98%);
background-image: -webkit-linear-gradient(top, #fefefe 3%, #d8d6db 98%);
background-image: -ms-linear-gradient(top, #fefefe 3%, #d8d6db 98%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.03, #fefefe), color-stop(0.98, #d8d6db));
}

article,footer {width:660px;margin:0px auto 72px}
section {margin-top:4.8em}
h1 {font-size:144px;margin-top:72px;text-shadow: 2px 2px 3px #222}
.cfm,.twofour,h2,.ultra{font-family: 'Ultra', serif}
.twofour {color:#d03}
.dotcom {color:#555;font-size:0.5em;transition: all 2s ease-in-out;-webkit-transition: all 2s ease-in-out;-moz-transition: all 2s ease-in-out;-o-transition: all 2s ease-in-out;-ms-transition: all 2s ease-in-out;

transform-origin:48% 54.4%:
-ms-transform-origin:48% 54.4%;
-webkit-transform-origin:48% 54.4%;
-moz-transform-origin:48% 54.5%;
-o-transform-origin:48% 54.5%;
}
.dotcom:hover {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg)}
h2 {font-size: 4.125em}
h3 {margin-top:0.333em;font-size:2.5em;font-weight:normal;letter-spacing:0.3em}
h4,p{font-size:2.5em;}
h3,h4,p {color:#666}
p {font-size: 1.6em}
p a {font-size:2.625em;text-decoration:none;font-weight:bold;margin-right:12px}
p a {color:#d03;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out}
#social a:hover, #websites a:hover {background: #fff;background:rgba(255,255,255,0.9);border-radius:6px;box-shadow:0px 0px 12px rgba(0,0,0,0.5);padding:12px 8px;-webkit-transform: scale(2);-moz-transform: scale(2);-ms-transform: scale(2);transform: scale(2)}
a.twitter  { color:#32ccfe}
a.flickr  { color:#0063dc}
a.flickr  span.rrr { color:#ff0084}
a.delicious  { color:#000}
a.delicious  span.icio { color:#3274d1}
a.delicious  span.us { color:#999}
a.friendfeed  { color:#2f72c4}
a.friendfeed  span.feed { color:#9bb9e0}
a.facebook  { color:#3b5998}
a.lastfm  { color:#e31b23}
a.google  { color:#3364c2}
.red {color:#f31900}
.yel {color:#f7d72b}
.gre {color:#44c400}
a.gimmebar {color:#000}
a.spotify {color:#7dab00}
a.colourlovers {color:#666}
a.colourlovers span {color: #999}

#tooltip{
	font-size: 21px;
	position:absolute;
	background:#fff;background:rgba(250,250,250,0.95);
	margin:0;padding:2px 6px 0px 6px;
	display:none;
	border-radius:6px;box-shadow:0px 0px 24px rgba(0,0,0,0.5);
	}	
footer p {margin-bottom:3em}
footer p, footer p a {font-size:16px;line-height:1.5em;}
#domains p a:hover,footer p a:hover {border-bottom:0.1em solid #d03;text-shadow: 0px 0px 6px #fff}
#colophon {float:left;width:50%}
#w3badge {float:right;width:50%;text-align:right}

::selection {background: #ddd}
::-moz-selection {background: #ddd}

a.img:hover{border:0}
a:visited:before {content:"\2713 "}
.amp {font-family: Baskerville, 'Goudy Old Style', Palatino Linotype, Palatino, 'Book Antiqua', serif;font-style: italic;font-weight: normal}

/* Thank you */