/*
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;}

/* different pages of the site have different background colors */

/*****/
H2 {font: bold 27px Arial, Helvetica, Sans-serif;padding-bottom:1px;margin-bottom:8px;}
H3 {font: bold 16px Arial, Helvetica, Sans-serif;padding-bottom:1px;margin-bottom:2px;margin-top:9px;}
H2 SPAN {float:right;margin-top:-18px;font-size:11px;font-weight:normal;}
H2 SPAN A {color: #666; text-decoration:none;}
H2 SPAN A:hover {color:#000;text-decoration: underline;} 
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:-290px;}
DIV.contentWrapper {width:960px;overflow:hidden;position:relative;height:580px;}
DIV.navigation {padding-top:38px;width:600px;}
DIV.navigation LI {float:right;width:auto;margin-left:20px;}
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;}
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 {height:240px;line-height:19px;padding-right:10px;text-align:justify;}
/*.branding {position:absolute;top:693px;width:950px;}*/
.branding .logo {background: url(images/logo_2.png) top left no-repeat;width:342px;height:56px;cursor:pointer;}
*HTML .branding .logo {background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/hh/images/logo_2.png',sizingMethod='crop');}

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;}
.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;}
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 {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;} 
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;}

/*BODY.bio {background-color:#95E4F0;}*/
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;}
BODY.bio .disclaimer, BODY.bio .disclaimer A {color:#CEF4F9;}

/*BODY.homepage {background-color:#FF971E;}*/
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;}

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;}

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:0;}
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;}

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:450px;overflow-y:auto;height:435px;font-size:14px;line-height:18px;}
#calendar DIV.right {padding-top:20px;} 
 
/*BODY.photos {background-color:#FF9923;}*/
BODY.photos {background-color:#FF8F0D;}
#photos {background: #FF8F0D url(images/asset_photos.jpg) 100% top no-repeat;}
#photos DIV.right {padding-left:50px;width:400px;padding-top:70px;}
DIV#photos {border-bottom:solid 2px #FFC683;border-top:solid 1px #FFC683;}
BODY.photos .disclaimer, BODY.photos .disclaimer A {color:#FFC683;} 
DIV#photos DIV.scrollContent {width:333px;height:305px;overflow-y:scroll;}

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:0;}

/*BODY.resume {background-color:#FCFC00;}*/
BODY.resume, BODY.resume_hasChild {background-color:#FAFB03;}
#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) 100% top no-repeat;color:#9C9C00;border-bottom:solid 2px #FFFF7D;border-top:solid 1px #FFFF7D;}
#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:50px;padding-left:10px;width:775px;}
.resume DIV.scrollContent, .resume_hasChild DIV.scrollContent {height:350px;}
.resume H2, .resume_hasChild H2 {border-bottom: solid 1px #9C9C00;}
.resume H2 A, .resume_hasChild H2 A {color:#9C9C00;}
.resume H3 {padding-bottom:5px;}

.disclaimer {font-size:12px;color:#FFF;text-align:center;width:100%;none;padding-top:3px;clear:both;}
.disclaimer A {color:#FFF;}
#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;}
.pictureContainer IMG {border:solid 1px #CCC;margin: 0 auto;}
.pictureFrame {text-align:center;}