/*
Theme Name: TWC Metro
Theme URI: Themetronics
Description: The custom Wordpress theme designed and develop for The Windows Club. 
Version: 1.2
Author URI: Themetronics
Tags: News, Metro, Windows, clean, Custom, Themetronic
*/

body {
    color: #000000;
    font-family: "Segoe UI", "Tahoma", "Verdana", "Arial", "sans-serif";
    font-size: 14px;
    line-height: 20px;
}

p {
    color: #000;
}

li {
    margin: 3px 0;
}

#page { /* background:#F6F6F6; */
    
}

h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-family: "Segoe UI Light", "wf_SegoeUI", "Tahoma", "Verdana", "Arial", "sans-serif";
}

.logo {
    
}

#logo-left {
    float: left;
    height: 100px;
    overflow: hidden;
    width: 210px;
}

#logo-center {
    height: 100px;
}

#logo-left h1 {
    margin-bottom: 0;
}

#logo-left h1 a {
    background: url("images/twc-logo-11.png") no-repeat scroll 0 0 transparent;
    display: block;
    font-size: 30px;
    height: 85px;
    line-height: 1.2em;
    margin-top: 10px;
    padding-top: 5px;
    text-indent: -9999px;
    overflow: hidden;
}

#logo-center h1 {
    margin-bottom: 0;
}

#logo-center h1 a {
    background: url("images/twc-logo-1.png") no-repeat scroll 0 0 transparent;
    display: block;
    font-size: 42px;
    font-weight: normal;
    font-style: italic;
    height: 75px;
    line-height: 1.2em;
    margin: 10px auto 0;
    overflow: hidden;
    padding-top: 15px;
    text-align: center;
    width: 600px;
    text-indent: -9999px;
}

.main-navigation { 
    /*background:#01448A url("-images/red-nav.png") repeat-x scroll 0 0;/*#133D67;*/ /* background:url("images/nav2.png") repeat scroll 0 0 #01448A; */
    /* background-image: linear-gradient(to bottom, #0088CC, #0044CC); */
    background: #0072C6;
    text-align: left;
    width: 100%;
}

#site-navigation .menu-header,.menu {
    font-size: 16px;
    margin: 0 auto;
}

#site-navigation .menu-header ul,div.menu ul {
    list-style: none;
    margin: 0;
}

#site-navigation .menu-header li,div.menu li {
    float: left;
    position: relative;
    margin-left: 0;
    border-right: 0px solid #CCD9E2;
    margin: 0;
}

#site-navigation a {
    color: #f1f1f1;
    display: block;
    line-height: 36px;
    text-decoration: none;
    padding: 0 10px;
}

#site-navigation ul ul {
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    float: left;
    width: 150px;
    z-index: 99999;
}

#site-navigation ul ul li {
    min-width: 150px;
}

#site-navigation ul ul ul {
    left: 100%;
    top: 0;
}

#site-navigation ul ul a { /* background: #1D4287; */
    background: #0088CC;
    line-height: 1em;
    padding: 10px;
    width: 130px;
    height: auto;
} 

/* Change here to change hover effect */
#site-navigation li:hover>a,#site-navigation ul ul :hover>a { 
/* background: #284f7b; #133d67;*/
    /* background: #4879AF url("images/red-nav-hover2.png") repeat-x scroll 0 0;  background: url("images/nav2.png") repeat scroll 0 -10px #01448A; */ /* background: #2809BE; */
    background: #1046B3;
    color: #fff;
}

#site-navigation ul li:hover>ul {
    display: block;
}

#site-navigation ul li.current_page_item>a,#site-navigation ul li.current-menu-ancestor>a,#site-navigation ul li.current-menu-item>a,#site-navigation ul li.current-menu-parent>a {
    /* background: url("images/nav2.png") repeat scroll 0 -10px #01448A; */
    background: #1046B3;
    color: #fff;
}

* html #site-navigation ul li.current_page_item a,* html #site-navigation ul li.current-menu-ancestor a,* html #site-navigation ul li.current-menu-item a,* html #site-navigation ul li.current-menu-parent a,* html #site-navigation ul li a:hover
    {
    color: #fff;
}

.assistive-text {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

#site-navigation a.assistive-text:active,#site-navigation a.assistive-text:focus {
    background: #eee;
    border-bottom: 1px solid #ddd;
    color: #1982d1;
    clip: auto !important;
    font-size: 12px;
    position: absolute;
    text-decoration: underline;
    top: 0;
    left: 7.6%;
}

.DvTopTileContainer {
    background: none repeat scroll 0 0 #F9F9F9;
    border-bottom: 1px solid #D1D1D1;
    border-top: 1px solid #D1D1D1;
}

.DvTileHolder { 
/* height:160px;  margin-top:35px;  background:#fff;  border: 1px solid #D1D1D1; */
}

.DvTopThreeTile {
    border: 1px solid #D1D1D1;
    height: 160px;
    margin-top: 30px;
    margin-bottom: 30px;
    background: #fff;
}

.format-standard,.post {
    /*border-left: 1px solid #e1e1e1;  border-right: 1px solid #e1e1e1;  border-bottom: 1px solid #e1e1e1;   margin-right: 45px; */
    border-bottom: 1px dotted #D1D1D1;
    padding: 4% 2% 4% 0px;
    position: relative;
}

.entry-summary p,.entry-content p {
    text-align: justify;
}

.entry-date {
    color: #215AC3;
}

.entry-date:hover {
    
}

.cirtext {
    margin: 0;
    padding: 10px 0 0 1px;
}

.entry-title {
    font-weight: normal;
    font-size: 26px;
    line-height: 30px;
}

.entry-thumb {
    float: left;
    padding-bottom: 4%;
    padding-right: 4%;
    padding-top: 2%;
    height: 100px;
}

.entry-thumb img {
    height: 100px;
    width: 100px;
}

.img-polaroid {
    padding: 0;
    border: none;
    height: 100px;
    width: 100px;
}

.entry-summary {
    min-height: 40px;
} 

/*---------------------------------*/

.side-panel {
    margin: 0 auto;
    background: none repeat scroll 0 0 #FFF;
    text-align: center;
    min-width: 320px;
}

#side-wrapper {
    border-left: 0px solid #e5e5e5;
    margin-top: 15px;
}

.side-panel form {
    margin-bottom: 0;
}

#gplus .iAb {
    border: medium none !important;
}

.widget-area {
    font-size: 12px;
    overflow: hidden;
    text-align: left;
}

.widget {
    border: 1px solid #E5E5E5;
    clear: both;
    margin-bottom: 15px;
    padding: 15px
}

.sobox {
    border-bottom: 0px solid #E5E5E5;
    padding: 10px;
}

.widget-title,.nr_title {
    font-size: 20px;
    line-height: 1.6em;
    margin: 0 0 10px;
}

.widget ul {
    margin-left: 1.5em;
}

.widget li {
    
}

.widget a {
    text-decoration: none;
}

.widget-list {
    margin: 0;
    list-style: none;
    text-align: left;
}

.widget-list ul {
    list-style: disc;
    margin-left: 15px;
}

#logos {
    text-align: center;
}

#searchbox {
    
}

.widget_search form {
    margin: 0 0 1.625em;
}

.widget_search #s {
    width: 77%;
}

.widget_search #searchsubmit {
    background: #ddd;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
    box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
    color: #888;
    font-size: 13px;
    line-height: 25px;
    position: relative;
    top: -2px;
}

.widget_search #searchsubmit:active {
    background: #1982d1;
    border-color: #0861a5;
    -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
    color: #bfddf3;
}

#updates { /* background: none repeat scroll 0 0 #f9f9f9;*/
    border: 1px solid #E5E5E5;
    background-color: #f9f9f9;
    margin: 15px 0;
    padding-top: 15px;
}

#facebook-like {
    padding-top: 0px;
    margin: 0 auto;
    width: 210px;
    text-align: left;
}

#updates #suscribe {
    margin-bottom: 0;
}

#updates #suscribe form {
    margin-bottom: 0;
}

#social-list {
    overflow: hidden;
    margin: 0 auto;
    width: 225px;
}

#social-list li {
    float: left;
    display: block;
    list-style: none;
    margin-left: 0;
    margin-right: 5px;
}

#social-list li a {
    width: 32px;
    height: 32px;
    display: block;
}

#social-list #rss {
    background-image: url(images/icons/rss-icon_32.png);
}

#social-list #reader {
    background-image: url(images/icons/google-icon_32.png);
}

#social-list #lin {
    background-image: url(images/icons/linkedin-icon_32.png);
}

#social-list #ytub {
    background-image: url(images/icons/youtube-icon_32.png);
}

#social-list #pintrest {
    background-image: url(images/icons/pinterest-icon_32.png);
}

#social-list #myspace {
    background-image: url(images/icons/myspace-icon_32.png);
}

#social-list #tumbler {
    background-image: url(images/icons/tumblr-icon_32.png);
}

#social-list #mail {
    background-image: url(images/icons/eMail-icon_32.png);
}

#social-list #cmshare {
    background-image: url(images/icons/connect-icon-1.png);
}

#google-plusone .sep {
    color: #666666;
    font-size: 11px;
    font-style: italic;
    line-height: 20px;
}

#google_translate_element {
    text-align: center;
}

#sidebar .widget_adsensewidget {
    padding: 0;
    border: none;
}

.widget_yarpp_widget ol {
    list-style: disc outside none;
    margin-left: 20px;
}

.widget_tag_cloud {
    text-align: justify;
}

.widget_calendar #wp-calendar {
    color: #555;
    width: 80%;
    text-align: center;
}

.widget_calendar #wp-calendar caption,.widget_calendar #wp-calendar td,.widget_calendar #wp-calendar th {
    text-align: center;
}

.widget_calendar #wp-calendar caption {
    font-size: 11px;
    font-weight: 500;
    padding: 5px 0 3px 0;
    text-transform: uppercase;
}

.widget_calendar #wp-calendar th {
    background: #f4f4f4;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
}

.widget_calendar #wp-calendar tfoot td {
    background: #f4f4f4;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.widget_adsensewidget .widget-title {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
}

.rsswidget img {
    margin-bottom: -2px;
}

.widget_rss h3 a {
    color: #000;
}

.pdw .news-list {
    clear: both;
}

.error404 #primary .widget {
    float: left;
    clear: none;
}

.error404 #primary .widget_archive {
    margin-right: 0;
}

.error404 #primary .widget_tag_cloud {
    float: none;
    margin-right: 0;
    clear: both;
}

.error404 #primary .widgettitle {
    color: #666666;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2.6em;
    text-transform: uppercase;
}

.single-widget-area .widget {
    padding: 0;
    border: none;
}

.btxt {
    color: #444444;
    font-style: italic;
}

.author-meta-box {
    padding-bottom: 5px;
}

.wrapper {
    position: relative;
}

#sidebar {
    position: absolute;
    top: 0;
    right: 0;
}

.SiteFooter {
    background: #f9f9f9;
    border-top: 1px solid #e5e5e5;
    height: 20px;
    padding: 10px;
    text-align: center;
}

.single .entry-title {
    font-size: 36px;
    font-weight: normal;
    padding-top: 20px;
    padding-bottom: 10px;
    font-family: "Segoe UI Light", "wf_SegoeUI", "Tahoma", "Verdana", "Arial", "sans-serif";
    line-height: 42px;
}

.single .format-standard {
    padding: 0;
}

.single .entry-meta .entry-date {
    color: #666666;
    font-size: 14px;
    font-style: italic;
    left: 22px;
    top: 0;
}

.single .entry-meta .author {
    
}

.page-header .widget {
    padding: 0;
    border: none;
}

table {
    width: 100%;
    margin-bottom: 20px;
}

table th,table td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}

table th {
    font-weight: bold;
}

table thead th {
    vertical-align: bottom;
}

table caption+thead tr:first-child th,table caption+thead tr:first-child td,table colgroup+thead tr:first-child th,table colgroup+thead tr:first-child td,table thead:first-child tr:first-child th,table thead:first-child tr:first-child td
    {
    border-top: 0;
}

table tbody+tbody {
    border-top: 2px solid #dddddd;
}

table .table {
    background-color: #ffffff;
} 

/*Author Info*/

#author-info {
    font-size: 14px;
    overflow: hidden;
    background: none repeat scroll 0 0 #f9f9f9;
    border: 1px solid #ddd;
    padding: 1em;
}

.archive #author-info {
    margin: 1.5em 1.5em 0 0;
}

.single #author-info {
    margin-bottom: 15px;
}

#author-avatar {
    float: left;
    margin-bottom: 10px;
    margin-right: -90px;
    margin-top: 10px;
}

#author-avatar img {
    background: #fff;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px #bbb;
    -moz-box-shadow: 0 1px 2px #bbb;
    box-shadow: 0 1px 2px #bbb;
    padding: 3px;
}

#author-description {
    float: left;
    margin-left: 90px;
    font-size: 14px;
}

#author-description h2 {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 5px;
}

#author-social {
    clear: both;
    margin: 10px 0 0;
    overflow: hidden;
}

#author-social li {
    display: block;
    float: left;
    list-style: none outside none;
    margin-left: 0;
}

.single .format-standard,.single .post {
    border-bottom: none;
    padding-left: 20px;
}

.discussion {
    padding: 30px 0 30px 20px;
}

#content #nav-below {
    padding: 30px 0;
}

.ad {
    text-align: center;
}

.archive-ad {
    padding: 20px 0;
    border-bottom: 1px dotted #d1d1d1;
}

#adfoot {
    margin-bottom: 10px;
}

.entry-title a:hover {
    text-decoration: none;
} 

/* Alignment */

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.625em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.625em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
} 

/* Images */

.entry-content img,.comment-content img,.widget img {
    max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}

img[class*="align"],img[class*="wp-image-"] {
    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.size-full {
    max-width: 97.5%;
    width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}

.entry-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

img.alignleft,img.alignright,img.aligncenter {
    margin-bottom: 1.625em;
    margin-top: 1.625em;
}

p img,.wp-caption {
    margin-top: 0.4em;
}

blockquote {
    margin: 20px 30px;
}

blockquote  p {
    font-size: 14px;
}

a {
    color: #215AC3;
}

a:focus,a:active,a:hover {
    color: #1F4D8D;
}

.addthis_toolbox {
    padding-bottom: 15px;
    top: 275px;
}

#lbad {
    width: 728px;
    padding: 5px 0;
    float: right;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 41%;
}

.rsswidget img {
    display: none;
}

#author-avatar .avatar {
    width: 68px;
    height: auto;
}

#single-ad-2 {
    margin-bottom: 15px;
}

.archive-header {
    border-bottom: 1px solid #D1D1D1;
}

.archive-header .cat,.archive-header .tag {
    font-style: Italic;
}

.archive-header .archive-title {
    font-size: 30px;
} 

/* featured news homepage */
.featuredDiv ul {
    margin: 0 auto;
}

.featuredDiv ul li {
    background: none repeat scroll 0 0 #f9f9f9;
    color: #1F4D8D;
    float: left;
    list-style: none outside none;
    margin: 0 4px 4px 0;
    padding: 15px;
    min-height: 55px;
    width: 44%;
    border: 1px solid #e5e5e5;
}

.featuredDiv ul li:hover {
    background: #f3f3f3;
}

.featuredDiv ul li a {
    color: #1F4D8D;
    font-size: 18px;
}

.featuredDiv ul li a:hover {
    text-decoration: none;
} 

/* Large desktop */
@media ( min-width : 1200px) {
    .featuredDiv ul li {
        width: 45%;
    }
} 

/* Portrait tablet to landscape and desktop */
@media ( min-width : 768px) and (max-width: 979px) {
    .featuredDiv ul li {
        width: 42%;
    }
} 

/* Landscape phone to portrait tablet */
@media ( max-width : 767px) {
    .featuredDiv ul li {
        width: 41%;
        min-height: 120px;
    }
} 

/* Landscape phones and down */
@media ( max-width : 480px) {
    .featuredDiv ul li {
        width: auto;
        height: auto;
    }
}

table.social_on_download { background-color: #ff0000; }