/*
Theme Name: TwoFile
Description: Theme is fully fluid and will change to any screen size which makes it perfect for mobile and tablet devices. Footer has plenty of room for widgets which all display in a horizontal layout. Header and background images are changeable. Theme runs on two files, basically. 
This was done purely to see how practical it really is to run a theme on minimal compliance and it is an altruistic way to run a blog that requires fast load times. Ver 1.1 has HTML5 support and better menu support.
Author: Larry Judd - Tradesouthwest
Author URI: http://tradesouthwest.com
Theme URI: http://arizonatechgroup.com/twofile/
Copyright: Larry Judd - Tradesouthwest
Version: 1.1
Text Domain: twofile
Tags: custom-header, custom-background, flexible-header
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/* =set/reset */

/* Reset */
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, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
}
body {line-height: 1;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
p { line-height: 1.2; margin: 0 0 0.8985em 0; }

/* =global Elements 
--------------------------------------------- */

h1, h2, h3, h4, h5, h6 { /*  font-family: georgia, 'Times New Roman', sans-serif; */ }
h1{font-size: 190%;}h2{font-size: 160%;}h3{font-size: 120%;}
h4{font-size: 110%;}h5{font-size: 100%;}h6{font-size: 70%;}
a {
color:#1f58a8;
font-weight:600;
text-decoration:none;
}
a:hover {
color:#1f58a8;
text-decoration:underline;
}
a img {border:0px;}
hr {
    position: relative;
    width: 93%;
    height: 0.226em;
    margin: 5px auto;
    border-bottom: thin dashed #da7;
    border-top: 1px solid #acc;
}
ul { list-style: none; }
ol li, ul li { margin-left: 1em; }
ol { list-style: decimal; }
table { border: thin solid #ccc; }
table th { background: #49d; margin: 0 1px; }
table td { border-left: thin solid #ccc; border-bottom: thin solid #ccc; padding: 1px; }
.clearfix {clear: both;margin:0;padding:0;display:block;}
article, 
aside, 
details, 
figcaption, 
figure,
footer, 
header, 
hgroup, 
menu, 
nav, 
section {
    display:            block;
}

/* =Main Structure Blocks
--------------------------------------------- */
body {
    font-family:        sans-serif;
    color:              #191919;
    font-size:          16px;
    line-height:        1.233;
}
#wrapper {
    width:              90%;
    display:            block;
    text-align:         left;
    margin:             0 auto;
    padding-top:        0.212em;
}
#masthead {
    position:           relative;
    margin:             0 auto;
    padding:            0;
    background:         rgba(250, 250, 250, .6);
    border:             thin solid #afafaf;
    border-radius:      5px;
    padding-top:        0.252em;
}
body.home article.entry {
    padding-top:        0;
}
#content {
    margin-top:         2em;
    z-index:            9999;
}
#footer {
    position:           relative;
    margin:             0;
    padding:            0;
}
.footer {
    width:              98%;
    background:         rgba( 255, 255, 255, 0.7);
    padding-left:       1em;
    margin:             0.528em auto;
    border-bottom:      9px solid rgba(0, 0, 0, 0.5);
    height:             100%;
}
/* =Inner Structure 
------------------------------------------ */
#branding figure img {
    min-width:          98%;
    width:              auto;
    max-width:          98%;
    position:           relative;
    margin:             0 1.01113%;
    padding:            0;
    border:             none;
    outline:            none;
}
.site-title a {
    color:              #524d4f; /* Site title color */
    font-weight:        700;
}
.site-description {
    font-weight:        200;
    font-style:         italic;
    color:              #545454;
    font-size:          1.262em;
    margin:             0.362em 0 0.582em 0;
}
#branding hgroup {
    text-align:         center;
}
.info {
    background:         rgba( 55, 235, 105, 0.3);
    position:           relative;
    padding-left:       1em;
    border-left:        2px solid #111;
    border-right:       2px solid #111;
}
#credit {
    clear:              both;
    display:            inline;
    height:             5em;
    font-size:          small;
}
article.entry {
    -ms-word-wrap:      break-word;
    word-wrap:          break-word;
    width:              89%;
    position:           relative;
    margin:             3px auto 1em auto;
    height:             100%;
    background:         #f2f2f2;
    box-shadow:         0 2px 2px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:    0 2px 2px 1px rgba(0, 0, 0, 0.3);
     text-align:        justify;
    border:             thin solid #cfcfcf;
    padding:            1.533em 2.165em;
} 
.archive p {
    font-size:          20px;
}
#sidebar-1 {
    -ms-word-wrap:      break-word;
    word-wrap:          break-word;
    position:           relative;
    max-height:         300px;
    overflow-y:         auto;
    overflow-x:         hidden;
    height:             100%;
}
#sidebar-1 ul {
    display: block;
    list-style:         none;
}
#sidebar-1 li {
    display:            inline;
}


/* =Menu Access 
------------------------------------------ */
/* Text meant only for screen readers */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar */
}

#nav {
    position:           relative;
    height:             auto;
    padding:            0;
    margin:             0;
    border-radius:      4px;
    background:         rgba(255,255,255,0.7);
    box-shadow:         0px 0px 5px rgba(0,0,0,0.8);
}
#nav ul ul {
    display:            none;
}
#nav ul li:hover ul {
    display:            block;
    z-index:            10;
}
#nav ul {
    padding:            4px;
    list-style:         none;
    position:           relative;
    display:            inline-table;
}
#nav ul:after {
    content:            ""; 
    clear:              both; 
    display:            block;
}
#nav ul li {
    float:              left;
    position:           relative;
    margin:             0;
}
#nav a:first-child {
    border-left:        1px solid rgba(255,255,255,0.5);
}
#nav a {
    display:            block; 
    margin:             0.5px;
    padding:            8px 15px;
    color:              #383838; 
    text-decoration:    none;
    border-right:       1px solid rgba(255,255,255,0.5);
    background:         #fff;
    background:         linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
    background:    -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
    background: -webkit-linear-gradient(top, #efefef 0%, #bbbbbb 100%);   
}
#nav a:hover {
    color:              maroon;
    background:         #fff;
    text-shadow:        1px 1px 0 #bcb8a0;
}
/* following avoids offset of stacked menu items, adjust to taste */
#nav ul li ul {
    position:           absolute; 
    top:                100%; 
    left:               -20px;
    display:            none;
    z-index:            500;
}
/* makes the second level takes position from first */
#nav ul li ul:after {
    content:            ""; 
    clear:              both; 
    display:            block;
} 
#nav ul li:hover ul {
    display:            block;
}
/* end adjustment for double row of menu items */	
#nav ul ul {

    border-radius:      0px; 
    padding:            0;
    position:           absolute; 
    top:                100%;
}
#nav ul ul li {
    float:              none; 
    border-bottom:      1px solid #89a;
    position:           relative;
}
#nav ul ul li a {
    min-width:          100px;
}	
#nav ul ul ul {
    position:           absolute;
    left:               95%; 
    top:                0.125em;
}
#nav ul ul ul li a {
    min-width:          100px;
    float:              none;
    margin-top: auto;
}
#nav ul li.current_page_item > a,
#nav ul li.current-menu-ancestor > a,
#nav ul li.current-menu-item > a,
#nav ul li.current-menu-parent > a {
    color:              #7cf;
    text-shadow:        1px 1px 0 #444;
}

/* =post styles 
------------------------------------------- */
code, pre, pre code {
    width:              90%;
    margin:             auto;
    -ms-word-wrap:      break-word;
    word-wrap:          break-word;
    white-space:        pre-wrap;
    position:           relative;
}
.excerpt {
    clear:              both;
}
.excerpt p {
    font-size:          1em;
}
.sticky {
    background:         url(images/default-bkground.png);
    background-size:    auto ;
    background-repeat:  repeat-x;
    border-left:        2px solid red;
}
.sticky:after {
    content:            "";
    clear:              both;
    background:         none;
} 
.entry h1, .entry h2, 
.entry h3, .entry h4, 
.entry h5, .entry h6 {
    position:           relative;
    margin-left:        0;
}

.content {
/* remember there is also a selector id called content */
    -ms-word-wrap:      break-word;
    word-wrap:          break-word;
    position:           relative;
    width:              88%;
    min-height:         100px;
    margin:             0 auto;
    display:            block;
    overflow:           hidden;
} 
.entry-content img,
.entry img,
.hentry img {
    overflow:           hidden;
    max-width:          100%;
}
.bypostauthor {
    color:              #775737;
}
/* lists within page types */
.post ol li,
.hentry ol li, 
ol.commentlist ol,
ul.commentlist ol { 
    padding:            0px; 
    margin:             2px 35px; 
    list-style-type:    decimal !important;
}
.post ul li,
.hentry ul li, 
ul.commentlist ul { 
    padding:            0px; 
    margin:             2px 30px; 
    list-style-type:    disc;
}
.postmetadata h2 a {
    color:              #22a8cc;
}
.postmetadata {
    display:            inline;
}
.pagination {
    position:           relative;
    width:              88%;
    margin:             3px auto;
    padding:            3px 7px;
    text-align:         center;
    position:           relative;
    background:         rgba( 255, 255, 255, .9 );
    border:             thin solid #afafaf;
    border-radius:      5px;
}
.pagination a img {
    margin:             0;
    margin-bottom:      -0.145em;
    position:           relative;
    padding:            0;
}
.postmetadata h2,
.postmetadata p {
    position:           relative;
    width:              88%;
    margin:             3px auto;
    -ms-word-wrap:      break-word;
    word-wrap:          break-word;
    padding:            7px;
    position:           relative;
    background:         rgba(250, 250, 250, .7);
    border:             thin solid #afafaf;
    border-radius:      5px;
}
.postmetadata p span {
/* date display */
    color:              #ffffff;
    font-size:          0.742em;
    background:         #454648;
    border:             thin solid #c3c3c3;
    padding:            2px 3px;
}
.responses {
    width:              100%;
    background:         rgba( 255, 255, 255, .7);
    border:             1px solid #aaa;
    border-radius:      3px;
    text-align:         right;
    margin:             0 2em 0 0;
    height:             1.5em;
}
.responses img {
    position:           relative;
    top: 0;
    border: none !important;
    position:           relative;
    width:              auto;
    display:            inline-block;;
    margin:             1px 5px 0 1px;
    border:             none;
}
.responses a {
    display: inline;
    position:           relative;
    cursor:             pointer;
    margin:             2px 2px 0 2px;
    padding-bottom:     0;
    color:              #000066;
}
body.home #content .responses {
    display:            none;
}
.spanlink span {
    color:              #269;
    font-weight:        900;
}

/* --------------- WP core elements ------------------- */

.content .attachment-post-thumbnail,
.has-post-thumbnail img {
    border-top:         3px solid rgba(0, 0, 0, .2);
    border-right:       3px solid rgba(0, 0, 0, .5);
    border-bottom:      3px solid rgba(0, 0, 0, .6);
    border-left:        3px solid rgba(0, 0, 0, .3);
}
.entry img,
.entry-content img,
img[class*="align"],
img[class*="wp-image-"],
div[class*="attachment_"],
.entry .wp-caption,
.entry img {
    height: auto; /* Make sure images height and width attributes are scaled reasonable */
    max-width:       98.333%;
    margin:          3px 11px;
}
.alignnone, img.alignnone, .alignnone img {
    max-width:       99.899%;
    margin:          0 auto; 
}

.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;
}
.wp-smiley {
    margin: 0 !important;
    max-height: 1em;
}
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
/* gallery Thanks chinola */
.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;
 
 }
 .gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
 max-width: 89%;
 height: auto;
 padding: 1%;
 margin: 0 auto;
 }
 .gallery-caption {
 margin-left: 0;
 }
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width:          100%;
    height:             auto;
}
.entry .size-auto, 
.entry .size-full,
.entry .size-large,
.entry .size-medium,
.entry .size-thumbnail {
    color: inherit;
}
.comments ol    {
    padding-left:       0;
}
.comments ol li {
    margin:             0;
}
.comment-author {
    padding:            0;
    text-decoration:    none;
}
@media only screen and (max-width: 800px) {
    embed,
    object {
       max-width:       100%;
    }
}
@media only screen and ( max-width: 650px ) {
    .gallery-columns-3 .gallery-item {
        width:          33.33%;
    }
    .gallery-columns-3 .gallery-item img {
        width:          100%;
        height:         auto;
    }
}
@media only screen and (max-width: 480px) {
    .gallery-columns-2 .gallery-item {
         width:         50%;
    }
    .gallery-columns-2 .gallery-item img {
         width:         100%;
         height:        auto;
    }
}
/* =Unique to sections
------------------------------------------ */
.top {
    min-width:          42px;
    display:            block;
    font-size:          1.212em;
    text-align:         center;
    font-weight:        800;
    float:              right;
    margin-top:         -1.862em;
    margin-right:       2em;
    background:         #dafaea;
    border:             thin solid #999;
    border-radius:      15px 15px 0 0;
    padding:            0;
}
.top a { 
    padding:            3px 5px; 
    color:              maroon; 
}
.spacer {
    display:            block;
    clear:              both;
}

/* =comment styles 
 ----------------------------------------- */
/* list courtesy of Chris Coyier http://chriscoyier.net/ ---- */
.comment-body { 
    position:           relative; 
    margin-left:        1.5882em; 
}
ol.commentlist { 
    list-style:         inside; 
    position:           relative; 
    text-indent:        0;  
}
ol.commentlist li {  
    margin:             0; 
    padding:            0; 
}
ol.commentlist li.alt {font-size: inherit; }
ol.commentlist li.bypostauthor {font-size: inherit;}
ol.commentlist li.byuser {font-size: inherit;}
ol.commentlist li.comment-author-admin {font-size: inherit;}
ol.commentlist li.comment { border-bottom:1px solid #696; padding:1em; }
ol.commentlist li.comment div.comment-author {font-size: inherit;}
ol.commentlist li.comment div.vcard { font:normal 16px georgia,times,serif; }
ol.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ol.commentlist li.comment div.vcard cite.fn a.url {font-size: inherit;}
ol.commentlist li.comment div.vcard img.avatar { border:3px solid #ccc; float:left; margin: 1em; }
ol.commentlist li.comment div.vcard img.avatar-32 {font-size: inherit;}
ol.commentlist li.comment div.vcard img.photo {font-size: inherit;}
ol.commentlist li.comment div.vcard span.says {font-size: inherit;}
ol.commentlist li.comment div.commentmetadata {clear: both;}
ol.commentlist li.comment div.comment-meta { font-size:9px; }
ol.commentlist li.comment div.comment-meta a { color:#777; }
ol.commentlist li.comment p { 
    font-size:           0.9198em; 
    margin:              0.582em 1.555em 0.582em 0; 
    line-height:         1.333;
    color:               #000000; 
}
ol.commentlist li.comment ul { font-size:0.9198em; }
ol.commentlist li.comment div.reply { font-size:11px; }
ol.commentlist li.comment div.reply a { font-weight:bold; }
ol.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li.comment ul.children li {font-size: inherit;}
ol.commentlist li.comment ul.children li.alt {font-size: inherit;}
ol.commentlist li.comment ul.children li.bypostauthor {font-size: inherit;}
ol.commentlist li.comment ul.children li.byuser {font-size: inherit;}
ol.commentlist li.comment ul.children li.comment {font-size: inherit;}
ol.commentlist li.comment ul.children li.comment-author-admin {font-size: inherit;}
ol.commentlist li.comment ul.children li.depth-2 { border-left:5px solid #889; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-5 {border-left:5px solid #ddd; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.odd {font-size: inherit;}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { border-left:5px solid #777; }
ol.commentlist li.thread-alt { font-size: inherit;}
ol.commentlist li.thread-even {font-size: inherit;}
ol.commentlist li.thread-odd {font-size: inherit;}
.comment-body ul { 
    list-style:          inside; 
}
.comment-body ul li,
.comment-body ul li ul {
    margin-left:         0.612em;
}
.comment-form {
    overflow: hidden;
}
#respond {
    width:               88%;
    display:             block;
    margin:              3px auto;
}
#commentform,
#respond #commentform {
    position:            relative;
    width:               70%;
    border:              thin solid #6c8;
    padding:             5px 12px;
    margin:              1% 5% 1% 3%;
    background:          rgba(185, 246, 206, .6);
    border-radius:       15px;
}
#commentform p {
    margin-bottom:       1px;
}
h3#reply-title {
    font-size:           small;
    color:               black;
    margin-left:         5px;
}
#commentform .comment-notes,
#commentform .required {
    font-size:           0.783em;
    color:               red;
}
.form-allowed-tags,
.form-allowed-tags code {
    display:             block;
    width:               100%;
    margin:              1px;
    color:               #654;
    font-size:           10px;
    -ms-word-wrap:       break-word;
}
p.form-allowed-tags {
    position:            relative;
    padding-left:        1px;
    color:               #222;
}
body.single #respond form label,
#commentform #respond form label,
#commentform label {
    font-size:           13px;
    float:               left;
    display:             block;
    position:            relative;
    left:                0;
    max-height:          1.233em;
    min-width:           100px;
    width:               auto;
    max-width:           100px;
    -ms-word-wrap:       break-word;
    word-wrap:           break-word;
}
#respond #commentform label {
    font-size:           13px;
    float:               left;
    min-width:           240px;
    width:               auto;
    max-width:           240px;
    border-bottom:       thin dotted green;
}
#commentform input {
    display:             inline-block;
    width:               57.862%;
    margin:              0;
    border:              thin solid #ccc;
    border-radius:       3px;
}
#respond #commentform form input {
    display:             inline-block;
    width:               57.862%;
    margin:              0;
    border:              thin solid #ccc;
    border-radius:       3px;
}
#commentform p input {
    margin:              0;
    border:              1px solid #ccc;
    border-radius:       3px;
    background:          #f7fae2;
}
.comment-form-comment label[comment] {
    clear:               both;
    display:             block;
}
.comment-form-comment textarea {
    display:             inline-block;
    height:              88px;
    border:              thin solid #ccc;
    border-radius:       3px;
    margin-bottom:       5px;
    position:            relative;
    margin-right:        2em;
    width: 60% !important;
}
#respond #comment {
    display:             block;
    height:              88px;
    border:              thin solid #ccc;
    border-radius:       3px;
    margin-bottom:       5px;
    width:               90.852%;
}
#commentform #respond .form-submit #submit,
#respond .form-submit #submit {
    width:               180px;
    border:              1px solid #888;
    border-radius:       5px;
}
#commentform #respond .form-submit,
#respond .form-submit {
    position:            relative;
    margin-left:         5em;
    margin-bottom:       -0.1332em;
}
#respond #commentform #submit {
    position:            relative;
    left:                8.888em;
    margin-bottom:       -0.1332em;
}
#respond #commentform #submit:hover {
    background:          #f57c4a;
    cursor:              pointer;
}
#commentform #submit:hover,
.form-submit input#submit:hover {
    background:          #f57c4a;
    cursor:              pointer;
}
/* =Widgets 
-------------------------------------- */
.widget {
    position:           relative;
    left:               0;
    top:                0;
}
.widget ul { 
    width:              95.5222%;
    padding:            0 1.1333%;
    margin:             0.282em 0 0 0;
}
.widget ul li:first-child {
    position:           relative;
    margin-left:        -0.78989em;
}
#wp-calendar {
    color: #666;
    font-size: 12px;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    box-shadow: 0 1px 5px rgba(0,0,0,0.3);
}
#wp-calendar a {    
    color: #467b89 
}
#wp-calendar caption {
    background: #383838;
    color: #e0e0e0;
    font-size: 14px;
    padding: 10px 0;
    text-align: center;
    text-shadow: 0 -1px 0 #000;
    -webkit-box-shadow: inset 0 1px 0 #484848, 0 -1px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 1px 0 #484848, 0 -1px 5px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 0 #484848, 0 -1px 5px rgba(0,0,0,0.3);
    border: 1px solid #373737;
    z-index: -99;
}
#wp-calendar thead th {
    font-size: 8px;
    padding: 5px 0;
    color: #666;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    border-bottom: 1px solid #bbbbbb;
    background: #f7f7f7;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#f1f1f1));
    background: -moz-linear-gradient(top,  #f7f7f7,  #f1f1f1);
}
#wp-calendar tbody td {
    color: #666;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    padding: 8px;
    text-align: center;
    font-weight: bold;
    border: 1px solid;
    border-color: #fff #bbbbbb #bbbbbb #fff;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#dedede));
    background: -moz-linear-gradient(top,  #ededed,  #dedede);
}
#wp-calendar tbody td.pad {
    background: #f5f5f5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ececec));
    background: -moz-linear-gradient(top,  #f5f5f5,  #ececec);
}
#wp-calendar tfoot {
    color: #e0e0e0;
    font-size: 12px;
    text-align: center;
}
#wp-calendar tfoot tr {
    background: #f5f5f5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ececec));
    background: -moz-linear-gradient(top,  #f5f5f5,  #ececec);
}
#wp-calendar tfoot td { padding: 10px 10px }

#wp-calendar tfoot a {
    color: #666;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
#wp-calendar tfoot td#prev {    text-align: left }
#wp-calendar tfoot td#next {    text-align: right }
#wp-calendar #today {
    color: #fff;
    border: 1px solid #467b89;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
    background: #6eafbf;
    background: -moz-radial-gradient(50% 50% 0deg,ellipse cover, #6eafbf, #569EB1);
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 20, from(#6eafbf), to(#569EB1));
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
#wrapper {margin:0;}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px)
and (max-width : 539) {
#wrapper {margin:0;}
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
#wrapper {margin:0;}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
#wrapper {margin:0 auto;}
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
#wrapper {margin:0 auto;}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
#wrapper {margin:0 auto;}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
#wrapper {margin:0 auto;}
}