/*xxxxxxxxxxxxxx Basics xxxxxxxxxxxxxxxx*/
.clearfix {clear:both;}
a, a:visited {color:inherit;text-decoration:inherit;}
a:hover {color:#cc9833;}
.hidden {display:none;}
/*#wrapper {margin:0 auto;position:static;max-width:1024px;} uncomment for centered */
#wrapper {max-width:1024px;}
header#root_header {position:absolute;width:115px;top:0;min-height:100%;background-color:#fff;padding: 0 10px;}	
#content {margin-top:30px;margin-left:145px;padding:10px;}
#root_footer {clear:both;margin-left:145px;padding:10px;}
body {font-family:'Humanist 521 W01 Light';color:#999;}
h1 {font-size:160%}
h2 {font-size:150%;}
h3 {font-size:140%;}
h4 {font-size:130%;}
h5 {font-size:120%;}
h1, h2, h3, h4, h5, h6 {color:#000;text-transform:uppercase;margin-bottom:10px;}
p {line-height:120%;margin-bottom:1em;}
::-moz-selection {background-color:#cc9833;color:#000;}
::selection {background-color:#cc9833;color:#000;}
.twoCol {width:50%;float:left;overflow:hidden;}
.twoCol:first-child .inner {padding-right:10px;}
.threeCol {width:33%;float:left;overflow:hidden;}
.alignleft {float:left;margin-right:10px;}
.alignright {float:right;}
.inline-block {display:inline-block !important;}
/*xxxxxxxxxxxxxx Header xxxxxxxxxxxxxxxx*/
/* misc */
header#root_header .inner {padding:10px;margin-top:30px;}

/* logo */
.logo img {width:auto;height:auto;max-width:40px;display:block;margin:0 auto;margin-bottom:10px;}
.logo {/*text-align:center;*/width:94px;text-align:center;margin-bottom:30px;}
.logo .text {text-transform:uppercase;font-size:25px;}

/* menu */
#main_nav {}
#main_menu {width:100%;}
#main_menu li {display:block;position:relative;}
#main_menu li a {display:block;margin-bottom:10px;}
#main_menu li .desc {display:none;}
#main_menu .home a {background-image:url(http://www.seeklogo.com/images/S/Steve_Park_Signature-logo-BDD16E94FE-seeklogo.com.gif);width:200px;height:200px;}
#main_menu .home a {text-indent:-9999px;}
#small_menu_expand {display:none;}

@media all and (min-width:500px) {#main_nav {display:block !important;}} /* make sure the menu shows if we switch from small screen dropdown to other menu */
@media all and (min-width:780px){
body.home {background-position:center center !important;}	
}
@media all and (max-width:780px){
.logo {width:auto;}
#main_menu li a:before {content: '•';display:inline-block;margin-right:1em;}
#main_menu li:first-child :before {content:'';margin-right:0;}
#main_menu li a {margin:0 0 0 1em;}
#main_menu li {display:inline-block;}
#content {margin-left:0;}
header#root_header {position:relative;width:auto;text-align:center;padding:0;}
#root_footer {margin-left:0;}
body.home {background-position:center 170px}
}

@media all and (max-width:500px){
header#root_header .inner {margin-top:0;}
.logo {width:94px;}
.logo {margin:0 auto;}
.twoCol {width:auto;float:none;}	
.threeCol {width:100%;float:none;text-align:center;}
.threeCol > .inner {display:inline-block;text-align:left;}
#content .portfolio .threeCol > .inner > img {width:100%;}

/*body .fancybox-title-float-wrap .child {
	white-space:normal;
}*/
.gallery-item {width:100% !important;float:none !important;}
#main_menu li {display:block;}
#main_menu li a {font-size:150%;margin:10px 0;padding:10px;}
#main_menu li a:before {content:normal;}
#main_nav ul {text-align:center;}
#main_nav {display:inline-block;display:none;}
#small_menu_expand {display:block;margin:10px auto;font-size:150%;line-height:1em;cursor:pointer;height:1em;}
#small_menu_expand .icon {display:inline-block;width:1em;border:1px solid;margin-right:10px;}
#small_menu_expand .text {font-size:100%;}

#small_menu_expand:hover {color:#cc9833;}
html body {background-size:contain;}
}
/* xxxxxxxxxxxx POSTS & PAGES xxxxxxxxxxxxx */
#content img {width:auto;max-width:100%;height:auto;display:block;}

article.post {border-top:1px solid;padding:50px 0;}
article.post:first-child {border-top:none;margin-top:0;padding-top:0;}

.post .title, .post .subheader {margin-bottom:30px;}


/*-----Portfolio------*/
.portfolio .inner {padding:10px;padding-top:0;padding-bottom:20px;}
.portfolio .inner > img:hover {opacity:0.6;}
.portfolio .inner > img {margin-bottom:10px;}
.portfolio .title {}

/*-----Gallery------*/
.gallery-item .inner {padding:0 5% 10% 5%;}
.gallery-item img {margin:0 auto;}
.gallery-title {margin-top:10px;}
.gallery-caption {display:none;}
dt.gallery-icon {/*border:2px solid transparent;*/text-align:left;}
dt.gallery-icon:hover {/*border:2px solid #cc9833;*/opacity:0.6;}
/*----fancybox------*/
body .fancybox-title {
    background: #fff;
    border-radius: 0;
	text-shadow:none;
	color:inherit;
	font-weight:normal;
}
body .fancybox-overlay {background:rgba(255,255,255,0.9);}
body .fancybox-opened .fancybox-skin {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}


/* xxxxxxxxxxxx Portfolio Items xxxxxxxxxxx */
#content {}
.clearfix {clear:both;display:block;height:0px;width:100%;opacity:0;}
#content > .item {background-color:#ccc;margin:10px;float:left;position:relative;height:300px;font-size:1.5em;}


#content > .item:hover .overlay-content {display:block;}
.overlay-content {position:absolute;height:100%;bottom:0;display:none;width:100%;text-align:center;}

#content .overlay-content .vCenter {position:absolute;top:0;left:0;right:0;bottom:0;height:1%;margin:auto;}

/* xxxxxxxxxxxxxxxxx CONTACT PAGE xxxxxxxxxxxxxxxx */
#content img.contact {margin-bottom:40px;max-width:75%;}
#newsletter {margin-top:40px;}
#newsletter .description {padding:10px;margin-bottom:30px;border:1px solid;border-left:none;border-right:none;}
#newsletter label {display:block;text-transform:uppercase;font-size:130%;}
#newsletter input {margin:15px 0;background-color:#eee;border:none;display:block;width:100%;font-family:inherit;padding:10px;font-size:120%;border:1px solid transparent;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box;transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;}
#newsletter input:focus {background-color:#F7F7F7;border:1px solid #cc9833;}
#newsletter input[type="submit"] {width:auto;background-color:#fff;border:1px solid #eee;color:#999;}
#newsletter input[type="submit"]:hover {color:#cc9833;border-color:#cc9833;}
#feedback {overflow:hidden;margin-bottom:30px;padding:10px;background-color:#eee;color:#000; display:none;font-size:140%;font-style:italic;}
#feedback .email {color:#cc9833;}

/* xxxxxxxxxxxxxxxxxxx HOME PAGE xxxxxxxxxxxxxxxxxxx */
/*
make homepage image fullscreen */
#content #home_img_small_res {display:none;}


/* xxxxxxxxxxxxxxxxxxx BLOG PAGE xxxxxxxxxxxxxxxxxxx */


.tumblr_posts {text-align:center;}
.tumblr_post {display:block;text-align:left;border-bottom:1px solid #cc9833;margin:10px auto;padding-bottom:10px;max-width:400px;width:100%;}
.tumblr_post:last-child {border-bottom:none;}
.tumblr_post:first-child {margin-top:0;}
.tumblr_caption {margin:10px 0;}
.tumblr_caption p {margin-bottom:0;}