/*
Theme Name: TypoXP Revisited
Theme URI: http://www.aboutmydot.net
Description: Modification of TypoXP Theme.
Clean, two/three columns, fixed width , Widget Support. Nice looking graphics.
Includes SEO and Google Adsense Optimisation and built-in Plugin Support.
Read more on Ivano Di Biasi. Info in English language on .Net Blog.
Version: 1.0
Author: Ivano Di Biasi
Author URI: http://www.ivanodibiasi.com
TypoXP Revisited v1.0
http://www.ivanodibiasi.com
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/
/**********************************/
/* General */
/**********************************/
body {width: 100%; background: #fff; margin: 0 auto; padding: 0px; color: #000; line-height: 150%; letter-spacing: 0.08em;
font-family: ¥á¥¤¥ê¥ª, Meiryo, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "£Í£Ó ¥´¥·¥Ã¥¯", Osaka, sans-serif;}
a {color: #ff0000; text-decoration: none;}
a:hover {color: #ff0000; text-decoration: underline;}
form {margin: 0; padding: 0;}
input, textarea {font-size: 1.00em; font-color: #369;}
p {margin: 20px 0;}
strong {color: #000000; text-decoration: none;}
img {border: none; max-width: 100%; height: auto;}
.clear {clear: both; overflow: hidden;}
/**********************************/
/* Layout */
/**********************************/
#container,#left,#header,#content,#sidebar,#footer {overflow: hidden; display: block;}
#container {background: #fff; width: 1100px; padding: 15px 20px; margin: 0px auto; text-align: left; clear: both;}
#content {padding: 0px;}
#wrapper {width: 100%; background: #f5f5f5; border-top: 2px solid #dcdcdc; border-bottom: 2px solid #dcdcdc;}
#left {width: 740px; float: left; margin: 0px; padding: 0px;}
#left img {display: block; margin: 0px; padding: 0px; height: auto;}
.middle {margin: 0px; padding: 0px; float: left;}
#sidebar {width: 320px; float: right; font-size: 0.90em; font-weight: normal; color: #000; line-height: 130%; margin: 0px; padding: 0px;}
#header {width: 1100px; margin: 0 auto;}
#footer {color: #111; width: 1050px; padding: 10px; margin: 0 auto; font-size: 0.86em; text-align: left;}
/**********************************/
/* Content */
/**********************************/
#content post {clear: both; overflow: hidden;}
#content a.link {display: block; font-weight: bold; color: #000;}
#content a.link:hover {text-decoration: none; font-weight: bold; color: #ff0000;}
#content .leftimg {margin: 0px 7px 5px 0px; float: left;}
#content img.rightimg {margin-left: 30px; padding: 0em 0em 2em 30em; float: right;}
#content h1,h2,h3,h4 {line-height: 1.0em; text-align: left;}
#content h1 {color: #0D6AA6; text-transform: uppercase; letter-spacing: 0.15em; display: inline; font: normal 1.0em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align:left;}
#content h2 {font-size: 1.10em; font-weight: bold; margin: 0px; padding: 3px 0px; letter-spacing: 1px; text-align: left; line-height: 120%;}
#content h2.pagetitle {font-size: 1.10em; font-weight: bold; color: #333; margin-bottom: 5px; padding: 5px 0px 3px 20px; text-align: left; border-left: 20px solid #d2691e;}
#container h3 {font-size: 2.50em; font-weight: bold; color:#222; padding-bottom: 10px; margin: 0px; line-height: 120%; letter-spacing: -1px;}
#container h3 a {color:#333;}
#container h3 a:hover {color:#555; text-decoration: underline;}
#content h4 {border-top: 1px solid #ddd;}
#content h5 {margin: 5px 0px; height: 3px; background: #dcdcdc; border-left: 50px solid #d2691e;}
#content p.postmetadata {clear: both; overflow: hidden; background: #eee; padding: 0px; line-height: 0.5em;}
code {font-size: 1.2em; text-align: left; margin: 0; padding: 0; color: #008;}
#content .entry {font-size: 0.70em; font-weight: normal; color: #555; padding: 0px; margin: 0px; text-align: left; line-height: 130%;}
#content .entrytext img {padding: 0px; margin: 0px auto; text-align: center; clear: both;}
#content blockquote {padding: 0px 0px 0px 10px; margin: 5px 0px; border-left: 3px solid #999999;}
#container .time2 {font-size: 0.78em; font-weight: normal; color: #555; margin-bottom: 7px; padding: 0px; text-align: left; letter-spacing: 0.05em; valign: top; position: relative; clear: both;}
#content .category {font-size: 0.80em; font-weight: normal; color: #111; float: left; text-align: left; margin-bottom: 0px; padding: 0px;}
#content .category a {font-size: 1.00em;}
#content .category li {float: left; margin: 0px; padding: 0px 10px 0px 0px; list-style-type: none;}
#content .tag {font-size: 0.70em; font-weight: bold; color: #fff; padding: 1px 2px; margin-right: 5px;}
#content .img_cap {font-size: 0.79em; font-weight: normal; color: #000; padding: 0px; margin: 0px auto; text-align: center; letter-spacing: 0.05em;}
#content .img_cap_right {font-size: 0.79em; font-weight: normal; color: #000; padding: 0px; margin: 10px 0px 10px 10px; text-align: center; float: right; letter-spacing: 0.05em;}
#content .img_cap_left {font-size: 0.79em; font-weight: normal; color: #000; padding: 0px; margin: 10px 10px 10px 0px; text-align: center; float: left; letter-spacing: 0.05em;}
#content .img_cap img, #content .img_cap_right img, #content .img_cap_left img {margin-bottom: 3px;}
#content .headline {font-size: 1.23em; font-weight: bold; color: #000; border-left: 10px solid #ddd; margin: 15px 0px; padding-left: 10px;}
#content .headline_big {font-size: 1.35em; font-weight: bold; color: #000; border-left: 20px solid #ccc; border-bottom: 1px solid #ddd; margin: 15px 0px; padding-left: 10px;}
#content ul.platform {font-size: 0.85em; font-weight: normal; color: #111; margin: 3px 0px; padding: 5px 10px; text-align: left; background: #f3f3f3; list-style-type: none; border-bottom: 1px solid #ccc;}
#content ul.platform li {padding: 3px; margin: 0px; display: inline; text-align: left; line-height: 130%;}
#content .related {height: 200px; padding: 5px;}
#content .navi {float: left;}
#content .midashi {background-color: #f3f3f3; padding: 5px 10px; margin-left: 0px;}
#content .midashi2 {padding: 5px 10px; margin-left: 0px;}
#content .midashi3 {background-color: #f3f3f3; padding: 0px;}
#content .midashi4 {background-color: #f3f3f3; padding: 0px;}
#content .ad_left {height: auto; width: 310px; float: left; clear: both;}
#content .ad_right {height: auto; width: 410px; float: right;}
#content .pick_left {float: left; text-align: right; width: 10%;}
#content .pick_right {float: right; width: 85%;}
#content .pick_right a {font-weight: bold;}
#content .notes {font-size: 85%; font-weight: normal; color: #333; padding: 0px; margin: 0px;}
#content .spoiler {font-size: 1.10em; font-weight: bold; color: #ff1111; padding: 0px; margin: 0px;}
/**********************************/
/* review */
/**********************************/
#content .review {width: 90%; font-weight: normal; color: #333; background: #fff; margin: 25px 0px 15px 0px; padding: 0px;}
#content .review_big {float: left; font-size: 2.00em; font-weight: bold; color: #000; margin-right: 5px;}
#content .review a {font-weight: bold; text-decoration: none; letter-spacing: 0.05em;}
#content .box {border-left: 1px solid #888; border-bottom-left-radius: 10px; position: relative; padding-left: 10px; margin: 0px 0px 5px 5px;}
/**********************************/
/* Home Layout */
/**********************************/
#home_featured {width: 740px; float: left; margin: 0px; padding: 0px; clear: both;}
#home_featured_right {width: 310px; float: right; margin: 0px;}
#home_top_left {width: 740px; float: left; margin: 0px; padding-bottom: 5px;}
#home_top_right {width: 320px; float: left; margin: 0px; padding-bottom: 5px;}
#home_left {width: 560px; float: left; margin: 0px; padding-bottom: 20px;}
#home .right {font-size: 0.90em; width: 320px; float: left; margin: 0px; padding-bottom: 10px; background: #fff;}
#home {float: right;}
#home ul {margin: 0px; padding-bottom: 10px; list-style-type: none;}
#home h2.file {font-size: 1.05em; font-weight: bold; color: #333; margin-bottom: 5px; padding: 5px 0px 3px 15px; text-align: left; valign: top; border-left: 20px solid #ff6600; border-bottom: 1px solid #ff6600;}
#home ul {line-height: 130%; margin-top: 0px; padding: 0px;}
#home ul li {padding-left: 0px; padding-top: 0px;}
#home ul li ul {border-top: 0px solid #000; margin:0; padding: 0px;}
#home ul li ul li {font-size: 0.90em; margin: 0px 0px 0px 0px; padding: 2px 6px 2px 8px; border: none; letter-spacing: 1px;}
#home a {text-decoration: none; color: #000;}
#home a:hover {text-decoration: none; color: #ff0000;}
/**********************************/
/* Featured Content Slider */
/**********************************/
#featured {width: 750px; height: 250px; padding-left: 10px; margin: 0px 0px 20px 0px; position: relative; background: #fff;}
#featured .ui-tabs-panel {width: 245px; height: 250px; float: left; color: #fff; overflow: hidden;; position: relative; margin-left: 1px}
#featured .ui-tabs-panel .info {font-size: 1.10em; color: #fff; font-weight: bold; position: absolute; left: 0px; bottom: 0px; height: auto; width: auto; padding: 10px; text-align: left; word-wrap: break-word; text-shadow: 1px 1px 3px #111, -1px -1px 3px #111;
background: -moz-linear-gradient(bottom, rgba(0,0,0,0.9), rgba(0,0,0,0));
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.9)), to(rgba(0,0,0,0)));
background: -o-linear-gradient(bottom, rgba(0,0,0,0.9), rgba(0,0,0,0));
background: linear-gradient(bottom, rgba(0,0,0,0.9), rgba(0,0,0,0));
}
/**********************************/
/* Links */
/**********************************/
#links {background: #111111; letter-spacing: 1px; display: inline; font: bold 1.0em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px; padding: 0px; float: left;}
/**********************************/
/* Page Links */
/**********************************/
div.pagination {padding: 0px; margin: 25px 0px; text-align: right; font-size: 0.85em; font-weight: normal;}
div.pagination a {border: 1px solid #ccdbe4; margin-right: 3px; padding: 5px 8px; background-position: bottom; text-decoration: none; color: #b22222;}
div.pagination a:hover, div.pagination a:active {border: 1px solid #2b55af; background-image: none; background-color: #b22222; color: #fff;}
div.pagination span.current {margin-right: 3px; padding: 1px 6px; font-weight: bold; color: #000;}
div.pagination span.disabled {display:none;}
div.pagination a.next {border: 2px solid #b22222; margin: 0 0 0 10px;}
div.pagination a.next:hover {border: 2px solid #b22222;}
div.pagination a.prev {border: 2px solid #b22222; margin: 0 10px 0 0;}
div.pagination a.prev:hover {border: 2px solid #b22222;}
/**********************************/
/* Navigation Link */
/**********************************/
#navi_link {font-size: 0.90em; font-weight: bold; letter-spacing: 1px; display: inline; margin: 0px; padding: 0px; float: right;}
#navi_link .navi {padding: 0px; margin: 0px; vertical-align: text-bottom;}
/**********************************/
/* NAVIGATION */
/**********************************/
@font-face {font-family: 'Quicksand-Bold';
src: url('http://www.choke-point.com/wp-content/themes/typoxp-revisited-10/Font/Quicksand-Bold.otf');
src: local('Quicksand-Bold'),}
#nav_top {float: left; width: 1100px; margin: 0px; padding: 0px 0px 0px 0px;}
#nav_top .home, #nav_top .home a, #nav_top .home a:hover {float: left; width: 150px; margin: 3px 0px 2px 0px; font-size: 1.15em; color: #fc1000; font-family: Quicksand-Bold, Calibri, Euphemia; letter-spacing: 0.02em; background: #ffffff; text-decoration: none;}
#nav_top .menu, #nav_top .menu a, #nav_top .menu a:hover {float: left; width: 30px; margin: 3px 50px 2px 0px; font-size: 1.25em; color: #ff6600; font-family: Quicksand-Bold, Calibri, Euphemia; background: #ffffff; text-decoration: none;}
#nav_top .serch, #nav_top .serch a, #nav_top .serch a:hover {float: right; width: 200px;}
/**********************************/
/* Google Custom Search */
/**********************************/
#cse-search-box {width: 400px !important; padding: 2px 0px 0px 0px !important; border-left: 1px solid #dcdcdc;}
#cse-search-box div {padding: 2px 0px 0px 10px !important;}
#cse-search-box input[type="text"] {font-size: 15px; height: 30px; width: 130px; padding: 0 !important; background: #ffffff; border: none !important;}
#cse-search-box input[type="submit"] {
background: url("http://www.choke-point.com/wp-content/themes/typoxp-revisited-10/img/search.png") no-repeat scroll 50% 50% #f9f9f9;
border: 0 none; color: #ffffff; width: 38px; height: 25px; margin: 0px 0px 0px 0px; overflow: hidden; text-indent: -9999px; -webkit-appearance: none;}
/**********************************/
/* Sidebar */
/**********************************/
.middletop {width: 0px; margin: 0px; margin-left: 0px; float: right;}
#sidebar a {text-decoration: none; color: #000;}
#sidebar a:hover {text-decoration: none; color: #ff0000;}
#sidebar ul {margin: 0px; padding: 0px; list-style-type: none;}
#sidebar h2 {font-size: 1.05em; font-weight: bold; color: #000; margin-left: 0px; padding: 0; padding-left: 0px; text-transform: uppercase;}
#sidebar h2 a {font-size: 1.05em; font-weight: bold; color: #666; text-transform: uppercase; letter-spacing: 1px;}
#sidebar h2 a:hover {text-decoration: underline; color: #fff;}
#sidebar #header h2 {padding-left: 0; border:0; color: #ccc}
#sidebar #header2 h2 {padding-left: 0; border:0; color: #ccc}
#sidebar #categorylist {padding-left: 0; border:0; color: #333}
#sidebar #categorylist2 {padding-left: 0; border:0; color: #333}
#sidebar h2.file {font-size: 1.05em; font-weight: bold; color: #333; margin: 0px 0px 5px 0px; padding: 5px 0px 3px 15px; text-align: left; valign: top; border-left: 20px solid #ff6600; border-bottom: 1px solid #ff6600;}
#sidebar h2.file a {font-size: 1.05em; font-weight: bold; color: #333; text-align: left;}
#sidebar ul {margin-top: 0px; padding: 0px;}
#sidebar ul li {padding-left: 0px;}
#sidebar ul li ul {padding: 0px;}
#sidebar ul li ul li {font-size: 1.00em; margin: 0px; padding: 2px 6px 2px 8px; border: none; letter-spacing: 1px;}
#sidebar ul li ul li b {text-transform: uppercase;}
#sidebar ul.links li {display: inline; overflow: hidden; border: none; padding-left: 0px;}
#sidebar ul.links li h2 {color: #000; clear: both;}
#sidebar ul.links li ul {clear:both}
#sidebar ul.links li ul li {float: left; padding-left: 20px;}
#sidebar img {margin:2px 0 0 0; padding: 2px 0 0 0; border: none;}
#sidebar ul.aboutconnected {margin-left: 10px;}
#sidebar ul.aboutconnected li {padding-left: 10px; float: left; display: inline; overflow: hidden; border: none;}
#sidebar ul.aboutconnected li h2 {color: #666;}
#sidebar ul.aboutconnected li ul li {padding-left: 20px;}
#sidebar img {border: 0px solid #ccc; padding: 0px; text-align: center;}
#sidebar .playasia {padding: 10px 0px 20px 0px; margin: 0px; clear: both;}
/**********************************/
/* Footer */
/**********************************/
#footer .copyright {font-size: 0.90em; font-weight: normal; color: #111;}
#footer .copyright a {font-size: 0.90em; font-weight: normal; color: #111;}
#footer .copyright a:hover {font-size: 0.90em; font-weight: normal; color: #111; text-decoration: none; border-bottom: 1px dashed #ddd;}
/* *********************************** */
/* alinks */
/* *********************************** */
a.alinks_links {text-decoration: none; border-bottom: #0000FF 1px dotted;}
/**********************************/
/* Page links */
/**********************************/
.linktext {font-size: 9px; margin-left: 5%; margin-right: 5%;}
.linktextarea {font-size: 0.85em; overflow: hidden; background: #eee;}
.pagelinks {font-size: 0.85em; padding: 10px 3px; margin: 3px; text-align: center;}
.pagelinks strong {margin-right: 3px; padding: 2px 6px; font-weight: bold; color: #000;}
.pagelinks a {border: 1px solid #ccc; margin-right: 3px; padding: 2px 8px; background-position: bottom; text-decoration: none; color: #000;}
.pagelinks a:hover {border: 1px solid #2b55af; background-image: none; background-color: #ccc; color: #fff;}