/*
    Copyright (c) 2008-2010 JEON
    All Rights Reserved
    http://www.jeon.com.au
*/

body {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
    font-size: 12px;
    background: #ddd;
}

#container {
    overflow: hidden;
    position: relative;
}

a {
    -o-transition-duration: .20s;
	-o-transition-property: color, background-color;
	-webkit-transition-duration: .20s;
	-webkit-transition-property: color, background;
}

/**
 * Top Links
 */

#container #toplinks {
    width: 100%;
    height: 25px;
    position: absolute;
    border-bottom: 1px solid #82afe9;
    background: #C7E0FF;
}

#container #toplinks_inner {
    margin: 0 auto;
    width: 970px;
}

#container #toplinks ul.left li {
    float: left;
}

#container #toplinks ul.right li {
    float: right;
}

#container #toplinks ul li {
    height: 20px;
    font-size: 11px;
}

#container #toplinks ul li.first a, #container #toplinks ul li.last a {
    padding: 6px;
}

#container #toplinks li a {
    text-decoration: none;
    color: #1b64bf;
    display: block;
    padding: 6px 8px;
}

#container #toplinks li a:hover {
    background: #2266BB;
    color: #ffffff;
}


strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

/**
 *  Old Browser Warning
 */

#old_browser_message {
    width: 100%;
    background: #7396C2;
    padding: 10px;
    overflow: hidden;
    color: #ffffff;
    font-weight: bold;
}

#old_browser_message img {
    float: left;
    margin-right: 5px;
}

#old_browser_message a {
    color: #ffffff;
}

#old_browser_message a:hover {
    background: #ffffff;
    color: #7396C2;
}

/**
 *  Header
 */


#header {
    width: 100%;
    height: 155px;
    background: #1B64BF url(/img/bg.png) repeat-x;  
    overflow: hidden;  
}

#header_inner {
    width: 970px;
    margin: 35px auto 0;
    position: relative;       
}

#header h1 {
    position: absolute;
    top: 6px;
}

#header h1 a {
    height: 0;
    overflow: hidden;
    background: url(/img/logo3.png) no-repeat;
    width: 212px;
    padding-top: 98px;
    display: block;
}

#header h2 {
    display: block;
    width: 210px;
    margin-top: 5px;
    color: #2266BB;
    font-size: 13px;
    letter-spacing: -1px;
    text-align: right;
    text-shadow: 0 1px 0 #ffffff;
    display: none;
}

#header .advertisement {
    width: 728px;
    height: 107px;
    right: 0;
    top: 5px;
    position: absolute;
}

.advertise {
    background: #ffffff none repeat scroll 0 0;
    bottom: 0;
    display: block;
    font-size: 10px;
    padding: 1px 5px;
    position: absolute;
    right: 0;
    font-size: 9px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.advertise a {
    color: #000000;
    text-decoration: none;
}

.advertise:hover {
    background: #cccccc;
}

#header #follow {
    width: 970px;
    height: 20px;
    padding: 8px 0 0;
    top: 108px;
    right: 0;
    text-align: right;
    position: absolute;
    color: #2b2b2b;
    font-size: 10px;
    text-shadow: 0 1px 0 #ffffff;
}

#header #follow img {
    float: right;
    margin-left: 10px;
}

#header #follow span {
    font-weight: bold;
}

#header #follow a {
    text-decoration: none;
    color: #e43333;
}

#header #follow a:hover {
    text-decoration: underline;
}

#header ul#user_cp {
    display: block;
    position: absolute;
    right: 0;
    top: 113px;
    width: 222px;
}

#header ul#user_cp a {
    height: 0;
    display: block;
    overflow: hidden;
    padding-top: 27px;
    width: 99px;
    float: left;
    margin-left: 12px;
}

#header ul#user_cp a.login {
    background: url(/img/login_button.png) no-repeat;
}

#header ul#user_cp a.register {
    background: url(/img/register_button.png) no-repeat;    
}

#nav {
    width: 100%;
    overflow: hidden;
    background: url(/img/navbar_bg.png) repeat-x 0 -10px;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);  
    border-bottom: 1px solid #AAAAAA;  
}

#nav_inner {
    margin: 0 auto;
    width: 970px;
    background: transparent url(/img/navbar_divider.png) no-repeat left;
    overflow: hidden;
}

#nav li {
    float: left;
}

#nav li a {
    color: #2b2b2b;
    text-decoration: none;
    font-size: 12px;
    text-shadow: 0 1px White;
    display: block;
    padding: 7px 12px;
	background: transparent url(/img/navbar_divider.png) no-repeat right;
}

#nav li.selected a, #nav li a:hover {
    color: #ffffff;
    text-shadow: 0 1px 0 #444444;
}

#nav li.selected, #nav li:hover {
    background: url(/img/navbar_highlight_bg.png) repeat-x; 
}

/*#header #nav li.selected a, #header #nav li a:hover {
    background: url(/img/navbar_highlight_bg.png) repeat-x;
    color: #ffffff;
    text-shadow: 0 1px 0 #444444;
}*/

/* search field - adapted from developer.apple.com */
#nav .nav_right {
    float: right;
    background: transparent url(/img/navbar_divider.png) no-repeat left;
    padding: 5px 0 5px 15px;
}

#nav .search_wrapper {
    width: 250px;
    position: relative;
}

#nav .search_wrapper input {
    width: 220px;
    background: url(/img/searchfield_repeat.png) repeat-x;
    margin-left: 20px;
    border: 0 none;
    height: 16px;
    padding-top: 3px;
    outline: 0 none;
    font-size: 11px;
}

#nav .search_wrapper .left {
    height: 19px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background: url(/img/searchfield_leftcap.png) no-repeat;
    width: 20px;
}

#nav .search_wrapper .right {
    height: 19px;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    background: url(/img/searchfield_rightcap.png) no-repeat;
    width: 10px; 
}

#nav .search_wrapper input.blur {
    color: #aaaaaa;
}

/**
 * Featured
 */

#featured {
    height: 205px;
    width: 100%;
    background: #454a50 url("/img/featured_bg.png") repeat-x;
}

#featured_title {
    text-transform: uppercase;
    width: 150px;
    height: 15px;
    padding: 3px 10px;
    border: 1px solid #b00000;
    background: url("/img/featured_title_bg.png") repeat-x;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

#featured #featured_inner {
    width: 970px;
    margin: 0 auto;
    height: 205px;
    position: relative;
    overflow: hidden;  
}

#featured_inner ul {
    width: 4000px;
    display: block;
    position: absolute;
}

#featured #featured_control {
    background: #666666;
    bottom: 7px;
    height: 14px;
    position: absolute;
    width: 966px;
    border: 1px solid #999999;
    -moz-border-radius: 3px;    
    -webkit-border-radius: 3px;    
}

#featured #featured_control #handle {
    width: 60px;
    height: 12px;
    position: absolute;
    left: 0;
    background: url('/img/feature_slider_handle_bg.png') repeat-x;
    cursor: pointer;
    -moz-border-radius: 3px;    
    -webkit-border-radius: 3px;
    border: 1px solid #82AFE9;
    outline: 0 none;
}

#featured #featured_control #handle:hover {
    background: url('/img/feature_slider_handle_active_bg.png') repeat-x;
}

#featured #featured_control #handle:active {
    border: 1px solid #26B;
}

#featured li {
    display: block;
    height: 165px;
    width: 225px;
    border-top: 1px solid #666666;
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
    border-bottom: 1px solid #ffffff;            
    margin: 8px 20px 0 0;
    position: relative;
    float: left;
    overflow: hidden;
	background: #ffffff;
}

#featured li:hover {
    border-bottom: 3px solid #FFBA00; 
}

#featured li.last {
    margin: 8px 0 0 0;
}

#featured li p {
    color: #7ab7ff;
    font-size: 10px;
    margin-top: 2px;
}

#featured li p a {
    color: #ffba00;
    text-decoration: none;
}

#featured li p a:hover {
    text-decoration: underline;
}

#featured li h3 a {
    color: #FFFFFF;
    display: block;
    font-family: "Georgia",serif;
    font-size: 14px;
    text-decoration: none;
}

#featured li h3 a:hover {
    text-decoration: underline;
}

#featured li .featured_content {
    padding: 8px;
    background: #0f59b5 url("/img/featured_item_bg.png") repeat-x;
    width: 209px;
    position: absolute;
    bottom: 0;
}

/**
 * Content
 */

#main {
    margin: 0 auto;
    width: 970px;
}

#content {
    width: 650px;
    float: left;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);    
}

#content #featured_container ul#featured_mininav {
    position: absolute;
    bottom: 10px;
    right: 0;
    height: 20px;
    width: 120px;
}

#content #posts .post .more-link {
    display: block;
    padding: 4px 7px;
    background-color: #e43333;
    color: #ffffff;
    font-size: 11px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;    
    border-radius: 3px;
    margin-top: 10px;
    float: right;
    border: 1px solid #e43333;
    clear: both;
}

#content #posts .post .more-link:hover {
    background-color: #ffffff;
    color: #e43333;
    border: 1px solid #cccccc;
}

ul#featured_mininav li {
    float: left;
}

ul#featured_mininav li a {
    width: 20px;
    height: 0;
    margin-right: 10px;
    padding-top: 20px;
    overflow: hidden;
    display: block;
    background: #ffffff;
}

ul#featured_mininav li.selected a {
    background: #e43333;
}

#content #posts {
   width: 6px;
   background: #ffffff url(/img/posts_bg.png) repeat-x;
   border-top: 1px solid #ffffff;
   min-height: 600px;
   padding: 5px;
   width: 660px;
   -webkit-border-bottom-right-radius: 5px;
   -webkit-border-bottom-left-radius: 5px;
   -moz-border-radius-bottomright: 5px;
   -moz-border-radius-bottomleft: 5px;   
   
}

#posts .post .feature_text {
    border-bottom: 2px solid #CCCCCC;
    display: block;
    height: 5px;
    margin-bottom: 6px;
    margin-left: 100px;
    width: 462px;
}

#posts .post .feature_text span {
    color: #666666;
    font-family: "Helvetica Neue",Helvetica;
    font-size: 10px;
    font-weight: bold;
    margin-left: -100px;
    position: absolute;
    text-transform: uppercase;
}

#posts .post {
    padding: 15px;
    -webkit-border-top-right-radius: 5px;
     -webkit-border-top-left-radius: 5px;
     -moz-border-radius-topright: 5px;
     -moz-border-radius-topleft: 5px;
     border: 1px solid #ffffff;
     background: url(/img/post_bg.png) repeat-x;
     position: relative;
     margin-bottom: 10px;
     overflow: hidden;
}

#posts .post h3 a, #posts .post h3.post-title {
    font-family: "Georgia", sans-serif;
    font-size: 28px;  
    color: #2266BB;
    text-decoration: none;
    max-width: 525px;
    text-shadow: 0 1px 0 #ffffff;
    display: block;
    font-weight: normal;
}

#posts .post img.avatar {
    
}

#posts .post.static h3 {
    margin-bottom: 10px;
}

#posts .post h3 a:hover {
    text-decoration: underline;
    color: #2b2b2b;    
}

#posts .post span.meta {
    color: #999999;
    font-size: 11px;
    margin: 4px 0 20px;
}

#posts .post span.meta a {
    font-weight: normal;
    color: #1B64BF;
}

#posts .post h2, #posts .post h4 {
    font-size: 18px;
    margin-top: 10px;
    font-family: "Georgia", sans-serif;
    color: #26B;
}

#posts .post h4 a, #posts .post p a {
    color: #e43333;
    text-decoration: none;
}

#posts .post h4 a:hover, #posts .post p a:hover {
    text-decoration: underline;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

#posts .post p {
    font-size: 12px;
    color: #2b2b2b;
    line-height: 18px;
    margin-top: 15px;
}

#posts .post.single p {
	font-size: 13px;
	line-height: 20px;
}

#posts .post.single h4, #posts .post.single h2 {
	font-size: 22px;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 5px;
}

#posts .post a {
    color: #e43333;
    text-decoration: none;    
}

#posts .post a:hover {
    text-decoration: underline;
}

#posts .post li {
    margin-bottom: 4px;
    line-height: 18px;
    list-style-type: disc;
    list-style-position: inside;
}

#posts .post ul {
    margin-top: 10px;
}

#posts .post .post_image {
    position: relative;
}

.post .post_image .image_credit {
    position: absolute;
    bottom: 3px;
    right: 3px;
    background: #000000;
    color: #ffffff;
    padding: 5px;
    font-size: 11px;
    display: none;
}

#posts .post .image {
    border-bottom: 1px solid #ffffff;
    background: #c5ccd2;
    float: right;
    margin-left: 15px;
    position: relative;
}

#posts .post img.feature {
    padding: 3px;
    border: 1px solid #dddddd;
}

#posts .post img.floatfeature {
    float: left;
    margin: 0 10px 10px 0;
}

#posts .post img.floatright {
    float: right;
    margin: 0 0 10px 10px;
}

.gallery-caption {
    font-size: 10px;
    color: #000000;
    width: 200px;
    padding-top: 10px;
}

.gallery dl {
    margin-bottom: 20px;
}

#posts .post img.lightborder {
    border: 1px solid #cccccc;
}

blockquote {
    background: #EEEEEE;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #7396C2;
    color: #666666;
    padding: 15px;
    text-shadow: 0 1px 0 #ffffff;
    margin-top: 10px;
}

/* social media sharing */

a[name="fb_share"] {
    position: absolute;
    top: 20px;
    right: 90px;
}

#posts .post iframe { /* facebook like button */
    position: absolute;
    right: -30px;
    top: 10px;
}

#posts .post a.buzz_link {
    position: absolute;
    top: 45px;
    right: 77px;
}

#posts .post a.buzz_link img {
    padding: 0;
    border: 0 none;
}

#posts .post .addthis_toolbox a {
    -o-transition-duration: .20s;
	-o-transition-property: opacity;
	-webkit-transition-duration: .20s;
	-webkit-transition-property: opacity;
}

#posts .post .addthis_toolbox a:hover {
    text-decoration: none;
    opacity: 0.6;
}

/* comments speech bubble */
#posts .post .feedback {
    width: 57px;
    height: 47px;
    background: url(/img/comment_bg.png) no-repeat;
    position: absolute;
    right: 15px;
    top: 15px;
    color: #e43333;
}

#posts .post .feedback a {
    text-decoration: none;
    color: #e43333;
}

#posts .post .feedback a:hover {
    color: #000000;
}

#posts .post .feedback .number {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 18px;
    margin-top: 3px;
}

#posts .post .feedback .subtitle {
    font-size: 9px;
    text-align: center;    
}

/* share this article */
#posts .share_this_article {
    border-top: 1px solid #dddddd;
    margin-top: 15px;
    position: relative;
}

#posts .share_this_article div {
    margin-top: 10px;
}

/* related posts */
#posts .related_posts {
    border-top: 1px solid #dddddd;
    margin: 10px 0;    
}

#posts .related_posts li {
    margin-bottom: 0;
    line-height: 22px;
    list-style-type: none;
    list-style-position: inside;
}

/* tags, categories, permalink */
#posts .tags_categories {
    border-top: 1px solid #dddddd;
    padding: 10px 0;
}

#posts .tags_categories a.permalink {
    padding-left: 20px;
    background: url("/img/link.png") no-repeat;
    height: 16px;
    display: block;
    float: left;
}

#posts .tags_categories span {
    float: left;
    display: block;
    margin-right: 5px;
    margin-top: 10px;
    padding-left: 20px;
    height: 16px;
    background: url("/img/tag_blue.png") no-repeat;
}

#posts .tags_categories .tags {
    float: right;
}

#posts .tags_categories ul {
    margin-top: 10px;
    display: block;
    float: left;
}

#posts .tags_categories ul.tags li {
    list-style: none;
    float: left;
    margin-right: 5px;
}

#posts .post #ll, #posts .post .linklove {
    display: none !important;
}

h3.comments, h3.leavecomment, h3.share {
    margin-bottom: 10px;
    clear: both;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;  
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    border-top: 1px solid #EEEEEE;
    padding-top: 10px;
}

h3.share {
    margin-top: 10px;
}

/* comment object */
ol#commentlist li {
    background: white url(/img/comment_post_bg.png) repeat-x 0 2px;
    border-top: 1px solid #e4e4e4;
    padding: 14px 10px 5px;
}

ol#commentlist li a.url {
    font-weight: bold;
}

ol#commentlist li img.avatar {
    float: right;
    margin: 10px;
}

/* Old comment styles, now redundant due to use of disqus */
form#commentform label {
    display: block;
    width: 60px;
    float: left;
}

form#commentform small {
    color: #e43333;
}

form#commentform input[type="text"], form#commentform textarea {
    border: 1px solid #adb2b7;
    background: #dee2e5;
    padding: 5px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
    font-size: 12px;
}

form#commentform input[type="text"] {
    width: 250px;
}

form#commentform textarea {
    width: 310px;
}

/* Disqus comments */
.comments_container #dsq-content {
    position: relative;
}

.comments_container #disqus_thread img {
    padding: 0;
    border: 0 none;
}

.comments_container #dsq-content .dsq-moderator .dsq-comment-header {
    background-image: none;
}

.comments_container #dsq-content .dsq-comment-header {
    background: #eeeeee;
}

span#dsq-subscribe a, span.dsq-subscribe-rss a, a.dsq-brlink,
.comments_container .dsq-comment-footer-left a {
    text-decoration: none;
    color: #e43333;
}

span#dsq-subscribe a:hover, span.dsq-subscribe-rss a:hover, a.dsq-brlink:hover,
.comments_container .dsq-comment-footer-left a:hover {
    text-decoration: underline;
}

#dsq-content h3 {
    margin-bottom: 10px;
    clear: both;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;  
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    border-top: 1px solid #EEEEEE;
    padding-top: 10px;
    margin-top: 10px;
}

#dsq-content .dsq-dc-logo {
    position: absolute !important;
    top: 15px;
    right: 0;
}

.comments_container .dsq-comment-footer {
    
}

.comments_container #dsq-content iframe {
    position: static !important;
}

/**
 * WP-PageNavi
 */
 
.wp-pagenavi {
    margin: 10px;
}
 
.wp-pagenavi .page, .wp-pagenavi .current, 
.wp-pagenavi .nextpostslink, 
.wp-pagenavi .previouspostslink,
.wp-pagenavi .pages {
    border: 1px solid #AAAAAA;
    color: #333333;
    margin: 0 3px;
    padding: 5px 8px;
    text-shadow: 0 1px 0 #FFFFFF;
    background: url('/img/white_btn_bg.png') repeat-x;
}

.wp-pagenavi .current {
    background: #454A50 url(/img/featured_bg.png) repeat-x;
    color: #ffffff;
}

/**
 * Sidebar
 */

#sidebar {
    width: 300px; 
    float: right;
    background: #c5ccd2;
    border-top: 1px solid #ffffff;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

#sidebar .advertisement {
    position: relative;
    height: 265px;
}

#sidebar .sidebar_block {
    width: 300px;
    background: #6e85a2 url(/img/sidebar_subcontent_bg.png) repeat-x;
    margin-bottom: 10px;
}

#sidebar .title_container {
    height: 25px;
    background: url(/img/sidebar_h3_bg.png) repeat-x;
    padding: 10px 0 0 15px;
}

#sidebar .title_container h3 {
    color: #ffffff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: -1px -1px 0 #444444;
}

#sidebar .title_container h3 a {
    text-decoration: none;
    border-bottom: 1px dotted #ffffff;
    color: #ffffff;
}

#sidebar ul {
    padding: 10px;
    display: block;
}

#sidebar li {
    margin-bottom: 10px;
    color: #ffffff;
    line-height: 18px;
    text-shadow: 1px 1px 0 #7e8995;
}

#sidebar li a {
    text-decoration: none;
    color: #ffffff;
}

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

#sidebar .facebook_like_box {
    background: #ffffff url(/img/post_bg.png) repeat-x;
	border-bottom: 1px solid #cccccc;
}

#sidebar ul.subscribe {
    position: relative;
    height: 30px;
}

#sidebar ul.subscribe li {
    position: absolute;
    height: 30px;
    width: 30px;
}

#sidebar ul.subscribe li a {
    float: left;
    height: 32px;
    width: 32px;
}

#sidebar ul.subscribe li a:hover {
    margin-top: -2px;
}

#sidebar ul.subscribe li.rss {
    left: 10px;
}

#sidebar ul.subscribe li.twitter {
    left: 50px;
}

#sidebar ul.subscribe li.youtube {
    left: 90px;
}

#sidebar ul.subscribe li.facebook {
    left: 130px;
}

/* Sidebar 125x125 ads */
#sidebar ul#125_ads {
    padding: 0;
}

#sidebar ul#125_ads li {
    width: 125px;
    height: 125px;
    float: left;
    display: block;
    background: #ffffff;
}

#sidebar ul#poll .wp-polls-ul {
    padding: 0;
    margin-top: 10px;
}

#sidebar ul#poll .wp-polls-ul input[type='radio'] {
    margin-right: 5px;
}

#sidebar ul#poll input.Buttons {
    margin-bottom: 5px;
}

#sidebar ol.apps_list {
    padding-bottom: 15px;
    display: block;
    background: url("/img/sidebar_subcontent_bg.png") repeat-x scroll 0 0 #6E85A2;
    overflow: hidden;
}

#sidebar ol.apps_list li {
    position: relative;
    height: 85px;
    padding-bottom: 10px;
    float: left;
    width: 75px;
    margin-bottom: 0;
}

#sidebar ol.apps_list li.odd {
    background: #7396c2;
}

#sidebar ol.apps_list li h4 {
    position: relative;
    top: 6px;
    left: 10px;
    font-size: 12px;
    max-width: 220px;
}

#sidebar ol.apps_list li span.price {
    position: relative;
    top: 4px;
    left: 10px;
    font-size: 10px;
}

#sidebar ol.apps_list .image a.app_image, #app_hover a.app_image {
    width: 50px;
    height: 0;
    overflow: hidden;
    padding-top: 50px;
    display: block;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);   
    margin: 0 5px; 
}

#sidebar ol .image a.app_text {
    font-size: 10px;
    line-height: 11px;
    width: 60px;
    display: block;
    padding-top: 7px;
    text-align: center;
    overflow: hidden;
    height: 34px;
}

#sidebar ol.apps_list .image {
    float: left;
    padding: 8px;
}

#sidebar ul.rollovers {
    display: none;
}

#sidebar ul.rollovers li {
    
}

#sidebar #recent_comments_posts {
    overflow: hidden;
}

#sidebar ul#recententries, #sidebar ul#recentcomments {
    padding: 0 0 10px 10px;
    float: left;
}

#sidebar ul#recentcomments li, #sidebar ul#recententries li {
    width: 160px;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 5px;
    font-size: 10px;
}

#sidebar #skyscraper {
    width: 120px;
    height: 600px;
    float: right;
    margin-right: 5px;
    margin-bottom: 10px;
}

#sidebar ul#recententries li {
    margin-bottom: 0;
    border-bottom: 0 none;
}

#sidebar ul#recententries li .image {
    width: 158px;
    height: 40px;
    border: 1px solid #C7E0FF;
    overflow: hidden;
	background: #ffffff;
}

#sidebar ul#recententries li .image:hover {
    border: 1px solid #FFBA00; 
}

#sidebar ul#recentcomments li {
    padding-left: 18px;
    background: url("/img/comment.png") no-repeat;
    margin-bottom: 10px;
    width: 142px;
}

#sidebar ul#recentcomments li strong {
    color: #C7E0FF;
}

#sidebar ul#recententries li a:first-child {
    color: #C7E0FF;
    font-weight: bold;
}

#sidebar ul#recententries li a {
    display: block;
    font-size: 10px;
    font-weight: bold;
    line-height: 15px;
}

#sidebar ul.links li {
    list-style-type: disc;
    margin-left: 15px;
}

#sidebar ul#recent_nav {
    display: block;
    border-bottom: 1px solid #C7E0FF;
    width: 280px;
    height: 19px;
    background: #6E85A2 url(/img/sidebar_subcontent_bg.png) repeat-x scroll 0 0;
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); 
}

#sidebar ul#recent_nav li {
    float: left;
}

#sidebar ul#recent_nav li a {
    display: block;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;    
    border: 1px solid #C7E0FF;
    padding: 5px 10px;
    float: left;
    margin-right: 3px;
    text-shadow: 0 0;
    color: #AAAAAA;
    background: #C7E0FF;
}

#sidebar ul#recent_nav li a.selected {
    background: #ffffff;
    color: #1B64BF;
}

/**
 * @Sidebar app hover
 */
#app_hover {
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    padding: 5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;    
    border: 5px solid #222222;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); 
    width: 210px;
    z-index: 10;
}

#app_hover a.app_image {
    float: left;
    margin-right: 10px;
}

#app_hover h4 a {
    font-size: 16px;
    font-family: "Georgia", sans-serif;
    color: #ffffff;
    float: left;
    text-decoration: none;
    display: block;
    width: 120px;
}

#app_hover span.category {
    color: #aaaaaa;
    float: left;
    display: block;
    width: 120px;
}

#app_hover span.description {
    color: #ffffff;
    width: 180px;
    float: left;
    margin: 10px 0;
    font-size: 11px;
}

#app_hover span.developer {
    display: none;
}

#app_hover span.label {
    font-weight: bold;
    float: left;
    margin-right: 5px;
}

#app_hover span.price, #app_hover div.rating {
    display: block;
    width: 180px;
    color: #ffffff;
    float: left;
    margin-bottom: 5px;
    font-size: 11px;
}

#app_hover span.rating .label {
    padding-top: 3px;
}

#app_hover a.buy_link {
    position: absolute;
    bottom: 10px;
    right: 10px; 
    display: block;
    height: 0;
    padding-top: 16px;
    background: url(/img/buy_app_button.png) no-repeat;
    width: 61px;
    overflow: hidden;
    -webkit-transition: none;
    -o-transition: none;    
}

#app_hover a.buy_link:active {
    background-position: 0 -16px;
}

#app_hover a.buy_link {
    background: url(/img/get_app_button.png) no-repeat;
}

.star {
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    background: url('/img/star.png') no-repeat;
}

.star.half {
    background: url('/img/star_half.png') no-repeat;
}
/**
 * @Footer and subfooter
 */
 
#subfooter {
    width: 100%;
    background: #454A50 url(/img/featured_bg.png) repeat-x;
    margin-top: 20px;
} 

#subfooter #subfooter_container {
    width: 970px;
    margin: 0 auto;
    padding: 10px 0;
    overflow: hidden;
}

#subfooter #subfooter_container a.to_top {
    color: #ffffff;
    background: url('/img/trend_up.png') no-repeat;
    text-decoration: none;
    display: block;
    height: 22px;
    font-weight: bold;
    padding: 3px 0 5px 28px;
    margin-bottom: 10px;
    border-bottom: 1px solid #AAAAAA;
}

#subfooter #subfooter_container a.to_top:hover {
    text-decoration: underline;
}

#subfooter #tag_cloud {
    width: 475px;
    border-bottom:1px solid #666666;
    padding-bottom:10px;
    margin-right: 20px;
    float: left;
    height: 210px;    
}

#subfooter #tag_cloud a , #subfooter #categories a{
    display: inline-block;
    padding: 3px;
    color: #2266BB;
    background: #333333;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-decoration: none;
    border: 1px solid #555555;
}

#subfooter #tag_cloud a:hover, #subfooter #categories a:hover {
    background: #ffffff;
    color: #333333;
}

#subfooter h3 {
    border-bottom: 1px solid #444444;
    color: #FFFFFF;
    display: block;
    font-family: "Georgia", serif;
    font-size: 24px;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

#subfooter #subfooter_container a {
    color: #ffffff;
}

#subfooter #subfooter_container p {
    color: #ffffff;
    margin-bottom: 10px;
    line-height: 18px;
    overflow: hidden;
}

#subfooter #subfooter_container #categories, 
#subfooter #subfooter_container #about_us {
    width: 225px;
    float: left;
    border-bottom:1px solid #666666;
    padding-bottom:10px;
    height: 210px;    
}

#subfooter #subfooter_container #categories {
    margin-right: 20px;
}

#subfooter #subfooter_container #categories li {
    list-style: none;
    margin: 3px;
    float: left;
}

#subfooter a.button {
    margin: 10px 0 0 0;
}

#footer {
    background: url(/img/footer_bg.png) repeat-x;
    width: 100%;
    height: 35px;
}

#footer #footer_container {
    width: 950px;
    padding: 10px;
    margin: 0 auto;
    overflow: hidden;
    height: 12px;
    color: #ffffff;
    text-shadow: 1px 1px 0 #2f64cb;
    font-size: 11px;
}

#footer #footer_container .left {
    float: left;
}

#footer #footer_container .left a {
    text-decoration: none;
    border-bottom: 1px dotted #ffffff;
    color: #ffffff;
}

#footer #footer_container .left a:hover {
    border-bottom: 1px solid #ffffff;   
}

#footer #footer_container .right {
    float: right;
}

#footer #footer_container ul {
    display: block;
}

#footer #footer_container .right li {
    float: left;
    margin-left: 25px;
}

#footer #footer_container .right li a {
    text-decoration: none;
    color: #ffffff;
}

#footer #footer_container .right li a:hover {
    text-decoration: underline;
}

/**
 * @Live 200 Banner
 */
#live200 {
	height: 59px;
	border-top: 1px solid #ffffff;
	background: #bbb6b0 url('/img/live200_bg.png') repeat-x;
	position:relative;
	width: 670px;
	overflow: hidden;
	border-bottom: 1px solid #999999;
}

#live200 .text {
	float: left;
	margin-left: 5px;
	margin-top: 7px;
	width: 325px;
}

#live200 h2 {
	color: #3E3E3E;
	display: block;
	float: left;
	font-family: Georgia,'Times New Roman',serif;
	font-size: 24px;
	line-height: 24px;
	margin: 0;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

#live200 h3 {
	color: #3E3E3E;
	display: block;
	float: left;
	font-size: 12px;
	margin-top: 4px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

#live200 .apps_display {
	width: 138px;
	height: 52px;
	display: block;
	float: left;
	background: url('/img/live200_apps.png') no-repeat;
	margin: 7px;
}

#live200 .new_corner {
	position:absolute;
	left: 0;
	top: 0;
	height: 59px;
	width: 60px;
	background: url('/img/newcorner.png') no-repeat;
}

#live200 .redbtn {
	display: block;
	position: absolute;
	right: 10px;
	top: 13px;
	border: 1px solid #b00000;
	border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	background: #891d14 url('/img/live200_btn_bg.png') repeat-x;
	color: #ffffff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
	text-align: center;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), 0 -1px 2px 0 rgba(0, 0, 0, 0.4) inset;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), 0 -1px 2px 0 rgba(0, 0, 0, 0.4) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), 0 -1px 2px 0 rgba(0, 0, 0, 0.4) inset;
	padding: 4px 24px;
	text-decoration: none;
	letter-spacing: -1px;
	font-size: 18px;
}

#live200 .redbtn:hover {
	background: #891d14;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), 0 1px 5px 0 rgba(0, 0, 0, 0.4) inset;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), 0 1px 5px 0 rgba(0, 0, 0, 0.4) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), 0 1px 5px 0 rgba(0, 0, 0, 0.4) inset;
}

#live200 .redbtn:active {
	background: #410500;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), 0 1px 5px 0 rgba(0, 0, 0, 0.4) inset;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), 0 1px 5px 0 rgba(0, 0, 0, 0.4) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), 0 1px 5px 0 rgba(0, 0, 0, 0.4) inset;
}

/**
 * @App Viewer, App Page
 */

#app_info .icon {
    width: 75px;
    height: 75px;
    float: left;
    margin: 0 10px 10px 0;
}

#app_info .icon_small {
    width: 75px;
    height: 75px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;        
}

#app_info .description_small {
    color:#999999;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    margin-top: 15px;
    padding: 3px 0;
    text-transform: uppercase;
    width: 180px;
    clear: left;
}

#content #app_info p {
    width: 400px;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    margin-top: 0;
    padding: 10px 0;
    line-height: 18px;
}

#app_info h3 {
    color: #2266BB;
    font-family: "Georgia",serif;
    font-size: 28px;
    text-shadow: 0 1px 0 #ffffff;
}

#app_info #small_main {
    float: left;
}

#app_info #small_side {
    width: 200px;
    float: right;
}

#main #content #app_info h4 {
    color:#0C3E7C;
    font-family:"Georgia",sans-serif;
    font-size:18px;
    margin-top: 0;
}

#app_info .side_block {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;    
    background: #EEEEEE;
    border: 1px solid #CCCCCC;
    width: 200px;
    margin-bottom: 15px;
}

#main #content #app_info .side_block h4 {
    color: #FFFFFF;
    padding: 10px;
    display: block;
    margin-top: 0;
    background: #666666;
}

#app_info .side_block span.label {
    font-weight: bold;
    margin-right: 5px;
    float: left;
}

#app_info .side_block ul {
    padding: 10px;
    margin-top: 0;
    overflow: hidden;
}

#app_info .side_block li {
    list-style: none;
    font-size: 11px;
    line-height: 14px;
}

a.button {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;    
    background: url('/img/white_btn_bg.png') repeat-x;
    border: 1px solid #CCCCCC;
    color: #333333 !important;
    display: block;
    font-size: 11px;
    font-weight: bold;
    margin: 5px 10px 0;
    padding: 5px 3px;
    text-align: center;
    cursor: pointer;
	-o-transition-property: none;
	-webkit-transition-property: none;
	text-decoration: none;
}

#app_info a.button:active {
    background: #999999;
}

a.button:hover {
    text-decoration: underline;
}

#app_info a.button_big {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;    
    background: url('/img/navbar_highlight_bg.png') repeat-x;
    border: 1px solid #0C3E7C;
    color: #ffffff;
    display: block;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 10px;
    padding: 5px 3px;
    text-align: center;
    cursor: pointer;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
	-o-transition-property: none;
	-webkit-transition-property: none;    
}

#app_info a.button_big:hover {
    background: #5598eb;
    text-decoration: none;
}

#app_info a.button_big:active {
    background: #0C3E7C;
}

#app_info #app_buy {
    padding-bottom: 10px;
}

#app_info #app_buy .price_small {
    border-bottom: 1px solid #CCCCCC;
    color:#999999;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    margin: 0 auto;
    padding: 3px 0;
    text-transform: uppercase;
    width: 180px;
}

#app_info #app_buy .price {
    border-bottom: 1px solid #CCCCCC;
    font-family: Georgia,serif;
    font-size: 24px;
    font-style: italic;
    margin: 0 auto 10px;
    padding: 5px 0;
    text-align: center;
    width: 180px;
}

#app_info #app_related li, #app_info #also_by_developer li {
    overflow: hidden;
}

#app_info #app_related li a.icon_small, #app_info #also_by_developer li a.icon_small {
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 75px;
    -moz-box-shadow:1px 1px 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:1px 1px 0 rgba(0, 0, 0, 0.5);    
}

#screenshots {
    width: 400px;
    position: relative;
    height: 480px;
}

#content ul#thumbs li {
    list-style: none;
    float: left;
    margin-right: 10px;
}

#content ul#thumbs li img {
    max-width: 60px;
}

#content ul#screens {
    display: block;
    float: left;
    clear: left;
    height: 480px;
}

#content ul#screens li {
    list-style: none;
    position: absolute;
}

#content ul#screens li img {
    max-width: 415px;
}