Repalcement style.css - sticky header for Twenty Eleven them

/*
Theme Name: MakeUseOf NEW
Theme URI: http://wordpress.org/
Description:
Author:  team
Version: 1.0
License: GNU General Public License
License URI: license.txt

*/



/* 1. BASE
--------------------------------------------------------------------------------
==============================================================================*/


/* 1.1 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;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style:none;
}

q {
    quotes: none;
}

q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    clear:both;
}


/* 1.2 Accessibility Navigation & Hide
------------------------------------------------------------------------------*/

#accessibility-nav,
.hide {
    position: absolute;
    top: -999em;
    left: -999em;
    height: 1px;
    width: 1px;
}


/* 1.3 Clearfix
------------------------------------------------------------------------------*/

.clearfix:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}


/* 1.4 Default Styles
------------------------------------------------------------------------------*/

body {
    font: 75%/1.25 Arial, Helvetica, sans-serif;
    color: #666;
    background: #fff url(_ui/images/common/bg.png) repeat left top;
}

hr {
    //display: none;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

del {
    text-decoration: line-through;
}

th, td {
    vertical-align: top;
    padding:5px;
}


th {
    font-weight: normal;
    text-align: left;
}

address, cite, dfn {
    font-style: normal;
}

abbr, acronym {
    border-bottom: 1px dotted #999;
    cursor: help;
}

input, textarea, select {
    font-family: Arial, Helvetica, sans-serif;
}

textarea {
     overflow: auto;
}

a, a:visited {
    text-decoration: none;
    color: #0477cd;

}

a:hover, a:active, a:focus {
    text-decoration: underline;
}

.left {
    float: left;
}

.right {
    float: right;
}

.text ul {
    padding: 10px 0;
}
.text ul li {
    list-style: square inside;
    padding:5px 10px 0 50px;
}

/* 2. COMMON
--------------------------------------------------------------------------------
==============================================================================*/


/* 2.1 Container
------------------------------------------------------------------------------*/

.container {
    /*position: relative;*/
    width: 960px;
    margin: 0 auto;
}


/* 2.2 Header
------------------------------------------------------------------------------*/

.header-container {
    background: #000;
}

#header {
    height: 52px;
}

#header .site-name,
#header .site-name a,
#header .site-name span {
    display: block;
    width: 280px;
    height: 52px;
}

#header .site-name a {
    cursor: pointer;
}

#header .site-name {
    float: left;
    position: relative;
    width: 290px;
}

#header .site-name span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: url(_ui/images/common/logo.png) no-repeat;
}

#header a.site-name span {
    cursor: pointer;
}


/* 2.3 Navigation
------------------------------------------------------------------------------*/

#navigation {
    height: 52px;
    width: 960px;
}

#navigation li {
    height: 47px;
    float: left;
}

#navigation ul li a {
    /*border-bottom: 5px solid #c70909;*/
    border-right: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-family: "Arial Black", Arial;
    font-weight: 900;
    display: block;
    padding: 4px 15px;
    height: 39px;
    text-decoration: none;
    text-transform: uppercase;
}

#navigation .last a {
    border-right: 0;
}

#navigation a span {
    display: block;
    font-size: 13px;
    font-family: Arial;
    font-weight: bold;
}

#navigation li ul {
    border-top: 6px solid #c70909;
    -moz-box-shadow: 0 5px 5px #ccc;
    -webkit-box-shadow: 0 5px 5px #ccc;
    box-shadow: 0 5px 5px #ccc;
    background: #fff;
    position: absolute;
    //left: -9999px;
    visibility: hidden;
}

#navigation li.subnav:hover,
#navigation li.subnav.hover,
#navigation li.subnav li:hover,
#navigation li.subnav li.hover {
    background-color: #c70909;
}

#navigation li:hover,
#navigation li.hover,
#navigation li.on {
    cursor: pointer;
    border-bottom: 5px solid #c70909;
    position: relative;
}

#navigation li:hover ul,
#navigation li.hover ul {
    //position: absolute;
    //top: 52px;
    //left: -130px;
    visibility:visible;
    z-index: 99;
}

#navigation li ul li,
#navigation li ul li a {
    border-right: 0;
    //clear: both;
    color: #000;
    float: none;
    font-size: 12px;
    font-family: "Arial Black", Arial;
    font-weight: 900;
    height: auto;
    padding: 0;
    white-space: nowrap;
}

#navigation li ul li:hover,
#navigation li ul li.hover,
#navigation li ul li a:hover {
    //background-image: none;
    //color: #fff;
    //border: 0;
}

#navigation li ul li.last {
    border-bottom: 6px solid #c70909;
    padding-bottom: 9px;
}

#navigation li ul li.last,
#navigation li ul li.no-bg {
    background-image: none;
}

#navigation li ul li,
#navigation li ul li:hover {
    border-bottom: 1px dotted gray;
    padding-left: 18px;
    padding-right: 16px;
}

#navigation li ul li a {
    padding: 8px 20px 8px 25px;
}

#navigation li ul li a {
    background-position: left top;
}


#navigation li ul li:hover {
    background-color: #c70909;
    color: white;
}
#navigation li ul li:hover a{
    color:white;
}

/* 2.4 Content
------------------------------------------------------------------------------*/

.main-banners {
    padding-top:10px;
    text-align: center;
}

.main-banners .text-banner {
    //background: url(_ui/images/common/dotted_line.gif) repeat-x left bottom,url(_ui/images/common/dotted_line.gif) repeat-x left top;
    margin-top:10px;
    padding: 0;
    background-color: #E8F0F9;
    border: 1px solid #ABD2E9;
}

.main-banners .text-banner a {
    text-decoration: none;
    padding: 3px 0;
}

.main-banners .text-banner a span {

    color: #0477CD;
    display: block;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 0;
    height:20px;
}

#content {
    overflow: hidden;
    padding: 0  0 8px;
}

.content-header h1 {
    background: url(_ui/images/common/dotted_line.gif) repeat-x left bottom;
    font-size: 18px;
    padding-bottom: 10px;
}

#posts-entries,
#post-entry {
    float: left;
    width: 590px;
}



section header h1 span {
    font-family: "Arial Black", Arial;
    font-weight: 900;
}


#content section header h1 a {
    color: #000;
    text-decoration: none;
}

#posts-entries,
#post-entry {
    background: url(_ui/images/common/dotted_line.gif) repeat-x left top;
}

#posts-header {
    background: url(_ui/images/common/dotted_line.gif) repeat-x left bottom;
    overflow: hidden;
    padding: 10px 0;
}

#posts-header h1 {
    float: left;
    font-size: 26px;
    padding-right: 0;
    width: 290px;
}

.post-filters {
    float: right;
    width: 266px;
}

.post-filters li {
    float: right;
    padding-right: 6px;
}

.post-filters li a {
    color: #fff;
    background: #000;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 10px;
    text-transform: uppercase;
}

#posts-entries article.hentry:hover {
    background-color: #f0f0f0;
}

article.hentry {
    background: url(_ui/images/common/dotted_line.gif) repeat-x left bottom;
    overflow: hidden;
    padding: 0;
}


.hentry header {
    overflow: hidden;
    padding: 10px;
}

.hentry header abbr {
    background-color: #000;
    cursor: default;
    float: left;
    height: 73px;
    margin-right: 10px;
    width: 64px;
}

.hentry header abbr span {
    color: #fff;
    display: block;
    font-weight: bold;
    text-align: center;
}

.hentry header abbr span.month {
    font-size: 17px;
    text-transform: uppercase;
    height: 17px;
    padding-top: 4px;
}

.hentry header abbr span.day {
    font-size: 24px;
    height: 28px;
    padding-top: 2px;
    line-height: 26px;
}

.hentry header abbr span.year {
    background-color: #c70909;
    font-size: 14px;
    padding: 2px 0 4px;
    height: 17px;
}

.hentry header h2,h1{
    color: #000;
    font-size: 26px;
    font-weight: bold;
    line-height: 36px;
    letter-spacing: -0.03em;
}



.hentry header h2 a {
    color: #000;
}

.hentry header h1{
    color: #000;
    font-size: 26px;
    font-weight: bold;
    line-height: 36px;
    letter-spacing: -0.03em;
    text-transform: none;
}



.hentry header h1 a {
    color: #000;
}

.hentry .entry-content {
    overflow: hidden;
    padding: 0 0 18px 10px;
}

.hentry .entry-content .text {
    color: #3B3128;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
}

.hentry .entry-content p {
    padding: 5px 0;
        font-size: 14px;

}

.hentry .entry-content .img-more {
    float: left;
    margin-right: 20px;
}

/* OLD STYLE with dash lines
.hentry footer {
    clear: both;
    background: url(_ui/images/common/dotted_line.gif) repeat-x left top;
    overflow: hidden;
    padding: 8px 0 0 8px;
}*/

.hentry footer {
    clear: both;
    background: none;
    overflow: hidden;
    padding: 0;
}

.hentry .post-info {
    float: left;
    width: 430px;
}

.hentry .post-info li {
    float: left;
}

li.post-category {
 width:250px;
}


.hentry .post-info .author-img {
    float: left;
    margin-right: 5px;
    width: 30px;
}

.hentry .post-info .url {
    display: block;
}

.hentry .post-info address {
    color: #666;
    font-size: 12px;
    padding-right: 5px;
    min-width: 150px;
}

.post-category a {
    background: url("_ui/images/common/sprite-post-icons.png") no-repeat top left;
    color: #666;
    font-size: 12px;
    display: inline-block;
    text-transform: uppercase;
    padding: 8px 0 0 38px;
    height: 22px;
    margin-right:10px;
}

.post-category .best {
    background-position: 0 0;
}

.post-category .browser {
    background-position: 0 -32px;
}

.post-category .cool {
    background-position: 0 -64px;
}

.post-category .deals {
    background-position: 0 -96px;
}

.post-category .gaming {
    background-position: 0 -128px;
}

.post-category .geeky {
    background-position: 0 -160px;
}

.post-category .howto {
    background-position: 0 -192px;
}

.post-category .linux {
    background-position: 0 -224px;
}

.post-category .mac {
    background-position: 0 -256px;
}

.post-category .mobile {
    background-position: 0 -288px;
}

.post-category .music {
    background-position: 0 -320px;
}

.post-category .polls {
    background-position: 0 -352px;
}

.post-category .webapps {
    background-position: 0 -384px;
}

.post-category .windows {
    background-position: 0 -416px;
}

.hentry .post-info address a {
    color: #0066cc;
    font-weight: bold;
}

.hentry .post-social {
    float: right;
    padding: 4px 0 0;
    width: 150px;
}

.hentry .post-social li {
    float: right;
    padding-right: 4px;
}

.hentry .post-social .comments {
    //background: url(_ui/images/common/icon-comments.png) no-repeat left center;
    color: #5f5f5f;
    font-size: 14px;
    font-style: italic;
    display: block;
    padding: 3px 0 3px 22px;
}

#pagination {
    overflow: hidden;
    padding: 46px 0 20px;
}

#pagination ul {
    float: right;
}

#pagination li {
    float: left;
    padding-left: 2px;
    text-align: center;
}

#pagination li a {
    background-color: #f7f7f7;
    border: 1px solid #c7c7c7;
    color: #666;
    display: block;
    height: 15px;
    padding: 4px 6px 3px;
}

#pagination li a.prev,
#pagination li a.next {
    height: 17px;
    padding: 2px 6px 3px;
}

#pagination li a.current,
#pagination li a:hover {
    background-color: #046fca;
    border: 1px solid #6baae0;
    color: #fff;
    text-decoration: none;
}

#pagination li span {
    display: block;
    padding: 12px 4px 0;
}

/* 2.5 Sidebar
------------------------------------------------------------------------------*/

#sidebar {
    float: right;
    width: 354px;
}

#sidebar section {
    background: url(_ui/images/common/dotted_line.gif) repeat-x left top;
}

#sidebar #searcher {
    padding: 10px 0;
}

#sidebar .input-wrap {
    background: url(_ui/images/common/sidebar-input.png) no-repeat left top;
    height: 35px;
    padding: 0 0px;
    width: 354px;
}

#sidebar .input-wrap input {
    background: none;
    border: 0;
    color: #999;
    float: left;
    font-size: 12px;
    height: 16px;
    line-height: 15px;
    padding: 10px 6px 9px;
}

#sidebar .input-wrap .blue-btn, #sidebar .input-wrap .red-btn {
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    float: right;
    height: 23px;
    text-align: center;
    margin: 6px;
    padding: 4px 0 5px;
    min-width: 66px;
    width: auto;
}
#sidebar .input-wrap .blue-btn {
    background-color: #0477CD;
}
#sidebar .input-wrap .red-btn {
    background-color: #C70909;
}
#sidebar .input-wrap input#search {
    width: 238px;
}

#sidebar #searcher .input-wrap .blue-btn,.red-btn {
    width: 66px;
}

#sidebar .input-wrap input#subscribe {
    width: 222px;
}

#sidebar #subscriber .input-wrap .blue-btn,.red-btn {
    width: 76px;
}

#sidebar section header {
    background: url(_ui/images/common/dotted_line.gif) repeat-x left bottom;
    padding: 4px 0;
}

#sidebar section header h1 {
    background-color: #f0f0f0;
    font-size: 18px;
    padding: 0 15px;
    text-transform:uppercase;
}

#sidebar .text {
    color: #666;
    font-size: 14px;
    line-height: 18px;
    padding: 16px;
}

#sidebar #subscriber {
    padding: 0 10px 20px;
}

#sidebar .subscribe-icons {
    background: url(_ui/images/common/dotted_line.gif) repeat-x left bottom;
    overflow: hidden;
    padding: 0 10px 20px;
}

#sidebar .subscribe-icons li {
    float: left;
    padding: 0 5px;
}

#sidebar .subscribe-icons a {
    background-image: url(_ui/images/common/sprite-social-icons.png);
    background-repeat: none;
    display: block;
    height: 32px;
    text-indent: -9999px;
    width: 32px;
}

#sidebar .subscribe-icons a.subs-fb {
    background-position: 0 0;
}

#sidebar .subscribe-icons a.subs-tw {
    background-position: -42px 0;
}

#sidebar .subscribe-icons a.subs-su {
    background-position: -84px 0;
}

#sidebar .subscribe-icons a.subs-gp {
    background-position: -126px 0;
}

#sidebar .subscribe-icons a.subs-rss {
    background-position: -168px 0;
}

#sidebar .fb-widget {
    padding: 10px;
}

#sidebar .sidebar-banner {
    padding: 18px;
    text-align: center;
}

#sidebar .items-list {
    background: url(_ui/images/common/dotted_line.gif) repeat-x left bottom;
    overflow: hidden;
    padding: 6px 8px;
}

#sidebar .items-list li {
    float: left;
    padding: 6px 8px;
    width: 96px;
}

#sidebar .items-list li a,
#sidebar .items-list li img,
#sidebar .items-list li .img-wrap {
    cursor: pointer;
    display: block;
    text-decoration: none;
}

#sidebar .items-list li .img-wrap {
    background: url(_ui/images/common/bg-sidebar-box.png) no-repeat center top;
    padding: 5px 8px 0 6px;
    height: 91px;
    width: 82px;
}

#sidebar .items-list li .title {
    color: #666;
    display: block;
    font-size: 12px;
    padding: 6px 10px 0;
}

#sidebar .more {
    background-image: url(_ui/images/common/sprite-more.png);
    background-repeat: no-repeat;
    color: #0477cd;
    display: block;
    text-align: right;
    padding: 18px 54px 18px;
}

#sidebar .arrow {
    background-position: right -2px;
}

#sidebar .random {
    background-position: right -55px;
}

#sidebar .askq-intro {
    display: block;
    padding: 20px 0 0;
    text-align: center;
}

#sidebar .questions-list {
    background: url(_ui/images/common/dotted_line.gif) repeat-x left bottom;
    padding: 10px 0 14px 16px;
}

#sidebar .questions-list li {
    clear: both;
    overflow: hidden;
    padding: 8px 0;
}

#sidebar .questions-list li a {
    cursor: pointer;
    text-decoration: none;
}

#sidebar .questions-list li span {
    float: left;
}

#sidebar .questions-list li .number {
    background: url(_ui/images/common/bg-number.png) no-repeat left top;
    color: #fff;
    float: left;
    font-size: 19px;
    font-family: "Arial Black", Arial;
    font-weight: 900;
    height: 27px;
    line-height: 20px;
    padding: 5px 0 0;
    text-align: center;
    width: 32px;
}

#sidebar .questions-list li .question {
    color: #666;
    font-size: 14px;
    line-height: 18px;
    padding-left: 20px;
    width: 240px;
}

#sidebar .cols-banner {
    overflow: hidden;
    padding: 28px 0 18px;
}

#sidebar .soft-list {
    float: left;
    text-align: center;
    width: 178px;
}

#sidebar .soft-list li {
    padding-bottom: 15px;
}

#sidebar .bottom-banner {
    text-align: center;
}

#sidebar section.no-border {
    background: none;
}

/* 2.6 Footer
------------------------------------------------------------------------------*/

#footer {
    clear: both;
}

#footer a {
    color: #fff;
}

#footer h2 {
    color: #fff;
    font-size: 18px;
    padding-bottom: 18px;
    text-transform: uppercase;
}

#footer h2 span {
    font-weight: bold;
}

#footer-top {
    background-color: #000;
    overflow: hidden;
    padding: 36px 0;
}

#credits {
    overflow: hidden;
}

#credits .col {
    float: left;
}

#credits #social {
    padding-right: 20px;
    width: 222px;
}

#credits #social li {
    padding-bottom: 12px;
}

#credits #social li a {
    background: url(_ui/images/common/sprite-footer-social.png) no-repeat 0 0;
    display: block;
    padding: 1px 0 2px 34px;
}

#credits #social li a.credits-tw {
    background-position: 0 -30px;
}

#credits #social li a.credits-rss {
    background-position: 0 -60px;
}

#credits #social li a.credits-gplus {
    background-position: 0 -90px;
}

#credits #staff {
    padding-right: 20px;
    width: 332px;
}

#credits #staff ul li {
    float: left;
    padding-bottom: 10px;
    width: 155px;
}

#credits #editors {
    float: right;
    width: 366px;
}

#credits #editors ul li {
    float: left;
    padding: 0 8px 16px;
    width: 166px;
}

#credits #editors ul li a {
    line-height: 16px;
}

#credits #editors ul li a img {
    float: left;
    padding-right: 10px;
}

#credits #editors ul li a span {
    color: #ccc;
    float: left;
    width: 112px;
}

#footer-bottom {
    background-color: #333;
    overflow: hidden;
    padding: 20px 0;
}

#footer-bottom .copyright {
    color: #fff;
    float: left;
    width: 45%;
}

#footer-bottom #footer-nav {
    float: right;
    text-align: right;
}

#footer-bottom #footer-nav li {
    color: #fff;
    display: inline;
}

#footer-bottom #footer-nav .sep {
    padding: 0 7px 0 11px;
}


/* 3. PAGES
--------------------------------------------------------------------------------
==============================================================================*/


/* 3.1 Home
------------------------------------------------------------------------------*/

#featured {
    overflow: hidden;
    padding: 10px 0 0;
    clear:both;
}

#featured li {
    float: left;
    padding-right: 11px;
    height: 184px;
    width: 183px;
}

#featured li.last {
    padding-right: 0;
}

#featured li a {
    border: 1px solid #ccc;
    cursor: pointer;
    display: block;
    position: relative;
    text-align: center;
    text-decoration: none;
}

#featured li a span {
    background: url(_ui/images/home/sprite-featured.png) repeat-x left top;
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: bold;
    height: 60px;
    padding: 10px 12px 5px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 158px;
    z-index: 2;
}

#featured li a:hover span {
    background-position: left bottom;
}


/* 3.2 Inner
------------------------------------------------------------------------------*/

#posts-list li {
    padding-bottom:10px;
}
#entry-details {
    background: url(_ui/images/common/dotted_line.gif) repeat-x left top;
    padding: 24px 0 0 0;
}

.text img.left {
    margin: 5px 20px 10px 0;
}

.text img.right {
    margin: 5px 0 10px 20px;
}

.with-border, .comment-item > img {
    border: 3px solid #fff;
    -moz-box-shadow: 0 0 10px #999;
    -webkit-box-shadow: 0 0 10px #999;
    box-shadow: 0 0 4px #999;
}

.with-padding {
    padding: 10px 0 5px;
}

.text h2,h3 {
    color: #3B3128;
    font-size: 18px;
    font-weight: bold;
    padding: 20px 0;
}

#entry-details .entry-wrap {
    background: url(_ui/images/common/dotted_line.gif) repeat-x left bottom;
    padding-bottom: 15px;
}

#entry-details .author-details {
    background: url(_ui/images/common/dotted_line.gif) repeat-x left bottom;
    clear: both;
    padding: 3px 0 4px;
}

#entry-details .author-details .about {
    background-color: #f1f0f0;
    overflow: hidden;
    padding: 14px;
}

#entry-details .author-details .entry-author-img, #entry-details .author-details img {
    float: left;
    margin-right: 10px;
    border: 3px solid #fff;
    -moz-box-shadow: 0 0 10px #999;
    -webkit-box-shadow: 0 0 10px #999;
    box-shadow: 0 0 10px #999;
}

#entry-details .author-details h3 {
    color: #0477cd;
    font-weight: bold;
    font-size: 12px;
    padding:0;
}

#entry-details .author-details .text {
    color: #666;
    font-size: 12px;
    line-height: 16px;
}

.under-entry {
    padding-top: 22px;
}

.stuff-list {
    overflow: hidden;
    padding: 20px 0;
}

#similar-stuff {
    background: url(_ui/images/common/dotted_line.gif) repeat-x left bottom;
    padding-top: 10px;
}

.stuff-list li {
    float: left;
    padding: 8px !important;
    width: 128px;
}

.stuff-list li.last {
    padding-right: 0;
}

.stuff-list li:last-child { padding-right: 0;}

.stuff-list li .title {
    color: #444;
    display: block;
    font-size: 12px;
    line-height: 18px;
    padding: 15px 8px 8px 1px;
}


#comments header h2,
#comments header h2 a {
    color: #333;
    font-size: 16px;
}

#comments header h2 a {
    background: url(_ui/images/inner/arrow-down.png) no-repeat right center;
    display: block;
}


#comments header h2 {
    padding: 12px 0;
    background: url(_ui/images/common/dotted_line.gif) repeat-x left bottom;
}

.comments-list {
    padding-top: 5px;
    overflow: hidden;
}

/* highlighting */
.comment{
    background-color: #F7f7f7;
    border:5px solid white;
    //background: url(_ui/images/common/dotted_line.gif) repeat-x left bottom;
    clear: both;
    padding: 10px;
    margin:5px;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    font-size:14px !important;
    color: black;
}

.comment p {
    clear:both;
    margin-top:10px;

}

.byuser{
    background-color: #F1F8DF;
    //border: 1px solid #A8CC45;
}

.bypostauthor {
    background-color:#E8F0F9;
    //border: 1px solid #ABD2E9;
}

/* vcard */
.comments-list .vcard {
    overflow: auto;
}

.comments-list .vcard .name{
    font-size:20px;
    font-weight:bold;
    float:left;
    margin: 5px 0 0 20px;
}

.vcard .avatar{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    float:left;

}
.vcard .date {
    font-size:12px;
    font-weight: normal;
    color:gray !important;
    float:right;
}

.reply {
    float:right;
}

#commentform{
    width:95%;
    padding:10px;
    clear:both;
    overflow: auto;
}
#commentform input,textarea {
    width:97%;
    clear:both;
    padding:10px;
    font-size:14px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border:0;
    -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.4);
    box-shadow: inset 1px 1px 5px rgba(0,0, 0, 0.4);
}


#commentform #submit {
    float:right;
    width:150px;
    background-color: #0057AC;
    border: 1px solid #0057AC;
    color: white;
}
#commentform #submit:hover{
    background-color: #E8F0F9;
    border: 1px solid #ABD2E9;
    color:black;
}

#reply-title{
    display:none;
}

.screen-reader-text {
position: absolute;
top: -9999px;
left: -9999px;
}

/* below here is old stuff */
.comment-item {
    background: url(_ui/images/common/dotted_line.gif) repeat-x left bottom;
    clear: both;
    padding: 25px 0 20px 5px;
    overflow: hidden;
}

.comment-item header {
    padding-bottom: 5px;
}

.comment-item header span.date {
    color: #999;
    font-size: 12px;
    font-style: italic;
    font-family: Georgia;
}

.comment-item header .author {
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    padding-right: 5px;
    font-family: Arial;
}

.comment-item header.with-blue .author,
.comment-item header.with-blue a {
    color: #0477cd;
}

.comment-item .text {
    color: #666;
    line-height: 20px;
    font-size: 14px;
    float: left;
    width: 468px;
}

.comment-item img {
    float: left;
    margin-right: 20px;
}

.comment-answers, .children {
    //background: url(_ui/images/inner/vertical-line.gif) repeat-y left top;
    margin-left: 10px;
    overflow: hidden;
    clear: both;
}

.comment-answers .comment-item , .children .comment-item {
    background: url(_ui/images/inner/comment-line.gif) no-repeat 5px 66px;
    padding-left: 46px;

}

.comment-answers .comment-item .text, .children .comment-item .text{
    color: #444;
    width: 382px;
}

#leave-comment {
    padding-top: 13px;
}

#comment-form li {
    clear: both;
    overflow: hidden;
    padding: 10px 0;
}

#comment-form .input-wrap {
    background: url(_ui/images/inner/comment-input.png) no-repeat left top;
    float: left;
    width: 220px;
    height: 35px;
}

#comment-form .input-wrap input {
    background: none;
    border: 0;
    font-size: 12px;
    color: #444;
    padding: 6px;
    line-height: 22px;
    width: 202px;
    height: 22px;
}

#comment-form .textarea-wrap {
    background: url(_ui/images/inner/comment-textarea.png) no-repeat left top;
    width: 555px;
    height: 178px;
}

#comment-form .textarea-wrap textarea {
    background: none;
    border: 0;
    font-size: 12px;
    color: #444;
    padding: 6px;
    width: 537px;
    height: 160px;
}

#comment-form label {
    color: #444;
    float: left;
    padding: 10px 0 0 12px;
    font-size: 12px;
}

#comment-form .btns input {
    background: #000;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    height: 27px;
    text-align: center;
    width: 134px;
}


/* 4. PRINT
--------------------------------------------------------------------------------
==============================================================================*/


@media print {

    body {
        font: normal normal 12pt/1.5em "Times New Roman", Times, serif;
    }

    a[href]:after {
        content: " (" attr(href) ") ";
        font-size: 90%;
    }

    a[href^="/"]:after {
        content: " (http://domain.com" attr(href) ") ";
    }

    ol#accessibility-nav,
    .hide {
        display: none !important;
    }
}


/* 5. GIGYA and NEW THEME ADJUSTMENTS
--------------------------------------------------------------------------------
==============================================================================*/
.align-right {float:right;margin: 0 0 10px 10px;width:250px;}
.align-left {float:right;margin: 0 0 10px 10px;width:250px;}
.aligncenter {display:block;margin: 10px auto;}

.gig-userStatus-name{
    width:150px !important;
}

.navbutton {font-size: 100px;font-weight:bold;}
.navbutton a {color:gray;text-decoration:none;}
.navbutton a:hover {text-decoration:none;color:black;}


#ticker {overflow:hidden;height:30px;}

.banner-468x60 {
padding:10px;}

.shadowed{
        -moz-box-shadow: 0px 0px 10px #000000;
    -webkit-box-shadow: 0px 0px 10px #000000;
    box-shadow: 0px 0px 10px #000000;


}

hr {
    background: url("../makeuseofnew/_ui/images/common/dotted_line.gif") repeat-x scroll left bottom transparent;
    height:20px;
    border:none;
    clear:both;
}








#navigation li.subnav li.sprite{
    background: url("_ui/images/menu-sprites.png") no-repeat top left !important;
    }
#navigation li.subnav li.sprite:hover{
    background-color:#C70909 !important;
}
#navigation li.subnav li.sprite.windows {
    background-position:0px 0px !important;
}
#navigation li.subnav li.sprite.mac {
    background-position:0px -40px !important;
}
#navigation li.subnav li.sprite.linux {
    background-position:0px -80px !important;
}
#navigation li.subnav li.sprite.ios {
    background-position:0px -120px !important;
}
#navigation li.subnav li.sprite.android {
    background-position:0px -160px !important;
}



.wp-pagenavi span {
    border:none !important;
}



/* custom pagenavi */
.wp-pagenavi {
    clear: both;
    width:570px;
    margin:20px auto;
    font-size:15px;
    font-weight:bold;
}

.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BFBFBF;
    padding: 2px 3px;
    margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #000;
}

.wp-pagenavi span.current {
    font-weight: bold;
}

.links ul {
    list-style:square inside;
    padding: 30px 0;
    font-weight:bold;
}

@media screen and (max-width: 1250px) {
    .navbutton {display:none;}
}

.alignright {
    float:right;
}
.alignleft {
    float:left;
}
.alignnone {margin-right:10px;}






blockquote {
background:#f9f9f9;
border-left:1em solid #75C6E8;
quotes:\201C\201D;
margin:1.5em 1em;
padding:.5em 1em;
}

blockquote:before {
color:#75C6E8;
content:open-quote;
font-size:4em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.4em;
}

blockquote p {
display: inline;
font-size: 110% !important;
font-style: italic;
}

blockquote :last-child {
margin-bottom:0;
}


small {
    font-size:x-small;
}

wp_syntax {
    width:580px !important;
}

.entry-content ol {
    padding-left:50px;
    list-style:decimal;
}
.entry-content ol li {
    margin:5px 0;
}

.wp-syntax {
    width:95% !important;

}

pre {

width: 580px;
float: none;
clear: none;
overflow: visible;
font-size: 12px;
line-height: 1.333;
white-space: pre;
font-family: monospace;
color: #100;
background-color: #F9F9F9;
border: 1px solid silver;
margin: 0 0 1.5em 0;
overflow: auto;

}

#slidebox{
    width:450px;
    height:125px;
    padding:10px;
    background-color:#ffffff;
    position:fixed;
    bottom:0px;
    right:-480px;
    -moz-box-shadow:-2px 0px 5px #aaa;
    -webkit-box-shadow:-2px 0px 5px #aaa;
    box-shadow: 0 4px 10px #555555;
}
#slidebox span{
    font-size: 0.9em;
    padding-bottom: 5px;
    text-transform: uppercase;
}
#slidebox h2{
    font-size: 1.0em;
}
#slidebox .next-article{
    margin-top: 5px;
}
#slidebox .next-article a{
    display: inline-block;
}
#slidebox .close{
    background: url(close-card.png) no-repeat;
    display: block;
    height: 15px;
    margin: 3px;
    float: right;
    width: 16px;
    text-indent: -99999px;
}
#slidebox .close:hover{
    background:transparent url(close-card.png) -16px 0px no-repeat;
}
#slidebox strong{
    display: inline-block;
    color: #000000;
    font-family:"Verdana";
    font-size:1.2em;
    margin-left: 10px;
    vertical-align: top;
    max-width: 240px;
}

/* OUTBRAIN RELATED POSTS FEATURE */

#ob_strip_container_0_stripBox .item-container {
 padding: 14px;
}

#outbrain_widget_0{
    margin-top:20px;
}

#breadcrumbs{
    font-size:14px;
    margin: 5px 0;
}

.headermenu2column{
    width:500px !important;
    border-bottom: 6px solid #C70909;
    padding-bottom: 9px;
}
.headermenu2column li{
    display:inline;
    width:230px !important;
    float:left !important;
    margin:0px !important;
    padding:0 0 0 20px!important;
}

.thetags {
    float:left;
}
.thetags li{
    background-color:#0477CD;
    margin:3px ;
    color:white !important;
    display:inline-block;
    padding:3px;
    font-weight:bold;
}

.thetags li a{
    color:white;
    link-decoration:none;
}

/* REWARD RELATED */
.blueButton {
    -moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    -webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
    background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
    background-color:#79bbff;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #84bbf3;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:1px 1px 0px #528ecc;
    float:right;
    clear:both;
}.blueButton:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
    background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
    background-color:#378de5;
    text-decoration: none;
    cursor: pointer;
}
.reward .redButton,.blueButton {

    clear:both;
    float:right;
}
.reward{
    //border:1px solid #E2E2E2;
    //border-bottom: 2px dotted gray;
    background: url(http://www.makeuseof.com/wp-content/themes/makeuseofnew/_ui/images/common/dotted_line.gif) repeat-x left bottom;
    margin:20px 0;
    padding-bottom:20px;
    position:relative;
    overflow:auto;
    clear:both;
    font-size:14px;
    line-height:24px;
}

.redButton {
    -moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
    -webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
    box-shadow:inset 0px 1px 0px 0px #f29c93;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
    background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
    background-color:#fe1a00;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #d83526;
    display:inline-block;
    color:#ffffff !important;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:1px 1px 0px #b23e35;
}.redButton:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
    background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
    background-color:#ce0100;
    text-decoration: none;
    cursor: pointer;
}

.reward-standout{
    font-size:14px;
    margin: 5px 0;
    font-weight:bold;
}

.reward-standout span{
    color: blue;
}

/* JAMES CHANGES 11/JULY/2012 */


/* SUBNAV and NEW SEARCH */



/* reset webkit search input browser style */
input {
    outline: none;
}
input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 100%;
    margin-top:8px;
    margin-right:10px;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
    display: none; /* remove the search and cancel icon */
}

/* search input field */
input[type=search] {
    background: white url("_ui/images/search-icon.png") no-repeat 9px center;
    border: solid 1px #ccc;
    padding: 5px 5px 5px 32px;
    width: 120px;
    font-size:16px;
    float:left;
    /*-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;*/
    height:20px;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
input[type=search]:focus {
    width: 700px;
    background-color: #fff;
    border-color: #6dcff6;


    -webkit-box-shadow: 0 0 2px 2px rgba(109,207,246,.5);
    -moz-box-shadow: 0 0 2px 2px rgba(109,207,246,.5);
    box-shadow: 0 0 2px 2px rgba(109,207,246,.5);
}

/* placeholder */
input:-moz-placeholder {
    color: #999;
}
input::-webkit-input-placeholder {
    color: #999;
}

/* maybe dont need this */

.blueButton {
    -moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    -webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
    background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
    background-color:#79bbff;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #84bbf3;
    display:inline-block;
    color:#ffffff;
    font-size:16px;
    padding:6px 24px;
    margin-left:10px;
    text-decoration:none;
    text-shadow:1px 1px 0px #528ecc;
}.blueButton:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
    background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
    background-color:#378de5;
    text-decoration: none;
    cursor: pointer;
}


.redButton {
    -moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
    -webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
    box-shadow:inset 0px 1px 0px 0px #f29c93;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
    background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
    background-color:#fe1a00;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #d83526;
    display:inline-block;
    color:#ffffff !important;
    font-size:16px;
    margin-left:10px;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:1px 1px 0px #b23e35;
}.redButton:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
    background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
    background-color:#ce0100;
    text-decoration: none;
    cursor: pointer;
}

.greenButton {
    -moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
    -webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
    box-shadow:inset 0px 1px 0px 0px #a4e271;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );
    background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
    background-color:#89c403;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #74b807;
    display:inline-block;
    color:#ffffff;
    font-size:16px;
    padding:6px 24px;
    margin-left:10px;
    text-decoration:none;
    text-shadow:1px 1px 0px #528009;
}.greenButton:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) );
    background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
    background-color:#77a809;
}.greenButton:active {
    top:1px;
}



.button, .button-bevel {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  padding: 5px 10px 5px;
  margin: .5em .5em .5em 0;
  cursor: pointer;
  text-shadow: 0 1px 1px rgba(0,0,0,0.4);
  -webkit-transition: 0.1s linear;
  -moz-transition: 0.1s linear;
  -ms-transition: 0.1s linear;
  -o-transition: 0.1s linear;
  transition: 0.1s linear;
}

.button {
  border-radius: 2px;
  box-shadow: inset rgba(255,255,255,0.3) 1px 1px 0;
  color:white !important;
  text-decoration:none !important;
}

  .button:active {
    box-shadow: inset rgba(0,0,0,0.4) 0px 0px 6px;
  }

.rounded {
    border-radius: 20px;
}

.orange {
  background: rgb(255,183,0);
  background: -moz-linear-gradient(top,  rgba(255,183,0,1) 0%, rgba(255,140,0,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,183,0,1)), color-stop(100%,rgba(255,140,0,1)));
  background: -webkit-linear-gradient(top,  rgba(255,183,0,1) 0%,rgba(255,140,0,1) 100%);
  background: -o-linear-gradient(top,  rgba(255,183,0,1) 0%,rgba(255,140,0,1) 100%);
  background: -ms-linear-gradient(top,  rgba(255,183,0,1) 0%,rgba(255,140,0,1) 100%);
  background: linear-gradient(to bottom,  rgba(255,183,0,1) 0%,rgba(255,140,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb700', endColorstr='#ff8c00',GradientType=0 );
  border: 1px solid #e59500;
}

  .orange:hover {
    background: rgb(255,203,72);
    background: -moz-linear-gradient(top,  rgba(255,203,72,1) 0%, rgba(255,156,35,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,203,72,1)), color-stop(100%,rgba(255,156,35,1)));
    background: -webkit-linear-gradient(top,  rgba(255,203,72,1) 0%,rgba(255,156,35,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,203,72,1) 0%,rgba(255,156,35,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,203,72,1) 0%,rgba(255,156,35,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,203,72,1) 0%,rgba(255,156,35,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcb48', endColorstr='#ff9c23',GradientType=0 );
  }

.magenta {
  background: rgb(255,130,172);
  background: -moz-linear-gradient(top,  rgba(255,130,172,1) 0%, rgba(247,37,129,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,130,172,1)), color-stop(100%,rgba(247,37,129,1)));
  background: -webkit-linear-gradient(top,  rgba(255,130,172,1) 0%,rgba(247,37,129,1) 100%);
  background: -o-linear-gradient(top,  rgba(255,130,172,1) 0%,rgba(247,37,129,1) 100%);
  background: -ms-linear-gradient(top,  rgba(255,130,172,1) 0%,rgba(247,37,129,1) 100%);
  background: linear-gradient(to bottom,  rgba(255,130,172,1) 0%,rgba(247,37,129,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff82ac', endColorstr='#f72581',GradientType=0 );
  border: 1px solid #c60a56;
}

  .magenta:hover {
    background: rgb(255,155,189);
    background: -moz-linear-gradient(top,  rgba(255,155,189,1) 0%, rgba(248,62,143,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,155,189,1)), color-stop(100%,rgba(248,62,143,1)));
    background: -webkit-linear-gradient(top,  rgba(255,155,189,1) 0%,rgba(248,62,143,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,155,189,1) 0%,rgba(248,62,143,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,155,189,1) 0%,rgba(248,62,143,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,155,189,1) 0%,rgba(248,62,143,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9bbd', endColorstr='#f83e8f',GradientType=0 );
  }

.cyan {
  background: rgb(130,207,241);
  background: -moz-linear-gradient(top,  rgba(130,207,241,1) 0%, rgba(56,174,234,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(130,207,241,1)), color-stop(100%,rgba(56,174,234,1)));
  background: -webkit-linear-gradient(top,  rgba(130,207,241,1) 0%,rgba(56,174,234,1) 100%);
  background: -o-linear-gradient(top,  rgba(130,207,241,1) 0%,rgba(56,174,234,1) 100%);
  background: -ms-linear-gradient(top,  rgba(130,207,241,1) 0%,rgba(56,174,234,1) 100%);
  background: linear-gradient(to bottom,  rgba(130,207,241,1) 0%,rgba(56,174,234,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82cff1', endColorstr='#38aeea',GradientType=0 );
  border: 1px solid #3cafcf;
}

  .cyan:hover {
    background: rgb(153,216,244);
    background: -moz-linear-gradient(top,  rgba(153,216,244,1) 0%, rgba(79,183,236,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,216,244,1)), color-stop(100%,rgba(79,183,236,1)));
    background: -webkit-linear-gradient(top,  rgba(153,216,244,1) 0%,rgba(79,183,236,1) 100%);
    background: -o-linear-gradient(top,  rgba(153,216,244,1) 0%,rgba(79,183,236,1) 100%);
    background: -ms-linear-gradient(top,  rgba(153,216,244,1) 0%,rgba(79,183,236,1) 100%);
    background: linear-gradient(to bottom,  rgba(153,216,244,1) 0%,rgba(79,183,236,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99d8f4', endColorstr='#4fb7ec',GradientType=0 );
  }

.red {
  background: #e25b53;
  background: -moz-linear-gradient(top,  #e25b53 0%, #dd2011 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e25b53), color-stop(100%,#dd2011));
  background: -webkit-linear-gradient(top,  #e25b53 0%,#dd2011 100%);
  background: -o-linear-gradient(top,  #e25b53 0%,#dd2011 100%);
  background: -ms-linear-gradient(top,  #e25b53 0%,#dd2011 100%);
  background: linear-gradient(to bottom,  #e25b53 0%,#dd2011 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e25b53', endColorstr='#dd2011',GradientType=0 );
  border: 1px solid #c42222;
}

  .red:hover {
    background: #dd7671;
    background: -moz-linear-gradient(top,  #dd7671 0%, #dd2011 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd7671), color-stop(100%,#dd2011));
    background: -webkit-linear-gradient(top,  #dd7671 0%,#dd2011 100%);
    background: -o-linear-gradient(top,  #dd7671 0%,#dd2011 100%);
    background: -ms-linear-gradient(top,  #dd7671 0%,#dd2011 100%);
    background: linear-gradient(to bottom,  #dd7671 0%,#dd2011 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd7671', endColorstr='#dd2011',GradientType=0 );
  }

.black {
  background: #444444;
  background: -moz-linear-gradient(top,  #444444 0%, #1c1c1c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#1c1c1c));
  background: -webkit-linear-gradient(top,  #444444 0%,#1c1c1c 100%);
  background: -o-linear-gradient(top,  #444444 0%,#1c1c1c 100%);
  background: -ms-linear-gradient(top,  #444444 0%,#1c1c1c 100%);
  background: linear-gradient(to bottom,  #444444 0%,#1c1c1c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#1c1c1c',GradientType=0 );
  border: 1px solid #2a2a2a;
}

  .black:hover {
    background: #686868;
    background: -moz-linear-gradient(top,  #686868 0%, #1c1c1c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#686868), color-stop(100%,#1c1c1c));
    background: -webkit-linear-gradient(top,  #686868 0%,#1c1c1c 100%);
    background: -o-linear-gradient(top,  #686868 0%,#1c1c1c 100%);
    background: -ms-linear-gradient(top,  #686868 0%,#1c1c1c 100%);
    background: linear-gradient(to bottom,  #686868 0%,#1c1c1c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#686868', endColorstr='#1c1c1c',GradientType=0 );
  }

.green {
  background: #82cc5d;
  background: -moz-linear-gradient(top,  #82cc5d 0%, #53b73c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82cc5d), color-stop(100%,#53b73c));
  background: -webkit-linear-gradient(top,  #82cc5d 0%,#53b73c 100%);
  background: -o-linear-gradient(top,  #82cc5d 0%,#53b73c 100%);
  background: -ms-linear-gradient(top,  #82cc5d 0%,#53b73c 100%);
  background: linear-gradient(to bottom,  #82cc5d 0%,#53b73c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82cc5d', endColorstr='#53b73c',GradientType=0 );
  border: 1px solid #429E34;
}

  .green:hover {
    background: #99cc80;
    background: -moz-linear-gradient(top,  #99cc80 0%, #53b73c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99cc80), color-stop(100%,#53b73c));
    background: -webkit-linear-gradient(top,  #99cc80 0%,#53b73c 100%);
    background: -o-linear-gradient(top,  #99cc80 0%,#53b73c 100%);
    background: -ms-linear-gradient(top,  #99cc80 0%,#53b73c 100%);
    background: linear-gradient(to bottom,  #99cc80 0%,#53b73c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc80', endColorstr='#53b73c',GradientType=0 );
  }


.button-bevel {
  vertical-align: top;
  border-radius: 4px;
  border: none;
  padding: 10px 25px 12px;
}

  .button-bevel:active {
    position: relative;
    top: 5px;
  }

.button-bevel.orange {
  box-shadow: #c46d00 0 6px 0px, rgba(0, 0, 0, 0.3) 0 10px 3px;
}

  .button-bevel.orange:active {
    box-shadow: #c46d00 0 3px 0, rgba(0, 0, 0, 0.2) 0 6px 3px;
  }

.button-bevel.magenta {
  box-shadow: #ca075c 0 6px 0px, rgba(0, 0, 0, 0.3) 0 10px 3px;
}

  .button-bevel.magenta:active {
    box-shadow: #ca075c 0 3px 0, rgba(0, 0, 0, 0.2) 0 6px 3px;
  }

.button-bevel.cyan {
  box-shadow: #1994d3 0 6px 0px, rgba(0, 0, 0, 0.3) 0 10px 3px;
}

  .button-bevel.cyan:active {
    box-shadow: #1994d3 0 3px 0, rgba(0, 0, 0, 0.2) 0 6px 3px;
  }

.button-bevel.red {
  box-shadow: #88180e 0 6px 0px, rgba(0, 0, 0, 0.3) 0 10px 3px;
}

  .button-bevel.red:active {
    box-shadow: #88180e 0 3px 0, rgba(0, 0, 0, 0.2) 0 6px 3px;
  }

.button-bevel.black {
  box-shadow: #000 0 6px 0px, rgba(0, 0, 0, 0.3) 0 10px 3px, inset rgba(255, 255, 255, 0.3) 0 0 3px;
}

  .button-bevel.black:active {
    box-shadow: #000 0 3px 0, rgba(0, 0, 0, 0.2) 0 6px 3px, inset rgba(255, 255, 255, 0.3) 0 0 3px;
  }

.button-bevel.green {
  box-shadow: #439230 0 6px 0px, rgba(0, 0, 0, 0.3) 0 10px 3px;
}

  .button-bevel.green:active {
    box-shadow: #439230 0 3px 0, rgba(0, 0, 0, 0.2) 0 6px 3px;
  }


  .navbar-badge{
    float:right;height:50px;display:block;margin:5px 0 0 5px;
  }

  /* SEARCH RESULTS OVERLAY */
  .ui-widget-overlay{
    background-color: #000 !important;
    opacity: 80% !important;
  }
   .ui-dialog-buttonpane { text-align: center !important; }
   .ui-dialog-buttonset { float:none !important; }



/* GIGYA STUFF, MOVED FROM GIGYA WIDGET */
#login-dialog .message {
    -moz-border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    margin: 0 0 16px 8px;
    padding: 12px;
}

.widget_gigya_user {
    margin: 10px 0 10px 0;
}

.widget_gigya_user .thumbnail,
.widget_gigya_user .text {
    float:left;
    margin-left: 7px;
}

.widget_gigya_user .text {
    width: 60%;
}

#dialog-header {
    padding-bottom: 20px;
    margin-bottom: 15px;
    border-bottom: 1px solid #777777;
    min-width: 680px;
}

#dialog-header img.thumbnail {
    width  : 50px;
    height : 50px;
    float  : left;
}

#dialog-header .text {
    float  : left;
    margin : 20px 10px 10px 10px;
}

#gigya-account-linking-wrap {}

#gigya-account-linking-wrap,
#gigya-new-user-wrap {
    float:left;
    width: 280px;
}

#gigya-sep-wrap {
    float:left;
    text-align: center;
    width: 30px;
    margin-left: 25px;
    margin-right: 25px;
}

#gigya-sep-wrap h3 {

}

#gigya-sep-wrap .sep-line {
    width:1px;
    background-color:#000000;
    height:120px;
    margin:auto;
}

#gigya-sep-wrap h3 {
    margin-top: 5px;
    margin-bottom: 5px;
}

#login-dialog p.close {
    margin: 10px 20px 20px;
    text-align: right;
}

#login-dialog h3.label {
    margin-bottom: 5px;
    height       : 50px;
    font-size    : 12px;
}

#login-dialog input.input {
    background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #E5E5E5;
    font-size: 24px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    padding: 3px;
    width: 97%;
}

#login-dialog p.error {
    background-color: #FFEBE8;
    border-color: #CC0000;
    margin-left:0px;
    margin-bottom: 15px;
}

#login-dialog p {
    margin-bottom: 5px;
}

#login-dialog .button-wrap {
    margin-bottom: 5px;
    text-align: right;
}

.ui-dialog-titlebar {
    display: none;
}

.float-left {
    float:left;
}

#login-dialog {
    display: none;
    text-align: left;
}

#wpadminbar img.avatar {
    width: 16px;
    height: 16px;
}

.gig-share-button-top {
    margin: 0 0 10px 0;
}

.gig-share-button-bottom {
    margin: 0 0 10px 0;
}

/* Author sprites for footer */

#credits #editors ul li span.authorsprite{
    display: block;float:left;height:30px;width:30px;margin-right:10px;background-image:url('http://www.makeuseof.com/wp-content/themes/makeuseofnew/_ui/images/author_sprite.jpg');
}

.authorsprite.aibek {
        background-position:0px 0px;
}
.authorsprite.mark {
        background-position:0px -30px;
}
.authorsprite.jackson {
        background-position:0px -60px;
}
.authorsprite.ryan {
        background-position:0px -90px;
}
.authorsprite.james {
    background-position:0px -120px;
}
.authorsprite.erez {
        background-position:0px -150px;
}
.authorsprite.kaly {
        background-position:0px -180px;
}
.authorsprite.tina {
        background-position:0px -210px;
}
.authorsprite.saikat {
        background-position:0px -240px;
}
.authorsprite.justin {
        background-position:0px -270px;
}
.authorsprite.angela {
        background-position:0px -300px;
}
.authorsprite.chris {
        background-position:0px -330px;
}