/*************************************************
* File: girl.css
* Date Created: 8/21/2008
* Last Updated: 3/24/2009
* Author: Adam F. and Adam S.
* Copyright Playboy.com
**************************************************
* About: This is the Girl cascading style
* sheet for the Playboy.com website (Girl Sections)
*************************************************/



/* ******** Import Styles ******** */
/*@import url("/path/to/css/file.css");*/



/* girl_bio */
#girl_bio {
	position: relative;
	margin-bottom: 20px;
}
#girl_bio .gbl_pubstruct_head p {
	font-size: 14px;
	color: #333;
}
#girl_bio .gbl_pubstruct_body {
	position: relative;
	width: 598px;
}
#girl_bio .gbl_pubstruct_body p.gbl_pubstruct_body_p_margin {
	margin: 20px 0 0 0;
}
#girl_bio .gbl_morelink { /* Typograpy C */
	font-family: Georgia;
	font-weight: bold;
	font-style: italic;
	font-size: 10px;
	text-decoration: underline;
	color: #d86639;
}



/* girl_piclist and girl_vidlist */
#girl_piclist, 
#girl_vidlist {
	position: relative;
}
#girl_piclist .gbl_liststruct_head, 
#girl_vidlist .gbl_liststruct_head {
	position: relative;
	margin: 0;
	padding-bottom: 10px;
}
#girl_piclist .gbl_liststruct_head img, 
#girl_vidlist .gbl_liststruct_head img {
	margin: 0;
	padding: 0;
	border: 0;
}
#girl_piclist .gbl_liststruct_head a, 
#girl_vidlist .gbl_liststruct_head a { /* Typography C */
	font-family: Georgia;
	font-weight: bold;
	font-style: italic;
	font-size: 10px;
	text-decoration: underline;
	color: #d86639;
	margin-left: 12px;
}
#girl_piclist .gbl_liststruct_body, 
#girl_vidlist .gbl_liststruct_body {
	position: relative;
	/*padding-top: 10px;*/
	margin-left: -14px;
}
/*\*/
* html #girl_piclist .gbl_liststruct_body,  /* Fix for IE6 */
* html #girl_vidlist .gbl_liststruct_body {
	margin-left: -28px;
}
/**/
#girl_piclist .gbl_liststruct_body ul, 
#girl_vidlist .gbl_liststruct_body ul {
	position: relative;
}
#girl_piclist .gbl_liststruct_body ul li, 
#girl_vidlist .gbl_liststruct_body ul li {
	position: relative;
	float: left;
	margin-left: 14px;
}
#girl_piclist .gbl_liststruct_body .gbl_thumbstruct, 
#girl_vidlist .gbl_liststruct_body .gbl_thumbstruct {
	margin-bottom: 20px;
}
/* ADJUSTMENTS FOR GIRLS SF and PLAYMATES TEMPLATES ONLY */
#tpl_girl_legacy #girl_piclist .gbl_liststruct_body, 
#tpl_girl_legacy #girl_vidlist .gbl_liststruct_body, 
#tpl_sf_girls #girl_piclist .gbl_liststruct_body, 
#tpl_sf_girls #girl_vidlist .gbl_liststruct_body { 
	margin-left: -9px;
}
/*\*/
* html #tpl_girl_legacy #girl_piclist .gbl_liststruct_body,  /* Fix for IE6 */
* html #tpl_girl_legacy #girl_vidlist .gbl_liststruct_body, 
* html #tpl_sf_girls #girl_piclist .gbl_liststruct_body,  /* Fix for IE6 */
* html #tpl_sf_girls #girl_vidlist .gbl_liststruct_body {
	margin-left: -18px;
}
/**/
#tpl_girl_legacy #girl_piclist .gbl_liststruct_body ul li, 
#tpl_girl_legacy #girl_vidlist .gbl_liststruct_body ul li, 
#tpl_sf_girls #girl_piclist .gbl_liststruct_body ul li, 
#tpl_sf_girls #girl_vidlist .gbl_liststruct_body ul li { 
	margin-left: 9px;
}
/* END ADJUSTMENTS */



/* girl_vitalstats */
#girl_vitalstats {
	position: relative;
	width: 311px;
	height: 230px;
	background: transparent url(/images/girl/girl_vitalstats_bg.jpg) top no-repeat;
	float: left;
	margin-right: 7px;
	margin-bottom: 20px;
	padding: 0;
}
#girl_vitalstats .gbl_simplestruct_box1 {
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #000;
	position: absolute;
	top: 43px;
	left: 66px;
	width: 120px;
	line-height: 18px;
}
#girl_vitalstats .gbl_simplestruct_box2, 
#girl_vitalstats .gbl_simplestruct_box3, 
#girl_vitalstats .gbl_simplestruct_box4, 
#girl_vitalstats .gbl_simplestruct_box5, 
#girl_vitalstats .gbl_simplestruct_box6,
#girl_vitalstats .gbl_simplestruct_box7 {
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: 12px;
	color: #333;
	position: absolute;
}
#girl_vitalstats .gbl_simplestruct_box2 {
	top: 81px;
	left: 101px;
	width: 85px;
	line-height: 15px;
}
#girl_vitalstats .gbl_simplestruct_box3 {
	top: 116px;
	left: 51px;
}
#girl_vitalstats .gbl_simplestruct_box4 {
	top: 136px;
	left: 58px;
}
#girl_vitalstats .gbl_simplestruct_box5 {
	top: 156px;
	left: 48px;
}
#girl_vitalstats .gbl_simplestruct_box6 {
	top: 176px;
	left: 67px;
}
#girl_vitalstats .gbl_simplestruct_box7 {
	top: 196px;
	left: 68px;
}



/* girl_seemore */
#girl_seemore {
	position: relative;
	background: transparent url(/images/girl/girl_seemore_bg.gif) top no-repeat;
	float: left;
	width: 305px;
	height: 230px;
	margin-bottom: 20px;
	padding: 0;

}
#girl_seemore .gbl_simplestruct_box1, 
#girl_seemore .gbl_simplestruct_box2 {
	position: relative;
	font-family: Arial;
	margin-left: 10px;
	width: 274px;
}
#girl_seemore .gbl_simplestruct_box1 {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	margin-top: 8px;
	margin-bottom: 0;
}
#girl_seemore .gbl_simplestruct_box2 { /* Typography B.2 */
	font-size: 11px;
	line-height: 13px;
	color: #333;
}
#girl_seemore .gbl_simplestruct_box3 { /* picset thumbstruct */
	position: absolute;
	top: 74px;
	left: 21px;
}
#girl_seemore .gbl_simplestruct_box4 { /* vidset thumbstruct */
	position: absolute;
	top: 74px;
	right: 14px;
}
#girl_seemore .gbl_simplestruct_box5 { /* button */
	position: absolute;
	bottom: 16px;
	right: 9px;
}



/* girl_collect_text */
/* Note: this is currently the same as girl_bio, however we need a separate ID in case we need different styles here */
#girl_collect_text {
	position: relative;
	margin-bottom: 20px;
}
#girl_collect_text .gbl_pubstruct_head p {
	font-size: 14px;
	color: #333;
}
#girl_collect_text .gbl_pubstruct_body {
	position: relative;
	width: 598px;
}
#girl_collect_text .gbl_pubstruct_body p.gbl_pubstruct_body_p_margin {
	margin: 20px 0 0 0;
}
#girl_collect_text .gbl_morelink { /* Typograpy C */
	font-family: Georgia;
	font-weight: bold;
	font-style: italic;
	font-size: 10px;
	text-decoration: underline;
	color: #d86639;
}


/* girl_collectlist */
/* Note: this is very similar to girl_piclist and girl_vidlist above, except spacing is wider */
#girl_collectlist {
	position: relative;
}
#girl_collectlist .gbl_liststruct_head {
	position: relative;
	margin: 0;
	padding-bottom: 10px;
}
#girl_collectlist .gbl_liststruct_head img {
	margin: 0;
	padding: 0;
	border: 0;
}
#girl_collectlist .gbl_liststruct_head a { /* Typography C */
	font-family: Georgia;
	font-weight: bold;
	font-style: italic;
	font-size: 10px;
	text-decoration: underline;
	color: #d86639;
	margin-left: 12px;
}
#girl_collectlist .gbl_liststruct_body {
	position: relative;
	/*padding-top: 10px;*/
	margin-left: -20px;
}
/*\*/
* html #girl_collectlist .gbl_liststruct_body {  /* Fix for IE6 */
	margin-left: -40px;
}
/**/
#girl_collectlist .gbl_liststruct_body ul {
	position: relative;
}
#girl_collectlist .gbl_liststruct_body ul li {
	position: relative;
	float: left;
	margin-left: 20px;
}
#girl_collectlist .gbl_liststruct_body .gbl_thumbstruct {
	margin-bottom: 20px;
}

/* ADJUSTMENTS FOR GIRLS SF and PLAYMATES TEMPLATES ONLY */
#tpl_girl_playmates #girl_collectlist .gbl_liststruct_body, 
#tpl_girl_legacy #girl_collectlist .gbl_liststruct_body, 
#tpl_sf_girls #girl_collectlist .gbl_liststruct_body { 
	margin-left: -15px;
}
/*\*/
* html #tpl_girl_playmates #girl_collectlist .gbl_liststruct_body, /* Fix for IE6 */
* html #tpl_girl_legacy #girl_collectlist .gbl_liststruct_body, 
* html #tpl_sf_girls #girl_collectlist .gbl_liststruct_body {  
	margin-left: -30px;
}
/**/
#tpl_girl_playmates #girl_collectlist .gbl_liststruct_body ul li, 
#tpl_girl_legacy #girl_collectlist .gbl_liststruct_body ul li, 
#tpl_sf_girls #girl_collectlist .gbl_liststruct_body ul li { 
	margin-left: 15px;
}
/* END ADJUSTMENTS */




/* girl_poplist */
#girl_poplist {
	position: relative;
}
#girl_poplist .gbl_liststruct_body {
	position: relative;
	margin-left: -5px;
}
/*\*/
* html #girl_poplist .gbl_liststruct_body {  /* Fix for IE6 */
	margin-left: -10px;
}
/**/
#girl_poplist .gbl_liststruct_body ul {
	position: relative;
	margin-left: 7px;
}
#girl_poplist .gbl_liststruct_body ul li {
	position: relative;
	float: left;
	margin-left: 5px;
}
#girl_poplist .gbl_liststruct_body .gbl_simplestruct {
	margin-bottom: 20px;
}
/* ADJUSTMENTS TO MARGINS FOR LG WHITEBOX (624px) ONLY */
#gbl_whitebox_lg #girl_poplist .gbl_liststruct_body {
	margin-left: -24px;
}
/*\*/
* html #gbl_whitebox_lg #girl_poplist .gbl_liststruct_body {  /* Fix for IE6 */
	margin-left: -48px;
}
/**/
#gbl_whitebox_lg #girl_poplist .gbl_liststruct_body ul {
	margin-left: 14px;
}
#gbl_whitebox_lg #girl_poplist .gbl_liststruct_body ul li {
	margin-left: 24px;
}
/* END ADJUSTMENTS */



/* girl_browselist */
#girl_browselist {
	position: relative;
}
#girl_browselist .gbl_liststruct_head {
	position: relative;
	margin: 0;
	padding-bottom: 10px;
}
#girl_browselist .gbl_liststruct_head img {
	margin: 0;
	padding: 0;
	border: 0;
}
#girl_browselist .gbl_liststruct_body {
	position: relative;
	/*padding-top: 10px;*/
	margin-left: -9px;
}
/*\*/
* html #girl_browselist .gbl_liststruct_body { /* Fix for IE6 */
	margin-left: -18px;
}
/**/
#girl_browselist .gbl_liststruct_body ul {
	position: relative;
}
#girl_browselist .gbl_liststruct_body ul li {
	position: relative;
	float: left;
	margin-left: 9px;
}
#girl_browselist .gbl_liststruct_body .gbl_thumbstruct {
	margin-bottom: 20px;
}




/* ****************************************************************************** */
/* THE CSS BELOW THIS LINE APPLIES TO THE OLD BLUPRINT GIRLS BASEBALL CARD ONLY.
   I'VE LEFT IT HERE FOR REFERENCE BUT WILL DELETE IT ONCE WE REDO SOME OF THESE
   STYLES TO MATCH THE NEW DESIGNS -AF */
/* ****************************************************************************** */




/* girl_socialbar */
#girl_socialbar {
    margin-bottom: 20px;
}

#girl_socialbar ul {
    margin: 0px;
    padding: 0px;
    list-style: none none outside;
}

#girl_socialbar li {
    display: inline;
    padding: 0px;
    margin-right: 3px;
}

/* girl_comingsoon */

#girl_comingsoon {
    margin-bottom: 20px;
}

#girl_comingsoon .gbl_liststruct_body {
    background-color: #333;
    width: 408px;
    height: 100%;
}

#girl_comingsoon .gbl_liststruct_body ul {
    position: relative;
    margin: 0px 0px 0px 12px;
    padding: 0px;
    list-style: disc none outside;
}

#girl_comingsoon .gbl_liststruct_body li {
    margin-left: 10px;
    padding: 0px;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    font-size: 11px;
    color: #ccc;
}

#girl_comingsoon .gbl_liststruct_body li a {
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    color: #c63;
}


/* girl_upsell */
#girl_upsell {
    position: relative;
    width: 304px;
    height: 319px;
    margin-bottom: 10px;
}

#girl_upsell .gbl_thumbstruct_img {
     position: absolute;
     top: 3px;
     left: 3px;
     width: 301px;
     height: 316px;
     overflow: hidden;
}

#girl_upsell .gbl_thumbstruct_frame {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 304px;
    height: 319px;
}
#girl_upsell .gbl_thumbstruct_btnlayer {
    position: absolute;
    top: 273px;
    left: 9px;
}

#girl_upsell .gbl_thumbstruct_btnlayer div {
    float: left;
}

#girl_upsell .gbl_thumbstruct_btnlayer div + div {
    margin-left: 33px;
}


/* girl_searchbox */
#girl_searchbox {
	position: relative;
	background: transparent url(/images/girl/girl_searchbox/girl_sb_bg.jpg) center center no-repeat;
	width: 624px;
	height: 144px;
	margin-bottom: 20px;
}
#girl_searchbox .gbl_simplestruct_box1 {
	position: absolute;
	top: 50px;
	left: 15px;
}
#girl_searchbox .gbl_simplestruct_box1 img {
	margin: 0;
	padding: 0;
	width: 204px;
	height: 36px;
}
#girl_searchbox .gbl_simplestruct_box2 {
    background: transparent url(/images/gbl/gbl_head/gbl_head_searchbox.png) no-repeat top left;
    position: absolute;
    top: 64px;
    left: 230px;
    width: 247px;
    height: 26px;
}

#girl_searchbox_text {
    position: absolute;
    top: 7px;
    left: 9px;
}

#girl_searchbox_text input {
    background-color: Transparent;
    border: 0px;
    width: 206px;
    height: 13px;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    color: White;
}

#girl_searchbox_go {
    position: absolute;
    top: 3px;
    left: 222px;
    width: 25px;
    height: 23px;
	cursor: pointer;
}


