/*
Theme Name: ImgWize 
Description: Full size java controlled image background support. Background is fixed as content scrolls up from below. Pages and posts are accessed with animated NAVBAR and fly up from below. Blog page pulls up half way with custom text and masthead compressed but visible. Pages and single posts hide the custom header and the masthead to show yet another page style. You really have to experience the positioning of pages to appreciate the interaction. Supports header image upload which shows in masthead. Right side widget area and three footer widget areas. Theme Options include, Control position of the masthead for home page; Alternative header and introduction text with color select; Social media inputs. Framework is responsive and supports most all media screen widths. Demo at www.arizonatechgroup.com/imgwize/
Author: Larry Judd Oliver - Tradesouthwest
Author URI: http://tradesouthwest.com
Theme URI: http://arizonatechgroup.com/imgwize
Copyright: Larry Judd - Tradesouthwest, http://tradesouthwest.com
Version: 0.7
Tags: two-columns, right-sidebar, custom-header, custom-background, translation-ready
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: imgwize
Notes: Use a child theme to update styles. Style Selectors marked with notation (forward-slash, star; star, forward-slash) are child theme candidates. Gridiculous Framework should not be touched. See http://codex.wordpress.org/Child_Themes on how to create a child theme. 

Contents
Default Styles 
Structure       
Navigation      
Sub Structure   
Posts Styles    
Sidebar Styles  
Comments        
Widgets         

*/

/*
 * Gridiculous
 *
 * A responsive grid boilerplate that takes you all the way from 1200px on down to 320px.
 *
 * created by c.bavota
 * released under GPL v2
 *
 * March 4th, 2013
 */

/* =Normalize.css v2.1.0 by Nicolas Gallagher - http://necolas.github.com/normalize.css/
-------------------------------------------------------------- */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:0.67em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}
pre{white-space:pre-wrap}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}

.row:before,.row:after,.clearfix:before,.clearfix:after{content:'';display:table}
.row:after,.clearfix:after{clear:both}
.row,.clearfix{zoom:1}

/* =Gridiculous
-------------------------------------------------------------- */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
body{font-size:100%;line-height:1.6875}
.grid{margin:0 auto;max-width:1200px;width:100%}
img{max-width:100%;height:auto;display:block;margin-left:auto;margin-right:auto}
.wfull{width:100%;max-width:100%}
.w320{max-width:320px}
.w640{max-width:640px}
.w960{max-width:960px}
.row{width:100%;margin-bottom:20px}
.row .row{width:auto;margin:0 -20px}
.c1{width:8.33%}
.c2{width:16.66%}
.c3{width:25%}
.c4{width:33.33%}
.c5{width:41.66%}
.c6{width:50%}
.c7{width:58.33%}
.c8{width:66.66%}
.c9{width:75%}
.c10{width:83.33%}
.c11{width:91.66%}
.c12{width:100%}
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{min-height:1px;float:left;padding-left:20px;padding-right:20px;position:relative}
.s1{margin-left:8.33%}
.s2{margin-left:16.66%}
.s3{margin-left:25%}
.s4{margin-left:33.33%}
.s5{margin-left:41.66%}
.s6{margin-left:50%}
.s7{margin-left:58.33%}
.s8{margin-left:66.66%}
.s9{margin-left:75%}
.s10{margin-left:83.33%}
.s11{margin-left:91.66%}
.end{float:right!important}

/* =Media query for 960 Screens - sets nested grids to 100%
-------------------------------------------------------------- */
@media only screen and (max-width:960px){
.row .row .c1,.row .row .c2,.row .row .c3,.row .row .c4,.row .row .c5,.row .row .c6,.row .row .c7,.row .row .c8,.row .row .c9,.row .row .c10,.row .row .c11,.row .row .c12{width:100%;margin-bottom:20px}
.row .row > div:last-child{margin-bottom:0 !important}
}

/* =Media query for iPad and tablets
-------------------------------------------------------------- */
@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){
body{font-size:90%}
.row{margin-bottom:0!important}
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{width:100%;margin-right:0;margin-left:0;margin-bottom:20px}
}
/** 
    =global sturcture
-------------------------------------------------------------- */
a         { color: #048; }
a:visited { color: #369; }
a:hover   { color: #789; }
body,
input,
textarea {
    color:           #222;
}
#wrapper { /* if an ultra-wide background
    overflow-x:      hidden;    */
}
#masthead { /* Header just above Content */
    background:      rgba( 255, 255, 255, .4);
    margin-top:      61.5%;
    margin-bottom:   1.52em;
    border-top:      3px solid #c0c0c0;
    border-right:    2px solid #f2f2f2;
    border-bottom:   2px solid #f2f2f2;
    border-left:     2px solid #f2f2f2;
    height:          170px;
    overflow:        hidden;
    z-index:         1;
}
body.home #masthead { /* Relative Header for Home Page as Static */
    background:      rgba( 255, 255, 255, .4);
     /* margin-top:      43.28%; controlled form options panel */
}
body.single #masthead { /* Relative Header for Sinlge Posts */
    background:      rgba( 255, 255, 255, .4);
    margin-top:      7.5333333%;
}
body.archive #masthead,
body.category #masthead { /* Relative Header for Category, Archive, Tags Pages */
    background:      rgba( 255, 255, 255, .4);
    margin-top:      5.6339em;
} 
body.blog #masthead {
    background:      rgba( 255, 255, 255, .4);
    margin-top:      14.25em;
}
#masthead .logo {
    display:         inline-block;
    float:           right;
    position:        relative;
    top:             3px;
}

#content { /* Individual Posts */
    background:      #fafafa;
    position: relative;
}
#right-sidebar { /* Right Sidebar */
    display:         block;
    background:      #15292c;
    border-left:     thin solid #8c8c8c;
    border-right:    thin solid #7a7a7a;
    padding:         8px 1em;
    color:           #fafafa;
}
body.page #content {
    margin-top:      -1.6444em;
}
#footer {
    background:      #15292c;
    border-left:     thin solid #8c8c8c;
    border-right:    thin solid #7a7a7a;
    padding:         0 1em;
    color:           #fafafa;
}
#footer-sidebar {
    position:        relative;
    margin:          0 auto;
    width:           auto;
}
#main {
    position:        relative;
    width:           100%;
    padding:         0.412em 1.533em;  
    margin:          0; 
    z-index:         1;
}
#main img {
    max-width:       99.8992%;
    background:      #ffffff; /* helps opacity bleed */
}
#access {
    background:      rgba( 10, 25, 30, .9);
    position:        fixed !important;
    height:          3.725em;
    margin:          0;
    position:        relative;
    z-index:         500;
}
/** 
    =navigation
--------------------------------------------- */
.nomenu {
    display:         block;
    padding:         0;
    margin:          0;
}
#access ul {
    list-style:      none;
    padding:         0;
    margin:          0;
}
#access ul li {
    display:         inline;
    position:        relative;
    text-align:      center;
    vertical-align:  middle;
}
#access li {
    display:         inline;
    float:           left;
    position:        relative;
    top:             3px;
    left:            1px;
    width:           162px;
    margin-right:    .2813em;
    padding:         5px 5px;
    line-height:     1.2;
}
#access a {
    color:           #ffffff;
    background:      rgba(0, 0, 0, .8);
    font-size:       1em;
    text-decoration: none;
    padding:         7px 7px;
    line-height:     1.2;
    width:           160px;
    height:          45px;
    display:         block;
    margin:          auto 3px;
    border-bottom:   thin solid rgba(255, 155, 155, .1);
    border-right:    thin solid rgba(255, 155, 155, .1);
    border-left:     thin solid rgba(255, 255, 245, .2);
    border-radius:   0 0 0 0;
}
#access a:hover {
    color:           #000;
    background:      rgba(225, 225, 225, .8);
    text-shadow:     0 1px 1px #ddd;
}
#access ul ul {
    display:         none;
    position:        absolute;
    top:             3.285em;
}
#access ul ul:hover {
    display:         block;
    z-index:         500;
}
#access ul ul li {
    background:      rgba( 20, 20, 20, .8);
    position:        relative;
    top:             2px;
    left:            3px;
    width:           165px;
    border-top:      2px solid #000;
}
#access ul ul li a {
    vertical-align:  bottom;
    border-left:     2px solid rgba(255, 255, 245, .2);
    margin-left:     -5px;
    width:           165px;
}
#access ul li a {
    width:           152px;
}
#access li a:not(:last-child):after {
    content:         "\25bc";
    float:           right;
    margin:          2px 0 0 10px;
}
#access ul ul li a:not(:last-child):after {
    content:         "\25bc";
    margin:          2px 0 0 10px;
}
#access ul ul li a {
    padding:         0 5px;
    position:        relative;
    top:             0;
}
#access ul li:hover ul {
    display:         block;
}
#access ul ul ul {
    display:         none;
    position:        absolute;
    top:             2.815em;
    left:            1em;
}
#access ul ul ul li {
    min-height:      3em;
    background:      rgba( 20, 20, 20, .9);
    position:        relative;
    top:             .6818em;
    left:            1em;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a { 
    text-decoration: underline;
}

#navbar {
    display:         block;
    height:          7.224em;
    width:           2em;
    position:        fixed;
    top:             63%;
    left:            93.355%;
    background:      #e8e8e8;
    padding:         7px 3px;
    border-radius:   22px;
    overflow:        hidden;
    text-align:      center;
    z-index:         9000;
    border:          1px solid #999;
    background-image:
    linear-gradient(
      to right, 
      #fafafa, 
      #ffffff, 
      rgb(170, 180, 190), 
      #dcdce8
    );
}
#navbar a, #navbar a:visited, #navbar a:link {
    text-decoration: none !important;
    color:           #5c5b5d;
    position:        relative;
    left:            0;
    padding-bottom:  .1838em;
    border-bottom:   thin solid #aaa;
}
#navbar a:hover {
    color:           #369; 
    font-weight:     700; 
}
#navbar span a {
    position:        relative;
    top:             2em;
    left:            3px;
    text-decoration: none;
    
    border-top:      thin solid #aaa;
    border-bottom:   0px solid transparent !important;
}
#navbar .navhome {
    height:          1.2em;
    line-height:     1.2;
    text-decoration: none !important; 
    padding-top:     .8992em;
}
#navbar .navhome img {
    height:          auto;
    width:           19px;
    opacity:         .75;
}
#navbar .navhome img:hover {
    box-shadow:      2px 2px 2px 9px #789;
}
#navbar .animated {
 -webkit-animation-direction: normal;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: blink;
    -webkit-animation-timing-function: ease;   

    animation-direction: normal;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: blink;
    animation-timing-function: ease;   
    padding: 1px 4px 3px 4px;
    border-radius: 0 0 11px 11px;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes blink {
    0% { background: rgba(55,250,200,0.6); }
    50% { background: rgba(55,250,200,0); }
    100% { background: rgba(55,250,200,0.6); }

}


/* Standard syntax */
@keyframes blink {
    0% { background: rgba(255,0,0,0.6); }
    50% { background: rgba(255,0,0,0); }
    100% { background: rgba(255,0,0,0.6); }
}


.navigation {
    width:           100%;
    height:          2.716em;
    padding:         9px 3px;
    background:      rgba( 255, 255, 255, .4);
}
.navigation > div {
    display:         inline-block;
    margin:          0 auto;
    background:      rgba( 255, 255, 255, .4);
}
.navigation a {
    background:      #3c4c4f;
    color:           #a8ccdd;
    padding:         3px;
    border-radius:   0 5px 0 0;
}
.page-turn * {
    background:      #788;
    color:           #fff;
    padding:         3px 5px;
    border-radius:   2px;
    width: 1.333em;
    margin: 3px;
}
.page-turn {
    position: relative;
    top: 4px;
}
.page-turn a:hover {
    color: #aff;
}
.page-turn:before {
    content: "\21c4";
    color: black;
    margin-right: .5em;
} 
/**
    =sub structure - inner styles 
--------------------------------------------- */
h1.site-title,
h1.site-title a {
    color:           #4a6f7f;
    text-decoration: none;
    text-shadow:     0 1px 1px #000000;
    line-height:     1.2;
}
.site-description {
    text-shadow:     0 1px 1px #4a6f7f;
    line-height:     1.2;
}
body.page .iw-head,
body.page[class*="page-id-"] .iw-head,
body.archive .iw-head,
body.category .iw-head,
body.search .iw-head,
body.paged .iw-head {
    display:         block;
}
body.page.home .iw-head {
    display:         block;
    position:        relative;
    top:             14em;
    left:            30%;
}
body.blog .iw-head {
    display:         block;
    position:        relative;
    top:             4em;
    left:            30%;
}
body.page .iw-head,
body.home .iw-head,
body.blog .iw-head  {
    position:        absolute !important;
    top:             90px !important;
    left:            12% !important;
    display:         block;
    margin-bottom:   1em;
} 
#marker {
    position: absolute;
    top: -5em
}
body.home.logged-in #marker,
body.page.logged-in #marker,
body.logged-in #marker {
    position:        relative;
    top:             -98px;
}
body.logged-in { /* Keeps positioning of Masthead when logged in */
    position:        relative;
    top:             -28px;
}
body.page.logged-in #content,
body.home.logged-in #content {
    margin-top:      -1.5989em;
}
body.archive #content {
    margin-top:      -.358em;
}
body.page #content,
body.home #content,
body.blog #content {
    margin-top:      .122em;
} 
#iw-head {
    text-shadow:     0 1px 1px rgba( 100, 100, 100, .5);
}
#iw-intro {
    text-shadow:     0 1px 1px rgba( 100, 100, 100, .5);
}
#footer #bot-right {
    text-align:      right;
    vertical-align:  bottom;
    margin-top:      2em;
    font-size:       11px;
    color:           #ddd;
}
#bot-right span {
    font-size:       12px;
    color:           #badfef;
}
#credit p a, #credit p a:hover{
    color:           #7df;
    font-weight:     400;
}
.sticky { 
    font-size:       1em; 
    color:           #1d1d1d; 
    margin:          5px;
    padding:         7px;
    background:      #f2ffff;
    border-left:     3px solid brown;
    padding-left:    25px;
}
.sticky .entry img {
    max-width:       750px;
    margin:          3px 5px;
    height:          auto; 
}
#footer ul#social-block {
    list-style:      none;
    padding-top:     1.25em;
    margin-left:     0;
    padding-left:    0;
    width:           330px;
    position:        relative;
}
#footer #social-block li {
    height:          42px;
    position:        relative;
    width:           98%;
    margin:          5px auto;
    padding:         5px 0;
    background:      rgba(255, 255, 255, .1);
    border-radius:   0 9px 0 0;
}
#footer #social-block img {
    float:           left;
    height:          32px;
    width:           32px;
    position:        relative;
    top:             0;
    margin:          0 1em 0 0;
} 
#footer #social-block:after {
    content:         "";
    clear:           both;
}  

#social-block a span {
    cursor:          pointer;
    color:           #f0faff;
    font-size:       .625em;
    display:         block;
    width:           84%; 
    float:           right;
    word-wrap:       break-word;
    text-align:      left;
    position:        relative;
    left:            -6px;
    top:             9px;
    line-height:     1.2;
} 

h1, h2, h3, h4, h5, h6 { position: relative; }
h1{ font-size: 190%; }
h2{ font-size: 160%; }
h3{ font-size: 120%; }
h4{ font-size: 110%; }
h5{ font-size: 100%; }
h6{ font-size: 70%;  }
/**
    =post styles 
------------------------------------------ */
#content {
   color: #4a4a4a;
}
.article-entry {
    background:      #f5f5f5;
    width:           90%;
    margin:          0 auto;
    padding-top:     7px;
}
.article-entry > * {
    width:           90%;
    margin:          0 auto;
    word-wrap:       break-word;
}
.article-entry p {
    clear:           both;
    font-size:       93.8%;
    text-align:      justify;
    line-height:     1.3336;
    margin-bottom:   1.42em;
    color:           #333;
}
.entry h1{ margin-left: 0.120em; }
.entry h2{ margin-left: 0.120em; }
.entry h3{ margin-left: 0.21212em; }
.entry h4{ margin-left: 0.2142em; }
.entry h5{ margin-left: 0.2155em; }
.entry h6{ margin-left: 0.433em; }

body.blog .entry {
    border-bottom:   thin solid #aaa;
}

.bypostauthor { 
    color:           #888;
    line-height:     1.2;
}
.post h2 a:hover,
.entry h2 a:hover {
    text-decoration: underline;
    color:           #1f88c8;
}
.postmetadata, .categorymeta {
    font-size:       90%;
    padding:         1px 8px 9px 5px;
    margin:          0;
    line-height:     12px;
}
.postmetadata > div {
    position:        relative;
    margin-bottom:   7px;
}
.postmetadata {
    color:           #777;
}
.responses {
    float:           right;
}
.cat-link,
.edit-link a,
.tag-link a,
.post-categories a {
    font-weight:     200 !important;
}
span.edit-link:before {
    display: none;
    content:         " ";
    margin:          0 0.412em 0 1em;
    color:           #fff;
}
p.tag-link:before {
    content:         "\2691";
    margin:          0 0.412em 0 1em;
    color:           #000;
}
.cat-link:before {
    content:         "\2605";
    margin:          0 0.412em 0 0;
    color:           #000;
}
.cat-link .post-categories li:first-child {
    position:        relative;
    display:         inline;
    top:             -1.2160em;
}
.cat-link a {
    color:           #08a;
    font-size:       1em;
    display:         inline;
}
.authorlinks {
    position:        relative;
    font-weight:     200;
    margin-left:     1em;
    color:           #777;
    font-size:       1em;
}
.authorlinks a {
    color:           #346;
    font-size:       1em;
    font-weight:     300;
    text-decoration: none;
}
.authorlinks span:before {
    content:         "\270E ";
    margin:          0 0.412em 0 1em;
    font-size:       1.10em;
    color:           #999;
}
.entry-content img {
    margin:          0 0 1.5em 0;
}
.entry .entry-title a {
    color:           #9f9f9f;
    text-decoration: none;
    font-weight:     600;
    text-shadow:     0 .5px .5px #333
}
.entry-title,
h2.entry-title {
    margin:          0 0 .75em 0;
    padding:         7px 20px 9px 20px;
    word-wrap:       break-word;
    line-height:     1.24;
    border:          1px solid #fff;
    background:      #ececec;
    text-align:      center;
}
/**
    =formatting for custom posts
--------------------------------------------- */
.format-aside header h2 { 
    display:         none; 
}
.format-audio header h2 {}
.format-chat header h2 {}
.format-standard header h2 {}
.format-gallery header h2 { 
    background:      url(images/icon_gallery.png) no-repeat left top;
    background-size: 17px;
    margin-top:      0;
}
.format-image header h2 {}
.format-link header h2 { 
    background:      url(images/icon_external_link.png) no-repeat left top;
    background-size: 17px;
}
.format-gallery .postmetadata .responses {
    width:           100%;
    margin-right:    0;
}.format-gallery .postmetadata .responses img {
    display:         inline;
    height:          16px;
    width:           16px;
}
.single.format-standard {}
.single.format-image {}
.single.format-aside {}
.format-gallery article.entry img { 
    border-top:      2px solid #ccc;
    border-right:    2px solid #aaa;
    border-bottom:   2px solid #aaa;
    border-left:     2px solid #ccc;
}
.format-gallery article.entry:after {
    clear:           both;
    margin:          0;
}
body.blog .format-gallery img { /* disables displaying gallery on excerpts */
    display:         none;
    border:          none;
}
/**
    =WordPress core adjustments
------------------------------------------- */
.alignleft, img.alignleft {
    margin-right:    1.5em;
    display:         inline;
    float:           left;
}
.alignright, img.alignright {
    margin-left:     1.5em;
    display:         inline;
    float:           right;
}
.aligncenter, img.aligncenter {
    margin-right:    auto;
    margin-left:     auto;
    display:         block;
    clear:           both;
}
.alignnone, img.alignnone {
    float:           none;
}
.wp-caption {
    margin-bottom:   1.5em;
    text-align:      center;
    padding-top:     5px;
}
.wp-caption img {
    border:          0 none;
    padding:         0;
    margin:          0;
}
.wp-caption p.wp-caption-text {
    line-height:     1.5;
    font-size:       10px;
    margin:          0;
}
.wp-smiley {
    margin:          0 !important;
    max-height:      1em;
}
blockquote.left {
    margin-right:    20px;
    text-align:      right;
    margin-left:     0;
    width:           33%;
    float:           left;
}
blockquote.right {
    margin-left:     20px;
    text-align:      left;
    margin-right:    0;
    width:           33%;
    float:           right;
}
.entry-content img,
img[class*="align"],
img[class*="wp-image-"],
div[class*="attachment_"] {
    height:          auto; /* Make sure images height and width are scaled */
    max-width:       98.333%;
    margin:          3px 11px;
}
.alignnone, img.alignnone, .alignnone img {
    max-width:       99.899%;
    margin:          0 auto; 
}
.attachment-post-thumbnail {
    margin-bottom:   16px;
    box-shadow:      1px 1px 2px #333;
}
.entry .size-large,
.entry .size-medium,
.entry .size-thumbnail {
    margin:          3px 11px;
}
/**
    =sidebar styles 
------------------------------------------- */
.widget ul {
    list-style:      none !important; 
    list-style-type: none;
}
#searchform {
    margin-left:     1em;
}
/**
    =gallery 
------------------------------- */
.gallery { display: block; clear: both; overflow: hidden; margin: 0 auto; }
.gallery .gallery-row { display:block; clear: both; overflow: hidden; margin: 0; }
.gallery .gallery-item { overflow: hidden; float: left; margin: 0; text-align: center;
    list-style: none; padding: 0; position: absolute bottom: 0 }
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
  max-width: 89%; height: auto; padding: 1%; margin: 0 auto; }
.gallery-caption { margin-left: 0; }
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
/**
    =Comments   
------------------------------------------- */
#comments {
    position:        relative;
    padding-top:     1em;
    margin:          0 3em;
}
#comments small {
    position:        relative;
    margin-left:     1.582em;
    color:           red;
    cursor:          pointer;
    /* uncomment to show comment alternate status 
 */    display: none;
}
#respond .closed:after {
content: "Comments Closed"
}
#comments .open:after {
    content:         " ";
}
#commentform input:focus {
    background: #cafafa !important;
}
#commentform input[type="text"] {
    outline-style: none;
    margin-bottom: 0;
}
.responses {
    text-align:      right;
    margin-top:      0;
}
#respond #reply-title {
    color:           #6b7;
    font-size:       1em;
}
.reply a {
    font-weight:     700;
    background:      #e6e6e6;
    border:          1px solid #999;
    border-radius:   5px;
    padding:         1px 17px;
    font-size:       1.112em;
}
#respond form textarea {
    height:          100px;
}
#respond form label,
.form-allowed-tags,
#respond p, 
#respond code {
    display:         block;
    width:           99.218%;
    background:      #f7fcfc;
    margin:          5px;
    font-size:       12px;
    color:           #888;
    -ms-word-wrap:   break-word;
    word-wrap:       break-word;
    white-space:     pre-wrap;
    font-size:       11px;
}
p.form-allowed-tags {
    padding-left:    7px;
}
#respond form textarea {
    height:          100px;
}
form#commentform p label {
padding-top: 0;
    margin-top: -3px;
    margin-bottom: 0;
}
h3#comments, h3#postcomment {
    font-size:       100%;
    font-family:     verdana, sans-serif;
}	
ol#commentlist {
    padding:         0 0 0 20px;
    font-size:       90%;
    list-style-type: none;
}
ol#commentlist li {
    padding:         0px 3px;
    margin:          0;
}
ol#commentlist li p.commentheader {
    margin:          0px 0 0px 0;
    display:         block;
    padding:         1px 5px;
}
ul#commentlist {
    padding:         0;
    margin:          0;
    list-style-type: none;
}
ul#commentlist li {
    display:         block;
    padding:         0;
    margin:          0 15px 5px 15px;
    font-size:       90%;
    background:      #f2f2f2;
}
ul#commentlist p {
    margin:          6px 0;
}
ul#commentlist li div.commentmeta {
    margin:          1px;
    padding:         1px;
}
ul#commentlist li div.gravatar {
    width:           50px;
    float:           left;
    padding:         10px 0 0 10px;
}
ul#commentlist li div.gravatar img {
    border:          2px solid #ccc;
}
ul#commentlist li div.commenttext {
    padding:         0;
    margin:          5px 10px 5px 65px;
}
ul#commentlist li div.commenttext div.commentwrapper {
    margin:          0 0 0 5px;
    padding:         3px 8px;
}

/**
    =widget styles 
------------------------------------------ */
.widget a {
    color:           #acf;
    font-weight:     400;
    text-decoration: none;
}
.widget {
    word-wrap:       break-word;
    position:        relative;
    overflow:        hidden;
    width:           98%;
    margin:          0 auto;
    margin-bottom:   1em;
}
.widget ul {
    background:      none;
    position:        relative;
    left:            1em;
    padding:         2px 0;
    width:           99%;
    margin:          3px auto;
}
.widget #search {
    width:           100%;
}

/* Headings */ 
.widgettitle {
    padding-left:    0.5333em;
    background:      #c8c8c8;
    color:           #530;
    border-radius:   0 5px 0 0;
}
/* tag-cloud widget */ 
.tagcloud {} 
.widget_tag_cloud a {
    padding:         1px;  
    text-decoration: none;
}
/* Calendar styles */
#wp-calendar {
    empty-cells:     show;
    margin:          30px auto 0;
    padding:         2px 5px;
    width:           185px;
    background:      #15292c;
    color:           #f8f8f8;
}
#wp-calendar #next a {
    padding-right:   10px;
    text-align:      right;
}
#wp-calendar #prev a {
    padding-left:    10px;
    text-align:      left;
}
#wp-calendar a {
    display:         block;
}
#wp-calendar caption {
    text-align:      center;
    width:           100%;
}
#wp-calendar td {
    padding:         3px 0;
    text-align:      center;
}
/* TSW =|= Have a Great Day */