/* @override 
	http://reversetype.com/styles.css
	http://www.reversetype.dev/styles.css
*/

/* @group reset */

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;
}                  

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; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

/* end reset */

/* @end */


body {
	margin: 0px;
	text-align: center;
	background: #292728 url(images/pinkie.gif) repeat;
	font: 1em Georgia, "Times New Roman", Times, serif;
	}
h1 {
	text-transform: uppercase;
	font: normal 75px Antic;
	color: rgba(255,255,255,.5);
	}

#contain {
	min-width: 600px;
	width:75%;
	margin: 0 auto;
}
a {
   -webkit-transition: all .5s ease-in;  
   -moz-transition: all .5s ease-in;  
   -o-transition: all .5s ease-in;  
   transition: all .5s ease-in;  

	}
a:link, a:visited {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	}
a:hover, a:active {
	border-bottom-color: rgba(255, 255, 255, .5);
	}


.bday, cite.fn, abbr.type, .country-name, .org, .adr, .tele {
	display: none;
}
.vcard {
	color: #fff;
	margin-top: 50px;
}

header {
	position: relative;
	width: 450px;
	margin: 50px auto 0;
	}

/* @group five pointed star */

#star-five {
   margin: 50px 0;
   position: relative;
   display: block;
   color: #fff;
   width: 0px;
   height: 0px;
   top: 35px;
   left: 7px;
   border-right:  50px solid transparent;
   border-bottom: 35px  solid #fff;
   border-left:   50px solid transparent;
   -moz-transform:    rotate(35deg);
   -webkit-transform: rotate(35deg);
   -ms-transform:     rotate(35deg);
   -o-transform:      rotate(35deg);
}
#star-five:before {
   border-bottom: 40px solid #fff;
   border-left: 15px solid transparent;
   border-right: 15px solid transparent;
   position: absolute;
   height: 0;
   width: 0;
   top: -22.5px;
   left: -32.5px;
   display: block;
   content: '';
   -webkit-transform: rotate(-35deg);
   -moz-transform:    rotate(-35deg);
   -ms-transform:     rotate(-35deg);
   -o-transform:      rotate(-35deg);
   
}
#star-five:after {
   position: absolute;
   display: block;
   color: red;
   top: 1.5px;
   left: -52.5px;
   width: 0px;
   height: 0px;
   border-right: 50px solid transparent;
   border-bottom: 35px solid #fff;
   border-left: 50px solid transparent;
   -webkit-transform: rotate(-70deg);
   -moz-transform:    rotate(-70deg);
   -ms-transform:     rotate(-70deg);
   -o-transform:      rotate(-70deg);
   content: '';
}
#circle-inner {
	position: relative;
	top: 5px;
	left: 5px;
	width: 110px;
	height: 110px;
	background: black;
	-moz-border-radius: 80px;
	-webkit-border-radius: 80px;
	border-radius: 80px;
}
#circle {
	position: relative;
	left: 5px;
	top: 5px;
	width: 120px;
	height: 120px;
	background: white;
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	border-radius: 60px;
}
#circle-outer {
	margin: 0 auto;
	position: relative;
	width: 130px;
	height: 130px;
	background: black;
	-moz-border-radius: 75px;
	-webkit-border-radius: 75px;
	border-radius: 75px;
}

/* @end */