/* This file was created by Brandon Moeller and serves as the main stylesheet for the new BrandonMoeller.com. This stylesheet was finished on July 12. 2010.

This stylesheet was last modified on July 12.

*/


/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      FontSite Inc.
 * License URL: http://www.fontspring.com/fflicense/fontsite
 *
 *
 */

@font-face {
	font-family: 'FranklinGothicFSMediumCondens';
	src: url('../fonts/FranklinGothic-MedCd-webfont.eot');
	src: local('☺'), url('../fonts/FranklinGothic-MedCd-webfont.woff') format('woff'), url('../fonts/FranklinGothic-MedCd-webfont.ttf') format('truetype'), url('../fonts/FranklinGothic-MedCd-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FranklinGothicFSBook';
	src: url('../fonts/FranklinGothic-Book-webfont.eot');
	src: local('☺'), url('../fonts/FranklinGothic-Book-webfont.woff') format('woff'), url('../fonts/FranklinGothic-Book-webfont.ttf') format('truetype'), url('../fonts/FranklinGothic-Book-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
	}

@font-face {
	font-family: 'MergeRegular';
	src: url('../fonts/merge-webfont.eot');
	src: local('☺'), url('../fonts/merge-webfont.woff') format('woff'), url('../fonts/merge-webfont.ttf') format('truetype'), url('../fonts/merge-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
	}


body {
	/*background-color:#D5DED9;*/
}
h1 {
	font-size: 4em;
	font-family: 'FranklinGothicFSMediumCondens',Arial,sans-serif;
	/*line-height: -2em;*/
	margin-bottom: 0px;
	}
h2 {
	font-size: 2.5em;
	font-family: 'FranklinGothicFSMediumConsens',Arial,sans-serif;
	margin-bottom: 0px;
	}
h3 {
	font-family: 'FranklinGothicFSMediumCondens',Arial,sans-serif;
	margin-bottom: 0px;
	}
img, object {
	max-width: 100%;
   }
p {
	font-size: 1em;
	font-family: 'FranklinGothicFSBook', Arial, sans-serif;
	margin: 0 0 15px 0;
	}
p.merge {
	font-size: 1em;
	font-family: 'MergeRegular', Arial, sans-serif;
	margin: 0 0 15px 0;
	}
#banner {
	/*margin: 0 auto;*/
	margin: 0 10px 0 180px;
	width: 650px;
	padding: 1px;
	}
#container {
	width: 1010px;
	margin: 0 auto;
	padding: 0;
	}
#container-main {
	margin: 0 auto;
	width: 745px;
	/*padding: 10px;*/
	background-image: url(../images/index3.png);
	background-repeat:no-repeat;
	background-color: #D5DED9;
	border-style: double;
	border-color: #99B2B7;
	border-width:thick;
	}
#content {
	margin: 285px 10px 10px 10px;
	}
#elsewhere-column {
	width: 150px;
	margin: 10px 0 0 855px;
	position: inherit;
	}
#facebook-column {
	float: left;
	width: 160px;
	margin: 10px 10px 0 10px;
	}
#facebook-like {
	/*margin: 110px 0 0 10px;*/
	margin: 5px 0 0 10px;
	padding: 10px;
	/*width: 100px;*/
	height: 30px;
	z-index: 100;
	}
#facebook-profile {
	/*float: left;*/
	width: 200px;
	margin: 50px 0 0 350px;
	}
#iconrowone {
	margin: 0 auto;
	width: 700px;
	}
#iconrowtwo {
	margin: 0 auto;
	width: 700px;
	}
#menu {
	/*margin: -16px 0 0 470px;*/
	/*margin: -16px 0 0 0;*/
	background-color: #7A6A53;
	/*width: 275px;*/
	width: 745px;
	height: 30px;
	}
#menu a {
	display:block;
	text-decoration:none;
	/*color:#aaa;*/
	color: #fff;
	padding:0 10px;
	/*line-height:38px;*/
	line-height:28px;
	}
#menu ul {
	list-style: none;
	padding: 0 0 0 460px;
	color: #fff;
	margin: 0;
	}
#menu ul li {
	margin: 0 auto;
	/*padding: 3px;*/
	float: left;
	font-size: 1em;
	font-family: 'FranklinGothicFSMediumCondens',Arial,sans-serif;
	/*min-width: 150px;*/
	}
#menu ul li a, #menu ul li a:visited {
	color: #fff;
	text-decoration:none;
	}
#menu li:hover > a,
#menu ul ul :hover > a {
	color:#fff;
	background:#333;
	/*height: 28px;*/
	}
#menu ul li:hover > ul {
	display:block;
	}
#socialicons {
	/*margin: 301px 0 0 70px;*/
	margin: 50px 0 0 70px;
	}
#under-fb-profile {
	width: 75px;
	margin: 10px 0 0 350px;
	}
.clear {
	clear: both;
	}
.hidden {
	display: none;
	}
.notice {
	margin:5px 0;
	padding:10px;
	border:1px solid #dedeb9;
	background:#ffffd4;
	text-align:center;
	}
.resume_box {
	color: #000;
	background: #D9CEB2;
	margin: 0 0 5px 10px;
	padding: 5px;
	width: 250px;
	float: right;
	border: 1px double #99B2B7;
	}
.resume_box a:visited, .resume_box a, .resume_box a:hover {
	color: #7A6A53;
	}
.resume_box a img { 
	border-style: none; 
	}
.xtraspace {
	padding: 0 0 15px 0;
	}



/* Homepage icon rows */

#bandk {
	margin: 10px;
	/*clear: both;*/
	float: left;
	}
#bandk a {
	display:block; 
	width:100px; 
	height:100px; 
	overflow:hidden;
	border: none;
	}  
#bandk a img {
	border:none;
	}
#bandk a:hover img {
	margin-top:-100px;
	border:none;
	}  
#bandk a:hover {
	/* ie6 needs this fix*/  
	zoom:1;
	}  

#friendfeed {
	margin: 10px;
	float: left;
	}
#friendfeed a {
	display:block; 
	width:100px; 
	height:100px; 
	overflow:hidden;
	border: none;
	}  
#friendfeed a img {
	border:none;
	}
#friendfeed a:hover img {
	margin-top:-100px;
	border:none;
	}  
#friendfeed a:hover {
	/* ie6 needs his fix*/  
	zoom:1;
	}  

#picasa {
	margin: 10px;
	float: left;
	}
#picasa a {
	display:block; 
	width:100px; 
	height:100px; 
	overflow:hidden;
	border: none;
	}  
#picasa a img {
	border:none;
	}
#picasa a:hover img {
	margin-top:-100px;
	border:none;
	}  
#picasa a:hover {
	/* ie6 needs his fix*/  
	zoom:1;
	}  
	
#dc {
	margin: 10px;
	float: left;
	}
#dc a {
	display:block; 
	width:100px; 
	height:100px; 
	overflow:hidden;
	border: none;
	}  
#dc a img {
	border:none;
	}
#dc a:hover img {
	margin-top:-100px;
	border:none;
	}  
#dc a:hover {
	/* ie6 needs his fix*/  
	zoom:1;
	}  	
	
#chron {
	margin: 10px;
	float: left;
	}
#chron a {
	display:block; 
	width:100px; 
	height:100px; 
	overflow:hidden;
	border: none;
	}  
#chron a img {
	border:none;
	}
#chron a:hover img {
	margin-top:-100px;
	border:none;
	}  
#chron a:hover {
	/* ie6 needs his fix*/  
	zoom:1;
	}  	

#linkedin {
	margin: 10px;
	/*clear: both;*/
	float: left;
	}
#linkedin a {
	display:block; 
	width:100px; 
	height:100px; 
	overflow:hidden;
	border: none;
	}  
#linkedin a img {
	border:none;
	}
#linkedin a:hover img {
	margin-top:-100px;
	border:none;
	}  
#linkedin a:hover {
	/* ie6 needs his fix*/  
	zoom:1;
	}  	

#twitter {
	margin: 10px;
	float: left;
	}
#twitter a {
	display:block; 
	width:100px; 
	height:100px; 
	overflow:hidden;
	border: none;
	}  
#twitter a img {
	border:none;
	}
#twitter a:hover img {
	margin-top:-100px;
	border:none;
	}  
#twitter a:hover {
	/* ie6 needs his fix*/  
	zoom:1;
	}  	

#listal {
	margin: 10px;
	float: left;
	}
#listal a {
	display:block; 
	width:100px; 
	height:100px; 
	overflow:hidden;
	border: none;
	}  
#listal a img {
	border:none;
	}
#listal a:hover img {
	margin-top:-100px;
	border:none;
	}  
#listal a:hover {
	/* ie6 needs his fix*/  
	zoom:1;
	}  

#etree {
	margin: 10px;
	float: left;
	}
#etree a {
	display:block; 
	width:100px; 
	height:100px; 
	overflow:hidden;
	border: none;
	}  
#etree a img {
	border:none;
	}
#etree a:hover img {
	margin-top:-100px;
	border:none;
	}  
#etree a:hover {
	/* ie6 needs his fix*/  
	zoom:1;
	}  
	
#reader {
	margin: 10px;
	float: left;
	}
#reader a {
	display:block; 
	width:100px; 
	height:100px; 
	overflow:hidden;
	border: none;
	}  
#reader a img {
	border:none;
	}
#reader a:hover img {
	margin-top:-100px;
	border:none;
	}  
#reader a:hover {
	/* ie6 needs his fix*/  
	zoom:1;
	}  
	
	
	
.handheld_only {	
	display: none;
	}