@font-face {
	font-family: 'Calibri';
	src: url('fonts/CALIBRI.eot');
	src: local('Calibri'), url('fonts/CALIBRI.woff') format('woff'), url('fonts/CALIBRI.ttf') format('truetype');
}

@font-face {
	font-family: 'Calibri';
	font-weight: bold;
	src: url('fonts/CALIBRIB.eot');
	src: local('Calibri-Bold'), url('fonts/CALIBRIB.woff') format('woff'), url('fonts/CALIBRIB.ttf') format('truetype');
}


/* BODY
----------------------------------------------- */
	html { background: #353535; }
	body { background: #353535; margin:0; padding: 0; text-align: center;  } 
	body, input, textarea, select { color: #4f4f4f; font: 18px/22px "Calibri", arial, sans-serif; }

/* LINKS AND IMAGES
----------------------------------------------- */
	a img { border: none; }
	a:link, a:visited { color: #e88e0e; text-decoration: none; }
	a:hover { color: #965b53; }

/* TYPOGRAPHY
----------------------------------------------- */	
	h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; color: #965b53; text-shadow: 1px 1px 1px #f2eed9;  }
	h2 { color: #545454; font-size: 22px; margin: 0 0 15px 0; }
	h3 { color: #848274; font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; font-size: 16px; font-weight: normal; line-height: 21px; margin: 0 0 8px 0; }
	#asides h4 { font-size: 18px; font-weight: bold; margin: 0 0 12px 0; }
	#asides p { margin: 0 0 20px 0; }
	.post h2 { margin: 0 0 8px 0; text-transform: none; }
	h2 a { text-shadow: 1px 1px 1px #f2eed9; }
	p, blockquote, div.quote, div.quote-source { margin: 0 0 15px 0; padding: 0; }
	cite { font-style: normal; display: block; margin: 0 0 12px 0; }
	kbd { font-size: 14px; }

/* LAYOUT
----------------------------------------------- */
	#wrapper { float: left; width: 100%; background: #fffcf0 url("images/body.jpg") 50% 0 repeat-x fixed; text-align: center; }
	.container { position: relative; width: 1000px; margin: 0 auto; text-align: left; }
	#content { background: url("images/column.png") top left repeat-y; float: left; width: 568px; margin-left: 130px; padding: 45px 0 25px 0; }
	#asides { font-size: 15px; line-height: 18px; float: right; width: 188px; padding: 95px 0 0 0; }

/* HEADER
----------------------------------------------- */
	#logo { position: fixed; top: 98px; }
	#logo a:active { position: relative; top: 1px; }

/* LISTS
----------------------------------------------- */
	ul, ol { margin: 0 0 15px 0; }
	ul.nobullet { list-style: none; padding-left: 0; }

	ul.social { float: left; width: 100%; list-style: none; margin: 0 0 40px 0; padding: 0; }
	ul.social li { float: left; margin: 0 0 8px 0;  }
	ul.social li.right { float: right; }
	ul.social a:active { position: relative; top: 1px; }
	ul.social a { color: #fff; line-height: 49px; text-align: center; -moz-transition:background-position .1s ease-in; -webkit-transition:background-position .1s ease-in; transition: background-position .1s ease-in;  display: block; background-image: url("images/social.png"); background-repeat: no-repeat; width: 85px; height: 49px; text-indent: -999em; }
	ul.social a span { opacity: 0; -moz-transition:opacity .2s ease-in; -webkit-transition:opacity .2s ease-in; transition:opacity .2s ease-in; }
	ul.social a:hover { text-indent: 0; background-position: 0px -49px; }
	ul.social a:hover span { opacity: 1; }
	ul.social a.rss { background-position: 0px 0px; }
	ul.social a.rss:hover { background-position: 0 -49px; }
	ul.social a.twitter { background-position: -85px 0px; }
	ul.social a.twitter:hover { background-position: -85px -49px; }
	ul.social a.facebook { background-position: -170px 0px; }
	ul.social a.facebook:hover { background-position: -170px -49px; }
	ul.social a.lastfm { background-position: -255px 0px; }
	ul.social a.lastfm:hover { background-position: -255px -49px; }
	ul.social a.gplus { background-position: -340px 0px; }
	ul.social a.gplus:hover { background-position: -340px -49px; }
	ul.social a.linkedin { background-position: -425px 0px; }
	ul.social a.linkedin:hover { background-position: -425px -49px; }
	
	div.prevnext  { float: left; width: 500px; padding: 0 34px 50px 34px; clear: both; }
	div.prevnext ul { float: left; width: 100%; list-style: none; padding: 0; }
	div.prevnext ul li {  float: left; width: 51px; height: 51px; margin: 0 15px 0 0; }
	div.prevnext ul li a { overflow: hidden; text-indent: -999em; background-image: url("images/prevnext.png"); background-repeat: no-repeat; display: block; width: 51px; height: 51px; opacity: .7; -moz-transition:opacity .2s ease-in; -webkit-transition:opacity .2s ease-in; transition:opacity .2s ease-in; }
	div.prevnext ul li a:hover  { opacity: 1; }
	div.prevnext ul li a:active { margin-top: 1px; }
	div.prevnext ul li a.prev { background-position: 0px 0px ; }
	div.prevnext ul li a.next { background-position: -51px 0px; }
	
	ol.notes { float: left; width: 100%; list-style: none; padding: 0; }
	ol.notes li { clear: both; float: left; width: 100%; line-height: 16px; font-size: 15px; margin: 0 0 10px 0; }
	ol.notes li a { font-weight: bold; }
	ol.notes li img { float: left; margin: 2px 5px 0 0; }
	ol.notes li blockquote { margin: 4px 0 0 22px; }
	ol.notes li blockquote a { color: #A3A197; font-size: 13px; font-weight: normal; }
	
/* FORMS
----------------------------------------------- */

/* POSTS 
----------------------------------------------- */
	.post { clear: both; float: left; width: 100%; margin: 0 0 30px 0 !important; }
	.post .top { position: relative; height: 50px; }
	.post .middle { background: url("images/sep.png") bottom left repeat-x; float: left; width: 500px; padding: 0px 34px 30px 34px; }
	#notes { width: 500px; padding: 0 34px 35px 34px; }
	.post p.meta { color: #a3a197; font-size: 15px; margin: 0; }
	.post p.meta a { color: #a3a197; }
	.post p.meta a:hover { color: #965b53; }
	.post p.meta span { color: #b7b6b1; padding: 0 3px; }
	a.post-icon { opacity: .7; position: absolute; top: 0px; left: 34px; -moz-transition:opacity .2s ease-in; -webkit-transition:opacity .2s ease-in; transition:opacity .2s ease-in; }
	a.post-icon:hover { opacity: 1; }
	a.post-icon:active { margin: 1px 0 0 0;}
	
	.post object, .post embed { margin: 0 0 15px 0; float: left; padding: 0; }
	.post img.photo, .post object { margin: 0 0 15px 0; -box-shadow: 0 1px 3px #9C927B; -webkit-box-shadow: 0 1px 3px #9C927B; -moz-box-shadow: 0 1px 3px #9C927B; }
	.post.text h2 a, .post.audio h2 { color: #545454; }
	.post.text h2 a:hover { color: #965b53; }
	.post.quote div.quote { color: #848274; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; letter-spacing: -1px; font-size: 24px; line-height: 31px; }
	.post blockquote { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 15px; line-height: 20px; color: #848274; padding: 0 0 0 15px; border-left: 2px solid #d9d4be; }
	.post .caption { margin-top: 15px; }
	
	ul.chat-item { margin-top: -15px; list-style: none; margin-left: 0; padding: 0; }
	ul.chat-item li { border-bottom: 1px dotted #d9d4be; padding: 15px 0; }
	ul.chat-item li.odd {  }
	ul.chat-item strong.label { font-size: 18px; float: left; width: 80px; }
	ul.chat-item span { color: #848274; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; display: inline-block; float: right; width: 390px; }
	
	.post.audio .audio-album { margin: 0 0 15px 0; background: #7d7a6b; -moz-border-radius: 10px; border-radius: 10px; padding: 10px; float: left; width: 209px; }
	.post.audio .audio-album img { float: left; width: 209px; }
	.post.audio .audio-player-holder { clear: both; float: left; height: 27px; width: 209px; background: #000; }
	.post.audio .audio-details { float: right; width: 250px; }
	.post.audio .audio-meta { list-style: none; margin-left: 0; padding-left: 0; font-size: 14px; color: #848274; }
	
/* PROFILE 
----------------------------------------------- */
	.profilecontent { padding: 20px 34px 50px 34px !important; width: 500px !important; }
	.profilepic { margin-bottom: 15px; padding-top: 20px; }
	.profilepic img { margin: 0 auto; position: relative; left: -6px; }
	
/* FOOTER
----------------------------------------------- */
	#footer { clear: both; color: #f7f4e5; padding: 40px 0 60px 0; }
	#footer #copyright { font-size: 14px; padding-left: 130px; padding-top: 10px; color: #939393; }
	#tweet { position: relative; padding-left: 130px; width: 568px; }
	#tweet .ur { width: 12px; height: 10px; position: absolute; top: 0px; right: 0px; background: url("images/tweet-ur.gif") top left no-repeat; }
	#tweet .br { width: 12px; height: 8px; position: absolute; top: 0px; right: 0px; background: url("images/tweet-br.gif") top left no-repeat; }
	#tweet .content { word-wrap: break-word; white-space: nowrap; background: #965b53 url("images/tweet-top.gif") top left no-repeat; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; color: #fafaf4; font-style: italic; padding: 16px 20px 10px 20px; line-height: 30px; }
	#tweet .content a { display: block; }
	#tweet .content span { white-space: normal; font-size: 26px; padding-right: 8px; }
	#tweet .content span a { display: inline; }
	#tweet .content p { margin: 0; }
	ul#twitter_update_list { list-style: none; margin: 0; padding: 0; }
	#tweet .date { position: relative; height: 60px; padding: 20px 0 0 90px; background: url("images/tweet-bottom.gif") top left no-repeat; }
	#footer a { color: #d8a65f; }
	#footer a:hover { color: #fdfdf9; }

/* MISC
----------------------------------------------- */	
	.clearboth { clear: both; }
	.nowrap { white-space: nowrap; }
	.nomargin { margin-bottom: 0; }
	.skip { margin-bottom: 0; position: absolute; left: -999em; width: 999em; }
	.nowrap { white-space: nowrap; }
	.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
	* html .clearfix { height: 1%; }