/*   
Theme Name: WMD Theme
Theme URI: http://www.eyesoreinc.com
Description: WMD Theme
Author: Nan Dee
Author URI: http://www.eyesoreinc.com
Version: 1
*/

@charset "UTF-8";

/*------------------------------------*\
    $SHARED
\*------------------------------------*/
.island.promo,
pre,
code{
    background-color:#fef8c4;
}





/*------------------------------------*\
    $MAIN
\*------------------------------------*/
html{
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 13px;
    font-weight: 300;
}
body.home { 
    background: url(images/courthouse_opt.jpg) right bottom no-repeat #2b73b0;  
     background-attachment: fixed;
} 
body {
    background:#2b73b0;
   
    padding-top: 10px;
    padding-bottom: 30px;
    /*height: 995px;
    overflow: auto;*/
}
h1 {
    font-size: 22px;
    color: #1f6b97;
    text-transform: uppercase;
}
h2, 
h2 a, 
h2 a:visited, 
h2 a:hover, 
h2 a:link{
    font-size: 22px;
    color: #1f6b97;
}
hr {
    clear: both;
}
.left-col {
    min-height: 1px;
}
.right-col {
    margin-left: 10px;
}
.white-opa {
    background: url(images/white-85opa.png);
    padding: 30px 52px;
    color: #000;
    min-height: 770px;
    font-size: 15px;
}
.white-opa h1 a {
    color: #1f6b97;
}
.white-opa a {
    color: #cc7400;
}
.page-content {
    padding-top: 60px;
    line-height: 2.2;
}

.readmore {
    text-align: right;
    font-weight: 700;
    padding: 10px 0;
}
.meta, .postmetadata {
    font-weight: 700;
}
.scrollablediv {
    max-width: 826px;
    overflow-y: hidden;
    overflow-x: auto;
}
/*------------------------------------*\
    $ISLANDS
\*------------------------------------*/
.island.promo{
    color:#6d6841;
    border:1px solid #d8d566;
    
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;
    -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;
    box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;
}
    .island.promo a{
        color:inherit;
        font-weight:bold;
        text-decoration:underline;
    }





/*------------------------------------*\
    $HEADER
\*------------------------------------*/
.header{
    padding:1.5em 0;
}
.logo{
    background:url(images/logo.png);
}
.logo,.logo img{
    width:432px;
    height:86px;
}

ul.header-info {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 37px;
}
ul.header-info li {
    float: right;
    margin-left: 10px;
}

.logo-bar {
    /*background: #c3d5e7;*/
    background: #E2EAF2;
    padding: 20px 0;
}
/*------------------------------------*\
    $FOOTER
\*------------------------------------*/
#footer {
    margin-top: 30px;
}
.footer-box {
    background: #c3d5e7;
    padding: 10px;
    color: #000;
}
.footer-box a {
    color: #cc7400;
}


span.disclaimer a {
    color: #fff;
}

/*------------------------------------*\
    $TYPE
\*------------------------------------*/
a{
    color:#4a8ec2;
}
mark{
    border-bottom:2px solid;
}
pre{
    padding:10px;
}
pre code,
pre mark{
    background:none;
}

/*------------------------------------*\
$MAIN MENU
\*------------------------------------*/
.tinynav { 
    display: none 
}
#nav .selected a { 
    color: red 
}
.mainmenu, .mainmenu ul {
display: inline-block;
list-style-type: none;
margin: 0;
padding: 0;
}
.mainmenu {

clear: both;
margin: 0 auto;
}

.mainmenu>li {
border: 0;
display: block;
float: left;
margin: 0;
position: relative;
z-index: 5;
}


ul.mainmenu li a {
color: #ffffff;
display: block;
font-size: 11px;
line-height: 20px;
margin: 0;
padding: 10px 10px 10px 0; 
position: relative;
text-decoration: none;
letter-spacing: 1px;

text-transform: uppercase;


/*text-shadow: 0 1px 1px #545454;*/
}




ul.mainmenu li:hover > a, ul.mainmenu li.current-menu-item:hover a, ul.mainmenu li.current_page_parent:hover a {
    color: #bababa; /*grey*/
}
ul.mainmenu li.current-menu-item a, ul.mainmenu li.current_page_parent a {
    
    color: #bababa; /*grey*/
}

/* @group Menu elements */
ul.mainmenu ul {
    display: none;
    float: left;
    position: absolute;
    z-index: 10;
    width: 210px;    
}

ul.mainmenu ul li {
    position: relative;
    padding: 0 10px;
}
ul.mainmenu ul li:hover > a {
    color: #636466; /*grey*/
}



ul.mainmenu li:hover > ul {
    display: block;
}

ul.mainmenu ul ul {
    left: 100%;
    top: 0%;
    
}

ul.sub-menu {
    padding-bottom:10px;
    margin-top:0px;
}

/*.sub-menu li{
    background:none;
    width: 100%;
    
}*/

.sub-menu {
    text-align:left;
    font-size: 0.7em;

}
ul.sub-menu li a,
ul.sub-menu li a:link, 
ul.sub-menu li a:visited/*, 
.children a:link, 
.children a:visited*/ {
    display:inline-block;
    line-height: 18px;
    margin:0;
    padding: 10px 17px 10px 10px;
    color: #ffffff;
    /*text-transform: capitalize;*/
    text-decoration: none;
    text-shadow: none;
    
}
ul.sub-menu li a:hover {
    color: #636466; /*grey*/
}

ul.sub-menu li a:active, ul.mainmenu li.current_page_parent ul.sub-menu li.current-menu-item > a, ul.mainmenu li.current-post-ancestor ul.sub-menu li.current-menu-item > a, ul.sub-menu li.current_page_item a /*, 
.children a:hover, 
.children a:active*/ {
    color: #3ab3d7; /*blue*/
}

/*------------------------------------*\
    $GROUP ALIGNMENT AND IMAGE CLASSES
\*------------------------------------*/

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}


/*------------------------------------*\
    $MISC
\*------------------------------------*/
::selection     { background-color:#4a8ec2; color:#fff; }
::-moz-selection{ background-color:#4a8ec2; color:#fff; }
hr{
    padding:0;
    border:none;
    height:1px;
    background-color:#ccc;
}

/*------------------------------------*\
    $SIDEBAR
\*------------------------------------*/
.left-col .widget {
    margin-bottom: 20px;
}
.left-col h2 {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 5px;
    line-height: 20px;
}
.left-col ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.left-col ul a {
    color: #fff;
}

/*about page*/
.page-id-8 .left-col h2 {
    /*display: none;*/
}
/*------------------------------------*\
    $HOMEPAGE
\*------------------------------------*/
.page-template-template-home-php .left-col {
    background: url(images/home-col-sep.png) no-repeat right center;
}
.page-template-template-home-php .right-col {
    margin-left: 0;
}
body.page-template-template-home-php {
    background-attachment: scroll;
    height: 98vh;
    overflow: auto;
}
.page-template-template-home-php #footer {
    display: none;
}
/*------------------------------------*\
    $PROFILE PAGE
\*------------------------------------*/
.person-info h2 {
    margin-bottom: 5px;
}
.person-info .person-title {
    display: block;
    font-weight: 700;
}
.person-info a {
    display: block;
}
.person-info .view-profile {
    display: block;
    margin-top: 10px;
}
/*BLOG PAGE*/
.hentry h2 a {
    color: #1f6b97;
}
/*------------------------------------*\
    $TESTIMONIALS PAGE
\*------------------------------------*/
/* on the homepage*/
.home .testimonials-widget-testimonial div.credit {
    text-align: left;
    font-style: italic;
}
.home .testimonials-widget-testimonial blockquote {
    font-size: 15px;
}
.page-id-176 .listing .list {
    border-bottom: #b1b1b1 solid 1px;
    padding: 20px 0;
}
.page-id-176 .listing .paging.prepend {
    
} 

.page-id-176 .listing .paging.append {
    font-size: 16px;
}
/*TESTIMONIALS ON THE HOMEPAGE*/
.home-testimonials {
    margin-top: 30px;
}
.home-testimonials blockquote {
    text-indent: 0;
}
@media screen and (max-width: 768px) {
    body.page-template-template-home-php { 
        background-position: fixed; 
    } 
    .tinynav { 
        display: block;
        margin: 0 auto; 
        width: 50%;  
    }
    #nav { display: none }
    html .logo { display: none; } 
    html body .mobile_logo { display: block !important; }

    .page-template-template-home-php .left-col {
        background: rgba(22,88,148,0.85);
    }
    .page-template-template-home-php .entry {
        background: rgba(22,88,148,0.85);
        padding: 10px;
    }

    ul.header-info li { 
      float: none; 
      width: 100%; 
      text-align: center; 
    } 
}

/* Changes made by Zachary Dodd @ Eyesore, Inc. 6/13/2014 */ 
.white-opa { 
    background: url(images/white-85opa.png) white;
    font-size: 16px; 
} 
html { font-size: 14px; } 

.eye-show-recent-posts { line-height: 22px; } 
.eye-show-recent-posts em { font-size: 14px; }

span.disclaimer {
    line-height: 37px;
    display: table-cell;
    vertical-align: middle;
    float: right;
    margin-left: 15px;
    font-weight: bold;
} 
.linkedinimg img { 
    float: right; 
} 
.widget li {
    padding: .6em 0;
}
.widget li a {
    display: block;
    line-height: 16px;
}
.page-template-template-home-php .left-col { 
    padding-left: 13px; 
} 
@media screen and (max-width: 480px) { 
    

}