@import "../../css/fonts.css"; /* MUST COME BEFORE GLOBAL STYLES */
@import "../../css/global.css";
@import "../../css/sub-global.css";
/*
	CONTENT CONTAINERS
*/
#subcontent { background: url(../images/sub-sidebar.jpg) top left no-repeat; position: relative; width: 231px; padding: 26px 19px 0 31px;}
#subcontent h3 { border-bottom: none; }
#maincontent a.contactlink, #maincontent a.blogpostlink { margin: 5px 0; }
#maincontent a.blogpostlink { margin-bottom: 15px;  }
#maincontent h3 { padding-top: 15px; border-top: solid #ccc 1px; }
/*
	SIDEBAR BIO MENU
*/
#bioMainMenu { list-style: none; }
#bioMainMenu li { width: 231px; height: 154px; margin: 10px 0; padding: 0; position: relative; }
#bioMainMenu li#mike { background: url(../images/bio-menu-mike.jpg) top left no-repeat; }
#bioMainMenu li#ben { background: url(../images/bio-menu-ben.jpg) top left no-repeat; }
#bioMainMenu li#greg { background: url(../images/bio-menu-greg.jpg) top left no-repeat; }
#bioMainMenu li#tommy { background: url(../images/bio-menu-tommy.jpg) top left no-repeat; }
#bioMainMenu li#derek { background: url(../images/bio-menu-derek.jpg) top left no-repeat; }
#bioMainMenu li#george { background: url(../images/bio-menu-george.jpg) top left no-repeat; }
#bioMainMenu li span { position: absolute; bottom: 5px; left: 7px; font-size: 100%; color: #333;}
#bioMainMenu li a { position: absolute; bottom: 5px; right: 7px; font-size: 92%; color: #666; text-decoration: none;}
#bioMainMenu li a:hover { color: #5c74b8; text-decoration: underline;}
/*
	SUB BIO MENU
*/
#maincontent ul#subBioMenu { list-style: none; margin: 0px;}
#maincontent ul#subBioMenu li { width: 148px; height: 127px; float: left; margin: 10px 3px 0 0; padding: 0px; text-indent: -5000px;}
#subBioMenu li#mike { background: url(../images/bio-menu-s-mike.jpg) top left no-repeat; }
#subBioMenu li#mike.active { background: url(../images/bio-menu-s-mike.jpg) bottom left no-repeat; }
#subBioMenu li#ben { background: url(../images/bio-menu-s-don.jpg) top left no-repeat; }
#subBioMenu li#ben.active { background: url(../images/bio-menu-s-don.jpg) bottom left no-repeat; }
#subBioMenu li#greg { background: url(../images/bio-menu-s-greg.jpg) top left no-repeat; }
#subBioMenu li#greg.active { background: url(../images/bio-menu-s-greg.jpg) bottom left no-repeat; }
#subBioMenu li#tommy { background: url(../images/bio-menu-s-tommy.jpg) top left no-repeat; }
#subBioMenu li#tommy.active { background: url(../images/bio-menu-s-tommy.jpg) bottom left no-repeat; }
#subBioMenu li#derek { background: url(../images/bio-menu-s-derek.jpg) top left no-repeat; }
#subBioMenu li#derek.active { background: url(../images/bio-menu-s-derek.jpg) bottom left no-repeat; }
#subBioMenu li#george { background: url(../images/bio-menu-s-george.jpg) top left no-repeat; }
#subBioMenu li#george.active { background: url(../images/bio-menu-s-george.jpg) bottom left no-repeat; }
#subBioMenu li#mike.active a, #subBioMenu li#ben.active a, #subBioMenu li#greg.active a #subBioMenu li#tommy.active a, #subBioMenu li#derek.active a, #subBioMenu li#george.active a, { cursor: default; }
#subBioMenu li a { display: block; width: 148px; height: 127px; }
/*
	BIO IMGS
*/
body.mike #maincontent { background: url(../../site-graphics/maincontent-bg.jpg) top right no-repeat; width: 436px ; padding-right: 26px; }
body.george #maincontent { background: url(../../site-graphics/maincontent-bg.jpg) top right no-repeat; width: 436px; padding-right: 26px; }
body.greg #maincontent { background: url(../../site-graphics/maincontent-bg.jpg) top right no-repeat; width: 436px; padding-right: 26px; }
body.ben #maincontent { background: url(../../site-graphics/maincontent-bg.jpg) top right no-repeat; width: 436px; padding-right: 26px; }
body.tommy #maincontent { background: url(../../site-graphics/maincontent-bg.jpg) top right no-repeat; width: 436px; padding-right: 26px; }
body.derek #maincontent { background: url(../../site-graphics/maincontent-bg.jpg) top right no-repeat; width: 436px; padding-right: 26px;  }

body.mike #subcontent { background: url(../../site-graphics/home-sub-bg.jpg) top left no-repeat; }
body.george #subcontent { background: url(../images/sub-george.jpg) top left no-repeat; }
body.greg #subcontent { background: url(../images/sub-greg.jpg) top left no-repeat; }
body.ben #subcontent { background: url(../../site-graphics/home-sub-bg2.jpg) top left no-repeat; }
body.tommy #subcontent { background: url(../images/sub-tommy.jpg) top left no-repeat; }
body.derek #subcontent { background: url(../images/sub-derek.jpg) top left no-repeat; }

#subcontent h4 { position: absolute; top: 370px; right: 26px; font-size: 92%; font-weight: normal; color: #666; }
#subcontent h4 span { color: #999;}