html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,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 {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}
ul{
list-style: none;
} #container{
position: relative;
z-index: 1;
}
#post{}
#postmeta{}
#postnavigation{}
#searchform{}
#sidebar{}
*, body {
font-family: "Lucida Grande", Lucida, Helvetica, Verdana, sans-serif;
font-size: 11px;
line-height: 1.2em;	
}
.text p {
margin: 0px 0 15px;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
body {
}
a {
text-decoration: none;
color: black;
}
a:hover {
text-decoration: underline;
}
h1 a span {
display: none;
}
h1 a.logo {
width: 53px;
height: 76px;
display: block;
background: url(//www.hodyhong.com/wp-content/themes/hodyhong/images/logo.gif) no-repeat;
background-size: 53px;
}
h2 {
font-size: 16px;
font-weight: bold;
padding: 40px 0;
width: 300px;
}
#yesMenu a.yesButton {
float: left;
}
#logoCopy {
padding:20px 13px 20px 20px;
position:fixed;
right:14px;
top:10px;
background:white;
z-index: 101;
}
#mainContent {
z-index: 100;
left:14px;
padding:0 20px 20px 0;
position:absolute;
top:14px;
background:white;
}
#mainContent .menu{
margin-top: 41px;
margin-left: 0px;
}
#mainContent .menu a img.menuButton {		
cursor: pointer;
margin-left: 26px;
height: 83px;
width: 27px;
}
#yesMenu .content li {
width: 250px;
margin-bottom: 0.2em 0;
}
#yesMenu .content li a{
width: 200px;
display: block;
}
.menu .content {
background: white;
float: right;
margin-left: 30px;
}
ul.lcp_catlist{
margin-bottom: 10px;
}
.project, .page {
margin-left: 26px;
position: relative;
}
.project .text {
margin-left: 0px;
width: 255px;
}
.page {
margin-top:0px;
}
.gallery, .video {
position: absolute;
width: 450px;
left: 360px;
top: 138px;
}
.video {
width: 640px;
}
.gallery .item {
margin: 0px 20px 40px;
width: 50px;
height: 50px;
float: left;
position: relative;
display: block;
}
.gallery .item span {
display: block;
height: 50px;
width: 50px;
background: black;
position: absolute;
top: 0;
left: 0;
}
.gallery .item span:hover {
background: none;
}
span.year {
float: right;
} body.com-home-page {
background: url(//www.hodyhong.com/wp-content/themes/hodyhong/images/comhome.png) no-repeat left top;
background-size: 280px;
background-position: 15px 12px;
}
.com-home-page #mainContent {
background: transparent;
}
.com-home-page .page {
padding-top:250px ;
}
.com-home-page .mainMenu {
display: none;
}
.com-home-page .text p{
font-size: 16px;
text-transform: capitalize;
font-weight: bold;
line-height: 1.2em;
} @media only screen and (max-width: 480px)  {
.partners a img {
height:  45px;
width: auto;
margin-bottom: 10px;
}
.partners br {
display: none;
}
.com-home-page #sb_instagram.sbi_width_resp {
margin-left: -20px !important;
width: calc(100% + 20px) !important;
}
} #sb_instagram {
width: 50%;
position: fixed;
right: 0;
top: 0;
}
#sbi_images {
height: 100%;
}
@media only screen and (max-width: 950px)  {
#sb_instagram {
width: 100% !important;
position: static;
}
#sbi_images {
height: auto;
}
}
@media only screen and (max-width: 380px)  {
body.com-home-page{
background-size: 60%;
background-position: 0 0 ;
}
#logoCopy {
padding-top: 10px;
padding-right: 0;
}
h1 a.logo {
width: 48px;
height: 70px;
background-size: 100%;
} 
.com-home-page .page {
padding-top: 120px;
margin-left: 10px;
}
}