/*
 * Override Bootstrap's default container.
 */

@media (min-width: 1200px) {
    .container {
        width: 1050px;
    }
}


.container {
    background-color: #fff; /*--Left drop shadow--*/

    margin: 0 auto; /* center */
    max-width: 1200px;
    /*
    -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.4);
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.4);
     */
}



ol, ul {
    list-style: none;
}


.row1 { padding-left: 0.5em; padding-right: 0.5em; }

.mt-1 { margin-top: 1em; }
/*.mb-1 { margin-bottom: 1em; }*/

.brd-top { /*border-top: 1px solid #e0e0e0 !important;*/ }

/* Inherit the default theme styles */





/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(/images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(/images/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(/images/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(/images/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(/images/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(/images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(/images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(/images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(/images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:1px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(/images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(/images/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}




/* DEFAULT.CSS */

/* > Global Elements
-------------------------------------------------------------- */

body {
    /*background: #eaeaea url( ../images/background.gif ) top left repeat-x;*/
    background-color: rgba(226, 226, 226, 0.40); /* #e2e2e2; */
    font-size: 1em;
    font-family: "Segoe UI", Verdana, Tahoma, Arial, sans-serif;
    line-height: 170%;
    color: #000;
    padding-top: 0 !important; /* Remove the top padding space for the admin bar in this theme */
}
body.activity-permalink {
    min-width: 960px;
    max-width: 960px;
}

h1, h2, h3, h4, h5, h6 {
    margin: 5px 0 15px 0;
}

h1 {
    color: #34495e;
    margin-bottom: 15px;
    margin-top: 0;
    letter-spacing: -0.07em;
    font: normal 3.6rem "Calibri", Verdana, Tahoma, Arial, sans-serif;
}

h2, span.h2 {
    color: #34495e;
    line-height: 35px;
    margin-bottom: 0;
    letter-spacing: -0.04em;
    font: normal 2.6rem "Calibri", Verdana, Tahoma, Arial, sans-serif;
}

h3 {
    color: #34495e;
    font-size: 2.0rem;
    font-weight: 100;
    margin-bottom: 0;
    letter-spacing: -0.04em;
    font-family: "Calibri", Verdana, Tahoma, Arial, sans-serif;
}

h4 {
    color: #34495e;
    font-size: 1.4rem;
    margin-bottom: 0;
    font-weight: normal;
    font-family: "Calibri", Verdana, Tahoma, Arial, sans-serif;
}

h5 {
    font-size: 1.3rem;
    margin-bottom: 0;
    font-weight: normal;
    font-family: "Calibri", Verdana, Tahoma, Arial, sans-serif;
}

h6 {
    font-size: 1.2rem;
    margin-bottom: 0;
    font-weight: normal;
    font-family: "Calibri", Verdana, Tahoma, Arial, sans-serif;
}

.downloads ul li { list-style-type: square; }

#game-title { margin-left: 0; padding-bottom: 1em; }
#game-title h1 { margin-bottom: 0; }
#game-title small { color:#999; font-size:12px; }

a {
    color: #1fb3dd;
    text-decoration: underline;
    text-underline-offset: 1.5px;
    text-decoration-thickness: 1px;
    text-decoration-color: rgba(31, 179, 221, 0.55);
}

a:hover, a:active {
    color: #dd4b39;
    text-decoration: underline;
    text-decoration-thickness: 1px;

}

a:visited {
    color: #005ea8;
    text-decoration-color: rgba(0, 94, 168, 0.55);
}

a:focus { outline: 1px dotted #ccc; text-decoration-thickness: 1px; }

.padder { padding: 20px 20px 20px 20px; }
.clear { clear: left; }

p {
    margin-bottom: 15px;
    line-height: 26px;
    font-size: 1.1em;
    padding-right: 4rem;
}
p:last-child { margin-bottom: 0; }

div#game1 p { font-family: Georgia, Times New Roman, Times, serif; line-height: 1.3em; font-size: 17px; }

hr {
    background-color:#E7E7E7;
    border:0 none;
    clear:both;
    height:1px;
    margin: 20px 0;
}

img.avatar {
    float: left;
    border: 2px solid #eee;
}

/* > Admin Bar
-------------------------------------------------------------- */

#wp-admin-bar .padder {
    width: 90% !important; /* Line up the admin bar with the content body in this theme */
}

/* > Header
-------------------------------------------------------------- */

#header {
    position: relative;
    bottom: 0; right: 0;

    height: 68px;
    padding-top: 25px;
}

#header #search-bar {
    position: absolute;
    top: 25px;
    right: 0;
    width: 100%;
    text-align: right;
}
/* h1 */
#header div {
    line-height: 230%;
}

#header #search-bar .padder {
    padding: 10px 20px;
}

#header #search-bar input[type=text] {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px inset #888;
    padding: 2px;
    margin-right: 4px;
}

#header #search-bar input[type=submit] {
    font-size: 11px;
    padding: 1px 4px;
    margin-left: 4px;
}

#header div {
    position: absolute;
    bottom: 0;
    left: 20px;
    width: 64%;
    margin: 0 0 -5px 0;
}
#header div a {
    color: #fff;
    font-size: 26px;
    text-decoration: none;
}



/* > Navigation
-------------------------------------------------------------- */

ul#nav {
    margin: 0;
    padding: 0;
    position: absolute;
    /* right: 15px; */
    left: 15px;
    list-style: none;
    bottom: 0;
    max-width: 65%;
}
ul#nav li {
    float: left;
    margin: 0 5px 0 0;
}
ul#nav li a {
    display: block;
    padding: 5px 15px;
}

ul#nav li.selected a, ul#nav li.current_page_item a {
    text-decoration: none;
    background: #f5f5f5;
    color: #555;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
ul#nav a:focus { outline: none; }

ul#nav li a span {
    display: inline;
    /*padding: 0;
    color: inherit;*/
    background: #1fb3dd;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 100%;
    margin-left: 2px;
    padding: 1px 6px;
}


/* > Container
-------------------------------------------------------------- */

div#container {
    position: relative;
    width: 100%;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    background: #fff;
    overflow: hidden;
}
body.activity-permalink div#container {
    background: none;
    border: none;
}

/* > Sidebar
-------------------------------------------------------------- */

div#sidebar {
    float: left;
    /*	width: 224px;
        margin-left: -226px; */
    width: 204px;
    margin-left: -206px;
    margin-top: 1px;
    border-left: 1px solid #e4e4e4;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    background: url( ../images/sidebar_back.gif ) top left repeat-x;
}
div#sidebar div#sidebar-me img.avatar {
    float: left;
    margin: 0 10px 15px 0;
}

div#sidebar div#sidebar-me h4 {
    font-size: 16px;
    margin: 0 0 8px 0;
    font-weight: normal;
}


div#sidebar ul#bp-nav {
    clear: left;
    margin: 15px -16px;
}
div#sidebar ul#bp-nav li {
    padding: 10px 15px;
}

div#sidebar h3.widgettitle {
    margin: 25px -20px 10px -19px;
    background: #eaeaea;
    padding: 5px 15px;
    font-size: 12px;
    clear: left;
}

div#sidebar .widget_search {
    margin-top: 20px;
}
div#sidebar .widget_search input[type=text] {
    width: 110px;
    padding: 2px;
}




div#sidebar ul#recentcomments li, div#sidebar .widget_recent_entries ul li {
    margin-bottom: 15px;
}

div#sidebar ul.item-list img.avatar {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}
div#sidebar div.item-avatar img {
    width: 40px;
    height: 40px;
    margin: 1px;
}

.item-avatar {padding-left: 0; padding-right: 0;}

div#sidebar .avatar-block { overflow: hidden; }

div#sidebar ul.item-list div.item-title {
    font-size: 12px;
}

div.item-title {
    line-height: 20px;
}

div#sidebar div.item-options {
    margin: -10px -20px 0 -19px;
    background: #f8f8f8;
    padding: 5px 15px;
    font-size: 11px;
}

div#sidebar div.item-meta, div#sidebar div.item-content {
    margin-left: 38px;
    font-size: 11px;
}

div#sidebar div.tags div#tag-text {
    font-size: 1.4em;
    line-height: 140%;
    padding-top: 10px;
}

/* > Content
-------------------------------------------------------------- */

div#content {
    float: left;
    width: 100%;
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
}

div#content .padder {
    /* margin-right: 225px; */
    /* margin-right: 205px; */
    /* border-right: 1px solid #e4e4e4; */
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
}
div#content .left-menu {
    float: left;
    width: 170px;
}

div#content .main-column {
    margin-left: 190px;
}

/* > Item Headers (Profiles, Groups)
-------------------------------------------------------------- */

div#item-header {
    overflow: hidden;
}
div#item-header div#item-header-content { margin-left: 170px; }

div#item-header h2 {
    font-size: 28px;
    margin: 0 0 15px 0;
    line-height: 120%;
}
div#item-header h2 a {
    text-decoration: none;
    color: #777;
}

div#item-header img.avatar {
    float: left;
    margin: 0 15px 25px 0;
}

div#item-header h2 { margin-bottom: 5px; }

div#item-header span.activity, div#item-header h2 span.highlight {
    vertical-align: middle;
    font-size: 11px;
    font-weight: normal;
    line-height: 170%;
    margin-bottom: 7px;
}

div#item-header h2 span.highlight { font-size: 16px; }
div#item-header h2 span.highlight span {
    position: relative;
    top: -2px;
    right: -2px;
    font-weight: bold;
    font-size: 11px;
    background: #a1dcfa;
    color: #fff;
    padding: 1px 4px;
    margin-bottom: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    vertical-align: middle;
    cursor: pointer;
    display: none;
}

div#item-header div#item-meta {
    font-size: 14px;
    color: #aaa;
    padding-bottom: 10px;
    overflow: hidden;
    margin: 15px 0 5px 0;
}

div#item-header div#item-actions {
    float: right;
    width: 20%;
    margin: 0 0 15px 15px;
    text-align: right;
}
div#item-header div#item-actions h3 {
    font-size: 12px;
    margin: 0 0 5px 0;
}

div#item-header ul {
    overflow: hidden;
    margin-bottom: 15px;
}

div#item-header ul h5, div#item-header ul span, div#item-header ul hr {
    display: none;
}

div#item-header ul li {
    float: right;
}

div#item-header ul img.avatar, div#item-header ul.avatars img.avatar {
    width: 30px;
    height: 30px;
    margin: 2px;
}

div#item-header div.generic-button, div#item-header a.button {
    float: left;
    margin: 10px 10px 0 0;
}

div#item-header div#message.info {
    line-height: 80%;
}


/* > Item Lists (Activity, Friend, Group lists)
-------------------------------------------------------------- */

ul.item-list {
    width: 100%;
}


ul.item-list li {
    position: relative;
    padding: 15px 0;
    border-top: 1px solid #eaeaea;
}

ul.item-list:first-child li { border-width: 0; }

ul.single-line li { border: none !important; }
ul.item-list li.screenshots,
ul.item-list li.review,
ul.item-list li.first-child { border-top: 0; padding-top: 0; }


body.activity-permalink ul.item-list li { padding-top: 0; }

ul.item-list li img.avatar {
    float: left;
    padding: 1px;
}

ul.item-list li img.avatar:hover {
}


ul.item-list li img.boxed, img.boxed, video.boxed {
    border: 1px solid #f3f8ff;
    outline: 3px solid rgba(157, 208, 255, 0.5);
    border-radius: 8px;
}

video.boxed {
    width: 100%;
}

ul.item-list li img.boxed:hover, img.boxed:hover, video.boxed:hover {
    outline: 3px solid rgba(157, 208, 255, 1);
    transition: 0.3s;
}


img.portal-logo {
    border-radius: 8px;
}

ul.item-list li img.game-logo, img.game-logo {
    margin: 0 10px 4px 0;
    width: 100%;
    height: auto;
    border-radius: 8px;
}

img.game-logo-padded {
    margin: 0 0 4px 0;
    width: 95%;
    height: auto;
    border-radius: 8px;
}

ul.item-list li div.item-title, ul.item-list li h4 {
    font-weight: normal;
    font-size: 14px;
    /*width: 75%;*/
    width: 95%;
    margin: 0;
}
ul.item-list li div.item-title span {
    font-size: 12px;
    color: #999;
}

ul.item-list li div.item-desc {
    margin: 10px 0 0 64px;
    font-size: 11px;
    color: #888;
    width: 50%;
}

ul.item-list li div.action, .action {
    position: absolute;
    top: 0;
    right: 0;
}

ul.item-list li div.voter {
    position: absolute;
    top: 15px;
    right: 0;
    text-align: right;
}

ul.item-list li div.voter ul li {
    margin-left: 0.2em;
    float: left;
}


ul.item-list li div.meta {
    margin-top: 10px;
    color: #888;
    font-size: 11px;
}

ul.item-list li h5 span.small {
    font-weight: normal;
    font-size: 11px;
}

ul.item-list li div.theme_01 {
    float: left;
    width: 450px;
}

ul.item-list li div.theme_01 img.nes_img, img.nes_img {
/*    float: left;
    width: 220px;
    height: 212px;
    */
}

ul.item-list li div.theme_01 img.genesis_img, img.genesis_img {
    /*
    margin-bottom: 8px;
    width: 193px;
    height: 98px;
    */
}

ul.item-list li div.theme_01 img.snes_img, img.snes_img {
    /*
    width: 193px;
    height: 98px;
    */
}

ul.item-list li div.theme_02, ul.item-list li div.theme_05_06 {
    float: left;
    width: 475px;
}

ul.item-list li div.theme_07{
    float: left;
    width: 360px;
}

ul.item-list li div.theme_05_06 img {
    /* margin-bottom: 8px; */
    /*margin-right: 4px; */
    width: 220px;
    height: 112px;
}

ul.item-list li div.theme_07 img {
    /*margin-bottom: 8px;*/
    /*margin-right: 4px;*/
    width: 160px;
    height: 152px;
}


ul.downloads li h3 { font-size: 110%; margin-top: 1.5em; }
ul.downloads li p { margin-bottom: 0; }

ul.synopsys li .activity-inner p { font-size: 120%; font-style: italic; }

/* > Game Menu (top)
-------------------------------------------------------------- */
div.game-menu {
    padding: 1em 0 0.5em 0;
    border-bottom: 1px solid #E0E0E0;
    background: white;
    margin-top: 35px;
}


/* > Item Tabs
-------------------------------------------------------------- */

div.item-list-tabs {
    clear: left;
    overflow: hidden;
    background: #eaeaea;
    height: 44px;
    margin-bottom: 1em;
}

div.item-list-tabs ul li a {
    text-decoration: none;
}

div.item-list-tabs ul {
    width: 100%;
}
div.item-list-tabs ul li {
    float: left;
    margin: 5px 0 0 5px;
}
div.item-list-tabs#subnav ul li {
    margin-top: 0;
}

/*
div.item-list-tabs ul li:first-child {
    margin-left: 30px;
}
*/

div.item-list-tabs ul li.last {
    float: right;
    margin: 7px 20px 0 0;
}
div.item-list-tabs#subnav ul li.last {
    margin-top: 4px;
}

div.item-list-tabs ul li.last select {
    max-width: 175px;
}

div.item-list-tabs ul li a,
div.item-list-tabs ul li span {
    display: block;
    padding: 5px 10px 8px 10px;
    text-decoration: none;
}
div.item-list-tabs ul li span {
    color: #aaa;
}

div.item-list-tabs ul li a span, span.counter {
    display: inline;
    /*padding: 0;
    color: inherit;*/
    background: #1fb3dd;
    /*background: #000080; */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 100%;
    margin-left: 2px;
    padding: 1px 6px;
}

span.inactive {
    background-color: #e0e0e0;
}

div.item-list-tabs ul li.selected a,
div.item-list-tabs ul li.current a {
    background-color: #fff;
    color: #555;
    font-weight: bold;
    border-right: 1px solid #DADADA;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}
ul li.loading a {
    background-position: 92% 50%;
    background-repeat: no-repeat;
    padding-right: 30px !important;
}
div#item-nav ul li.loading a {
    background-position: 88% 50%;
}

div.item-list-tabs#object-nav {
    margin-top: 0;
}

div.item-list-tabs#subnav {
    background: #fff;
    margin: 0;
    border-bottom: 1px solid #eaeaea;
    min-height: 35px;
    height: 35px;
    overflow: hidden;
}

div.item-list-tabs ul li.feed a {
    /*background: url( ../images/rss.png ) center left no-repeat;*/
    padding-left: 20px;
}

/* > Item Body
-------------------------------------------------------------- */

.item-body {
    margin: 20px 0;
}

span.activity, div#message p {
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    background: #FFF9DB;
    border-bottom: 1px solid #FFE8C4;
    border-right: 1px solid #FFE8C4;
    color: #ffa200;
    padding: 1px 8px;
    margin-top: 6px;
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/* > Directories (Members, Groups, Blogs, Forums)
-------------------------------------------------------------- */

div.dir-search {
    float: right;
    margin: -37px 0 0 0;
}
div.dir-search input[type=text] {
    padding: 4px;
    font-size: 12px;
}

/* > Pagination
-------------------------------------------------------------- */

div.game-pagination {
    margin: 0 -15px 1em -15px;
    border-bottom: 1px solid #eaeaea;
}

div.game-pagination div.gray {
    color: #888;
    font-size: 100%;
    line-height: 26px;
}


div.game-pagination#user-pag, .friends div.game-pagination,
.mygroups div.game-pagination, .myblogs div.game-pagination, noscript div.game-pagination {
    background: #f8f8f8;
    border: none;
    padding: 8px 15px;
}

div.game-pagination .pag-count {
    float: left;
}

div.game-pagination .pagination-links {
    float: right;
}
div.game-pagination .pagination-links span,
div.game-pagination .pagination-links a {
    font-size: 100%;
    padding: 0 5px;
}
div.game-pagination .pagination-links a:hover {
    font-weight: bold;
}

div.game-pagination .pagination-links-bottom {
    float: left;
}


/* > Error / Success Messages
-------------------------------------------------------------- */

div#message {
    margin: 15px 0;
}
div#message.updated { clear: both; }

div#message p {
    padding: 10px 15px;
    font-size: 12px;
    display:block;
}
div#message.error p {
    background: #e41717;
    color: #fff;
    border-color: #a71a1a;
    clear: left;
}

div#message.updated p {
    background: #dffcd9;
    color: #1a9b00;
    border-color: #c4e9bd;
}

div.error {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 6px;
    width: 90%;
    margin: 0 0 10px 0;

    background-color: #FFF6BF;
    border: 1px solid #E8AAAD;

    padding-left: 50px;
    color: #B50007;
    /*background: rgb(249, 229, 230) url(/images/error.png) no-repeat 10px 50%;*/
}

/* > Input Forms
-------------------------------------------------------------- */

form.standard-form {

}
form.standard-form textarea, form.standard-form input[type=text],
form.standard-form select, form.standard-form input[type=password],
.dir-search input[type=text] {
    border: 1px inset #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 6px;
    font: inherit;
    font-size: 14px;
    color: #888;
}
form.standard-form select {
    padding: 3px;
}

form.standard-form input[type=password] {
    margin-bottom: 5px;
}

form.standard-form label, form.standard-form span.label {
    display: block;
    font-weight: bold;
    margin: 15px 0 5px 0;
}
form.standard-form div.checkbox label,
form.standard-form div.radio label {
    font-weight: normal;
    margin: 5px 0 0 0;
    font-size: 14px;
    color: #888;
}

form.standard-form#sidebar-login-form label {
    margin-top: 5px;
}

form.standard-form input[type=text] {
    width: 75%;
}
form.standard-form#sidebar-login-form input[type=text],
form.standard-form#sidebar-login-form input[type=password] {
    padding: 4px;
    width: 95%;
}

form.standard-form #basic-details-section input[type=password],
form.standard-form #blog-details-section input#signup_blog_url {
    width: 35%;
}

#signup_form input[type=text],
#signup_form textarea {
    width: 90%;
}

div#signup-avatar img { margin: 0 15px 10px 0; }

form.standard-form textarea {
    width: 75%;
    height: 120px;
}
form.standard-form textarea#message_content {
    height: 200px;
}

form.standard-form#send-reply textarea {
    width: 97.5%;
}

form.standard-form p.description {
    font-size: 11px;
    color: #888;
    margin: 5px 0;
}

form.standard-form div.submit {
    padding: 15px 0;
    clear: both;
}
form.standard-form div.submit input {
    margin-right: 15px;
}

form.standard-form div.radio ul {
    margin: 10px 0 15px 38px;
    list-style: disc;
}
form.standard-form div.radio ul li {
    margin-bottom: 5px;
}

form.standard-form a.clear-value {
    display: block;
    margin-top: 5px;
    outline: none;
}

#basic-details-section, #blog-details-section,
#profile-details-section {
    float: left;
    width: 48%;
}
#profile-details-section { float: right; }
#blog-details-section {
    clear: left;
}

form.standard-form input:focus, form.standard-form textarea:focus, form.standard-form select:focus {
    background: #fafafa;
    color: #555;
}

form#send-invite-form {
    margin-top: 20px;
}
div#invite-list {
    height: 400px;
    overflow: scroll;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
    background: #f5f5f5;
    width: 160px;
    border: 1px solid #e4e4e4;
    margin: 10px 0;
}


/* > Data Tables
-------------------------------------------------------------- */

table {
    width: 100%;
}
table#message-threads {
    margin: 0 -20px;
    width: auto;
}

table.profile-fields { margin-bottom: 20px; }

div#sidebar table {
    margin: 0 -16px;
    width: 117%;
}

table tr td, table tr th {
    padding: 8px;
    vertical-align: middle;
}
table tr td.label {
    border-right: 1px solid #eaeaea;
    font-weight: bold;
    width: 25%;
}

table tr td.thread-info p { margin: 0; }

table tr td.thread-info p.thread-excerpt {
    color: #888;
    font-size: 11px;
    margin-top: 3px;
}

div#sidebar table td, table.forum td { text-align: center; }

table tr.alt {
    background: #f4f4f4;
}

table.notification-settings {
    margin-bottom: 20px;
    text-align: left;
}
table.notification-settings th.icon, table.notification-settings td:first-child { display: none; }
table.notification-settings th.title { width: 80%; }
table.notification-settings .yes, table.notification-settings .no { width: 40px; text-align: center; }

table.forum {
    margin: -9px -20px 20px -20px;
    width: auto;
}
table.forum tr:first-child {
    background: #fafafa;
}

table.forum tr.sticky td {
    background: #FFF9DB;
    border-top: 1px solid #FFE8C4;
    border-bottom: 1px solid #FFE8C4;
}

table.forum tr.closed td.td-title {
    padding-left: 35px;
    /*background-image: url( ../images/closed.png );*/
    background-position: 15px 50%;
    background-repeat: no-repeat;
}

table.forum td p.topic-text {
    color: #888;
    font-size: 11px;
}

table.forum tr > td:first-child, table.forum tr > th:first-child {
    padding-left: 15px;
}

table.forum tr > td:last-child, table.forum tr > th:last-child {
    padding-right: 15px;
}

table.forum tr th#th-title, table.forum tr th#th-poster,
table.forum tr th#th-group, table.forum td.td-poster,
table.forum td.td-group, table.forum td.td-title { text-align: left; }

table.forum td.td-freshness {
    font-size: 11px;
    color: #888;
}

table.forum td img.avatar {
    margin-right: 5px;
}

table.forum td.td-poster, table.forum td.td-group  {
    min-width: 130px;
}

table.forum th#th-title {
    width: 40%;
}

table.forum th#th-postcount {
    width: 1%;
}

/* > Activity Stream Posting
-------------------------------------------------------------- */
/*
form#whats-new-form {
    margin-bottom: 5px;
    border-bottom: 1px solid #f0f0f0;
    overflow: hidden;
    padding-bottom: 20px;
}
#item-body form#whats-new-form {
    margin-top: 20px;
    border: none;
}

.home-page form#whats-new-form {
    border-bottom: none;
    padding-bottom: 0;
}

form#whats-new-form h5 {
    margin: 0;
    font-weight: normal;
    font-size: 12px;
    color: #888;
    margin-left: 76px;
    padding: 0 0 3px 0;
}

form#whats-new-form #whats-new-avatar {
    float: left;
}

form#whats-new-form #whats-new-content {
    margin-left: 54px;
    padding-left: 22px;
}

form#whats-new-form #whats-new-textarea {
    padding: 8px;
    border: 1px inset #ccc;
    background: #fff;
    margin-bottom: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
form#whats-new-form textarea {
    width: 100%;
    height: 60px;
    font-size: 14px;
    font-family: inherit;
    color: #555;
    border: none;
    margin: 0;
    padding: 0;
}

form#whats-new-form #whats-new-options select {
    max-width: 200px;
}

form#whats-new-form #whats-new-submit {
    float: right;
    margin: 0;
}
*/

/* > Activity Stream Listing
-------------------------------------------------------------- */

ul.activity-list li {
    padding: 20px 0 0 0;
    overflow: hidden;
}
ul.activity-list > li:first-child {
    padding-top: 5px;
}

ul.activity-list li.has-comments {
    padding-bottom: 5px;
    padding-top: 15px;
}

.activity-list li.mini {
    position: relative;
    font-size: 11px;
    min-height: 35px;
    padding: 12px 0 0 0;
}
.activity-list li.mini div.activity-meta {
    margin: 0;
}

.activity-list li.mini div.activity-meta a {
    padding: 3px 8px;
}

.activity-list li.mini .activity-avatar img.avatar,
.activity-list li.mini .activity-avatar img.FB_profile_pic {
    width: 20px;
    height: 20px;
    margin-left: 36px;
}
.activity-list li.activity_comment .activity-avatar img.avatar,
.activity-list li.activity_comment .activity-avatar img.FB_profile_pic {
    width: 40px;
    height: 40px;
    margin-left: 20px;
}

body.activity-permalink .activity-list li .activity-avatar img.avatar,
body.activity-permalink .activity-list li .activity-avatar img.FB_profile_pic {
    width: 100px;
    height: 100px;
    margin-left: 0;
}

.activity-list li.mini .activity-content {
    margin-right: 175px;
}

.activity-list li.mini .activity-content p {
    margin: 0;
    float: left;
}

.activity-list li.mini .activity-meta {
    position: absolute;
    right: 0;
}
body.activity-permalink .activity-list li.mini .activity-meta {
    position: absolute;
    right: 15px;
}

.activity-list li.mini .activity-comments {
    clear: left;
    font-size: 12px;
    margin-top: 30px;
}

.activity-list li .activity-inreplyto {
    font-size: 11px;
    color: #888;
    margin-left: 70px;
    margin-bottom: 15px;
    padding-left: 25px;
    /*background: url( ../images/replyto_arrow.gif ) 7px 0 no-repeat;*/
}
.activity-list li .activity-inreplyto > p {
    margin: 0;
    display: inline;
}

.activity-list li .activity-inreplyto blockquote,
.activity-list li .activity-inreplyto div.activity-inner {
    background: none;
    border: none;
    display: inline;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.activity-list .activity-avatar img {
    width: 60px;
    height: 60px;
}
body.activity-permalink .activity-list .activity-avatar img {
    width: 100px;
    height: 100px;
}

.activity-list .activity-content {
    margin-left: 70px;
}
body.activity-permalink .activity-list li .activity-content {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    padding: 15px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-left: 135px;
    font-size: 16px;
    line-height: 150%;
    min-height: 35px;
    margin-right: 0;
}
body.activity-permalink .activity-list li .activity-header > p {
    /*background: url( ../images/activity_arrow.gif ) top left no-repeat;*/
    margin-left: -35px;
    padding: 5px 0 0 38px;
    height: 35px;
    margin-bottom: 0;
}

.activity-list .activity-content .activity-header,
.activity-list .activity-content .comment-header {
    font-size: 11px;
    color: #888;
    line-height: 220%;
}

.activity-list .activity-header a:first-child, span.highlight, a.highlight {
    background: #EBF7FF;
    border-bottom: 1px solid #a1dcfa;
    border-right: 1px solid #a1dcfa;
    color: #059AE7;
    padding: 3px 8px;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-right: 3px;
}

.activity-list .activity-header a:first-child:hover, a.highlight:hover {
    background: #059AE7 !important;
    color: #fff !important;
}
.activity-list .activity-content a:first-child:focus { outline: none; }

.activity-list .activity-content span.time-since {
    color: #bbb;
}

.activity-list .activity-content span.activity-header-meta a {
    background: none;
    padding: 0;
    font-size: 11px;
    margin: 0;
    border: none;
    color: #aaa;
    text-decoration: underline;
}
.activity-list .activity-content span.activity-header-meta a:hover {
    color: inherit;
    text-decoration: none;
}

.activity-list .activity-content .activity-inner,
.activity-list .activity-content blockquote {
    margin: 15px 0 15px 5px;
    overflow: hidden;
}
body.activity-permalink .activity-content .activity-inner,
body.activity-permalink .activity-content blockquote {
    margin-top: 5px;
}

/* Backwards compatibility. */
.activity-inner > .activity-inner { margin: 0 !important; }
.activity-inner > blockquote { margin: 0 !important; }

.activity-list .activity-content img.thumbnail {
    float: left;
    margin: 0 10px 5px 0;
    border: 2px solid #eee;
}

.activity-list li.load-more {
    margin: 15px  0 !important;
    padding: 10px 15px !important;
    background: #f0f0f0 !important;
    text-align: center;
    font-size: 1.2em;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.activity-list li.load-more a {
    color: #555;
}

/* > Activity Stream Comments
-------------------------------------------------------------- */

div.activity-meta {
    margin: 0 0 20px 3px;
    clear: left;
}

.activity-list div.activity-meta a {
    font-size: 11px;
    background: #f4f4f4;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    color: #999;
    padding: 4px 8px;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-right: 3px;
}
.activity-list div.activity-meta a.acomment-reply {
    background: #FFF9DB;
    border-bottom: 1px solid #FFE8C4;
    border-right: 1px solid #FFE8C4;
    color: #ffa200;
}

div.activity-meta a:focus { outline: none; }
div.activity-meta a:hover {
    background: #aaa;
    color: #fff;
    border-color: #aaa;
}
div.activity-meta a.acomment-reply:hover {
    background: #f7740a;
    color: #fff;
    border-color: #f7740a;
}

div.activity-comments {
    position: relative;
    margin: 0 0 0 75px;
    width: auto;
    overflow: hidden; /* IE fix */
}

body.activity-permalink div.activity-comments {
    width: auto;
    margin-left: 135px;
    background: none;
}

div.activity-comments > ul {
    background: #f5f5f5;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
div.activity-comments ul, div.activity-comments ul li {
    border: none;
    list-style: none;
}

div.activity-comments ul {
    clear: left;
}

div.activity-comments ul li {
    border-top: 2px solid #fff;
    padding: 10px 15px 10px 0;
    margin-left: 15px;
}
body.activity-permalink div.activity-comments ul li {
    border-width: 1px;
    padding: 15px 0 15px 0;
}

div.activity-comments ul li p:last-child {
    margin-bottom: 0;
}

div.activity-comments > ul > li:first-child {
    border-top: none;
}

div.activity-comments ul li:last-child {
    margin-bottom: 0;
}

div.activity-comments ul li > ul {
    margin-top: 5px;
    margin-left: 25px;
}
body.activity-permalink div.activity-comments ul li > ul {
    margin-top: 15px;
}

div.activity-comments div.acomment-avatar img {
    border-width: 2px !important;
    float: left;
    margin-right: 10px;
}

div.activity-comments div.acomment-content {
    font-size: 11px;
    margin-left: 39px;
    margin-top: 5px;
}
div.acomment-content .time-since { display: none; }
div.acomment-content .activity-delete-link { display: none; }
div.acomment-content .comment-header { display: none; }

body.activity-permalink div.activity-comments div.acomment-content {
    font-size: 14px;
}

div.activity-comments div.acomment-meta {
    font-size: 11px;
    color: #888;
}

div.activity-comments form.ac-form {
    display: none;
    margin: 10px 0 10px 33px;
    background: #eee;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 8px;
}
div.activity-comments li form.ac-form {
    margin-right: 15px;
}

div.activity-comments form.root {
    margin-left: 0;
}

div.activity-comments div#message {
    margin-top: 15px;
    margin-bottom: 0;
}

div.activity-comments form.loading {
    /*background-image: url( ../images/ajax-loader.gif );*/
    background-position: 2% 95%;
    background-repeat: no-repeat;
}

div.activity-comments form .ac-textarea {
    padding: 8px;
    border: 1px inset #ccc;
    background: #fff;
    margin-bottom: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
div.activity-comments form textarea {
    width: 100%;
    font-family: inherit;
    font-size: 11px;
    color: #555;
    height: 60px;
    border: none;
    padding: 0;
}
div.activity-comments form input {
    margin-top: 5px;
}

div.activity-comments form div.ac-reply-avatar {
    float: left;
}
div.ac-reply-avatar img {
    border: 2px solid #fff !important;
}

div.activity-comments form div.ac-reply-content {
    margin-left: 25px;
    padding-left: 15px;
    color: #888;
    font-size: 11px;
}

/* > Private Message Threads
-------------------------------------------------------------- */

table#message-threads tr.unread td {
    background: #FFF9DB;
    border-top: 1px solid #FFE8C4;
    border-bottom: 1px solid #FFE8C4;
    font-weight: bold;
}
table#message-threads tr.unread td span.activity {
    background: #fff;
}

li span.unread-count, tr.unread span.unread-count {
    background: #dd0000;
    padding: 2px 8px;
    color: #fff;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
div.item-list-tabs ul li a span.unread-count {
    padding: 1px 6px;
    color: #fff;
}

div.messages-options-nav {
    font-size: 11px;
    background: #eee;
    text-align: right;
    margin: 0 -20px;
    padding: 5px 15px;
}

div#message-thread div.message-box {
    margin: 0 -20px;
    padding: 15px;
}
div#message-thread div.alt {
    background: #f4f4f4;
}

div#message-thread p#message-recipients {
    margin: 10px 0 20px 0;
}

div#message-thread img.avatar {
    float: left;
    margin: 0 10px 0 0;
    vertical-align: middle;
}

div#message-thread strong {
    margin: 0;
    font-size: 16px;
}
div#message-thread strong a {
    text-decoration: none;
}

div#message-thread strong span.activity {
    margin: 4px 0 0 10px;
}

div#message-thread div.message-metadata {
    overflow: hidden;
}

div#message-thread div.message-content {
    margin-left: 45px;
}

div#message-thread div.message-options {
    text-align: right;
}

/* > Group Forum Topics
-------------------------------------------------------------- */

ul#topic-post-list {
    margin: 15px -20px;
    width: auto;
}
ul#topic-post-list li {
    padding: 15px;
    position: relative;
}

ul#topic-post-list li.alt {
    background: #f4f4f4;
}

ul#topic-post-list li div.poster-meta {
    margin-bottom: 10px;
    color: #888;
}

ul#topic-post-list li div.post-content {
    margin-left: 54px;
}

div.admin-links {
    position: absolute;
    top: 15px;
    right: 25px;
    color: #888;
    font-size: 11px;
}
div#topic-meta div.admin-links {
    bottom: 0;
    right: 0;
    top: auto;
}

div#topic-meta {
    position: relative;
    padding: 5px 0;
}
div#topic-meta h3 {
    font-size: 20px;
}

div#new-topic-post {
    margin: 0;
    padding: 1px 0 0 0;
}

/* > WordPress Blog Styles
-------------------------------------------------------------- */

div.post {
    margin: 0 0 40px 0;
    overflow: hidden;
}
div.post h2.pagetitle, div.post h2.posttitle {
    margin: 0;
    line-height: 120%;
}
div.post h2.pagetitle a, div.post h2.posttitle a {
    color: #666;
    text-decoration: none;
}

.navigation, .paged-navigation, .comment-navigation {
    overflow: hidden;
    font-family: georgia, times, serif;
    font-style: italic;
    font-size: 14px;
    padding: 5px 0;
    margin: 5px 0 25px 0;
}
.alignright {
    float: right;
    margin-left: 15px;
}

.alignleft {
    float: left;
    margin-right: 15px;
}

div.post p { margin: 0 0 20px 0; }
div.post ul, div.post ol, div.post dl { margin: 0 0 18px 1.5em; }
div.post ul { list-style: square; }
div.post ol { list-style: decimal; }
div.post ol ol { list-style: upper-alpha; }
div.post dl { margin-left: 0; }
div.post dt { font-size: 14px; font-weight: bold; }
div.post dd { margin: 0 0 15px 0;}

div.post pre, div.post code p {
    padding: 15px;
    background: #f4f4f4;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

div.post code { font-family: "Monaco", courier, sans-serif; }
div.post blockquote {
    quotes: none;
    font-style:italic;
    padding:0 3em;
    font-family: georgia, times, serif;
    font-size: 16px;
    line-height: 150%;
}

div.post table {
    border-collapse:collapse;
    border-spacing:0;
    border: 1px solid #eee;
}
div.post table th { border-top: 1px solid #eee; text-align: left; }
div.post table td { border-top: 1px solid #eee; }

div.post div.author-box, div.comment-avatar-box {
    background: #f0f0f0;
    padding: 0;
    float: left;
    margin: 0;
    font-family: georgia, times, serif;
    font-style: italic;
    text-align: center;
    width: 50px;
}
div.author-box p, div.comment-avatar-box p { margin: 5px 0 0; }
div.author-box a, div.comment-avatar-box a { text-decoration: none; }

div.post div.author-box img, div.comment-avatar-box img {
    float: none;
    border: 4px solid #fff;
    margin: 0;
}

div.post div.post-content, div.comment-content {
    margin-left: 105px;
}

div.post p.date, div.post p.postmetadata, div.comment-meta, div.comment-options {
    color: #888;
    font-size: 12px;
    font-family: Georgia, times, serif;
    padding: 3px 0;
    margin: 10px 0;
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
}

div.post p.postmetadata {
    margin-top: 15px;
    clear: left;
    overflow: hidden;
}

div.post .tags { float: left; }
div.post .comments { float: right; }

div.post img { margin-bottom: 15px; }
div.post img.wp-smiley { padding: 0 !important; margin: 0 !important; border: none !important; float: none !important; clear: none !important; }

div.post img.centered, img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

div.post img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}

div.post img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}

div.post .aligncenter, div.post div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

div.post .wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

div.post .wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

div.post dd.wp-caption p.wp-caption-text, div.post .wp-caption p.wp-caption-text {
    font-size: 0.9em;
    line-height: 17px;
    padding: 0 4px 5px 0;
    margin: 0;
}

/* > WordPress Blog Comment Styles
-------------------------------------------------------------- */

#trackbacks {
    margin-top: 30px;
}

#comments h3, #trackbacks h3, #respond h3 {
    font-size: 20px;
    margin: 5px 0 25px 0;
    font-weight: normal;
    color: #555;
}

#comments span.title, #trackbacks span.title {
    color: #aaa;
}

ol.commentlist li {
    margin: 0 0 30px 0;
}

div.comment-meta {
    border-top: none;
    padding-top: 0;
}

div.comment-meta h5 {
    font-weight: normal;
}

div.comment-meta em {
    float: right;
}

div.comment-options {
    border-bottom: none;
}

/* > Footer
-------------------------------------------------------------- */

#footer {
    padding: 25px;
    text-align: center;
    color: #bbb;
    text-shadow: #fafafa 1px 1px 0;
}
#footer a {
    color: #bbb;
}






#slidebox {
    -moz-box-shadow: -2px 0 5px #AAAAAA;
    background-color: #FFFFFF;
    border-top: 3px solid #222222;
    bottom: 0;
    height: 160px;
    padding: 10px;
    position: fixed;
    right: -430px;
    width: 400px;
}
#slidebox i {
    color: #777777;
    display: block;
    padding-bottom: 10px;
}
#slidebox img {
    float: left;
    margin-right: 10px;
}
#slidebox p, #slidebox p a {
    /*color: #444444;*/
    /*font-size: 18px;*/
    /*letter-spacing: -1px;*/
    /*text-decoration: none;*/
}
#slidebox p a.text:hover {
    color: #999999;
}
#slidebox a.more {
    /*color: #88A200;*/
    /*font-size: 11px;*/
}
#slidebox a.more:hover {
    text-decoration: none;
}
#slidebox a.close {
    border: 1px solid #AAAAAA;
    color: #000000;
    float: right;
    font-size: 11px;
    font-weight: bold;
    line-height: 10px;
    padding: 0 1px;
    text-decoration: none;
}


.game-teaser { width: 100%; border-radius: 6px; }
.share-buttons { height: 50px; }

.review {
    margin:0 0 0.5em 0;
}

.review ul{
    list-style: square outside;
    padding-right: 4em;
}



.game-info {
    width: 100%;
    margin: 1rem 0;
    padding: 1rem 1rem 1rem 0;

    border: 0 solid black;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    background-color: #F7F7F7;
    color: #333333;
    font-size: 16px;
}

@media (min-width: 768px) {
    .game-info {
        width: 90%;
        margin: 1em 2em;
        padding: 1em 3em 1em 1em;
    }
}





.game-info p, ul, li{
    margin: 0;
}

.game-info p {
    margin-bottom: 1em;
    margin-left: 3em;
}


.game-info ul>li {
    /*font-family: Georgia, serif;*/
    list-style: square outside;
    margin-left: 20px;
}

.game-info ol {
    font-family: Georgia, serif;
    list-style: decimal;
    margin-left: 20px;
}

.game-info ul>li p { margin-left: 0; }


.gray { color: #999; }


div.motto {
    font: normal 120% "Calibri", Verdana, Tahoma, Arial, sans-serif;
    font-style:italic;
    margin-bottom:0.5em;
}



div.span-mark, div.span-mark-long {
    font-family: "Calibri", Verdana, Tahoma, Arial, sans-serif;
    border: 3px solid #e25b32;
    color: #e25b32;

    -moz-border-radius: 50%;
    -ms-webkit-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    font-size: 24px;
    font-weight: 600;
    height: 38px;

    float: left;
    /*    left: 0;
        top: 8px;*/

    line-height: 32px;
    /*position: absolute;*/
    text-align: center;
    width: 38px;
    margin-right: 0.5em;
    margin-bottom: 1em;
}

div.span-mark-long {
    font-size: 18px;
}


div.numblocks {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    clear: both;
}

div.mark-text { min-height: 50px;}














.thick-border-box__container {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 0.7em;
    background: #e8e8e8;
    margin-bottom: 1.4em;
    width: 190px;
}


.thick-border-box {
    padding: 1.4em 0.5em;
    background: white;
    text-align: center;
}













/* Inherit the default theme adminbar styles */
/*( /css/adminbar.css );*/

table {
	border-width: 0;
	/*border-spacing: ;*/
	border-style: outset;
	border-color: white;
	border-collapse: collapse;
	background-color: white;
}
table th {
	border-width: 0;
	padding: 0;
	border-style: inset;
	border-color: white;
	background-color: white;
}
table tr td {
	border-width: 0;
	padding: 0;
	border-style: inset;
	border-color: white;
	background-color: white;
	vertical-align:top;
}


.game_title {
    z-index:4;
	position: absolute;
    margin-top: -3px;
    font: bold 25px/27px "Calibri", Verdana, Tahoma, Arial;
    border-left: 14px solid #fff;
    left: 0;
    width: 500px;
    padding: 6px 0 7px;
}

.game_title a {
	color:#1FB3DD;
	background:#fff;
	padding:7px 0 5px;
    border-left: 1px solid transparent
}

.game_title span {
	position:relative; margin-left:-1px; left:-5px; padding:0 1px 0 0; 
}

.game_title a:hover span {
	text-decoration:underline;
}
				
.game_image {
	position:relative; overflow:hidden; 
	/*width:100%;*/
}


.teaser_ads {
	float: left;
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px solid #ddd;
}




/* -- tags --*/
.tags {
}
.tags a {
	text-decoration: none;
}
.tags big {
	font: bold 1.182em Arial,Helvetica;
}
.tags big a:hover {
	text-decoration: underline;
}

.system { margin: 0; }
ul.system-requirements {
    list-style: square outside;
}
					
					
					
/* -- interested --*/
.b-interestedmat {
	padding-bottom:20px;
	}
	.b-interestedmat .s-title {
		padding-bottom:12px;
		}
	.b-interestedmat-ph {
		float:left; padding-right:15px; margin-top:3px;
		}
	.b-interestedmat-txt {
		overflow:hidden;
		}
	.b-interestedmat__ul {
		padding-bottom:5px;
		padding:0;
		}
	.b-interestedmat h3 {
		line-height:1.133em;
		margin:0;
		}
	.b-interestedmat__ul li {
		margin-bottom: 10px;
		}
	.b-interestedmat p {
		padding:5px 0 7px;
		margin:0;
		}
	.b-interestedmat__ul li:after {
		content:".";display:block;font-size:1px;height:0;clear:both;visibility:hidden;
		}
/* -- / interested --*/					

#member-info ul {
	float: left;
	display: block;
}

#member-info ul li{
	list-style: disc;
}


#logo {
	font-size: 28px; margin-bottom: 25px;
}


.op__text ul {
	padding-left: 3em;
	margin-top: -1em;
}

.op__text ul li {
	
	list-style: disc;
}







.main_image {
    /*
    width: 550px;
    height: 280px;
    float: left;
    position: relative;
    overflow: hidden;
    */
    background: #333;
    color: #fff;
}
.main_image h2 {
    font-size: 1.4em;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 10px 0 0 10px;
}
.main_image p {
    font-size: 0.8em;
    line-height: 1.4em;
    padding: 10px;
    margin: 0;
}
.block small { /*--We'll be using this same style on our thumbnail list--*/
    font-size: 0.8em;
    padding: 0 0 0 20px;
    /*background: url(/images/icon_calendar.gif) no-repeat 0 center;*/
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
    width: 100%;
    background: #111;
    border-top: 1px solid #000;
}
.main_image a.collapse { /*--This is our hide/show tab--*/
    height: 27px;
    width: 93px;
    text-indent: -99999px;
    position: absolute;
    top: -27px;
    right: 20px;
}
.main_image a.show { background-position: left bottom; }






.image_thumb {
    float: left;
    width: 299px;
    background: #f0f0f0;
    border-right: 1px solid #fff;
    border-top: 1px solid #ccc;
}
.image_thumb img {
    border: 1px solid #ccc;
    padding: 5px;
    background: #fff;
    float: left;
}
.image_thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.image_thumb ul li{
    margin: 0;
    padding: 12px 10px;
    width: 279px;
    float: left;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-right: 1px solid #ccc;
}
.image_thumb ul li.hover { /*--Hover State--*/
    background: #ddd;
    cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
    background: #fff;
    cursor: default;
}
html .image_thumb ul li h2 {
    font-size: 1em;
    margin: 5px 0;
    padding: 0;
}
.image_thumb ul li .block {
    float: left;
    margin-left: 10px;
    padding: 0;
    width: 170px;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/











#nav li a:visited {
    color: #1fb3dd;
    text-decoration: none;
}






.game-synopsys { padding-top: 1em; }


div.download_btn {
    position: relative;width: 240px; height: 55px;
}


div.download_btn a.download_link { position: absolute; text-decoration: none; top:6px; left:20px; width: 180px;  }
div.download_btn a.download_link h2,
div.download_btn a.download_link span
{ font-size: 140%; font-family: Arial, sans-serif; margin: 0; text-decoration: underline; color: #1fb3dd; }
div.download_btn a.download_link div { position: absolute; top: 20px; left: 0; font-size: 70%; color: gray;}


div#download { margin-bottom: 1em; }

div.gray-block {
    clear: left;
    overflow: hidden;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
    background-color: #eaeaea;

}

span.platform::before, span.platform::after { content: " "; }
span.platform { padding-right: 0.5em; }


/* wp admin bar */

body {
    padding-top: 25px;
}


#wp-admin-bar {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    height: 25px;
    font-size: 11px;
    width: 100%;
    z-index: 1000;
}
#wp-admin-bar .padder {
    position: relative;
    padding: 0;
    width: 100%;
    margin: 0 auto;
    height: 25px;
}
body#bp-default #wp-admin-bar .padder {
    min-width: 960px;
    max-width: 1050px; /* v1=1250 v2=1050 */
}

body#bp-default.activity-permalink #wp-admin-bar .padder {
    min-width: 960px;
    max-width: 960px;
}

#wp-admin-bar * { z-index: 999; }

#wp-admin-bar div#admin-bar-logo {
    position: absolute;
    top: 5px;
    left: 10px;
}

#wp-admin-bar a img {
    border: none;
}

#wp-admin-bar li {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 100%;
    text-align: left;
}

#wp-admin-bar li a {
    padding: 7px 15px 7px 15px;
    color: #eee;
    text-decoration: none;
    font-size: 11px;
}
#wp-admin-bar li.alt { border: none; }

#wp-admin-bar li.no-arrow a {
    padding-right: 15px;
}

#wp-admin-bar ul li ul li a span {
    display: none;
}

#wp-admin-bar li:hover, #wp-admin-bar li.hover {
    position: static;
}

#admin-bar-logo {
    float: left;
    font-weight: bold;
    font-size: 13px;
    padding: 5px 8px;
    margin: 0;
    text-decoration: none;
    color: #fff;

    font-family:Cambria;text-transform:uppercase;letter-spacing:1px;
}
body#bp-default #admin-bar-logo { padding: 2px 8px 2px 18px; }

/*******************/

#wp-admin-bar ul { /* all lists */
    margin: 0;
    list-style: none;
    line-height: 1;
    cursor: pointer;
    height: auto;
    padding: 0;
}

#wp-admin-bar ul li { /* all list items */
    padding: 0;
    float: left;
    position: relative;
    background: url( ../images/admin-menu-arrow.gif ) 88% 53% no-repeat;
    padding-right: 11px;
}
#wp-admin-bar ul li.no-arrow {
    background: none;
    padding-right: 0;
}

#wp-admin-bar ul li ul li {
    background-image: none;
}

#wp-admin-bar ul li.align-right {
    position: absolute;
    right: 0;
}

#wp-admin-bar ul li a {
    display: block;
}

#wp-admin-bar ul.main-nav li:hover, #wp-admin-bar ul.main-nav li.sfhover, #wp-admin-bar ul.main-nav li ul li.sfhover {
    background-color: #333;
}

/* second-level lists */

#wp-admin-bar ul li ul {
    position: absolute;
    width: 185px;
    left: -999em;
    margin-left: 0;
    background: #333;
    border: 1px solid #222;
    -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
}
#wp-admin-bar ul li > ul {
    border-top: none;
}

#wp-admin-bar ul li ul a {
    color: #eee;
}

#wp-admin-bar ul li ul li {
    float: left;
    width: 174px;
    margin: 0;
}
#wp-admin-bar ul li ul li:hover a {
    color: #fff;
}

#wp-admin-bar ul li div.admin-bar-clear {
    clear: both;
}

#wp-admin-bar ul.main-nav li ul li:hover, #wp-admin-bar ul.main-nav li ul li.sfhover, #wp-admin-bar ul.main-nav li ul li.sfhover {
    background-color: #222;
}

/* third-and-above-level lists */

#wp-admin-bar ul li ul ul {
    margin: -25px 0 0 184px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
#wp-admin-bar ul li ul li:hover ul li a {
    color: #eee;
}
#wp-admin-bar ul li ul li ul li:hover a {
    color: #fff;
}

#wp-admin-bar ul li:hover ul, #wp-admin-bar ul li ul li:hover ul, #wp-admin-bar ul li.sfhover ul, #wp-admin-bar ul li ul li.sfhover ul  {
    left: auto;
}

#wp-admin-bar ul li.align-right:hover ul {
    right: 0;
}

#wp-admin-bar ul li:hover ul ul, #wp-admin-bar li.sfhover ul li ul {
    left: -999em;
}

/* Menu item css */

#wp-admin-bar img.avatar {
    float: left;
    margin-right: 8px;
}

#wp-admin-bar span.activity {
    display: block;
    margin-left: 34px;
    padding: 0;
}

#wp-admin-bar ul.author-list li a { height: 17px; }

#wp-admin-bar ul li#bp-adminbar-notifications-menu a span {
    padding: 0 6px;
    margin-left: 2px;
    background: #fff;
    color: #000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}




.controller-icon { margin-right: 2px; vertical-align: baseline; }


.search input[type=text] {
    height: 40px;
    padding: 6px 6px;
    font-size: 1.4rem;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;

    width: 78%;
    margin-right: 2px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

.search .search-button {
    height: 38px;
    margin-bottom: 10px;
}

.btn {
    display: inline-block;
    padding: 3px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn:hover,
.btn:focus {
    color: #333333;
    text-decoration: none;
}

.btn:active,
.btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled] {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-default {
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
    color: #333333;
    background-color: #ebebeb;
    border-color: #adadad;
}

.btn-default:active,
.btn-default.active {
    background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
.btn-default.disabled.active,
.btn-default[disabled].active {
    background-color: #ffffff;
    border-color: #cccccc;
}




#header h1 a, #desc { color:#FFFFFF; }


div.digest-comment p:first-child { margin-top: 1em; }
div.digest-comment p { color: #999; font-size: 13px; }
.review-footer {
    font-size:11px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;
}

.review-footer span.review-rating {
    background-color: #ffaa91;
    border-radius: 3px;
    color: white;
    padding: 1px 2px;
    border: 1px solid #ffaa91;
}

.screenshot-counter {
    border: 2px solid #C7E4FF;
    border-radius: 6px;
    padding: 0.1em 0 0.1em 0.5em;

}

div.similar-games {
    /*background-color: #f4f4f4;*/
    background-image: radial-gradient(#f8f8f8 3px, transparent 0);
    background-size: 10px 10px;
    padding-top: 1em;
}

div.similar-games div div.game, ul.digest li {
    padding-bottom: 1.5em;
    line-height: 20px;
    color: #333333;
}

.similar-games div h2 { margin-bottom: 0.4em; line-height: 2.3rem; }

.portals h2, .main h2 { font-size: 22px; margin-bottom: 5px; }

ul.digest li.game, div.game {
    /*height: 200px;*/
    overflow: hidden;
    max-height: 200px;
}

ul.digest li.game a, div.game a {
    font-size: 18px;
    display: block;
}

ul.digest li.game a.img, div.game a.img {
    display: block;
    width: 230px;
    height: 120px;
}



.yellow-btn {
    font-family: Arial, serif;
    color: #000000;
    font-size: 20px;
    background: #e6c700;
    padding: 20px 70px 20px 70px;
    text-decoration: underline;
}

.yellow-btn:hover {
    background: #f7a500;
    text-decoration: none;
}


.w98 { width: 98%; }

.rating {
    margin-top: 0.2em;
    width: 85px;
    height: 15px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABpCAMAAACaulT6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYBQTFRF4uLiw8PDtJksuKRUx7uN8scp0tLS+MgVy8vL57gJvLy85uPZ/ulcw5sC/eNJ8PDxupUD991Hw61Qualt3d3dzsOWxLR80sqn3NfE9vX2/tIk6enp/v7/1qkC4t7P//Fb7+/v5cwl/eZb+fn5uJgYy6IDvKEy/OVWw6ck/tMz/+Q3w6UX2dK61M2z07kl/u1f27UY3bIF//Rh+M0vx7Rn8/X86tQ6zcOj/9w7//5otIsA//pj3cMq/upStJ1B8/HpxKs65tuyvp4U7Ong+Pr+rYQD+uyO9u645+v2vcTd9/j+y7Ai7vH+v7OI6OPP/tou8O7n89I+6ebf2tjV0LQW+Pj3+uV106wS48ov9NE22s+kr5Ig+vz+ro4Q89w9v61j9vTv8dNk8PH4/O9J7e3s+NY+v6908/T328Ac/Pz88O7e6+vrrH4A2uD0//Zozb188vTz8/Pz6urq+/v67+/y5ubmzsix1tHC6r4aza8L0dPd//9utJEHy8/d9PT0////huLtbwAAAIB0Uk5T/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wA4BUtnAAANvElEQVR42qSZ+0PayBbHE8IjvCPK+1lIAohAeVTwAdLobndLK67Ira0PdluLUru6wLLaq2v+9Xsmk2CS29q7Xn/ocvYMh2TmzGe+5wwh4r/TiKj5c2vNrZ7W1pkqm8D/iR15JuoB7364VJsJnt1V22GbWRPPbJvqAjatzrxqwEvWcmtX2UYuOlCZEXLhPgKKD3ZEE/Bc6Fgp1Yi/nIucT2Xz1yH+5b05tY1oWuWm6REZvg843o3NR7Mhthazn6Kfn+7GmtaKhb+K2bfQbO4Sr7lslhvE7GNpdhNj0hwmbAsnCTRLw0QCHjdsJsOJhBQwVRUyuTcVk2uu3Wrx78RPfC4jPK2YGssZsLdFr5DJ5Eymj65Cq5W5jBzSJE2ap4SboM0Q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');
    background-position-x: 0;
    background-repeat: no-repeat;
}
.rating_10 { background-position-y: -60px; } /* 5 */
.rating_9  { background-position-y: -45px; } /* 4.5 */
.rating_8  { background-position-y: -30px; } /* 4 */
.rating_7  { background-position-y: -15px; } /* 3.5 */
.rating_6  { background-position-y: 0; } /* 3 */

.rating_4  { background-position-y: -75px; } /* 2 */
.rating_2  { background-position-y: -90px; } /* 1 */

.rating_10_hover { background-position-y: -60px!important; } /* 5 */
.rating_8_hover  { background-position-y: -30px!important; } /* 4 */
.rating_6_hover  { background-position-y: 0!important; } /* 3 */
.rating_4_hover  { background-position-y: -75px!important; } /* 2 */
.rating_2_hover  { background-position-y: -90px!important; } /* 1 */

.rating ul { list-style: none; padding: 0; }
.rating ul li {overflow: hidden; display: inline;  margin: 0 1px 0 0; cursor: pointer; }
.rating ul li a { width: 15px; height: 15px; display: inline-block; }


table.meta-table {
    table-layout: fixed; width: 100%;
}
table.meta-table td { color: #999; }
table.meta-table td:first-child { width: 180px; overflow: hidden; }


.see-also { width:340px; }
.see-also ul { padding: 0; }

div.alphabet { background: #eaeaea; }
div.alphabet ul { text-align: center; }
div.alphabet ul li { width:3em; padding-left:0.4em; padding-right:0.4em; display: inline; }

.game-data {
    line-height: 20px;
    padding-left: 0;
}

.game-data h2 { font-size: 1.7em; }
.game-data h3 { font-size: 1.5em; margin-top: 0; font-weight: 500; }
.game-card { padding: 0.8em 1em; }


.rectangle {
    padding-left: 1em;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 350px;

    background: #47BA67;
    box-shadow: inset 0 -8px 0 #36A154;
    border-radius: 12px;
}

.rectangle h2 {
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 12px;
    font-family: Tahoma, sans-serif !important;
    font-size: 28px !important;
    letter-spacing: normal !important;
    line-height: 52px;
    font-weight: 900;
    overflow: hidden;
    /* identical to box height, or 124% */
    text-align: center;

    color: #FFFFFF;
}


.digest-review div img { width: 100%; }
.digest-review a { white-space: nowrap; }




#admin-overlay {
    position: fixed; /* Sit on top of the page content */
    display: none;
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 1); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
}



.home-menu {
    margin-top:-68px;
    background-color: black;
}

.home-menu div {
    opacity: 0.65;
    background-color: black;
    height: 1.7rem;
}

.home-menu div a {
    font-weight: bold;
    font-size: 15px;
    color: white;
    text-transform: uppercase;
    letter-spacing: 1px;

    text-decoration: underline;
    text-underline-offset: 1.5px;
    text-decoration-thickness: 1px;
    text-decoration-style: dashed;
    text-decoration-color: rgba(255, 255, 255, 0.75);
}

.home-menu div a:hover { text-decoration-color: rgba(255, 255, 255, 1); }