/*
Theme Name: IEfocus
Theme URI: http://www.holycow.com/
Description: Magazine style news site for Inland Empire. Design by 2design, code by Holy Cow Design
Author: Joe Fulgham
Author URI: http://www.holycow.com/
Version: 1.0b
*/

/* Reset CSS
   http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Basics */
a { color: #015fda;
    text-decoration: none;
}

a:hover { color: #015fda;
    text-decoration: underline;
}

h1 {
    font-size: 1.6em;
    font-weight: normal;
}

h2 {
    font-size: 1.5em;
    font-weight: normal;
}

h3 {
    font-size: 1.4em;
    font-weight: normal;
}

h4 {
    font-size: 1.3em;
    font-weight: normal;
}

h5 {
    font-size: 1.2em;
    font-weight: normal;
}

p {
    margin-bottom: 1em;
}

blockquote {
    padding: 15px;
    background: #d5d1a7;
    font-style: italic;
    margin: 15px 0;
}

a.homelink {
    display: block;
    width: 100%;
    height: 155px;
}

/* Customization Begins */
html {
    height: 100%;
}

body {
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    font-weight: normal;
    color: #595757;
    font-size: 17px;
    line-height: 1.4em;
    background: #595757 url(images/background.jpg) top center no-repeat;
    background-attachment: fixed;
    height: 100%;
}

.mainbg {
    background: #eae6c0;
}

#container {
    position: relative;
    margin: 0 auto;
    background: #eae6c0;
    width: 100%;
    max-width: 960px;

}

#header {
    height: 56px;
    width: 100%;
    background: url(images/background.jpg) top center no-repeat;
    color: #FFF;
    white-space: nowrap;
}

#headerlogo {
    height: 56px;
    padding-left: 80px;
    background: url(images/bell.png) no-repeat;
    background-position: 30px 9px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    white-space: normal;
}

#headerlogin {
    float: right;
    height: 56px;
    width: 260px;
    white-space: normal;
    display: inline-block;
}

#loginlinks {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    white-space: normal;
    height: 56px;
    width: 260px;
}

#headerlogin a {
    color: #d4b91e;
    text-decoration: none;
}

#subheader {
    background: #eae6c0 url(images/subheader-bg.png) top right no-repeat;
    width: 100%;
    height: 24px
}

#header {
    padding: 0;
}

#left {
    float: left;
    width: 100%;
}

.rightpad {
    padding-right: 260px;
}

#frontwindow {
    background: url(images/background.jpg) no-repeat;
    background-position: center -80px;
    background-attachment: fixed;
    height: 315px;
    width: 100%;
    max-width: 700px;
    padding: 0;
    margin: 0;
}

#subwindow {
    background: url(images/background.jpg) no-repeat;
    background-position: center -80px;
    width: 100%;
    max-width: 700px;
    margin: 0;
    font-size: 1.5em;
    color: #FFF;
}

.breadcrumb {
    padding: 5px 30px;
}

#subwindow a {
    color: #fff;
}

#frontwindow img {
    margin: 30px 0 0 30px;
}

#content {
    padding: 0 0 100px 0;
    position: relative;
    /* min-height: 1210px; */
    overflow: hidden;
    float: left;
    background: #eae6c0;
    width: 100%;
}

/* Posts and Post Listing */
.postlisting {
    position: relative;
    padding: 30px 0 30px 30px;
}

body.home .postlisting, body.category .postlisting {
    padding: 0;
}

.post {
    width: 100%;
    margin: 0;
    z-index: 20;
    position: relative;
    overflow: visible;
}

.post img {
    max-width: 100%;
}

body.home .postlisting, body.category .postlisting {
    /* max-width: 700px; */
    
}

body.home .post, body.category .post {
    width: 320px;
    padding-right: 0;
    margin: 30px 0 0 30px;
    max-height: 350px;
    overflow: hidden;
    float: left;
}

body.home .postspacer, body.category .postspacer {
    background: url(images/post-bottom.png) bottom center no-repeat;
    height: 60px;
    z-index: 100;
    margin-top: -30px;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.post h1 {
    margin-bottom: 10px;
}

.post h1 a {
    color: #595757;
}

/* Sidebar Area */
#sidebar {
    background: #eae6c0 url(images/sidebar-bg.png) no-repeat;
    position: absolute;
    top: 80px;
    right: 0;
    width: 230px;
    padding-left: 30px;
    z-index: 300;
    overflow: visible;
}

#mainbar {
    padding: 0 36px 0 6px;
    width: 188px;
}

#mainbar aside {
    padding: 15px 15px;
    margin-bottom: 15px;
    background: #d5d1a7;
}

#mainbar aside.widget_nav_menu {
    background: #595757;    
    color: #fff;
    padding: 0 15px;
    background: #595757 url(images/mainbar-top.png) no-repeat;
    margin-top: 25px;
}

#mainbar aside.widget_nav_menu a {
    color: #fff;
}

#mainbar aside.widget_sp_image {
    padding: 0;
    background: #595757;
    text-align: center;
}

#mainbar aside.widget_nav_menu:after {
    content: url(images/mainbar-bottom-first.png);
    margin: 15px 0 0 -15px;
    display: block;
    height: 110px;
}

#mainbar aside ul li {
    list-style-image: url(images/bullet.png);
    list-style-position: outside;
    margin-left: 21px;
}

/* Footer Area */
#footer {
    width:100%;
    padding: 30px 0;
    max-width: 960px;
    margin: 0 auto;
    white-space: normal;
    clear: both;
    background: #eae6c0;
    position: relative;
}

#footertext {
    margin: 0;
    padding: 10px 30px 10px 150px;
    background: #d5d1a7;
    line-height: 1em;
    position: relative;
}

.fullwidth {
    width: 100%;
}

#footerlogo {
    position: absolute;
    top: 50%;
    left: 30px;
    width: 106px;
    height: 85px;
    margin-top: -42px;
    background: url(images/footer-logo.png);
}

/* Widget Image */
.widget_image img {
	height: auto;
	max-width: 100%;
}

/* Calendar Widget */

.widget_calendar #wp-calendar {
	color: #555;
	width: 95%;
	text-align: center;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	text-align: center;
}
.widget_calendar #wp-calendar caption {
	font-size: 11px;
	font-weight: 500;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 960px) {

body.home .postlisting, body.category .postlisting {
    padding: 30px 0 30px 30px;
}

body.home .post, body.category .post {
    width: 100%;
    margin: 0 0 30px 0;

}

#sidebar {
    background: #eae6c0 url(images/sidebar-bg-mobile.png) no-repeat;
}

/* Fixes */
body.register #footer {
    margin-top: -25px;
}


}

@media screen and (max-width: 675px) {
    #sidebar {
        position: relative;
        float: left;
        padding: 0 30px;
        margin: 0;
        width: auto;
        margin-top: -200px;
    }
   
    #sidebar aside {
        width: 158px;
        margin-right: 30px;
        float: left;
        padding: 15px;
    }
    
    #subheader {
        background: #EAE6C0;
    }
    
    .rightpad {
        padding-right: 0;
    }
    
    #mainbar aside.widget_sp_image {
    padding: 0;
    background: #595757;
    text-align: center;
    width: 188px;
    float: left;
    margin-right: 30px;
}

#mainbar aside.widget_nav_menu {
    background: #595757;    
    color: #fff;
    padding: 0 15px;
    background: #595757 url(images/mainbar-top.png) no-repeat;
    margin: 25px 30px 0 6px;
}
     
    #mainbar {
        width: 100%;
        padding: 0;
    }

    #left {
        padding-right: 0;
    }
   
    
    .postlisting {
        padding-right: 30px;
    }
    
    body.home .postlisting, body.category .postlisting {
    padding-right: 30px;
}

#headerlogo {
    font-size: .7em;
    line-height: 0.85em;
}

#headerlogin {
    width: auto;
    float: right;
    text-align: center;
}

#loginlinks {
    width: auto;
    padding: 0 30px;
    font-size: 0.75em;
    width: 60px;
}

#container {
    float: left;
}

#footer {
    margin-top: 50px;
    float: left;
}

.hideme {
    display: none;
}

#header {
    white-space: nowrap
}

#frontwindow {
    max-width: none;
}

#frontwindow img {
    height: auto;
    max-width: 85%;
}

body.register #footer {
    margin-top: 50px;
}

}