/* Bugbear site CSS. Copyright RESTATE 2009 */

* { margin:0; padding:0; }

body {
    background: url(pix/body-bg.png) repeat-x #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 87.5%; 
    font-weight: 300;
    color: #333;
    line-height:1.4em;
    text-align: center;    
}
a {
    color:#0072bc;
    font-weight:bold;
    text-decoration:none;    
}
a:hover {
    text-decoration:underline;
}
/* pagewrapper */
#wrap {
    margin:auto;
    text-align:left;
    position:relative;
    top:22px;
    width:940px;
    margin-bottom:60px;
}
/* main navigation */
#navigation {
    height:78px;
    clear:both;
}
#navigation ul {
    float:right;
    position:relative;
    top:3px;
}
#navigation ul li {
    float: left;
    margin-left:3px;
}
#navigation ul li a span {
    display:none;
}
#navigation ul li a {
    display:block;
    height:0px;
    padding-top:72px;
    width:124px;
}

/* main navigation pic links*/
#navigation ul li a#act {
    background-position: 0px 0px;

}
#p_joinus a {
    background: url(pix/nav-joinus.png) 0px 72px;
}
#p_joinus a:hover {
    background-position: 0px 0px;
}
#p_contact a {
    background: url(pix/nav-contactus.png) 0px 72px;
}
#p_contact a:hover {
    background-position: 0px 0px;
}
#p_games a {
    background: url(pix/nav-games.png) 0px 72px;
}
#p_games a:hover {
    background-position: 0px 0px;
}

#logo {
    background: url(pix/bugbear-logo.png);
    height: 49px;
    width:237px;
    float:left;
    position:relative;
    top:15px;
    left:2px;
}
#logo a {
    height:49px;
    display:block;
}
/* large picture area @frontpage */
#topImgArea {
    height:461px;
    margin-top: 7px;
    background: url(pix/lrg-img.jpg) no-repeat;
    position:relative;
}
/* nested infobox */
#topImgAreaBox {
    width: 376px;
    background: url(pix/gray-translucent.png);
    padding:20px;
    position:absolute;
    right:23px;
    top:48px;
}
#topImgAreaBoxWrap {
    position:relative;
    color:#ffffff;
}
#topImgAreaBoxWrap p {
    margin-bottom:12px;
}
#topImgAreaBoxWrap b,
#topImgAreaBoxWrap strong {
    color: #ffa12a;
}
/* contentWrapper with borders */
#contentWrap {
    border:1px solid #c4c4c4;
    background:#ffffff;
}
/* overlapping shadow @frontpage */
#topImgShadow {
    background: url(pix/car-shadow.jpg);
    width:378px;
    height:34px;
    position:relative;
    top:-1px;
}
/* secondary navigation */
#subnavigation {
    width:282px;
    background: #111111;
    float:right;
    text-align:right;
    color: #ffffff;
    position:relative;
    top:-1px;
    right:17px;
    padding-right:20px;
    padding-bottom:42px;
}
#subnavigation ul li {
    margin-bottom:4px;
}

#subnavigation h2.joinus {
    background: url(pix/join-us.png) no-repeat right;
    height:19px;
    margin-top:34px;
    margin-bottom: 26px;
}
#subnavigation h2.joinus2 {
    background: url(pix/join-us2.png) no-repeat right;
    height:19px;
    margin-top:34px;
    margin-bottom: 30px;
}


#subnavigation h2.games {
    background: url(pix/games.png) no-repeat right;
    height:19px;
    margin-top:34px;
    margin-bottom: 53px;    
}

#subnavigation #openpositions {
    margin-bottom:26px;
}
#subnavigation b,
#subnavigation strong {
    color: #00aeef;
}

#subnavigation a {
    font-size:14px;
    text-decoration:none;    
    color:#00a3e0;
}
#subnavigation a:hover {
    text-decoration:underline;
}
#subnavigation p.justify {
    text-align: justify;
    margin-left:18px;
    margin-bottom:20px;
    line-height:20px;
}
#subnavigation p.right {
    text-align: right;
    margin-left:18px;
    margin-bottom:20px;
    line-height:20px;
}
#smallprint {
    margin-bottom:10px;
}

/* content goes here */
#content {
    margin-left:20px;
    width:587px;
}

#content h1.bbentertainment {
    background: url(pix/bugbear-entertainment.png) no-repeat;
    height: 19px;
    margin-bottom:26px;
}
#content p {
    margin-bottom:18px;
}
/* and some margin for the subpage */
#subpage #content {
    margin-top:24px;
    width:587px;
    width:570px;
    padding-left:10px;
    min-height:585px;
    height: auto !important;
    height:585px;
}


#subpage #contentWrap {
    margin-top:12px;
}
#subpage #content #timeline {
    list-style:none;
    border-bottom:1px solid #111111;
    height:24px;
    margin-left:0px;
    margin-bottom:23px;
}
#timeline li {
    float:left;
    margin-right:32px;
}
#timeline a {
    display:block;
    text-transform: uppercase;
    padding-bottom:15px;
    text-decoration:none;
}
#timeline a:hover, #timeline a.act {
    text-decoration:none;
    color:#111111;
}

/* toggle these with js */
.sheet {
    padding-bottom:20px;
}
/* sheet styles */
div.sheet_content {
    margin-bottom:30px;
}
#content div.sheet_content h1 {
    font-size:12px;
    font-weight:bold;
    border-bottom:1px solid #111111;
    padding-bottom:4px;
    margin-bottom:4px;
    color: #111111;
}
div.sheet_content div.sheet_platform {
    font-size:12px;
    font-weight:bold;
}
div.sheet_content img {
    float:right;
}
div.sheet_content p {
    margin-top:24px;
    font-size:12px;
    line-height:20px;
    width:300px;
}
img.sheet_headpic {
    margin-bottom:4px;
}

/* jobposts */
div.jobpost {
    padding-bottom:36px;
}



/* some basic styles and overrides */
#subnavigation ul,
#navigation ul {
    list-style:none;
}
#subnavigation #smallprint {
    font-size: 0.9em;
    margin-left: 18px;
    padding-top: 0px;
    position:relative;
    top:-4px;
}

#subnavigation #smallprint p {
    padding-top: 20px;
}
#subnavigation h2.contact {
    background: url(pix/contact.png) no-repeat right;
    height:19px;
    margin-top:34px;
    margin-bottom: 10px;
}



#content ul {
    margin-left:18px;
    margin-bottom:14px;
}
#content ul li {
    margin-bottom:4px;
}
#content h1,
#content h2 {
    margin-bottom:20px;
	padding-top: 15px;
	color: #004a80;
	letter-spacing: -1px;
}

/* fixed height for games page */
body.games #subnavigation {
    min-height: 293px;
    height: auto !important;
    height:293px;
}

#footer {
    padding-top:5px;
    font-size: 12px;
}


/* for clearing those nasty floats */
.clear {
    font-size:1px;
    clear:both;
    height:0px;
    visibility:hidden;
}
/* hide pic headers */
h1 span,
h2 span,
h3 span,
h4 span { display:none; }

.hidden { display:none; }
.visible { display:block; }