* { margin: 0; padding: 0; }

body 
{
	color: #FFFFFF;
	background-color: #292929;
	font-family: Arial, Sans-Serif;
	overflow-y: scroll
}

/* ***************** LAYOUT ***************** */
#container 
{
    width: 800px;
	height: 100%;
    margin: 0 auto;
	background-color: #292929;
	margin-top: 25px;
}

#header 
{
	width: 800px;
	height: 100%;
}

#banner
{
	float: left;
	width: 586px;
	height: 82px;
	margin-left: -10px;
}

#bannerlogo
{
	float: right;
	width: 215px;
	height: 194px;
	margin-top: -10px;
}

/* ***************** NAVIGATION ***************** */
#navbar 
{
	float: left;
    width: 800px;
	height: 100%;
	margin-left: -4px;
	margin-top: -105px;
}

ul#menu
{
	width: 800px;
}

ul#menu li
{	
	float: left;
	list-style-type: none;
}

#blogheadline 
{
	float: left;
	margin-left: 2px;
}

/* ***************** CONTENT ***************** */
#contentG
{
	float: left;
    width: 800px;
	height: 880px;
	color: #FFFFFF;
	background-color: #181818;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border: 1px solid #2d2d2d;
}

#content
{
	float: left;
    width: 800px;
	height: 575px;
	color: #FFFFFF;
	background-color: #181818;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border: 1px solid #2d2d2d;
}

#footer 
{
	float: left;
	width: 800px;
	height: 100%;
	margin-top: 5px;
}

#legal 
{
	float: left;
	width: 400px;
	height: 100%;
}

#connect
{
	float: left;
	width: 400px;
	height: 100%;
}

/* ***************** GALLERY PAGE ***************** */
.yoxview
{
	float: left;
	background-color: #181818;
	margin-left: 25px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#currentG
{
	float: left;
	clear: both;
	margin-left: 20px;
}

#iconsG
{
	float: left;
	clear: both;
	margin-left: 20px;
}

#elementsG
{
	float: left;
	clear: both;
	margin-left: 20px;
}

#previousG
{
	float: left;
	clear: both;
	margin-left: 20px;
}

/* ***************** ABOUT PAGE ***************** */
.bio
{
	float: left;
	width: 535px;
	margin-top: 20px;
	margin-left: 20px;
}

.biopic
{
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}

.detailpic
{
	margin-top: 40px;
	margin-left: 20px;
	float: left;
}

/* ***************** CONTACT PAGE ***************** */
.contact
{
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}

/* ***************** LINKS ***************** */
.contactlink a:link      {color: #ff26b5; font-size: 1.1em;}
.contactlink a:visited   {color: #ff26b5; font-size: 1.1em;}
.contactlink a:hover     {color: #2678ff; font-size: 1.1em;}
.contactlink a:active    {color: #2678ff; font-size: 1.1em;}

.sociallink a:link      {color: #2d2d2d; text-decoration: none; float: right;}
.sociallink a:visited   {color: #2d2d2d; text-decoration: none; float: right;}
.sociallink a:hover     {color: #2d2d2d; text-decoration: none; float: right;}
.sociallink a:active    {color: #2d2d2d; text-decoration: none; float: right;}

.bannerlink a:link       {color: #2d2d2d;}
.bannerlink a:visited    {color: #2d2d2d;}
.bannerlink a:hover      {color: #2d2d2d;}
.bannerlink a:active     {color: #2d2d2d;}

.bloglink a:link      {color: #2678ff; font-size: 1.1em;}
.bloglink a:visited   {color: #2678ff; font-size: 1.1em;}
.bloglink a:hover     {color: #FFFFFF; font-size: 1.1em;}
.bloglink a:active    {color: #FFFFFF; font-size: 1.1em;}

.footerlink a:link      {color: #2678ff;}
.footerlink a:visited   {color: #2678ff;}
.footerlink a:hover     {color: #ff26b5;}
.footerlink a:active    {color: #ff26b5;}

/* ***************** MISC ***************** */
p 
{
	margin-bottom: 20px;
}

p#headline 
{
	font-size: 1.2em;
	font-weight: 800;
}

p#subheadline 
{
	padding-top: 5px;
	font-size: 0.8em;
}

p#blog
{
	font-size: 1.0em;
	font-weight: 800;
	color: #ff26b5;
}

p.headline 
{
	font-size: 1.2em;
	font-weight: 800;
}

p.gallery
{
	float: left;
	clear: both;
	font-weight: 800;
	margin-left: 20px;
	margin-top: 20px;
	color: #ff26b5;
}

/* ***************** LINKS ***************** */
a 
{
	text-decoration: none;
	color: #181818;
}

a:hover 
{
	text-decoration: none;
}