@CHARSET "UTF-8";

/*****************************
 Reset
******************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, em, font, img, q, small, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body{
	line-height: 1;
	background: white;
}

ol, ul{
	list-style: none;
}

table{
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td{
	text-align: left;
	font-weight: normal;
}

q:before, q:after {
    content: "";
}

/*****************************
 Basic Styles
******************************/
body{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	color: #516064;	
}

h1, h2, h3, h4, h5, h6{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Trebuchet MS", Helvetica,  Arial, sans-serif;
}

h1{
	font-size: 23px;
}

h2{
	font-size: 17px;
}

h3{
	font-size: 15px;
}

p{
	color: #1e1e1e;
	line-height: 30px;
	font-size: 16px;
}

hr{
	background-color: #e8eaea;
	color: #e8eaea;
	height: 1px;
	border: none;
	clear: left;
}

a{
	color: #b62f2f;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/*****************************
 Main Info / Sub Info
******************************/
.info h1{
	font-size: 35px;
	margin-bottom: 3px;
}

.info p{
	line-height: 24px;
	color: #6A797D;
}

.info > div:hover h1,
.info > div:hover p{
	color: #1e1e1e;
}

.info li{
	color: #6A797D;
	padding: 3px 0;
}

.info a, .info .link_facade{
	color: #405156;
	text-decoration: none;
}

.info a:hover, .info .link_facade:hover{
	color: #b62f2f;
}

#main_info{
	margin: 55px 15px 0;
}

#main_info > div{
	display: inline-block;
	width: 23%;
	padding: 0 2%;
	vertical-align: top;
}

#main_info #connect{
	width: 13%;
	padding: 0 1%;
}

#sub_info{
	margin: 0 15px;
}

#sub_info > div{
	display: inline-block;
	vertical-align: top;
	width: 23%;
	padding: 0 5%;
}

/*****************************
 Logo
******************************/
#logo{
	padding: 60px 20px;
	margin: 30px auto 40px;
	width: 91%;
}

#logo img{
	background: transparent url(logo_full.png) no-repeat;
	width: 915px;
	height: 64px;
	margin: 0 auto;
	display: block;
}

#logo:hover{
	background-color: #f1f4f4;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#logo:hover img{
	background-position: 0 -64px;
}

/*****************************
 Content / Posts
******************************/
#content{
	margin: 40px;
	min-width: 400px;
}

#posts_heading{
	border-bottom: 1px solid #e8eaea;
	margin: 10px 0 13px;
	padding-bottom: 3px;
}

#posts{
	max-width: 700px;
}

.date{
	margin-top: 50px;
	margin-bottom: 25px;
	border-bottom: 1px solid #e8eaea;
	padding-bottom: 7px;
}

.date:first-child{
	margin-top: 0;
	border-bottom: 0;
	padding-bottom: 0;
}

.post{
	margin: 25px 0;
}

.post .icon{
	position: absolute;
	margin: 3px 0 0;
	width: 32px;
	height: 32px;
}

.post .time{
	position: absolute;
	margin: 10px 0 0 38px;
	color: #959EA1;	
}

.post .text{
	font-size: 16px;
	line-height: 27px;
	margin-left: 27%;
	padding-top: 5px;
}

#posts hr{
	clear: both;
}

/*****************************
 Specific Post Styles
******************************/
.post.blog h2,
.post.article h2,
.post.music h2,
.post.blog h2 a,
.post.article h2 a,
.post.music h2 a{
	color: #959EA1;
	text-decoration: none;
}

.post.blog p,
.post.article p,
.post.music p{
	color: #516064;	
}

.post.blog .text{
	padding-top: 4px;
}

.post.blog pre{
	background-color: #333;
	color: #fff;
	padding: 25px;
}
.post.blog .inline_code{
	font-style: italic;
	padding: 0 7px;
}
.read_article{
	margin-left: 4px;
}

.post.music p,
.post.blog p{
	margin: 6px 0;
}

.post.music .music_player{
	height: 20px;
	margin-top: 7px;
}

.post.digg a,
.post.lastfm a{
	color: #405156;
	text-decoration: none;
}

.post.digg a:hover,
.post.lastfm a:hover{
	color: #b62f2f;
	text-decoration: underline;
}

.post.digg p,
.post.lastfm p{
	line-height: normal;
	padding-top: 8px;
}

.post.digg .topic,
.post.lastfm .artist,
.post.flickr .title{
	font-size: 12px;
	color: #959EA1;
}

.post.flickr .title{
	font-size: 14px;
}

/*****************************
 Post Icons
******************************/
.post.blog .icon{
	background: transparent url(icons/blog_32.png) no-repeat;
}

.post.article .icon{
	background: transparent url(icons/paper_32.png) no-repeat;
}

.post.music .icon{
	background: transparent url(icons/music.png) no-repeat;
	height: 45px;
}

.post.facebook .icon{
	background: transparent url(icons/facebook_32.png) no-repeat;
}

.post.twitter .icon{
	background: transparent url(icons/twitter_32.png) no-repeat;
}

.post.lastfm_loved .icon,
.post.lastfm_top .icon{
	background: transparent url(icons/lastfm_32.png) no-repeat;
}

.post.flickr .icon{
	background: transparent url(icons/flickr_32.png) no-repeat;
}

.post.digg .icon{
	background: transparent url(icons/digg_32.png) no-repeat;
}

.post.portfolio .icon{
	background: transparent url(icons/portfolio_32.png) no-repeat;;
}

/*****************************
 Non-Main Pages
******************************/
#nm_page{
	margin: 0 40px;
}

#nm_page h1{
	border-bottom: 1px solid #e8eaea;
	padding-bottom: 5px;
	margin-bottom: 17px;
}

#nm_page h1 > span{
	font-size: 12px;
	margin-left: 14px;
}

#nm_page h2{
	margin: 12px 0 4px;
	font-size: 19px;
}

#nm_page ul{
	color: #1e1e1e;
}

/*****************************
 Forms
******************************/
.form_line{
	margin: 10px 0;
}

.form_line.first{
	margin-top: 30px;
}

.form_label{
	display: inline-block;
	width: 115px;
	margin-right: 20px;
	text-align: right;
	padding: 2px 0;
	vertical-align: 2px;
}

.form_action_btn:first-child,
.form_no_label{
	margin-left: 135px;
}

.form_action_btn{
	margin-right: 7px;
}

input[type="radio"]{
	padding: 0;
	margin: 0 6px 0 0;
	vertical-align: middle;
}

.radio_group label{
	vertical-align: -1px;
}

.textfield, textarea{
	color: #444;
	border: 1px solid #e8eaea;
	font-family: "Century Schoolbook", Georgia, "Times New Roman", sans-serif;
	font-size: 20px;
	padding: 2px 5px;
}

.textfield{
	width: 250px;
}

.textfield_long{
	width: 450px;
}

.textfield:hover,
.textfield:focus,
textarea:hover,
textarea:focus{
	border-left: 1px solid #F3E3A0;
	color: #222;
}

#html_editor{
	display: inline-block;
}

.textarea_label{
	vertical-align: top;
}

/*****************************
 Contact
******************************/
#contact_content h1{
	text-decoration: none;
	font-size: 17px;
	padding-bottom: 0;
	border: 0;
	margin: 15px 0 5px;
}

#contact_content ul{
	padding-top: 5px;
	line-height: 20px;
}

/*****************************
 View Article
******************************/
#article_content{
	margin-left: 50px;
}

#shadowbox_article_content{
	margin: 10px 15px 0 40px;
}

#shadowbox_article_content h1{
	font-size: 15px;
	border-bottom: 1px solid #e8eaea;
	padding-bottom: 5px;
	margin-bottom: 17px;
}

#shadowbox_article_content > h2{
	font-size: 12px;
	margin-top: -7px;
}

#shadowbox_article_content h1 > span{
	font-size: 11px;
	margin-left: 12px;	
}

#shadowbox_article_content .article_section{
	margin-top: 20px;
}

.article_section{
	width: 630px;
	margin-top: 40px;
}

.article_section h2{
	margin-bottom: 5px;
	color: #959EA1;
}

.article_section p,
.article_section li,
#resume .skill{
	color: #1e1e1e;
	font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
	font-size: 14px;
	line-height: 1.75em;
	margin-bottom: 18px;
}

.article_section ul,
.article_section li{
	list-style-type: circle;
}

.article_section li{
	margin: 6px 32px;
}

.article_section li:first-child{
	margin-top: 0;
}

.article_section blockquote{
	line-height: 30px;
	padding: 10px 13px;
	margin: 15px 0;
	color: #6A797D;
	font-size: 15px;
	border-left: 5px solid #959ea1;
}

/*****************************
 View Music
******************************/
#nm_page .music_content{
	width: 630px;
	margin-top: 25px;
}

#nm_page  .music_player{
	margin-left: 40px;
	margin-top: 35px;
}

/*****************************
 View Blog
******************************/
#nm_page .blog_content{
	width: 630px;
}

/*****************************
 Shadowbox Overrides
******************************/
#sb-loading{
	background-color: #fff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 0;
	left: 0;
}

#sb-loading > a{
	margin-top: 10px;
	display: block;
}

#sb-body{
	background-color: #fff;
	padding: 10px 7px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: none;	
}

/*****************************
 Search Box
******************************/
#search_box{
	margin: 55px 0 40px;
	text-align: center;
}

.searchfield{
	background: transparent url(search.png) no-repeat;
	font-family: Helvetica, Arial, sans-serif;
	padding: 9px 25px 7px 43px;
	font-size: 16px;
	border: 0 none;
	color: #999;	
}

.searchfield:focus,
.searchfield:hover{
	background-position: 0 -34px;
	color: #777;
	outline: none;
}

#search_help{
	color: #959EA1;
	font-size: 12px;
}

#search_help, #search_btn{
	visibility: hidden;
}

#search_box:hover > #search_help,
#search_box:hover > #search_btn{
	visibility: visible;
}

/*****************************
 Show More Link / Show Recent Posts
******************************/
#show_more_div{
	margin-top: 50px;
	min-height: 30px;		
}

.show_more{
	background: url(down_arrow.png) 0 2px no-repeat;
	padding-left: 20px;
	color: #405156;
	text-decoration: none;
}

.show_recent{
	color: #405156;
	text-decoration: none;
}

.show_more:hover,
.show_recent:hover{
	color: #b62f2f;
	text-decoration: underline;
}

.ajax_loader_next{
	position: absolute;
	margin-left: 14px;
	margin-top: -3px;	
}

.ajax_loader_search{
	position: absolute;
	margin-left: 10px;
	margin-top: 5px;	
}

/*****************************
 Footer
******************************/
#footer{
	margin: 0 40px 50px;
	text-align: center;
}

#footer p{
	font-size: 12px;
}

#footer > hr{
	margin: 40px 0 30px;
}

/*****************************
 Resume
******************************/
#resume h2{
	margin-top: 17px;
}

#resume h2:first-child{
	margin-top: 0;
}

.resume_highlight{
	color: #516064;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;	
	font-size: 15px;
}

.resume_row_heading{
	display: block;
	float: left;
	width: 95px;
	text-align: right;
	margin-right: 7px;
}

#resume p,
#resume ul{
	margin-left: 20px;
	margin-bottom: 7px;
}

#resume p.education{
	margin-bottom: 15px;
}

#resume .skill{
	margin: 2px 0;
	word-spacing: 1px;
}

.resume_list,
.resume_list li{
	list-style-type: circle;
}

.resume_list li{
	margin: 13px 32px;
}

.resume_list li:first-child{
	margin-top: 0;
}

#resume .courses{
	word-spacing: 2px;
}

/*****************************
 Music Player
******************************/
#music_player{
	position: fixed;
	display: inline-block;
	top: 32px;
	right: 26px;
	z-index: 30;
	background: transparent url(opacity85.png);
	padding: 10px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#music_player > h2{
	margin: 0 0 4px 4px;
}
#show_hide_player{
	font-size: 13px;
	color: #405156;
	margin-left: 5px;
}

#show_hide_player:hover{
	color: #b62f2f;
}

/*****************************
 Misc
******************************/
#admin_links{
	color: #ddd;
	line-height: normal;
}

.search_type{
	color: #959EA1;
	font-size: 0.6em;
	margin-left: 1px;
}

.scp_expand_link{
	padding-left: 5px;
	font-size: 0.9em;
}

.ajax_loader_music,
.ajax_loader_words,
.ajax_loader_portfolio{
	position: absolute;
	margin-left: 5px;
}