/*
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 {background: #000; margin: 0 auto; padding: 0px; color: #000; line-height: 130%; letter-spacing: 0.04em;}
a {color: #b22222; 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: 15px 0;}
strong { color: #000000; text-decoration: none;}
img {border: 0px solid #999; padding: 0px;}
/* Some peoples sometime using this class for aligning the image */
img.alignleft, img.left {float:left; margin-right: 0px; margin-left: 0px;}
img.alignright, img.right {float:right; margin-left: 0px; margin-right: 0px;}
.clear {clear: both; overflow: hidden;}
/**********************************/
/* Layout */
/**********************************/
#container,#left,#header,#header2,#content,#sidebar,#footer,#categorylist,#categorylist2 {overflow: hidden; display: block;}
#container {width: 1030px; padding: 0px 0px; margin: 0 auto; text-align: left; clear: both;}
#wrapper {background: #fff;}
#left {width: 710px; float: left; background: #fff; margin: 0px; padding: 20px 0px 20px 0px;}
#left img {display: block; border: 0px solid #ccc;}
.middle {margin: 0px; padding: 0px; float: left;}
#content {padding: 0px 10px 20px 0px; border-right: 1px solid #dcdcdc;}
#header {width: 1030px; padding: 0px; margin: 0 auto; background: #000;}
#header2 {width: 1030px; padding: 0px; padding-bottom: 10px; margin: 0 auto; background: #000 url(img/top2.gif) repeat;}
#sidebar {width: 305px; float: right; padding: 0px 0px;}
#footer {color: #fff; width: 1030px; padding: 10px 10px 10px 10px; margin: 0 auto; font-size: 0.86em; text-align: left; background: #111 url(img/top2.gif) repeat;}
/**********************************/
/* Content */
/**********************************/
#content a
{font-weight: normal; text-decoration: none;}
#content a:hover
{font-weight: normal; text-decoration: underline;}
#content .leftimg
{margin: 0px 7px 5px 0px; float: left; align: right; hspace: 15;}
#content .rightimg
{padding: 0px 0px 5px 10px; float: right; align: left; hspace: 15;}
#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
{letter-spacing: 1px; font: bold 1.00em Verdana, Arial, MS ゴシック;
font-weight: bold; font-size: 1.00em; color: #000; text-align: left; margin: 0px; padding: 0px;}
#content h2 a
{letter-spacing: 1px; font: bold 1.00em Verdana, Arial, MS ゴシック;
font-weight: bold; font-size: 1.00em; color: #000; text-align: left; margin: 0px; padding: 0px;}
#content h2 a:hover
{letter-spacing: 1px; font: bold 1.00em Verdana, Arial, MS ゴシック;
font-weight: bold; font-size: 1.00em; text-decoration: underline; color: #222; text-align: left; margin: 0px; padding: 0px;}
#content h2.title
{letter-spacing: 0px; font: bold 1.31em Georgia, Times New Roman, Times, serif; color:#000; text-align: left; margin: 0px; padding: 0px;}
#content h2.title a
{letter-spacing: 0px; font: bold 1.31em Georgia, Times New Roman, Times, serif; color:#000; text-align: left; margin: 0px; padding: 0px;}
#content h2.title a:hover
{letter-spacing: 0px; font: bold 1.31em Georgia, Times New Roman, Times, serif; color:#777; text-align: left; margin: 0px; padding-top: 0px; text-decoration: underline;}
#content h2.pagetitle
{font: bold 1.00em Verdana, Arial, MS ゴシック; color: #333; margin-bottom: 5px; padding: 5px 0px 3px 20px; text-align: left; border-left: 20px solid #ccc;}
#content h5
{ margin: 5px; border: 1px dotted #888;}
#content p.postmetadata
{clear: both; overflow: hidden; background: #eee; padding: 0px 0px; line-height: 0.5em;}
code
{font-size: 1.2em; text-align: left; margin: 0; padding: 0; color: #008;}
#content .newest
{margin: 0px 0px 3px 3px; padding: 0 3px; border: none; letter-spacing: 1px; font: normal 0.90em Verdana, Arial, MS ゴシック;}
#content .small
{font-size: 70%; font-color: #999; margin-top: 1px; margin-left: 0px; padding: 0px 4px 1px 0px; text-align: right; border-top:1px dashed #999;}
#content .section
{font-size: 70%; font-color: #999; margin-top: 2px; padding: 0px 4px 1px 0px; text-align:left; border-top: 1px dotted #999;}
#content .entry
{font: normal 0.78em Verdana, Arial, MS ゴシック; padding: 0px; margin: 0px; text-align: left; color: #777;}
#content .entrytext img
{border: 0px solid #ccc; padding: 0px; margin: 0px auto; text-align: center;}
#content blockquote
{padding:0 10px 0 10px; margin: 5px 0px 5px 5px; border-left: 4px solid #999;}
#content .quote_big_left
{text-align: left; float: right; width: 50%; padding:10px; margin: 0px;}
#content .quote_text
{font: normal 1.50em Georgia, Times New Roman, Times, serif;}
#content .release_left
{text-align: left; float: right; width: 48%; padding: 0px 0px; margin: 0px;}
#content .release_right
{text-align: left; float: left; width: 48%; padding: 0px 0px; margin: 0px;}
#content .time
{font-size: 0.78em; font-weight: normal; font-family: Verdana, Arial, MS ゴシック; font-color: #555; margin: 7px 0px 5px 0px; padding: 0px 0px 0px 10px; text-align: left; letter-spacing: 0.05em; valign: top; border-left: 15px solid #d2691e; position: relative;}
#content .category
{font: normal 0.90em Verdana, Arial, MS ゴシック; color: #111; margin: 3px 0px; padding: 0px; text-align: right; float: right;}
#content .category a
{font: normal 0.90em Verdana, Arial, MS ゴシック;}
#content .category a:hover
{font: normal 0.90em Verdana, Arial, MS ゴシック;}
#headline
{font-size: 1.00em; font-weight: bold;}
.headline
{font-size: 1.00em; font-weight: bold;}
.search
{color: #fff; background: #777; border: 1px solid #555; font-size: 1.00em;}
.submit
{color: #fff; background: #777; border: 1px solid #555;}
#content .tag
{padding: 1px 10px 1px 1px; margin: 0px; font: bold 0.60em Georgia, Times New Roman, Times, serif; color: #555;}
#content .img
{display: block; border: 0px solid #ccc; padding: 0px; margin: 0px auto;}
#content .catimage
{float: left; margin-right: 10px; margin-bottom: 7px; width: 80px; height: 40px; vertical-align: top;}
#content .bottomtitle
{font: normal 1.20em Verdana, Arial, MS ゴシック; color:#444; margin: 10px 0px 3px 0px; padding: 0px 0px 0px 10px; text-align: left; border-left: 5px solid #444;}
#content .headline
{font: bold 1.22em Georgia, Times New Roman, Times, serif; color:#000;}
#content .navi
{float: left;}
#home_cat
{text-align: left; float: right; width: 200px; padding: 10px; margin-left: 10px; border-left: 1px solid #ccc; clear: both;}
#content .space
{background: #ffe4e1; height: 5px; width: px;}
/**********************************/
/* Game */
/**********************************/
#content .game
{float: left; text-align: left; padding: 0px 30px 0px 0px; margin: 0px;}
/**********************************/
/* Featured Content Slider */
/**********************************/
#featured
{width: 400px; padding-right: 250px; position: relative; height: 250px; background: #fff; border: 0px solid #ccc; margin-bottom: 20px;}
#featured ul.ui-tabs-nav
{position: absolute; top: 0; left: 400px; list-style: none; padding: 0; margin: 0; width: 300px;}
#featured ul.ui-tabs-nav li
{padding: 1px 0px; padding-left: 13px; font-size: 12px; color: #666;}
#featured ul.ui-tabs-nav li span
{font: normal 18px Verdana, Arial, MS ゴシック; line-height: 22px;}
#featured .ui-tabs-panel
{width: 400px; height: 250px; background: #999; position: relative; overflow: hidden;}
#featured .ui-tabs-hide
{display: none;}
#featured li.ui-tabs-nav-item a
{/*On Hover Style*/
display: block; height: 55px; color: #333; background: #fff; line-height: 14px; outline: none; padding-top: 5px;}
#featured li.ui-tabs-nav-item a:hover
{background: #f2f2f2;}
#featured li.ui-tabs-selected
{ /*Selected tab style*/
background: url('img/selected-item.gif') top left no-repeat;}
#featured ul.ui-tabs-nav li.ui-tabs-selected a
{background: #ccc;}
#featured ul.ui-tabs-nav li img
{float: left; vertical-align: middle; margin: 2px 5px; padding: 2px;}
#featured .ui-tabs-panel .info
{position: absolute; top: 180px; left: 0; height: 70px; width: 400px; background: url('img/transparent-bg.png');}
#featured .info h2
{font-size: 24px; font-family: Georgia, serif; color: #fff; line-height: 28px; padding: 8px 5px 0px 15px; margin: 0; overflow: hidden; text-align: left; valign: bottom;}
#featured .info p
{margin: 0 5px; font-family: Verdana; font-size: 11px; line-height: 15px; color: #f0f0f0;}
#featured .info a
{text-decoration: none; color: #fff;}
#featured .info a:hover
{text-decoration: underline;}
/**********************************/
/* 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: 10px 3px; margin: 3px; text-align: center; font-family: Tahoma,Helvetica,sans-serif; font-size:.85em;}
div.pagination a
{border: 1px solid #ccdbe4; margin-right: 3px; padding: 2px 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: 2px 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 {letter-spacing: 1px; display: inline; font: bold 1.00em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px; padding: 0px; float: right;}
#navi_link .navi {padding: 0px; margin: 0px; vertical-align: text-bottom;}
/**********************************/
/* NAVIGATION */
/**********************************/
#nav_top {width: 100%; margin: 2px; padding: 2px 0px 0px 0px;}
ul#navigation {float: right; list-style: none; margin: 0px; padding-right: 30px; padding-top: 5px; font-weight: normal; text-transform: uppercase; height: 30px; line-height: 10px; font-size: 0.88em; overflow: hidden; clear: both;}
ul#navigation li {float: left; margin: 0px 1px; padding: 0px; list-style: none; white-space: nowrap;}
ul#navigation li a {font-size: 0.90em; display: block; padding: 0px 10px; text-transform: uppercase; border: none; color: #ccc; text-decoration: underline;}
ul#navigation li a:hover, ul#navigation li a:active, ul#navigation li.current_page_item a{font-size: 0.90em; color: #fff; text-decoration: underline;}
/**********************************/
/* Sidebar */
/**********************************/
#sidebar {font: normal 0.90em Verdana, Arial, MS ゴシック; color: #000; line-height: 130%; margin: 0px; padding: 0px 0px; background: #fff;}
.middletop {width: 0px; margin: 0px; margin-left: 10px; float:right;}
#sidebar a {text-decoration:none; color: #333;}
#sidebar a:hover {text-decoration:underline; color: #888;}
#sidebar ul {margin: 0px 0px 0px 0px; padding: 0px; list-style-type: none;}
#sidebar h2 {font: bold 1.00em Verdana, Arial, MS ゴシック; color: #000; margin-left: 10px; padding:0; padding-left: 17px; text-transform:uppercase;}
#sidebar h2 a {font: bold 1.00em Verdana, Arial, MS ゴシック; 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.about {background: transparent url(img/user.png) no-repeat top left;}
#sidebar h2.cats {background: transparent url(img/folder.png) no-repeat top left;}
#sidebar h2.cal {background: transparent url(img/cal.png) no-repeat top left;}
#sidebar h2.search {background: transparent url(img/search.png) no-repeat top left;}
#sidebar h2.file
{font: bold 1.05em Verdana, Arial, MS ゴシック; color: #333; margin: 0px; padding: 5px 0px 3px 15px; text-align: left; valign: top; border-left: 20px solid #ccc;}
#sidebar h2.file a
{font: bold 1.05em Verdana, Arial, MS ゴシック; color: #333;
text-align: left;}
#sidebar h2.link {background: transparent url(img/link.png) no-repeat top left;}
#sidebar ul {margin-top: 0px; padding: 0px;}
#sidebar ul li {background: transparent url(img/none) top left; padding-left: 0px; padding-top: 0px;}
#sidebar ul li ul {border-top: 0px solid #000; margin:0; padding: 0px;}
#sidebar ul li ul li {background: #f5f5f5; font-size: 0.90em; margin: 0px 0px 0px 0px; padding: 2px 5px 2px 5px; border: none; letter-spacing: 1px;}
#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 {float: left; display: inline; overflow: hidden; border: none; padding-left: 10px;}
#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;}
/**********************************/
/* Footer */
/**********************************/
#footer .copyright {color: #ddd; font: normal 12px Verdana, Arial, MS ゴシック; background: #111 url(img/top2.gif) repeat;}#footer .copyright a {color: #ddd; font: bold 10px Verdana, Arial, MS ゴシック;}
#footer .copyright a:hover {font: bold 10px Verdana, Arial, MS ゴシック; color:#ddd; text-decoration:none; border-bottom:1px dashed #ddd;}
/* *********************************** */
/* alinks */
/* *********************************** */
a.alinks_links {
text-decoration: none;
border-bottom: #0000FF 1px dotted;
}
/* *********************************** */
/* tabber */
/* *********************************** */
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */
/*--------------------------------------------------
REQUIRED to hide the non-active tab content.
But do not hide them in the print stylesheet!
--------------------------------------------------*/
.tabberlive .tabbertabhide {
display:none;
}
/*--------------------------------------------------
.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up
--------------------------------------------------*/
.tabber {
}
.tabberlive {
margin-top:1em;
}
/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
ul.tabbernav
{
margin:0;
padding: 3px 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}
ul.tabbernav li
{
list-style: none;
margin: 0;
display: inline;
}
ul.tabbernav li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #ff6600;
text-decoration: none;
}
ul.tabbernav li a:link { color: #ffffff; }
ul.tabbernav li a:visited { color: #ffffff; }
ul.tabbernav li a:hover
{
color: #ff6600;
background: #fafaf5;
border-color: #227;
}
ul.tabbernav li.tabberactive a
{
color: #fc0;
background-color: #708090;
border-bottom: 1px solid #fff;
}
ul.tabbernav li.tabberactive a:hover
{
color: #fc0;
background: #708090;
border-bottom: 1px solid white;
}
/*--------------------------------------------------
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)
--------------------------------------------------*/
.tabberlive .tabbertab {
padding:5px;
border:1px solid #aaa;
border-top:0;
/* If you don't want the tab size changing whenever a tab is changed
you can set a fixed height */
/* height:200px; */
/* If you set a fix height set overflow to auto and you will get a
scrollbar when necessary */
/* overflow:auto; */
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
display:none;
}
.tabberlive .tabbertab h3 {
display:none;
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
height:200px;
overflow:auto;
}
/**********************************/
/* Category List */
/**********************************/
#categorylist h2 {font: 1.0em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#DDD;text-transform:uppercase;
letter-spacing:0.05em; margin:0;padding:0;}
#categorylist {color:#FFF; text-transform:uppercase; display:inline;
font:bold 1.0em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;margin:0;padding:0;}
#categorylist a {color: #eee;}
#categorylist a:hover {color: #fc0; text-decoration:none;}
#categorylist li { display: inline; padding: 0px 0px;}
/**********************************/
/* Category List2 */
/**********************************/
#categorylist2 h2 {font: 1.0em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#DDD;text-transform:uppercase;
letter-spacing:0.05em; margin:0;padding:0;}
#categorylist2 {color:#FFF; text-transform:uppercase; display:inline;
font:bold 1.0em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;margin:0;padding:0;}
#categorylist2 a {color: #eee;}
#categorylist2 a:hover {color: #fc0; text-decoration:none;}
#categorylist2 li { display: inline; padding: 0px 0px;}
/**********************************/
/**********************************/
/* Page links */
/**********************************/
.linktext {
font-size:9px;
margin-left:5%;
margin-right:5%;
}
.linktextarea {
font-size:9px;
font-family:verdana;
overflow:hidden;
background: #eee;
}
.pagelinks { clear: both; margin: 2.5em 0; font-size: 1.0em; font-weight: bold; }
.pagelinks strong { color: #333333; margin: 0 0.6em 0 0; border: 1px solid #e5e5e5; padding: 0.3em 0.6em; }
.pagelinks a { margin: 0 0.8em; border: 1px solid; padding: 0.3em 0.6em; }