@charset "utf-8";
@import url(global.css);

a.UIbutton.map_on {width: 286px; height: 57px; margin-bottom: 10px; margin-left: 80px; line-height: 43px; color: #FFFFFF; background:  url('../Images/UIimage_sprites.png') -84px -97px no-repeat; font-size: 18px; font-weight: bold; text-indent: 20px; text-shadow: -1px -1px 0px #000000; text-align: center}
a.UIbutton.map_on:hover {background-position: -80px 0px	}
a.UIbutton.app {margin: 20px auto}

.left_wrapper {position: relative; width: 700px; height: auto; float: left}
.right_wrapper {position: relative; width: 225px; height: auto; border-left: 2px #ECECEC solid; overflow: hidden; float: right}


#blog {width: 700px; height: auto; clear: both}
#blog ul {margin: 0px; padding: 0px; list-style: none; clear: both}
#blog ul li {position: relative; width: 700px; height: auto}
#blog ul li.empty {left: 32px; height: 300px; line-height: 300px; color: #999999; text-align: center; font-size: 22px; background: #F2F2F2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px #ECECEC solid}
#blog ul li .blog_date {position: absolute; top: 0px; left: 0px; width: 75px; height: 50px; color:  #C5C5C5; text-align: center; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; background: #EBEBEB; overflow: hidden; float: left}

/*.blog_date {position: absolute; top: 0px; left: 0px; width: 76px; height: 58px; color:  #C5C5C5; text-align: center; background:  url('../Images/UIimage_sprites.png') 0px 0px no-repeat; overflow: hidden; float: left}*/

.blog_date .favourite {position: relative; top: 13px; left: 7px; width: 22px; height: 22px; margin-right: 5px; background: url('../Images/UIimage_sprites.png') 0px -84px no-repeat}
.blog_date .favourite.true {background:  url('../Images/UIimage_sprites.png') -22px -59px no-repeat}
.blog_date .favourite:hover {background:  url('../Images/UIimage_sprites.png') -22px -85px no-repeat}
.blog_date .date {position: absolute; top: 5px; right: 12px; width: 40px; height: 40px; text-align: right; font-weight: bold}
.blog_date .date b {font-size: 16px; line-height: 22px}
.blog_date .date span {font-size: 14px}

/*.blog_date .date {position: absolute; top: 12px; right: 12px; width: 40px; height: 40px; text-align: right; font-weight: bold}
.blog_date .date b {font-size: 16px; line-height: 22px}
.blog_date .date span {font-size: 14px}*/

.blog_pic {position: relative; left: 90px; width: 660px; height: 135px; line-height: 40px; font-weight: bold}
.blog_pic.no_pic {height: 50px; line-height: 50px}
.blog_pic a {position: absolute; bottom: 0px; left: 0px; right: 0px; width: 650px; margin: 0px; padding: 0px 10px 0px 0px; font-size: 20px; color: #FFFFFF; background-color: #000000; filter: alpha(opacity=80); -moz-opacity: 0.8; -kHTML-opacity: 0.8; opacity: 0.8; text-align: right; display: block}
.blog_pic a:hover {color: #05D9FF; filter: alpha(opacity=90); -moz-opacity: 0.9; -kHTML-opacity: 0.9; opacity: 0.9}
.blog_container {position: relative; left: 90px; width: 660px; height: auto; padding-top: 10px; padding-bottom: 10px; line-height: 22px; overflow: hidden}
.blog_container .blog_content img {background: #F3F3F3; border: 1px solid #DDDDDD; padding: 6px; margin: 10px}
.blog_container .blog_specs {width: 100%; color: #BABABA; padding-top: 5px; font-size: 10px; text-align: right; clear: both}
.blog_container .blog_specs.share {padding-top:8px;margin-top:5px;border-top:1px #ECECEC dotted}
.blog_container .blog_specs.author {color: #41B5C8; font-weight: bold; font-size: 12px; padding-right: 5px}
.blog_container .blog_specs.author span {color: #BCBCBC; font-weight: normal}
.blog_container .blog_specs.analytics {}
.blog_container .blog_specs .specs {position: relative; top:  4px; width: 16px; height: 16px; background-image: url('../Images/UIimage_sprites.png'); display: inline-block}
.blog_container .blog_specs .specs.date {background-position: 0px -160px}
.blog_container .blog_specs .specs.comments {background-position: -25px -160px}
.blog_container .blog_specs .specs.thumbs_up {background-position: -83px -160px}
.blog_container .blog_specs .specs.thumbs_up:hover {background-position: -50px -160px}
.blog_container .blog_specs .specs.thumbs_down {background-position: -100px -160px}
.blog_container .blog_specs .specs.thumbs_down:hover {background-position: -67px -160px}
.blog_gallery {position: relative; width: 100%; margin-top: 30px; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; background: #ECECEC; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }

.blog_gallery .gallery_title {position: absolute; top: -20px; width:auto; height: 20px; padding-left: 5px;padding-right: 5px; background: #ECECEC; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; font-size: 11px; font-weight: bold; color: #999999; text-align: center; text-shadow: #FFFFFF 1px 1px 0px}
.blog_gallery .gallery_container {width: 620px; height: 85px; margin: 0px auto; overflow: hidden}
.blog_gallery .gallery_container img {border: 3px #E0E0E0 solid; padding: 1px}

#map_canvas {width: 658px; height: 250px; border: 1px solid #000000; margin-left: 90px; margin-bottom: 10px}
#ad_canvas {width: 660px; height: 71px; border-bottom: 1px #64CAE9 solid; border-right: 1px #64CAE9 solid; margin-left: 90px; margin-bottom: 10px; clear: both; overflow: hidden}

/* @group Comments */

#comments {width: 660px; height: auto; margin-left: 90px; margin-top: 5px; text-align: center; list-style: none}
#comments li {position: relative; border: 2px #ECECEC solid; padding: 10px; margin-bottom: 10px; text-align: left; background: #F5F5F5}
#comments li.empty {height: 50px; line-height: 50px; color: #BCBCBC; border: none; background: #F2F2F2; text-align: center}
#comments li p.name {position: absolute; top: 5px; left: 100px; font-weight: bold; font-size: 14px; color: #333333}
#comments li p.date {position: absolute; top: 30px; left: 100px; color: #666666; font-size: 11px}
#comments li p.content {line-height: 22px; color: #666666}

#comments_form {width: 600px; margin-left: 90px; margin-bottom: 30px; color: #999999}
#comments_form ul {margin:  0px; padding: 0px}
#comments_form ul li {height:  28px; line-height: 28px}
#comments_form .textfield { width:  190px; height:  18px; color: #61686C; font-size:  13px; padding: 4px 3px 1px; border: 1px solid #999999; background-color: #ECECEC; -webkit-box-shadow: rgba(255,255,255, 0.12) 0 1px 1px}
#comments_form .content {height:  110px}
#comments_form .content .textarea {width:  450px; height:  90px}
#comments_form a.submit_button {width: 96px; height: 27px; line-height: 27px; color: #666666; text-shadow: #FFFFFF 1px 1px 0px; background: transparent url('../Images/UIimage_sprites.png') -468px -194px no-repeat; text-align: center}
#comments_form a.submit_button:hover {background: transparent url('../Images/UIimage_sprites.png') -566px -194px no-repeat}
/* @end */


.side_title {width: 191px; height: 47px; line-height: 47px; margin: 0px auto; text-indent: 30px; text-shadow: #2D97B3 1px 1px 0px; font-size: 14px; font-weight: bold; color: #FFFFFF; background: url('../Images/UIimage_sprites.png') -471px -229px no-repeat}
/*.side_title {width: 191px; height: 26px; line-height: 26px; margin: 0px auto; text-indent: 10px; font-size: 14px; font-weight: bold; color: #FFFFFF; background: #000000}*/

.visited_cities {width: 189px; margin: 5px auto}
.visited_cities ul {margin: 0px; padding: 0px; list-style: none}
.visited_cities ul li {position: relative; height: 22px; line-height: 22px; font-size: 11px; border-bottom: 1px #BABABA dotted}
.visited_cities ul li a {color: #000000}
.visited_cities ul li span {position: relative; top: 0px; display: inline-block; width: 20px; height: 14px; line-height: 14px; font-size: 9px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #666666; background: #ECECEC; text-align: center; overflow: hidden}

/* @group Digging System */
#digging {width: 189px; margin: 5px auto; border: 1px #FFFFFF dotted; background: #C9C9C9; clear: both; overflow: hidden}
#digging ul li {position: relative; width: 189px; height: 78px; line-height: 28px; border-bottom: 1px #FFFFFF dotted; color: #FFFFFF; clear: both}
#digging ul li .transparent {min-width: 10%; height: 42px; line-height: 40px; filter: alpha(opacity=80); -moz-opacity: 0.8; -kHTML-opacity: 0.8; opacity: 0.8; text-indent: 5px; font-weight: bold; font-size: 34px}
#digging ul li .positive {position: absolute; top: 0px; background: #C7E700}
#digging ul li .negative {position: absolute; top: 36px; background: #32C8FA}
#digging ul li a.digging_title, #digging ul li a.digging_title:visited {position: absolute; top: 54px; right: 5px; font-size: 12px; color: #FFFFFF; font-style: italic}
#digging ul li a.digging_title:hover {color: #000000}
/* @end */
/* @group Recent Comments */
#recent_comments {width: 189px; margin: 5px auto; clear: both; overflow: hidden}
#recent_comments ul { list-style: inside square}
#recent_comments ul li {line-height: 24px}
#recent_comments ul li.empty {height: 50px; line-height: 50px; text-align: center; list-style: none; font-size: 10px; color: #999999}
#recent_comments ul li a, #recent_comments ul li a:visited {color: #000000}
#recent_comments ul li a:hover {color: #07BF4D}
#recent_comments ul li p {margin: 0px; padding: 0px; text-align: right; font-size: 10px; background: #F5F5F5; color: #999999}
#recent_comments ul li p span {font-size: 14px; font-family: Times}
/* @end */
#datepicker {width: 196px; margin: 10px auto}
#datepicker .ui-datepicker { width: 14.4em; padding: .2em .2em 0} /* datepicker width */
#datepicker .ui-datepicker table {width: 100%; font-size: 10px; border-collapse: collapse; margin:0 0 .4em}
#datepicker .ui-datepicker td span, .ui-datepicker td a {display: block; padding: .2em; text-align: center; text-decoration: none; color: #333333}
#datepicker .ui-datepicker td span, .ui-datepicker td a:visited {color: #333333}