/*
Theme Name: Edu Blue
Theme URI: http://tradesouthwest.net/edublue/
Author: Larry Judd Oliver Tradesouthwest
Author URI: http://tradesouthwest.com/
Description: TSW EduBlu theme originally a blue scheme theme is now re-versioned as Multi-color ready to match University and College colors. Black, blue, brown, auburn, crimson, green, red and sun. Theme has three menu placements. Top, header and a lists area below the header menu. Activate all three or any number. Just create a separate menu in the admin control panel for each, then select placement for the menu. Three menus are always better than one! Footer has four widget spaces. Content area has one right-sidebar and an article area on the left. Font family is Oxygen. Logo can be added in header. Background can be changed. Option to add footer text when removing credits. Plus a 3 speed slide-show running on pure CSS3, no javascript. Option to remove slide-show on the fly without having to reconfigure page styles. See theme options page for custom school schemas.
Version: 1.1.0
EduBlue WordPress Theme, Copyright 2014 Tradesouthwest
EduBlue is distributed under the terms of the GNU GPL
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blue, two-columns, right-sidebar, custom-header, translation-ready
Text Domain: edublue
*/
/*     Contents 
--------------------------------
    Default Styles  - 1 click
    Structure       - 2 clicks
    Footer          - 3 clicks
    Sidebar         - 5 clicks
    Menus           - 8 clicks
    Post Styles     - 10 clicks
    Image Alignment - 15 clicks
    Comments        -
    Widgets         -
-------------------------------- */

@import url(http://fonts.googleapis.com/css?family=Oxygen:400,300,700);

/* =set/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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; 
font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
html { overflow-y: scroll; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
pre { -ms-word-wrap: break-word; word-wrap: break-word; }
code, kbd, tt, var { font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }
abbr, acronym { border-bottom: 1px dotted #666;cursor: help; }
mark, ins { background: #fff9c0;text-decoration: none; }
sup, sub { font-size: 75%;height: 0;line-height: 0;position: relative;vertical-align: baseline; }
sup { bottom: 1ex; }
sub { top: .5ex; }
small { font-size: 75%; }
big { font-size: 125%;}

/* alt reset */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {
	margin: 0;
	padding: 0;
}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/*  =default styles 
--------------------------------------------- */
p, h1, h2, h3, h4, h5, h6{ margin: 10px 0; padding: 0; }
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%;  }
a { color:#1f58a8; font-weight:600; text-decoration:none; }
a:visited {}
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 dotted #da7;
    border-top: 1px solid #acc;
}
ul { list-style: none; }
ol { list-style: decimal }
ul li, ol li { position: relative; margin-left: 0.8882em; }
blockquote { background: #f4f4f4; padding: 5px 15px; margin: 3px 30px; }
.clearme { clear: both }

/* Main Structure 
--------------------------------------------- */
body,
p,
input,
textarea {
    font-family:       'Oxygen', sans-serif;
    font-size:         100%;
    font-weight:       400;
}
#main {
    width:             91.555%;
    padding:           0;
    margin:            0 auto;
    z-index:           1;
    margin-top:        1em;
}
.upper-section {
    position:          relative;
    top:               0;
    height:            360px;
    background:        midnightblue;
    background:        #191970;
    background:        linear-gradient(#2159ba, #191970);
}
#masthead {
    position:          relative;
    top:               40px;
    width:             100%;
    height:            260px;
    background:        rgba( 30, 50, 190, 0.3);
}
.inner-header {
    display:           inline-block;
    position:          relative;
    top:               -2em;
    left:              4em;
    min-height:        120px;
    background:        transparent;
    width:             90%;
    margin:            0 auto;
}
.inner-header .hgroup {
    float:             right;
    width:             60%;
    position:          relative;
    display:           inline;
    top:               -2em;
    left:              0;
    min-height:        120px;
    margin-top:        26px;
    word-wrap:         break-word;
}
.inner-header .hgroup:after {
    content: "";
    clear:             both;
}
#logo {
    display:           inline;
    position:          relative;
    left:              10px;
    top:               10px;
    padding:           0;
}
#logo img {
    margin:            0;
}
h1.site-title a,
h2.site-description {
    color:             white;
}
#content {
    width:             68%;
    position:          relative;
    margin:            9px 9px 0 0;
    float:             left;
    background:        rgba( 250, 250, 255, 0.9);
    z-index: 2;
}
.content-area {
    width:             98.8992%;
    background:        rgba( 250, 250, 250, 0.5);
    padding:           0 1em;
    width:             auto;
    margin:            0;
    font-size:         95%;
}
#right-sidebar {
    float:             right;
    border-top:        9px solid rgba( 0, 0, 0, 0.7);
    box-shadow: 1px 2px 5px #000;
    width:             28%; 
    background:        blue;
    margin:            9px 0 1em 1em;
    padding:           0 9px;
    color:             #fafafa;
    z-index:           3;
}
/* =Footer
-------------------------------------------------------------- */
#colophon {
    width:             92%;
    margin:            0 auto;
    height:            auto;
    padding:           18px 0;
    background:        blue;
    border-top:        9px solid #222;
    box-shadow:        0 1px 5px #000;
}
#footer {
    display:           block;
    width:             100%;
    clear:             both;
    background:        midnightblue;
    background:        #191970;
    background:        linear-gradient(#2159ba, #101970);
}
div#colophon{
    margin-left:       -10px;
}
div#footer div#first,
div#footer div#second,
div#footer div#third,
div#footer div#fourth {
    padding-left:      20px;
    min-width:         200px;
}
div#footer h3.widget-title{
    color:             #e8e8e8;
   text-shadow: .5px 0 .5px #000;
}
div#footer h3.widget-title{
    border-bottom:     1px dotted #adadad;
}
div#footer h3.widget-title{
    margin-bottom:     10px;padding-bottom:2px;
}
#footer-widget-area {
    overflow:          hidden;
    color: #e1e1e1;
}
#footer-widget-area a { 
    color:             #eee;
    box-shadow:        0 1px 0 rgba( 255, 255, 255, 0.7);
}
#footer-widget-area .widget-area {
    float:             left;
    margin-right:      20px;
    width:             220px;
}
#footer-widget-area #fourth {
    margin-right:      0;
}
#footer .widget-area {
    width:             22%;
    display:           inline;
    margin:            0;
}
.site-info a {
    color:             #fafafa;
    text-decoration:   none;
}
.site-info {
    font-size:         13px;
    font-weight:       bold;
}
.credits,
.credits a,
.copyright {
    color:             #fafafa;
    font-weight:       normal;
    min-height:        2em;
    margin:            9px 1em;
}
.credits a small {
    color:             #fafafa;
}
/*  slider for edutwo pages */
#edutwo-slider {
    display:           block;
    width:             99.8882%;
    height:            400px;
    margin:            0 auto;
    overflow:          hidden;
    background:        rgba( 220, 220, 220, 0.3);
    position:          relative;
    top:               -.9882em;
    border-top:        5px solid rgba(0, 0, 0, 0.4);
    border-left:       5px solid rgba(0, 0, 0, 0.15);
    border-right:      5px solid rgba(0, 0, 0, 0.2);
    border-bottom:     5px solid rgba(0, 0, 0, 0.5);
    box-shadow: 1px 3px 13px rgba( 0, 0, 0, 0.9);
}
/* slider styles - default */
.edutwo-slideshow {
   position: relative;
   width: 980px;
   height: 350px;
   margin: 0 auto;

}
.edutwo-slideshow img {
position: relative;
width: 980px;
height: auto;
margin: 0;
}
.edutwo-slideshow figure{
   margin: 0;
   position: absolute;

}
.edutwo-slideshow figcaption{
   position: absolute;
   top: 0;
   color: #fff;
   background: rgba(0,0,0, .3);
   font-size: .8em;
   padding: 8px 12px;
   opacity: 0;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=0)”;
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-o-transition: opacity .5s;
-ms-transition: opacity .5s;
transition: opacity .5s;
}
.edutwo-slideshow figure figcaption{
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-o-transition: opacity .5s;
-ms-transition: opacity .5s;
transition: opacity .5s;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=100)”;
filter: alpha(opacity=100);
opacity: 1;
}
.edutwo-slideshow figure{
   opacity:0;
}
.css-slideshow figure:nth-child(1),.css-slideshow figure:nth-child(2),.css-slideshow figure:nth-child(3),.css-slideshow figure:nth-child(4),.css-slideshow figure:nth-child(5),.css-slideshow figure:nth-child(6),.css-slideshow figure:nth-child(7) {
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=0)”;
filter: alpha(opacity=0);
opacity: 0;
}

/* =Sidebar
--------------------------------------- */
#right-sidebar div:last-child {
    margin-bottom:     1em;
}
#right-sidebar a {
    color:             #fafafa;
    text-shadow:       0 1px 1px #000;
}

#right-sidebar a:visited {
    color:             #7cccec !important;
    font-weight:       300;
}

#right-sidebar a:hover {
    text-decoration:   underline;
}

/* MENUS 
-------------------------------------------- */
/*    top row menu 
-------------------------------------------- */
.toprow {
    display:            inline-block;
    width:              100%;
    background:         #11226f;
    -webkit-box-shadow: 1px 8px 8px #2d2d2d;
    -moz-box-shadow:    1px 8px 8px #2d2d2d;
    box-shadow:         1px 8px 8px #2d2d2d;
    min-height:         2.133em;
    overflow:           hidden;
}
.toprow ul {
    margin:             5px auto 1px 2em;
    padding:            0;
    list-style:         none;
    position:           relative;
    top:                0;
    font-size:          0.828em;
    float:              right;
}
.toprow li  {
    margin:             0;
    padding:            0;
    float:              left;
    position:           relative;
    min-width:          150px;   
    text-align:         center;
}
.toprow a:hover {
    color:              #e8e8e8;
}
.toprow a {
    display:            block;
    min-width:          140px;
    text-align:         center;
    font-weight:        400;
    text-shadow:        0 1px 1px #000;
    color:              #fafafa;
    font-size:          1.122em;
    text-decoration:    none;
    padding-top:        0.112em;
    border-right:       1px dashed #888e8f;
}
.toprow ul li {
    position:           relative;
     /* 9.375em; 150px */
    width:              9.375em;
}
.toprow ul ul {
    display:            none;
}
.toprow ul li:hover ul {
    display:            none;
}

/* Primary menu - three level dropdown
--------------------------------------  */
#access {
    width:              100%;
    min-height:         2.222em;
    background:         #191970;
    box-shadow:         1px 3px 4px rgba( 0, 0, 0, 0.7);
    margin:             0;
    position:           relative;
    top:                -3.85em;
}
#access ul {
    width:              98%;
    text-align:         center;
    position:           relative;
    margin:             1px auto 0 2em;
height: 1.8892em;
    list-style:         none;
    display:            inline-block;
    z-index:            9000;
}
#access li  {
    width:              9.4837em;
    margin:             0;
    padding:            1px 1px 3px 1px;
z-index: 8888;
}
#access a:hover {
    color:              #f8f8f8;
}
#access a {
    display:            block;
    min-height:         1.5688em;
    text-align:         center;
    font-weight:        400;
    color:              white;
    font-size:          1em;
    text-decoration:    none;
    text-shadow:        0 1px 1px #000;
    margin:             1px 0;
    padding:            5px 1px 1px 1px;
    border-left:        1px solid white;
    background:         royalblue;
    background:         linear-gradient(#2159ba, #191970);
}
#access ul li:hover li a,
#access ul li ul a {
    box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3);
}
#access ul li {
    float:              left;
    display:            inline;
    margin: 0;
}
#access ul li:hover li {
    margin:             -.1982em 0;
}
#access ul li:hover li:first-child {
    
}

#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 {
    color: #aff;
    text-shadow: 0 1px 2px #555;
}
#access ul li ul {
    display:            none;
    position:           absolute;
    top:                0;
    left:               0;
}
#access ul li:hover ul {
    position:           relative;
    top:                0;
    width:              9em;
    display:            block;
    margin:             0;
}
#access ul li:hover ul a {
    border-left:        1px solid white;
}
#access ul ul {
    display:            none;
    position:           absolute;
    top:                0;
}

#access ul li:hover ul li {
    position:           relative;
    display:            block;
    top:                0;
    left:               0;
}
#access ul li:hover li ul a {
    padding:            3px 6px;
}
#access ul ul li:hover ul {
    position:           relative;
    top:                0;
    left:               1em;
}
#access ul ul ul {
    display:            none;
    position:           absolute;
    top:                1px;
    left:               1em;
}
#access ul ul ul:hover {
    position:           relative;
    top:                0;
    left:               9px;
    width:              auto;
    display:            block;
}
#access ul ul ul li {
    position:           relative; 
    top:                0;
    margin-bottom:      -8px;

}
#access ul ul ul:hover a {
    padding:            0.114em 0 0.228em 0;
}
#access ul:after {
    content:            "";
    clear:              both;
    margin:             0;
    padding:            0;
    display:            block;
}

/* Tertiary Menu 
----------------------------------- */
.headlist { 
    position:           relative;
    top:                -2.582em;
    left:               28%;
    width:              72%;
    display:            block;
    height:             auto;
    margin:             0;
    padding:            0;
    z-index:            5000;
}
.headlist ul {
    list-style:         none;
    position:           relative;
    display:            block;
    margin:             0;
}
.headlist li {
    width:              9.828em;
    float:              left;
    margin:             0.13339em 0;
    background:         rgba( 30, 50, 150, 0.95);
}
.headlist ul ul {
    position:           relative;
    top:                0;
    left:               1em;
}
.headlist ul ul li {
    background:         none;
}
.headlist ul ul ul {
    position:           relative;
    top:                0;
    left:               0.8128em;
}
.headlist ul li ul li ul {
    position:           relative;
    top:                0.133em;
}
.headlist ul li a:last-child {
   
}
.headlist:after {
    content:            "";
    clear:              both;
    margin:             0;
    padding:            0;
    display:            block;
}
.headlist a {
    display:            block;
    font-size:          0.825em;
    font-weight:        300;
    color:              white;
    padding:            1px 3px;
    margin:             0;
    position;           relative;
    width:              66%;
    text-shadow:        0 1px 1px #000;
    border-bottom:      1px dashed rgba( 0, 0, 0, 0.7);
}
.navigation p {
    text-align:       center;
    width:            98%;
    font-size:        1em; 
    background:       #6f7f8f; 
    color:            white; 
    line-height:      1.333;
    margin:           0 auto; 
    float:            left;
    padding:          5px;
}
.navigation a {
    color:            white;
}
.navigation span {margin-top: -1px; float: right;}
body.home .navigation p {
    display:          none;
}
.navigation:after {
    display:          table;
    height:           1px;
    width:            100%;
    content:          "";
}
.link-pages {
    color:            maroon;
    position:         relative;
    width:            100%;
    border-bottom:    1px solid green;
}
.pagination p {
    padding:          0;
    margin:           0 auto;
    border-bottom:    thin solid #887;
    font-weight:      700;
    font-size:        1.218em;
}
.pagination {
    background:       #f3fbfe;
    margin:           3px 7px;
    padding:          0;
    width:            98.585%;
    min-height:       1.636em;
    position:         relative;
}
.pagination a:visited {
    color:            #99999f;
}
.pagination a {
    text-align:       center;
    color:            #059;
    display:          inline-block;
    width:            1.5em;
    height:           auto;
    padding:          2px 2px 2px 5px;
    margin:           0 3px;
    background:       #efefef;
    border-left:      2px dotted #496;
}
/* Menu classes */
.menu-item {}
/* This class is added to every menu item. */ 
.menu-item-has-children {}
/* This class is added to menu item which has sub-items */ 
.current-menu-item {}

/* =post styles 
------------------------------------------ */
.sticky { 
    font-size:          1em; 
    color:              #1d1d1d; 
    margin:             5px;
    padding:            7px;
    background:         #f2ffff;
    border-left:        3px solid brown;
    padding-left:       5px;
}
.entry h1{  }
.entry h3{ margin-left: 0.1212em; }
.entry h4{ margin-left: 0.142em; }
.entry h5{ margin-left: 0.155em; }
.entry h6{ margin-left: 0.33em; }
.entry h2 a {
    margin:             0;
    padding:            7px 20px 3px 20px;
    word-wrap:          break-word;
    line-height:        1.24;
}
body.blog .entry {
    border-bottom:      thin solid #aaa;
    word-wrap:          break-word; 
}
.entry {
    background:         rgba( 250, 250, 250, 0.1 );
    word-wrap:          break-word;
}
.entry-header a {
    color:               #12589f;
    text-decoration:     none;
    font-weight:         600;
}
.entry-header {
    word-wrap:          break-word;
}
.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 1px 5px;
    margin:              0;
    line-height:         12px;
}
.postmetadata {
    color:               #777;
}
.responses {
    float:               right;
}
.cat-link,
.edit-link a,
.tag-link a,
.post-categories a {
    font-weight:         300 !important;
}
p.edit-link:before {
    content:             "\2611";
    margin:              0 0.412em 0 1em;
    color:               #999;
}
p.tag-link:before {
    content:             "\2691";
    margin:              0 0.412em 0 1em;
    color:               #999;
}

.authorlinks {
    position:            relative;
    font-weight:         300;
    margin-left:     1em;
    color:           #777;
    font-size:       1em;
}
.authorlinks a {
    color:           #346;
    font-size:       1.20em;
    font-weight:     300;
    text-decoration: none;
}
.authorlinks a 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;
	}
.wp-smiley {
	margin:      0 !important;
	max-height:  1em;
	}
.entry img,
.entry-content img,
img[class*="align"],
img[class*="wp-image-"],
div[class*="attachment_"] {
    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; 
}

.entry .size-large,
.entry .size-medium,
.entry .size-thumbnail {
    margin:          3px 11px;
}
/* == WP CSS - post_classes == */ 
.post-id {} .post {} 
.page {} 
.hentry {} 
.entry-content img {
    margin:          0 0 1.5em 0;
    max-width:       100%;
}

/* =WordPress Core
-------------------------------------------------------------- */
/* =Images
-------------------------------------------------------------- */
.attachment img {
    max-width: 880px;
}
.alignleft,
img.alignleft {
    display: inline;
    float: left;
    margin-right: 24px;
    margin-top: 4px;
}
.alignright,
img.alignright {
    display: inline;
    float: right;
    margin-left: 24px;
    margin-top: 4px;
}
.aligncenter,
img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
    margin-bottom: 12px;
}
.wp-caption {
    background: #f1f1f1;
    line-height: 18px;
    margin-bottom: 20px;
    padding: 4px;
    text-align: center;
}
.wp-caption img {
    margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
    color: #888;
    font-size: 12px;
    margin: 5px;
}
.wp-smiley {
    margin: 0;
}
.gallery {
    margin: 0 auto 18px;
}
.gallery .gallery-item {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 33%;
}
.gallery img {
    border: 2px solid #cfcfcf;
}
#content .gallery .gallery-caption {
    color: #888;
    font-size: 12px;
    margin: 0 12px;
}
.gallery dl {
    margin: 0;
}
.gallery img {
    border: 10px solid #f1f1f1;
}
.gallery br+br {
    display: none;
}
.attachment img { /* single attachment images should be centered */
    display: block;
    margin: 0 auto;
}

.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 {

}

.form-allowed-tags {
    width:             100%;
    font-size:         11px;
    color:             #761;
}
.form-allowed-tags code {
font-size: 11px;
}

/* comments */
#comments {
    width:             88%;
    background:        transparent;
    margin:            0 auto;
    font-size:         87.5%;
}
.comment-body ul {
    list-style:        inside;
}
.comment-body ul li,
.comment-body ul li ul {
    margin-left:       0.612em;
}
#respond {
    width:             88%;
    display:           block;
    margin:            3px auto;
    font-size:         95%;
}
.responses {
    float:             right;
}
h3#reply-title {
    color:             green;
}
#respond p label {
width: 12%;
display: inline-block;
}
#respond p {
line-height: 1.222;
margin: 0;
}
#respond p input[type=text],
#respond p input[type=email],
#respond p input[type=url] {
width: 52%;
display: inline-block;
}
#respond form textarea {
    height:            100px;
width: 52%;
display: inline-block;
}
/* category style */
 li.categories {}  
 li.cat-item {}
 li.cat-item-{id} {}
 li.current-cat {}
 li.current-cat-parent {}
 ul.children {}

/* category links */ 
li.categories {} li.cat-item {} li.cat-item-{id} {} li.current-cat {} li.current-cat-parent {} ul.children {} 
/* blogroll links */ 
.linkcat {} .blogroll {} /* read-more links */ .more-link {}
.linkcat:before {
    content:         "\2605";
    margin:          0 0.412em 0 1em;
    color:           #999;
}
.linkcat .post-categories li:first-child {
    position:        relative;
    display:         inline;
    top:             -1.2160em;
    left:            2.333em;
}
.linkcat a {
    color:           #08a;
    font-size:       1em;
}
.linkcat {}
.blogroll {}

/* read-more links */
.more-link {}
/* =Widgets */
.widget {
  -ms-word-wrap:      break-word;
    word-wrap:        break-word;
}
.widget ul {
    position:         relative;
    left:             0;
    top:              0;
}
.widget-title {
    font-weight:      700;
}

#recentcomments li.recentcomments a {
    color:            #f2ffff;
    border-bottom:    1px dashed #f2fffd;
    font-weight:      400;
}
#searchform {} .widget_search {} .screen-reader-text {} 
/* text widget */ .textwidget {} .widget_text {} .textwidget p {}
/* calendar widget */ 
#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-align: center;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    border-bottom: 1px solid #bbbbbb;
    background: #f7f7f7;
}

#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;
}

#wp-calendar tbody td.pad {
    background: #f5f5f5;
}

#wp-calendar tfoot {
    color: #e0e0e0;
    font-size: 12px;
    text-align: center;
}

#wp-calendar tfoot tr {
    background: #f5f5f5;
}

#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;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

/**
 *  Breakpoints are set based on the design, not based on device sizes    *
 *  This theme not supported at screen widths below 500 pixels but should *
 *  look fine with the exception of large menu depths may vary            *
 */
@media only screen and (max-width: 888px) {
    .hgroup > div {
        display:           block;
        width:             100%;
    }  
    #access {
        padding-bottom:    .885em;
        width:             100%;
        display:           table;
    }
    .headlist {
        position:          relative;
        left:              2em;
        padding-top:       .5em;
        width:             100%;
        margin-left:       0;
        float:             left;
    }
}

@media only screen and (max-width: 958px) {
    #access {
        padding-bottom:    .885em;
        width:             100%;
        display:           table;
    }
}


@media only screen and (min-width: 940px) and (max-width: 1188px) {
    #right-sidebar { 
        float:             right;
        width:             24%; 
        margin:            9px 0 1em 1em;
        padding:           0 9px; 
        position:          absolute; 
        left:              72%;
    }
}
@media only screen and (max-width: 941px) {
    .toprow li {
        border: thin dashed #a2a2a2;
        padding: 4px 2px;
    }
    .toprow a {
        border-right: none;
    }
}

@media only screen and (max-width: 940px) {
    #right-sidebar { 
        width:            100%; 
        display:          block;
        float:            left;
        margin:           0;
        padding:          0 9px;
    }
    #content, .content-area { 
        float:            left;
        width:            100%; 
        margin:           0;
        padding:          0 9px;
    }
}

@media only screen and (max-width: 900px) and (min-width: 649px) { 
    .site-title, .site-description, .hgroup {
        text-align:       left;
    }    
    #logo {
        position:         relative;
        left:             0;
    }
    #masthead > div {
        display:          block;
        width:            100%;
    }    
}

@media only screen and (max-width: 789px) and (min-width: 400px){
    .site-title {
        line-height:      1.685;
        clear:            both;
        margin:           .885em;
        float:            left;
        width:            180%;
        display:          block;
        text-align:       left;
        position:         absolute;
        left:             -8em;
    }
    #masthead {
        overflow:         visible;
    }
    #logo, .site-description {
        display:          none;
    }
}

/*  Go full Width at less than 650px */
@media only screen and (max-width: 650px) {
    #access {
        padding-bottom:   .885em;
        width:            100%;
        display:          table;
        position:         relative;
        background:       transparent;
    }
    #logo, .site-description { 
        display:          none 
    }
    #masthead > div {
        display:          block;
        width:            100%;
    }
    .headlist {
        position:         relative;
        left:             2em;
        top:              1em;
        padding-top:      1.5em;
        width:            100%;
        margin-left:      0;
        display:          table;
    }   
    .headlist ul li {
        width:            120px;
    }
        img.size-full, 
        img.size-large, 
        img.header-image, 
        img.wp-post-image {
            width:        100%; 
        }
    #content {
        width:            100%;
    }
}

/* Contain floats */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* ==========================================================================
   Print styles Inlined to avoid required HTTP connection
   ========================================================================== */
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}
/* Have a Great Day! TSW BetiLu */