/*
Theme Name: Helen Hong Theme
Theme URI: http://helenhong.com/
Description: A theme for Helen.
Version: 0.1
Author: Todd Faulls
Tags: ?
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align:top;
	padding-left:5px;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
STRONG {font-weight:bold;}
OBJECT {display:none;}
BODY {font: normal 17px Arial, Helvetica, Sans-serif; color:#FFF;;}
A {color:#FFF;}

@font-face {
	font-family: 'PTSansNarrowBold';
	src: url('pt_sans-narrowbold-webfont.eot');
	src: local('☺'), url('pt_sans-narrowbold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

H2, .resume H3, .resume_hasChild H3 {font: bold 32px Arial, Helvetica, Sans-serif;padding-bottom:1px;margin-bottom:8px;font-family:"PTSansNarrowBold";text-shadow: -1px -1px 1px rgba(0,0,0,0.15);text-transform:uppercase;}
H3 {font: bold 16px Arial, Helvetica, Sans-serif;padding-bottom:1px;margin-bottom:2px;margin-top:9px;}
H2 SPAN {float:right;margin-top:15px;font-size:11px;font-weight:normal;font-family: arial, sans-serif;}
H2 SPAN A {color: #666; text-decoration:none;text-shadow:none;text-transform:lowercase;}
H2 SPAN A:hover {color:#000;text-decoration: underline;} 
.clear {clear:both;}

/* NAV & BRANDING */
DIV.navigation {padding-top:38px;width:600px;float:right;}
DIV.navigation LI {float:right;width:auto;margin-left:20px;font-family:"PTSansNarrowBold";text-shadow: 1px 1px 1px rgba(0,0,0,0.15);text-transform:uppercase;}
DIV.navigation A {padding-top:14px;height:0;font-size:17px;padding-top:0;height:20px;color:#FFF;text-decoration:none;font-weight:bold;}
UL.arrowlist LI {padding-left:15px;margin-bottom:10px;}
UL.arrowlist LI STRONG {font-weight: bold; font-size:15px;}
.branding .logo {background: url(images/logo_2.png) top left no-repeat;width:342px;height:56px;cursor:pointer;float:left;}
*HTML .branding .logo {background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo_2.png',sizingMethod='crop');}

/*MAIN ITEM*/
DIV.item {float:left;margin:5px;padding:3px;background-color:#FFF;color:#000;font-size:11px;}
DIV.item A {color:#333;}
DIV.item .thumbnailWrapper {display:block;width:87px;height:66px;overflow:hidden;text-align:center;}

/*FORMS*/
.formWrapper {margin-top:10px;padding:10px;background-color:#A1BC53;display:none;}
.formWrapper TD {padding-right:5px;font-size:11px;}
.formWrapper INPUT {border: none;padding-left:5px;font-size:11px;padding:3px;}
.formWrapper INPUT.button  {border:0;background-color:green;color:white; padding:2px;font-weight:bold;font-size:11px;}

/*LAYOUT*/
DIV.content {height:507px;padding:5px;width:960px;position:absolute;}
DIV.outerContentWrapper {width:960px;position:absolute;left:50%;top:50%;margin-left:-480px;margin-top:-321px;}
DIV.contentWrapper {width:960px;overflow:hidden;position:relative;height:580px;}
DIV.right {padding-left:450px;padding-top:150px;}
DIV.center {padding-left:350px;padding-top:150px;}
DIV.left {padding-left:50px;padding-top:150px;}
DIV.scrollContent {font-weight:normal;height:240px;line-height:19px;padding-right:10px;text-align:justify;}
TD.outerleft {padding-right:10px;width:200px;}
DIV.contentInner {width:7760px;position:absolute;height:507px;background-color:#FF9;}
.colorPickerWrapper {background-color: #FFF;position:absolute;width:500px;display:none;}
DIV.branding {clear:both;height:60px;}
DIV.content, .homepage DIV.content {background: #FF8F0D url(images/asset_me_2.jpg) 10px 0 no-repeat;}
DIV.right {padding-left:450px;padding-top:100px;}
DIV.scrollContent {height:350px;}
.branding .navigation A {color:#FFF;} 

/*HOMEPAGE MESSAGES*/
DIV.oneliners {position:absolute;background: url(images/text_oneliners.gif) top left no-repeat;width:793px;height:35px;top:10px;left:0;}
DIV.massage {background-position:0 6px;}
DIV.pollen {background-position:0 -34px;}
DIV.chlamydia {background-position:0 -75px;}
DIV.parents {background-position:0 -116px;}
DIV.famous {background-position:0 -163px;}
DIV.rubber {background-position:0 -218px;}
DIV.game {background-position:0 -273px;}
DIV.animals {background-position:0 -328px;}

/*BIO*/
BODY.bio {background-color:#2BC9E1;}
#bio {background: #2BC9E1 url(images/asset_me_2.jpg) 0 0 no-repeat;display:none;}
DIV#bio {border-bottom:solid 2px #95E4F0;border-top:solid 1px #95E4F0;}
#bio DIV.right {padding-left:470px;padding-right:15px; padding-top: 15px;}
.bio DIV.scrollContent {height:450px;overflow-y: auto;}
BODY.bio .disclaimer, BODY.bio .disclaimer A {color:#CEF4F9;}
.bio DIV.scrollContent, {height:450px;overflow-y: auto;}

/*HOMEPAGE*/
BODY.homepage {background-color:#FF8F0D;}
#homepage {background: #FF8F0D url(images/asset_homepage_right.jpg) 100% center no-repeat;display:block;position:absolute;}
#homepage .right {background: url(images/logo_homepage_2.gif) 0 15px no-repeat;padding-bottom:60px;padding-left:12px;padding-top:435px;margin-bottom:-200px;}
*+html #homepage .right {margin-bottom:-100px;}
#homepage .scrollContent {width:650px;height:80px;}
.homepage .branding .logo {display:none;}
/*.homepage .branding .navigation A {color:#FFB55F;} */
DIV#homepage {border-bottom:solid 2px #FFC683;border-top:solid 1px #FFC683;}
BODY.homepage .disclaimer, BODY.homepage .disclaimer A {color:#FFC683;}

/*NEWS*/
BODY.news {background-color:#799F09;}
#news {background: #799F09 url(images/asset_news_2.jpg) 100% 0 no-repeat;}
#news DIV.right {padding-left:40px;width:500px;padding-top:33px;}	
DIV#news {border-bottom:solid 2px #8AB50A;border-top:solid 1px #8AB50A;}
#news .formWrapper {display:block;}
BODY.news .disclaimer, BODY.news .disclaimer A {color:#A1BC53;}
.newsItemLogo {background: url(images/news_logos.gif) left top no-repeat;width:92px;height:45px;float:left;cursor:pointer;}
.newsItemHeadline {float:left;width:390px;text-align:left;}

/*CONTACT*/
BODY.contact {background-color:#E29CFF;}
#contact {background: #E29CFF url(images/asset_contact_2.jpg) center left no-repeat;}
#contact DIV.right {padding-left:360px;width:200px;padding-top:20px;}
#contact H2 {text-align:center;width:300px;margin-bottom:15px;}
DIV#contact {border-bottom:solid 2px #D775FF;border-top:solid 1px #D775FF;}
#contact DIV.scrollContent {width:300px;font-size:14px;text-align:center;}
#contact A {color:#FFF;}
#contact DIV.scrollContent P {padding-bottom:20px;}
BODY.contact .disclaimer, BODY.contact .disclaimer A {color:#F9E7FF;}


/*CALENDAR*/
BODY.calendar {background-color:#319A38;}
#calendar {background: #319A38 url(images/asset_calendar_2.jpg) 50px center no-repeat;}
DIV#calendar {border-bottom:solid 2px #34C73D;border-top:solid 1px #34C73D;}
BODY.calendar .disclaimer, BODY.calendar .disclaimer A {color:#63DC6E;} 
.calendar DIV.scrollContent {width:485px;overflow-y:auto;height:435px;font-size:14px;line-height:18px;}
#calendar DIV.right {padding-top:20px;}

/*CALENDAR2*/
BODY.Calendar2 {background-color:#319A38;}
#Calendar2 {background: #319A38 url(images/asset_calendar_2.jpg) 50px center no-repeat;}
DIV#Calendar2 {border-bottom:solid 2px #34C73D;border-top:solid 1px #34C73D;}
BODY.Calendar2 .disclaimer, BODY.calendar2 .disclaimer A {color:#63DC6E;} 
.Calendar2 DIV.scrollContent {width:485px;overflow-y:auto;height:435px;font-size:14px;line-height:18px;}
#Calendar2 DIV.right {padding-top:20px;}

/*PHOTOS2*/
BODY.photos2 {background-color:#FF8F0D;}
#photos2 {background-image:none;}
#photos2 DIV.right {padding-left:0;padding-right:15px;padding-top:10px;}
.photos2 DIV.scrollContent {height:450px;overflow-y: auto;}
DIV#photos2 {border-bottom:solid 2px #FFC683;border-top:solid 1px #FFC683;}
BODY.photos2 .disclaimer, BODY.photos2 .disclaimer A {color:#FFC683;}






















/*VIDEOS*/
BODY.videos {background-color:#009CFF;}
.videos OBJECT {display:block;}
#videos {background: #009CFF url(images/asset_videos.jpg) 0 center no-repeat;}
#videos DIV.right {padding-left:260px;padding-top:0;}
#videos DIV.scrollContent {width:500px;}
.videos .playerContainerWrapper {background-color:#FFF;width: 435px; height:250px;padding:5px;margin-bottom:5px;}
DIV#videos {border-bottom:solid 2px #66C4FF;border-top:solid 1px #66C4FF;}
#videos DIV.item {margin-left:0;margin-right:19px;}
BODY.videos .disclaimer, BODY.videos .disclaimer A {color:#B3E6FF;} 
.videos H2 {margin-bottom:15px;}

/*RESUME*/
BODY.resume, BODY.resume_hasChild {background-color:#FAFB03;}
.resume .branding .logo, .resume_hasChild .branding .logo {background: url(images/logo_2a.png) top left no-repeat;}
BODY.resume DIV.navigation LI A, BODY.resume_hasChild DIV.navigation LI A {color:#9C9C00;text-shadow:none;}
#resume_hasChild, #subpage_resume_interests, #subpage_resume_training, #subpage_resume_festivalsClubs, #subpage_resume_commercials, #subpage_resume_television, #resume {background: #FAFB03 url(images/asset_resume.jpg) 0 top no-repeat;color:#9C9C00;border-bottom:solid 2px #9C9C00;border-top:solid 1px #9C9C00;}
#resume_hasChild DIV.right, #subpage_resume_interests DIV.right, #subpage_resume_training DIV.right, #subpage_resume_festivalsClubs DIV.right, #subpage_resume_commercials DIV.right, #subpage_resume_television DIV.right, #resume DIV.right {padding-top:10px;padding-left:222px;width:725px;} 
.resume DIV.scrollContent, .resume_hasChild DIV.scrollContent {height:450px;overflow-y: auto;}
.resume H2, .resume_hasChild H2, .resume H3, .resume_hasChild H3 {border-bottom: solid 1px #9C9C00;text-shadow:none;}
.resume H2 A, .resume_hasChild H2 A {color:#9C9C00;}
.resume H3, .resume_hasChild H3 {padding-bottom:5px;padding-top:20px;font-size:22px;}
.resume .disclaimer, .resume .disclaimer A, .resume_hasChild .disclaimer, .resume_hasChild .disclaimer A {color:#9C9C00;}
.resumeStats {float:left;width:250px;}
.resumeManagement {float:right;width:200px;}
.resume_hasChild A, .resume A {color:#333 !important;}

/*FOOTER*/
.disclaimer {font-size:12px;color:#FFF;width:100%;none;padding-top:3px;clear:both;}
.disclaimer A {color:#FFF;}
.disclaimerText {float:left;width:868px;padding-top:4px;}
.socialMediaIcons {float:right; width:90px;}
.myspaceLink, .facebookLink, .twitterLink {display:block;float:left;margin-left:8px;width:21px;height:20px;background: url(images/socialMediaIcons.gif) top left no-repeat;}
.myspaceLink {background-position:-24px 0;}
.facebookLink {background-position:-50px 0;}
#setupSquadBadge {display:block;position:fixed;_position:absolute;right:0;bottom:0;width:171px;height:170px;background: url(images/setupSquadBadge.png) top left no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/setupSquadBadge.png',sizingMethod='crop');}

/*GALLERY*/
#pictureGalleryContainer {height:95px;overflow-y:scroll;}
.pictureContainer {height:640px;width:700px;background-color:#FFF;position:absolute;padding:10px;top:50%;left:50%;margin-left:-350px;border:solid 2px #EEE;margin-top:-320px;}
.closeButton {background: url(images/button_close.gif) top left no-repeat;width:23px;height:23px;cursor:pointer;float:right;margin-right:-5px;margin-top:-5px;}
.pictureContainer H2 {color:#000;height:60px;line-height:27px;}
.pictureContainer IMG {border:solid 1px #CCC;margin: 0 auto;}
.pictureFrame {text-align:center;}
