@charset "utf-8";
/* CSS Document */

html
{

}

body
{
	background-color: #241d16;	
	margin: 0;
	overflow-y:scroll;
}

#container
{
	margin: 0 auto;
	width:900px;
	height:547px;
	clear:both;
}

#navigation-container
{
	position:fixed;
	width:100%;
	height:32px;
	background-color:#000;
	z-index:1;
}

#navigation
{
	width:900px;
	height:32px;
	margin: 0 auto;
}

#navigation a
{
	text-decoration:none;
}

.navigation-header
{
	position:relative;
	height:22px;
	float:left;	
	margin:5px;
	padding:3px 30px 0px 0px;
	font-family:"Century Gothic","Verdana","Arial",sans-serif;
	font-size:12px;
	color:#fff;
	text-transform:lowercase;
}

.navigation-button
{
	position:relative;
	height:22px;
	float:left;	
	margin:5px;
	padding:3px 30px;
	font-family:"Century Gothic","Verdana","Arial",sans-serif;
	font-size:12px;
	color:#2B82AD;
	font-weight:600;
	-webkit-transition:color 0.3s ease-in;
	-o-transition:color 0.3s ease-in;
	-moz-transition:color 0.3s ease-in;
	transition:color 0.3s ease-in;
}

.navigation-button:hover
{
	position:relative;
	height:22px;
	float:left;	
	margin:5px;
	padding:3px 30px;
	font-family:"Century Gothic","Verdana","Arial",sans-serif;
	font-size:12px;
	color:#0FF;
	font-weight:600;
}

.navigation-button-active
{
	position:relative;
	height:17px;
	float:left;	
	margin:5px;
	padding:3px 30px;
	font-family:"Century Gothic","Verdana","Arial",sans-serif;
	font-size:12px;
	color:#fff;
	font-weight:600;
	background:#555;
	border-radius:3px;
}

#header
{
	position:fixed;
	top:48px;
	background:url(header.png);
	display:block;
	height:547px;
	width:311px;	
	float:left;	
}

#header-bio
{
	position:relative;
	top:220px;	
	margin:30px;
	color:#fff;
	font-family:"Century Gothic","Verdana","Arial",sans-serif;
	text-align:justify;
	font-size:14px;
	line-height:1.6em;
}

#header-links
{
	position:relative;
	top:240px;
	margin:30px;
}

#header a
{
	color:#2B82AD;
	text-decoration:none;
	font-weight:600;	
}

#header .header-button
{
	height:32px;
	width:32px;
	display:block;
	float:left;
	margin:3px;
	z-index:3;
}

#header .header-button:hover
{
	height:42px;
	width:42px;
	margin:-2px;
	display:block;
	background-size:cover;
	float:left;
	z-index:3;
}

#content
{
	position:relative;
	top:48px;
	left:311px;
	background-size:cover;
	background-color:#302418;
	width:589px;
	height:541px;
	float:left;
	border-radius:3px;
	margin-top:3px;
}

#content-caption
{
	position:relative;
	top:520px;
	left:300px;
	width:289px;
	height:21px;
	background-color:#241d16;
	border-top-left-radius:3px;
	margin:3px;
	padding-left:3px;
	color:#977B5F;
	font-family:"Century Gothic","Verdana","Arial",sans-serif;
	font-size:10px;
}

#content-description
{
	font-size:12px;
	margin-left:30px;
	margin-right:30px;
	border-radius:3px;
	border:1px solid #977B5F;
	background-color:#302418;
}

#content h1
{
	margin-left:30px;
	color:#977B5F;
	font-family:"Century Gothic","Verdana","Arial",sans-serif;
	font-size:14px;
}

#content p
{
	margin:10px;
	color:#977B5F;
	font-family:"Century Gothic","Verdana","Arial",sans-serif;
	font-size:14px;
	text-align:justify;
}

#content p#content-extended
{
	overflow:hidden;
	-webkit-transition:0.5s height ease-in;
	-moz-transition:0.5s height ease-in;
	-o-transition:0.5s height ease-in;
	transition:0.5s height ease-in;
}

#content-description p
{
	color:#977B5F;
	font-family:"Century Gothic","Verdana","Arial",sans-serif;
	font-size:12px;
}

#content-description a
{
	color:#2B82AD;
	text-decoration:none;
	font-weight:600;	
}

#blog-content
{
	position:relative;
	top:48px;
	left:311px;
	background-size:cover;
	background-color:#302418;
	width:589px;
	height:541px;
	float:left;
	border-radius:3px;
	margin-top:3px;
}

.blog-content-description
{
	font-size:12px;
	margin-top:10px;
	margin-left:30px;
	margin-right:30px;
	padding-bottom:10px;
	border-radius:3px;
	border:1px solid #977B5F;
	background-color:#302418;
	overflow:hidden;
}

.blog-header-talk
{
	background:url('images/blog/header_talk.png');
	background-repeat:no-repeat;
	background-position:bottom right;	
}

.blog-header-event
{
	background:url('images/blog/header_event.png');
	background-repeat:no-repeat;
	background-position:bottom right;
		
}

.blog-header-tweet
{
	background:url('images/blog/header_tweet.png');
	background-repeat:no-repeat;
	background-position:bottom right;	
	margin-left:60px;
}

#blog-tweet-selector
{
	position:absolute; 
	top:150px; 
	left:790px;
	z-index:1; 
	height:20px;
	width:200px;
	color:#977B5F;
	font-family:"Century Gothic","Verdana","Arial",sans-serif;
	font-size:12px;
	-webkit-transform:rotate(90deg); 
	-moz-transform:rotate(90deg); 
	-o-transform:rotate(90deg); 
	transform:rotate(90deg);
}

.blog-header-release
{
	background:url('images/blog/header_release.png');
	background-repeat:no-repeat;
	background-position:bottom right;	
}

.blog-header-press
{
	background:url('images/blog/header_press.png');
	background-repeat:no-repeat;
	background-position:bottom right;	
}

.blog-content-description p
{
	color:#977B5F;
	font-family:"Century Gothic","Verdana","Arial",sans-serif;
	font-size:12px;
	margin:10px 10px 0px 10px;
}

.blog-content-description-meta
{
	color:#977B5F;
	font-family:"Century Gothic","Verdana","Arial",sans-serif;
	font-size:8px;
	margin-left:18px;
}

.blog-content-description a
{
	color:#2B82AD;
	text-decoration:none;
	font-weight:600;	
}

a
{
	color:#2B82AD;
	text-decoration:none;
	font-weight:600;	
}

select
{
	position:absolute;
	top:515px;
	left:30px;
	width:270px;
	border-radius:3px;
}