body {font-family: Arial;}
#content p {color: #585858;}
.main_content {border-bottom: solid 1px #ffffff; /* Firefox bug */ padding-bottom:20px;}
#hosts_header {
    background: url(http://cache.g4tv.com/images/2008/aots/hosts/hosts_header.gif) no-repeat;
    border-bottom: solid 1px #cdcdcd;
    height: 91px;
    margin: 0px 0px 0px 20px;
    padding: 10px 0px 0px 175px;
    width: 745px;
}
#hosts_header h1 {margin: 0px; color: #a70b02;}
#hosts_header p {margin: 5px 0px 0px 0px; width: 500px;}

#olivia_text a{
    position: absolute; top: 140px; left: 20px;
    background: url(http://cache.g4tv.com/images/2008/aots/hosts/header_olivia.jpg) 0 0 no-repeat;
    width: 209px; height: 111px;
    display: block;
}
#olivia_text a:hover {
    background-position: 0 -111px;   
}

#kevin_text a{
    position: absolute; top: 40px; left: 530px;
    background: url(http://cache.g4tv.com/images/2008/aots/hosts/header_kevin.jpg) 0 0 no-repeat;
    width: 228px; height: 111px;
    display: block;
}

#kevin_text a:hover {
    background-position: 0 -111px;   
}


#hosts_content {
    background: url(http://cache.g4tv.com/images/2008/aots/hosts/hosts_bg4.jpg) no-repeat;
    height: 900px;
    position: relative;
    width: 960px;
    color: #585858;
}
#hosts_content p.olivia {position: absolute; top: 320px; left: 30px; width: 150px;}
#hosts_content p.kevin {position: absolute; top: 160px; left: 518px; width: 390px; text-align: right;}

#hosts_correspondents ul.staff {
    background: url(http://cache.g4tv.com/images/2008/aots/hosts/hosts_correspondents.gif) no-repeat;
    margin: 0px;
    padding: 32px 0px 0px 0px;
    position: absolute; 
    top: 343px; 
    left: 622px; 
    width: 280px;
}
#hosts_correspondents ul.staff li {display: inline; float: left; width: 122px; list-style: none; margin: 0px 7px; padding-bottom: 5px;}
#hosts_correspondents .staff_name {color: #a70b02; font-size: 14px; margin: 0px; font-weight: bold;}
#hosts_correspondents  a:hover { text-decoration: none; }
#hosts_correspondents .staff_title {margin: 2px 0px 10px 0px; display: none;}
#hosts_correspondents .icon {height: 122px; width: 122px; border: 0px;}


.hosts_staff_header {
   padding: 32px 0px 5px 30px;
   width: 930px;
   display: block;
   
}

.hosts_staff  {
    margin: 0px 0px 20px 20px;
    padding: 20px 0px 0px 0px;
    width: 940px;
}
.hosts_staff ul {list-style-type : none; margin: 0px; padding: 0px;}
.hosts_staff ul.staff li {display: inline; float: left; width: 215px; list-style: none; margin: 0px 7px 19px 7px;}
.hosts_staff .staff_name {color: #000000; font-size: 14px; margin: 0px; font-weight: bold;}
.hosts_staff .staff_title {margin: 2px 0px 10px 0px;}
.hosts_staff .icon {border: 0px; display: inline; float: left; height: 68px; margin-right: 10px; width: 68px;}

#hosts_writers .staff_title {display:none;}


/***** Questions and Answers *****/
#qA {height:960px; width: 960px; margin:0 0 20px 0;}
#qA p {color:#585858; font-family:Arial; font-size:12px; margin: 0 0 20px 0;}
#qA h3 {font-size:16px; letter-spacing:-1px; font-style:italic;}
#qA.chris h3 {margin-bottom:10px;}
#qA .size12 {font-size:12px;}
#qA .size20 {font-size:20px;}
#qA .size24 {font-size:24px;}
#qA .size30 {font-size:30px;}
#qA .size14 {font-size:14px;}

a.qa_anchor {text-decoration:underline;}

/*** Left ***/
#qA .left {float:left; width:400px; padding:140px 0 0 20px; display:inline;}
#qA.chris .left {padding:480px 0 0 20px; width:410px;}

/*** Right ***/
#qA .right {float:right; width: 385px; padding:175px 20px 0 0; text-align:right; display:inline;}
#qA.chris .right {padding:195px 20px 0 0; width:500px;}

#qA .truck {background: url(http://cache.g4tv.com/images/2008/aots/hosts/truck.jpg) no-repeat; min-height:111px; height:auto !important; height:111px; padding-left:155px;}
#qA .surfboards p {background: url(http://cache.g4tv.com/images/2008/aots/hosts/surfboards.jpg) no-repeat right top; min-height:124px; height:auto !important; height:124px; padding-right:75px;}
#qA .achievement {padding-left:15px;}
#qA .uwe {background: url(http://cache.g4tv.com/images/2008/aots/hosts/kevin_uwe.jpg) no-repeat right top; padding-right:130px;}
#qA .jersey {background: url(http://cache.g4tv.com/images/2008/aots/hosts/jersey.jpg) no-repeat 70px top; min-height:145px; height:auto !important; height:145px; padding-top:10px;}
#qA .rampage {background: url(http://cache.g4tv.com/images/2008/aots/hosts/rampage.jpg) no-repeat; min-height:270px; height:auto !important; height:270px; padding-left:142px;}
#qA .mic {background: url(http://cache.g4tv.com/images/2008/aots/hosts/mic.jpg) no-repeat; min-height:148px; height:auto !important; height:148px; padding-left:70px;}
#qA .superman p {background: url(http://cache.g4tv.com/images/2008/aots/hosts/superman.jpg) no-repeat right top; min-height:105px; height:auto !important; height:105px; padding-right:110px;}
#qA .dick p {background: url(http://cache.g4tv.com/images/2008/aots/hosts/dick.jpg) no-repeat; min-height:109px; height:auto !important; height:109px; margin-top:5px; padding-left:132px;}
#qA .flag {background: url(http://cache.g4tv.com/images/2008/aots/hosts/flag.jpg) no-repeat right top; min-height:245px; height:auto !important; height:245px; padding-right:135px;}
#qA .space img {float:right; padding-right:15px;}
#qA .aots_dvd {background: url(http://cache.g4tv.com/images/2008/aots/hosts/aots_dvd.jpg) no-repeat right top; min-height:140px; height:auto !important; height:140px; padding-right:145px;}
#qA .pacman {background: url(http://cache.g4tv.com/images/2008/aots/hosts/pacman.jpg) no-repeat 0px 15px; min-height:167px; height:auto !important; height:167px; }
#qA .playboy {background: url(http://cache.g4tv.com/images/2008/aots/hosts/playboy.jpg) no-repeat 345px 3px; min-height:201px; height:auto !important; height:201px; padding: 0 120px 10px 0;}


/***** Favorite Videos *****/
#fav_vids {margin: 0 0 25px 10px;}
#fav_vids h3 {
    border-bottom:solid 2px #CCCCCC;
    margin: 0 28px 10px 18px;}
#fav_vids ul {list-style: none; margin: 0; padding: 0;}
#fav_vids ul li {float: left; margin: 0 0 0 18px; width: 135px; display: inline;}
#fav_vids ul li p {margin: 10px 0; color: #999999;}
#fav_vids ul li img {height: 100px; width: 133px; border: solid 1px #000000;}
#fav_vids ul li h4 {font-size: 12px; margin: 2px 0;}
#fav_vids ul li h5 {margin: 2px 0;}
#fav_vids ul li a h5  {color: #636363; font-size: 12px; padding: 3px;}
#fav_vids ul li a:hover {text-decoration:none;}
#fav_vids ul li a:hover h5  {background-color:#A70B02; color:#ffffff;}

/***** Favorite Links *****/
#fav_links {float:left; margin: 0 30px; display: inline;}
#fav_links ul {
    color:#383838;
    font-size:10px;
    font-weight:bold;
	list-style-image: url(http://cache.g4tv.com/images/2008/xplay/hosts/gray_box.gif);
	margin: 0;
    padding: 0 0 0 12px;}
#fav_links ul li {margin:10px 0 10px 4px;}
#fav_links ul li a {color:#383838; text-decoration:none;}
#fav_links p {margin:10px 0px;}
#fav_links a {display:block; font-size:12px;}
#fav_links a:hover {color:#A70B02; text-decoration:none;}
#fav_links h3.email {margin:20px 0px 10px 0px;}

/***** Photo Gallery *****/
#photo_gallery {float:left; margin: 0 30px; width: 230px;}
#photo_gallery a {color:#383838; font-weight: bold; display:block;}
#photo_gallery a:hover {color:#A70B02; text-decoration: none;}
#photo_gallery #slide-show img {border: solid 1px #000; width: 235px; height: 206px;}

/***** More on G4 *****/
#more_on_g4 {float:left; margin: 0 30px; width:240px;}
#more_on_g4 img {border: none;}
#more_on_g4 ul {list-style: none; margin: 0; padding: 0;}
#more_on_g4 ul li {float: left; width: 90px; margin: 10px 20px 0 0;}
#more_on_g4 ul li a {color:#383838; font-weight: bold;}
#more_on_g4 ul li a img {text-decoration: none;}
#more_on_g4 ul li a:hover {color:#A70B02; text-decoration: none;}


#fav_links h3, #photo_gallery h3, #more_on_g4 h3 {
    border-bottom:solid 2px #CCCCCC;}
    
    
/* Slide Show (from xstyles.aspx */
#slide-show {margin-top:10px;}

#slide-images {
    position:relative;
    display:block;
    margin:0px;
    padding:0px;
    margin-bottom: 5px;
    width:230px;
    height:176px;
    overflow:hidden;
}

#slide-images li{
    position:absolute;
    display:block;
    list-style-type:none;
    margin:0px;
    padding:0px;
    background-color:#010d19;
}

#slide-images li img{
    display:block;
    background-color:#010d19;
}


#hosts_correspondents ul.staff li a,
#hosts_correspondents ul.staff li a:link,
#hosts_correspondents ul.staff li a:visited,
#hosts_correspondents ul.staff li a:hover,
#hosts_correspondents ul.staff li a:active {
    color: #fff;
}

#hosts_correspondents ul.staff li a img,
#hosts_correspondents ul.staff li a:link img,
#hosts_correspondents ul.staff li a:visited img {
    border-style: solid;
    border-color: transparent;
}    
    #hosts_correspondents ul.staff li a:hover img,
    #hosts_correspondents ul.staff li a:active img {
        border-color: #000;
    }

#hosts_correspondents ul.staff li a:hover span.staff_name {
    color: #000;
}

/* Chis Hardwick -- Remove the styles below once he has a bio page */
#hosts_correspondents ul.staff li a#ctl00_ctl00_objContentPlaceholder_objMainContent_ctlCorrespondent_rptStaff_ctl04_lnkStaff img,
#hosts_correspondents ul.staff li a#ctl00_ctl00_objContentPlaceholder_objMainContent_ctlCorrespondent_rptStaff_ctl04_lnkStaff:hover img {
    border-color: transparent;
}

#hosts_correspondents ul.staff li a#ctl00_ctl00_objContentPlaceholder_objMainContent_ctlCorrespondent_rptStaff_ctl04_lnkStaff span.staff_name,
#hosts_correspondents ul.staff li a#ctl00_ctl00_objContentPlaceholder_objMainContent_ctlCorrespondent_rptStaff_ctl04_lnkStaff:hover span.staff_name {
    color: #A70B02;
}