body
{
	color: #FFF;
	background-color: #000;
	margin: 20px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

h1
{
	background: #000 url('images/skate_hdr.jpg') no-repeat 0px 0px;
	line-height: 110px;
	max-height: 110px;
	text-indent: -100em;
	width: 760px;
	margin: 0px;
	padding: 0px;
}

h2
{
	font-size: .9em;
	font-weight: bold;
	line-height: 1.0em;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

h2.sgTitle { margin: 10px; }

h3
{
	font-size: .8em;
	font-weight: bold;
	line-height: 1.0em;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

h4
{
	font-size: .7em;
	font-weight: bold;
	line-height: 1.0em;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}


h4.sgNameByArtist { text-align: center; }
h4.sgSubTitle { margin: 5px 0px 10px 20px }

p
{
	font-size: .8em;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

p.bold { font-weight: bold; }

p.hilite
{
	font-weight: bold;
	font-style: italic;
}

p.callout
{
	font-weight: bold;
	text-align: center;
	padding: 5px;
	margin: 10px auto;
	width: 50%;
	border: 1px dotted green;
}

p.sgNav { width: 50%; text-align: center; margin: 5px auto; }

.sgNav a, .sgBottomNavBar a { text-decoration: none; }
.sgNav a:link, .sgBottomNavBar a:link { color: #FFF; }
.sgNav a:visited, .sgBottomNavBar a:visited { color: #FFF; }
.sgNav a:hover, .sgBottomNavBar a:hover { color: #FF0; border-bottom: 1px dotted #FF0; }

#sgTNails a:hover { border-bottom: 0; }


p.sgDetailsList
{
	width: 50%;
	margin: 10px auto;
}

p#short { text-align: center; }

p.sgTopNavBar
{
	border: 1px solid #CCC;
	text-align: center;
	background-color: #666;
	float: right;
	padding: 5px;
	margin: 10px;
	width: 275px;
	overflow: hidden;
}

p.sgBottomNavBar
{
	border: 1px solid #CCC;
	text-align: center;
	background-color: #666;
	padding: 5px;
	margin: 10px auto;
	width: 275px;
	overflow: hidden;
}

.sgTopNavBar img,
.sgBottomNavBar img { border: 1px solid #000; }
div.sgMainImage { width: 90%; margin: 10px auto; }
div.sgMainImage img { display: block; margin: 10px auto; border: 10px solid #FFF; }

em { font-weight: bold; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.red { color: #F00; }
img { border: 0px; }

#content
{
	width: 760px;
	min-width: 760px;
	margin: auto;
	border: 1px solid #FFF;
	background-color: #000;
	padding: 0px;
}

#credit
{
	position: relative;
	width: 6em;
	min-width: 100px;
	margin: 0px auto;
	border: 1px dotted #FCC;
	background-color: #903;
	padding: 2px;
	z-index: 4;
}

#credit p
{
	text-align: center;
	color: #FFF;
	font-size: .6em;
	padding: 0px;
	margin: 0px;
}

#credit a { text-decoration: none; }
#credit a:link { color: #CCF; }
#credit a:visited { color: #FFF; }
#credit a:hover { color: #F33; }

a.center
{
	display: block;
	width: 95%;
	margin: 5px auto;
	text-align: center;
}

#content ul
{
	list-style-type: none;
	margin: 0px 0px 5px 5px;
	padding: 0px;
	line-height: .7em;
}

#content ol#steps
{
	margin: 0px 0px 5px 25px;
	padding: 0px;
	line-height: .9em;
}

#content ul a
{
	color: #00F;
	font-size: .7em;
	font-weight: 600;
	font-family: Arial,Helvetica,sans-serif;
	text-decoration: none;
}

#content ul a:link
{
	text-decoration: none;
	color: #00F;
}

#content ul a:visited { color: #00F; }
#content ul a:hover { color: #F00; }

.ibox
{
	float: left;
	width: 170px;
	margin: 10px 8px;
	padding: 0px;
	border: 1px solid #999;
	background-color: #666;
	overflow: hidden;
}

.ibox img
{
	display: block;
	margin: 0px auto;
	border: 8px solid #FFF;
	padding: 0px;
}

.ibox h6
{
	font: bold .7em Arial,Helvetica,sans-serif;
	color: #FFF;
	text-align: center;
	margin: 8px 3px;
}

.ibox p
{
	font: .7em Arial,Helvetica,sans-serif;
	color: #FFF;
	text-align: center;
	margin: 10px 3px;
}

.ibox a
{
	color: #FFF;
	font-size: 100%;
	font-weight: 600;
	text-decoration: none;
}

.ibox a:link { color: #FFF; }
.ibox a:visited { color: #FFF; }
.ibox a:hover { color: #FF0; }

.ibox dfn
{
	display: block;
	font-style: normal;
	text-align: center;
	font-size: .6em;
	margin: 8px 3px;
	padding: 3px 0px;
	color: #FFF;
	white-space: nowrap;
}

#footer
{ width: 80%; margin: 10px auto; font-size: 80%; text-align: center; }

#col-clear
{
	clear: both;
	background-color: transparent;
	line-height: 0px;
	padding: 0;
	margin: 0;
	height: 1px;
}