/*
 Theme Name:   PhpFunk-2014
 Theme URI:    http://phpfunk.com
 Description:  phpfunk wordpress theme
 Author:       Tom Pimienta
 Author URI:   http://phpfunk.com
 Template:     twentyfourteen
 Version:      0.0.1
 Text Domain:  phpfunk-2014
*/

/* basic structure */
.site {
    margin: 0 auto;
    max-width: 100%; 
}
body {
    background: lightgray;
}

.container:after {
	content: "";
	display: table;
}

.col-3,
.col-2 {
    float: left;        
    width: 100%;
}

.col-pad {
    padding: 1em;
}

/* header */
.site-header {
    max-width: 1118px !important;
}

/* make the green background search go 100% */
.search-box-wrapper {
    padding-left: 0;
}

/*
.featured-content {
    padding-left: 50px;
}
*/
/*
.site-main .widecolumn {
    margin-left: 50px;
    margin-right: 15%;
}
*/

.home * .site-content {
    margin: 0 auto;
}

.home .site:before {
    width: 0;
}



.home * #secondary {
    display: none;
    width: 0;
}




/* center everything on the page */

.hentry {
    margin: 0 auto;
}

/* need these styles on true full width aka home page */
.home .site-content .entry-header,
.home .site-content .entry-content,
.home .site-content .entry-summary,
.home .site-content .entry-meta,
.home .page-content {
    margin: 0 auto;
    max-width: 1118px;
}


h1.entry-title {
    text-transform: none;
    text-align: center;
    margin-top: .5em;
}

div#register-form {
    width: 400px;
    overflow: hidden;
    height: 230px;
    position: relative;
    background: #f9f9f9 url(images/secure.png) no-repeat 260px 40px;
    font-family: Helvetica Neue, Helvetica, Arial !important;
}

div#register-form input[type="submit"]#register {
    background: url(images/register.jpg) no-repeat;
    border: 0;
    clear: both;
    cursor: pointer;
    height: 31px;
    overflow: hidden;
    position: relative;
    left:295px;
    text-indent: -9999px;
    top:42px;
    width:92px;
}
div#register-form input[type="submit"]#register:hover {
    background-position: 0 -32px;
}

div#register-form span {
    display: block;
    margin-bottom: 22px;
}
 
div#register-form div.title {margin-left:15px}
div#register-form div.title h1,
div#register-form div.title span {text-shadow:1px 1px 0px #fff}
div#register-form div.title h1 {
    margin:7px 0;
}
 
p.statement {
    position:absolute;
    bottom:-2px;
    left:10px;
    font-size:.9em;
    color:#6d6d6d;
    text-shadow:1px 1px 0px #fff;
}

/* make full width */
.site {
	position: relative;
}
#page {
}

body {
    max-width: 1118px;
    margin: 0 auto;
}
/*
#main,
header,
#masthead,
footer {
    max-width: 1118px;
    margin: 0 auto;
}
*/
#main {
    width: 100%;
}

.content-area {
    /* remove gap between content and header when there is no featured image */
    padding: 0;
}



.site-header {
    max-width: 100%;
}

/* shrink featured image on scroll */
.post-thumbnail {
}
.post-thumbnail.tiny {
    height: 0px;
}
.post-thumbnail {
    overflow: hidden; /* required to make featured img disappear on wide screens */
}

#site-header img {
    display: none;
}

#header-img-txt {
    display: block;
    text-align: center;
    padding: .5em 0;
}

#header-img-txt div {
    font-size: 120%;
}

@media screen and (min-width: 594px) {
    #site-header img {
        display: block;
    }
    #header-img-txt {
        display: none;
    }
}
@media screen and (min-width: 1024px) {
    .col-3 {
        width: 33.333333333%;
    }
    .col-2 {
        width: 50%;
    }
    /* @HACK makes sure all 3 divs content area is same height, so positioning of buttons lines up! */
    .home-squares .col-pad {
        height: 9em;
    }
    .col-pad {
        padding: 0 1.5em 1em 0;
    }
}

 
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix
{
    min-width: 0;       /* trigger hasLayout for IE7 */
    display: inline-block;
    /* \*/  display: block; /* Hide from IE Mac */
}
* html .clearfix
{
       /* \*/  height: 1%; /* Hide from IE Mac */
}


.home-squares h2 {
    line-height: 54px;
    font-size: 18px;
    padding-left: 63px;
}
#seodev {
    background: url('/images/seo-services.png') no-repeat;
}

#ecomdev {
    background: url('/images/sacramento-e-commerce-development.png') no-repeat;
}

#webdev {
    background: url('/images/web-design-sacramento.png') no-repeat;
}

.action-button {
    text-align: center;
    width: 100%;
}

.action-button a {
    display: inline-block;
}


.promo-1 {
    margin: 1em 0 3em;
    text-align: center;
    line-height: 2em;
    border-top: 1px solid #b6b6b6;
    padding-top: 1.5em;
    font-size: 130%;
}
 
.promo-1 div:nth-child(2) {
    font-style: italic;
}


.quote-container {
    margin-top: 2em;
}
.qoute-container blockquote {
    margin-bottom: 2em;
}
.code {
    padding: 1em 0;
    margin: 1em 0;
    background: #000;
    color: #0f0;
    font-family: monospace;
    display: block;
}
.code, .code * {
    font-size: .6em;
}

/* make category link have some white space and be little bit larger */
.entry-header .cat-links a {
    display: block;
    margin: 1em 0;
    font-size: 1.2em;
}

.category-display {
    display: block;
}
.blog-list div {
    margin: 1em 0;
}