/* 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 June 1, 2011.

*/


/*
 * 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;*/
	background-color: #c9d7da;
	border-style: double;
	border-color: #99B2B7;
	border-width:thick;
	/*Below came after ie9*/
	min-height: 540px;
	}
#container-main-test {
	margin: 0 auto;
	width: 745px;
	/*padding: 10px;*/
	background-image: url(../images/index3.png);
	background-repeat:no-repeat;
	/*background-color: #D5DED9; original
	background-color: #a5bdc1; not enuff */
	background-color: #c9d7da;
	border-style: double;
	border-color: #99B2B7;
	border-width:thick;
	/*Below came after ie9*/
	min-height: 540px;
	}
#content {
	/*margin: 285px 10px 10px 10px;*/
	margin: 75px 10px 10px 10px;
	}
#content-hire {
	margin: 285px 10px 10px 10px;
	min-height: 1901px;
	}
#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;
	}
#facebook-ie9 {
	display: none;
	}
/*#facebook-ie9 {
	margin: 5px 0 0 90px;
	padding: 10px;
	height: 80px;
	z-index: 100;
	}*/
#iconrowone {
	margin: 0 auto;
	width: 700px;
	}
#iconrowtwo {
	margin: 0 auto;
	width: 700px;
	}
#menu {
	/*margin: -16px 0 0 470px;*/
	background-color: #7A6A53;
	width: 745px;
	height: 30px;
	}
#menu a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 0 10px;
	line-height: 28px;
	}
#menu ul {
	list-style: none;
	/*padding: 0 0 0 460px;  */
	padding: 0; /* changed June 1 2011 */
	color: #fff;
	/*margin: 0; */
	margin: 0 10px 0 0; /*  changed June 1 2011 */
	float: right;
	}
#menu ul li {
	margin: 0 auto; 
	/*margin: 0 2px;*/
	/*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;
	}
#menu ul li:hover > ul {
	display:block;
	}
#socialicons {
	/*margin: 301px 0 0 70px;*/
	/*margin: 50px 0 0 70px; worked before ie9*/
	position:absolute;
	/*top: 301px;-before one line*/
	top: 361px;
	/*left: 70px;*/
	margin-left: 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;
	}
table.port h2 a, table.port h2 a:visited {
	text-decoration:none;
	color: #000;
	}
table.port h2 a:hover {
	text-decoration:none;
	color: #99B2B7;
	}
table.port td {
	width: 362px;
	}
table.port td.second {
	padding: 0 0 0 25px;
	}
.resume_box {
	color: #000;
	/*background: #D9CEB2;*/
	/*background: #e0dfde; i kinda like this one, but maybe too purple */
	/*background: #f1f1f1; this is the wordpress caption box color. meh. */
	/*background: #ece6d8; 50 percent of d9ceb2 */
	background: #ece6d8;
	margin: 0 0 5px 10px;
	padding: 5px;
	width: 250px;
	float: right;
	border: 1px double #99B2B7;
	/*-moz-border-radius: 6px;
	border-radius: 6px;*/ 
	-webkit-transition: all 1s ease-in;
	-moz-transition: all 1s ease-in;
	transition: all 1s ease-in;
	}
.resume_box a:visited, .resume_box a {
	color: #7A6A53;
	}
.resume_box a:hover {
	color: #000;
	}
.resume_box:hover {
	color: #948C75;
	background: #fff;
	margin: 0 0 5px 10px;
	padding: 5px;
	width: 250px;
	float: right;
	border: 1px double #99B2B7;
	-moz-border-radius: 15px;
	border-radius: 15px; 
	}
.resume_box:hover .merge, .resume_box:hover a, .resume_box:hover a:visited {
	color: #000;
	}
.resume_box:hover a:hover {
	/*color: #000;*/
	color: #948C75;
	/*padding: 10px;*/
	}

.resume_box a img { 
	border-style: none; 
	}
.resume_box p {
	padding: 10px;
	}
/*.resume_box ul li {
	margin: 0 0 5px 0;
	}*/
	

.resume_box_test {
	color: #000;
	/*background: #D9CEB2;*/
	/*background: #e0dfde; i kinda like this one, but maybe too purple */
	/*background: #f1f1f1; this is the wordpress caption box color. meh. */
	/*background: #ece6d8; 50 percent of d9ceb2 */
	background: #ece6d8;
	margin: 0 0 5px 10px;
	padding: 5px;
	width: 250px;
	height: 450px;
	float: right;
	border: 1px double #99B2B7;
	/*-moz-border-radius: 6px;
	border-radius: 6px;*/ 
	-webkit-transition: all 1s ease-in;
	-moz-transition: all 1s ease-in;
	transition: all 1s ease-in;
	}
.resume_box_test a:visited, .resume_box_test a {
	color: #7A6A53;
	}
.resume_box_test a:hover {
	color: #000;
	}
.resume_box_test:hover {
	color: #948C75;
	background: #fff;
	margin: 0 0 5px 10px;
	padding: 5px;
	width: 250px;
	float: right;
	border: 1px double #99B2B7;
	-moz-border-radius: 15px;
	border-radius: 15px; 
	}
.resume_box_test:hover .merge, .resume_box_test:hover a, .resume_box_test:hover a:visited {
	color: #000;
	}
.resume_box_test:hover a:hover {
	/*color: #000;*/
	color: #948C75;
	/*padding: 10px;*/
	}

.resume_box_test a img { 
	border-style: none; 
	}
.resume_box_test p {
	padding: 10px;
	}
.resume_box_test ul li {
	font-size:large;
	}






.resume_box_resume {
	color: #000;
	/*background: #D9CEB2;*/
	/*background: #e0dfde; i kinda like this one, but maybe too purple */
	/*background: #f1f1f1; this is the wordpress caption box color. meh. */
	/*background: #ece6d8; 50 percent of d9ceb2 */
	background: #ece6d8;
	margin: 0 auto;
	padding: 5px;
	width: 710px;
	/*height: 450px;*/
	/*float: right;*/
	border: 1px double #99B2B7;
	/*-moz-border-radius: 6px;
	border-radius: 6px;*/ 
	-webkit-transition: all 1s ease-in;
	-moz-transition: all 1s ease-in;
	transition: all 1s ease-in;
	}
.resume_box_resume a:visited, .resume_box_resume a {
	color: #7A6A53;
	}
.resume_box_resume a:hover {
	color: #000;
	}
.resume_box_resume:hover {
	color: #948C75;
	background: #fff;
	/*margin: 0 0 5px 10px;
	padding: 5px;
	width: 250px;
	float: right;*/
	border: 1px double #99B2B7;
	-moz-border-radius: 15px;
	border-radius: 15px; 
	}
.resume_box_resume:hover .merge, .resume_box_resume:hover a, .resume_box_resume:hover a:visited {
	color: #000;
	}
.resume_box_resume:hover a:hover {
	/*color: #000;*/
	color: #948C75;
	/*padding: 10px;*/
	}
	
	
	
	
.portfolio {
	margin: 0 0 7px 0;
	}
.xtraspace {
	padding: 0 0 15px 0;
	}
.right {
	text-align:right;
	margin: -15px 0 0 0;
	}
.right-p-icons {
	float: left;
	margin: 0;
	padding: 0 5px 10px 0;
	}
.right-p-icons p {
	font-size: smaller;
	}
.right-p-icons a.opacity:hover {
	opacity: .5;
	}
.right-p-icons a img {
	border: none;
	}


/* 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;
	}