@font-face {
  font-family: "Museo Sans 500";
  src: local("Museo Sans"),
  url("http://pixophonics.com/fonts/MuseoSans_500.otf");
  font-weight:500;
  font-style:normal;
}

@font-face {
  font-family: "Museo Sans 500";
  src: local("Museo Sans"),
  url("http://pixophonics.com/fonts/MuseoSans_500_Italic.otf");
  font-weight:500;
  font-style:italic;
}

@font-face {
  font-family: "Museo 100";
  src: local("Museo"),
  url("http://pixophonics.com/fonts/Museo100-Regular.otf");
  font-weight:100;
  font-style:normal;
}

@font-face {
  font-family: "Museo 300";
  src: local("Museo"),
  url("http://pixophonics.com/fonts/Museo300-Regular.otf");
  font-weight:300;
  font-style:normal;
}

@font-face {
  font-family: "Museo 500";
  src: local("Museo"),
  url("http://pixophonics.com/fonts/Museo500-Regular.otf");
  font-weight:500;
  font-style:normal;
}

body {
	font-family: "Museo Sans", Helvetica, Verdana, Arial, sans-serif;
	background-image: url("images/bg.jpg");
	color:#333333;
	line-height: 1.25;

}

p {
	font-size: 12pt;
	line-height: 1.50;
	
}

a:active, a:link, a:visited {
	/* background-color: #ffe63f; */
	text-decoration: underline;
	color: #333333;
	padding: 2px;
	
}

a:hover{
	background-color: #ffe63f;
	text-decoration: underline;
	color: #333333;
	padding: 2px;
	
}

.message {
	font-family: "Museo 100", Museo, Helvetica, Verdana, Arial, sans-serif;
	font-size:50pt;
	padding: 0;
	margin-top: 30px;
	margin-bottom: 10px;
	letter-spacing: -1.5pt;
	line-height: 1.1;
}

.container {
	width:960px;
	margin:0 auto;
}

#blog {
	width:660px;
	float:left;
	display: block;
	padding-right: 20px;
}

#sidebar {
	width:280px;
	float:left;
	display: block;
	
}

.clearer {
	clear:both;
}

p {
	margin-top:10px;
	margin-bottom: 10px; 
}

h2 {
	text-transform: uppercase;
	font-size: 24pt;
	margin-top: 20px;
	letter-spacing: 0.01em;
	font-family: "Museo 500", Helvetica, Verdana, Arial, sans-serif;
}

h3 {
	font-size: 26pt;
	margin-top: 20px;
	letter-spacing: 0.01em;
	font-family: "Museo 300", Helvetica, Verdana, Arial, sans-serif;
}

#logo {
	padding-top: 20px;
}

#menu ul, li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
	padding-right: 20px;
}

#menu {
	font-family: "Museo 300", Helvetica, Verdana, Arial, sans-serif;
	font-size: 20pt;
	text-transform: uppercase;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight:300;
}

#menu a:visited,#menu a:link,#menu a:active{
	background:none;
	color: #333333;
	text-decoration: none;
}

#menu a:active{
	background-color: #ffe63f;
	color: #333333;
	text-decoration: none;
}

#menu a:hover{
	background-color: #ffe63f;
	color: #333333;
	text-decoration: none;
}

.highlight {
	color: #ff3399;
	
	
}

.fancy-amp {
	font-style: italic;
}

p.blurb {
	font-family: "Museo 100", Helvetica, Verdana, Arial, sans-serif;
	font-size: 26pt;
	font-weight: 100;
}

p.blurb a{
	
}

p.banner-text {
	color:#ffffff;
	font-size: 24pt;
	margin-left: 720px;
	padding-top: 20px;
}

hr.bdiv {
	height:30px;
	background-color: #333333;
}

hr.mdiv {
	height:10px;
	background-color: #333333;
}

hr.sdiv {
	height:5px;
	background-color: #333333;
}

#footer-right {
	display: block;
	float:left;
	text-align: right;
	width: 50%;
}

#footer-left {
	display: block;
	float: left;
	width: 50%;
}

#footer {
	
}

hr {
	border: 0;
  	border-bottom: 1px dotted #333333;
  	width: 100%;
}

#banner-image {
	background-color: #000000;
	height:300px;
	margin-top: 10px;
}

/* Button Style */
a.button { 
	 background:#333333; 
	 padding:5px 10px 5px 10px; 
	 color: #ffffff; 
	 text-decoration: none; 
	 border:1px solid #000000; 
	 text-transform:uppercase; 
	 font-size:9px; 
	 line-height:25px; 
} 

a.button:hover { 
		background:#333333; 
		color:#fefefe;
}

/* Post */

.post-title {
	float: left;
	display: block;
	margin-top: 27px;	
}

h3 a:active, h3 a:link, h3 a:visited, h3 a:hover {
	text-decoration: none !important;
}

.post-date {
	float: left;
	display: block;
	font-size: 14pt;
	margin-top: 20px;
	margin-right: 10px;
	text-align: center;
	text-transform: uppercase;
}

.post-date .date-num{
	font-size: 24pt;
	line-height:0.7;
}

a.post-edit-link {
	
}

div.edit-link {
	margin-top: 35px;
	display: block;
	float:left;
	color: #fff;
	margin-left: 10px;
}

div.edit-link a:link, div.edit-link a:hover, div.edit-link a:visited, div.edit-link a:active{
	color: #fff;
	text-decoration: none;
	background-color: #000;
	padding: 0;
	margin: 0;
}

/* Ribbon */

.block { 
	 /* border:1px solid #a3a09e;  */
	 background-color:#ffffff; 
	 margin-bottom:20px; 
	 position:relative; 
}

.ribbon { 
	 position:absolute; 
	 top:10px; 
	 right:10px; 
} 


/* Fixes */
/* Fix up IE6 PNG Support */ 
img, #logo { behavior: url(scripts/iepngfix.htc); }

/* Last.fm */

#lastfmrecords{
	padding: 0px; 
	padding-bottom: 10px; 
}

#lastfmrecords ol, #lastfmrecords li { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
}

#lastfmrecords li { 
	float: left; 
	margin-left: 0px;
	margin-right: 5px
}

#lastfmrecords a { 
	display: block; 
	float: left; 
	width: 130px; 
	height: 130px;
    line-height: 130px; 
    position: relative; 
}

#lastfmrecords a img { 
	float: left; 
	position: absolute; 
	margin: auto; 
	width: 130px;
	height: 130px;
}