/*
Theme Name: equiX
Theme URI: http://marcoss.com.ar/dsgn/equix/
Description: equiX is a theme made for WordPress 1.5+ | dsgn by m^r(oS.
Authors: Marcos Sader & Tim Severeijns
Author URIs: http://marcoss.com.ar/ & http://www.tech-talkers.com/
Version: v. 1.0 -- 1042*786 version
-- About --
equiX is a theme designed to fully intarate with WordPress 1.5+,
all the files you need to make your blog run out-of-the box are
included and styled.
-- Credits ---
Design: The equix template was designed by Marcos Sader (http://marcoss.com.ar/).
WordPress: For this amazing state-of-the-art semantic personal publishing platform.
and of course Matt, the wordpress forums and codex team for all the help and
information provided during the development.
The larger screen format was designed by Tim Severeijns.
-- License --
Everything included in the package, the CSS, XHTML and design is released under
the GNU GPL License v.2, June 1991:
http://www.fsf.org/licensing/licenses/gpl.html
http://www.gnu.org/licenses/gpl.html
-- Made in Córdoba, Argentina | Marcos Sader - 2005 --
*/
/*---------------------------- Main -------------------------------*/
html, body {
margin: 20px auto;
padding: 0px;
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: 8px;
text-align: center;
background-color: #EFEDED; /*--was F6F6E8-- then was EFEDED*/
cursor: auto;
color: #313031;
}
/*---------------------------- Links -------------------------------*/
/*--Original visited color was #A3BCCC--*/
a {
color: #224359;
text-decoration: none;
}
a:visited {
color: #224359;
text-decoration: none;
}
a:hover {
color: #224359;
text-decoration: none;
}
a img {
border: none;
}
/*---------------------------- Images Structure -------------------------------*/
img.c { /*Now if you add the class "c" will center the img, "r" will float it to the right and yeah you guessed it!... "l" will float it left.*/
display: block;
margin-left: auto;
margin-right: auto;
}
img.r {
float: right;
}
img.l {
float: left;
}
.entry img { /*A nice hover effect when your post-images are linking somewhere*/
border: 2px solid #FFFFFF;
padding: 6px;
max-width: 98%;
border: none;
}
.entry a img {
border: 1px solid #FFFFFF;
padding: 6px;
}
.entry a img:hover {
border: 1px solid #525D5A;
background-color: #F6F6E8;
}
/*---------------------------- General Html -------------------------------*/
hr {
display: none;
}
h2, h3 {
padding: 1px;
font-weight: bold;
text-align: left;
}
.ncol h2{
line-height: 24px;
border-bottom: 2px solid #525d5a;
font-size: 18px;
}
.wcol h2{
line-height: 25px;
font-size: 20px;
}
.sidebar h2{
border-bottom: 2px solid #525d5a;
text-align: right;
line-height: 14px;
font-size: 8px; /* was 8 */
}
h2, h3, h2 a, h2 a:visited{
color: #CC0033;
}
h2 a:hover {
color: #525d5a;
}
h3{
font-size: 13px;
}
blockquote {
border-left: 5px solid #94A6BD;
background-color: #F7F7F7;
padding: 10px 20px;
}
blockquote:hover {
background: #FFFFFF;
}
code {
font-family: 'Courier New', Courier, Fixed, sans-serif;
font-size: 1.1em;
}
small {
font-size: 0.9em;
line-height: 1.5em;
}
acronym, abbr {
letter-spacing: .07em;
border-bottom: 1px dashed #CC0033;
}
/*---------------------------- Page Navigation -------------------------------*/
.navigation {
margin: 40px 30px 20px 30px;
padding: 0 10px;
font-weight: bold;
font-size: 12px;
}
.ncol .navigation {
margin: 15px 0px;
font-size: 11px;
}
.ar { /*This way you can use a simple class="ar"/"al"/"ac" to get an objet floated or centered.*/
float: right;
}
.al {
float: left
}
.ac {
text-align: center;
margin-left: auto;
margin-right: auto;
}
/*---------------------------- Content -------------------------------*/
#content{
margin: 0px auto;
width: 1000px; /*--was 780px--*/
font-size: 11px; /*--was 11px--*/
text-align: left;
}
/*----------------------------Top Bar -------------------------------*/
#topbar{
margin: 1px 0px;
padding: 0px;
width: 998px; /*--was 778px--*/
height: 25px;
background-color: #FFFFFF;
border:1px solid #D6D3CE;
font-family: Verdana, Geneva, Arial, sans-serif;
line-height: 17px;
font-size: 10px;
}
.navbar{
margin: 0px auto;
padding: 3px 1px 2px 1px;
}
.navbar ul{
display: inline;
list-style-type: none;
}
.navbar li{
display: inline;
list-style-type: none;
}
.navbar a, .navbar a:visited {
cursor: default;
float: left;
font-weight: bold;
margin: 0px 10px 3px 10px;
color: #525d5a;
}
.navbar a:hover{
color: #CC0033;
}
/*---------------------------- Top Search Form -------------------------------*/
.topsform {
margin: -1px 2px 3px 0px;
padding: 0px;
width: 220px;
height: 16px;
background-color: #FFFFFF;
border:1px solid #D6D3CE;
float: right;
}
.t-s{
margin: 0px auto;
padding: 0px;
font-family: Verdana, Geneva, Arial, sans-serif;
color: #525d5a;
font-size: 10px;
width: 67%;
height: 100%;
border: none;
background-color: #FFF;
}
.topsformsubmit{
margin: 0px auto;
padding: 0px;
font-family: Verdana, Geneva, Arial, sans-serif;
color: #525d5a;
font-size: 10px;
font-weight: bold;
width: 30%;
height: 100%;
background-color: #FFF;
border: none;
border-left:1px solid #D6D3CE;
cursor: pointer;
}
.topsformsubmit:hover{
background-color: #F6F6E8;
}
/*---------------------------- Header -------------------------------*/
/*--Just drop a 778px*98px image named 'header.png' in the theme folder an it will be displayed in your blog header---*/
.header {
margin: 1px 0px;
padding: 0px;
display: block;
width: 998px; /*--was 778px--*/
height:98px;
background: url('header.png') no-repeat bottom center;
background-color: #EFEDED; /*--was #9DA7AF--*/
border: 1px solid #D6D3CE;
cursor: pointer;
}
/*---------------------------- Page -------------------------------*/
.page {
width: 998px; /*--was 778px--*/
margin: 1px 0px;
padding: 0px;
background-color: #FFF;
border:1px solid #D6D3CE;
text-align: left;
float: left;
}
/*---------------------------- Narrow Column -------------------------------*/
.ncol {
padding: 20px 25px 40px 35px;
width: 732px; /*--check, was 510px--*/
background:#FFF;
float:left;
}
/*---------------------------- Wide Column -------------------------------*/
.wcol {
margin: 0px auto;
width: 80%;
padding: 20px 15px 10px 15px;
line-height: 1.5em;
}
/*---------------------------- Post Structure -------------------------------*/
.post {
margin: 0px 10px 55px 2px;
text-align: justify;
}
.archived {
padding: 0px 0px 0px 15px;
}
.archived h2{
font-size: 14px;
}
.postmetadata {
width: 712px;
margin: 25px 0 0 0;
padding: 3px;
border-top: 1px solid #D6D3CE;
color: #313031;
text-align: left;
line-height: 17px;
font-size: 10px;
}
.entry {
font-size: 1em;
line-height: 1.4em;
}
.entry a {
font-weight: bold;
}
.entry ol li {
list-style: decimal outside;
}
.entry ul li {
list-style-type: square;
}
.entry form {
text-align: left;
}
.entry input { /* For password-protected posts */
margin: 2px auto;
font-size: 9px;
padding: 0px;
background-color: #FFFFFF;
border:1px solid #D6D3CE;
}
.entry input[value="Submit"] {
font-size: 9px;
cursor: auto;
}
.entry input[value="Submit"]:hover{
background-color: #F6F6E8;
}
/*---------------------------- Sidebar -------------------------------*/
.sidebar {
width: 190px;
padding: 35px 5px 40px 8px;
float:right;
font-size: 10px; /*--was 10px--*/
}
.sidebar h2 {
text-align: right;
font-size: 11px;
}
.sidebar ul {
margin: 0px 32px 30px 5px;
padding: 0px;
list-style-type: none;
list-style-image: none;
}
.sidebarul li {
list-style-type: none;
list-style-image: none;
}
.sidebarul li ul {
margin: 10px 0px 10px 10px;
padding-left: 5px;
}
.sidebar ul li ul li {
width: 145px;
margin: 0px 0px 0px 4px;
color: #404040;
list-style-type: square;
list-style-image: none;
}
/*---------------------------- Search box for error-404 pages -------------------------------*/
.searchbox{
margin: 2px auto;
padding: 0px;
display: block;
width: 500px;
height: 50px;
background: #F7F7F7;
border:1px solid #D6D3CE;
}
.searchbox #searchform {
background: #FFF;
margin: 14px auto;
width: 400px;
padding: 0px;
border: 1px solid #D6D3CE;
}
.searchbox #searchform #s{
margin: 0px auto;
padding: 1px;
font-family: Verdana, Geneva, Arial, sans-serif;
color: #404040;
font-size: 10px;
width: 298px;
height: 100%;
border: none;
background-color: #FFF;
}
.searchbox #searchform #searchsubmit{
border: none;
margin: 0px auto;
padding: 2px 0px;
font-family: Verdana, Geneva, Arial, sans-serif;
color: #404040;
font-size: 10px;
font-weight: bold;
width: 96px;
height: 100%;
background-color: #FFF;
border-left:1px solid #D6D3CE;
cursor: auto;
}
.searchbox #searchform #searchsubmit:hover{
background-color: #F6F6E8;
}
/*---------------------------- Adsense --------------------------------*/
.horizontal{
padding: 0px 0px 40px 0px;
}
/*---------------------------- Comments -------------------------------*/
.comarea{
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
line-height: 17px;
color: #313031;
}
.comol{
margin: 20px 0px 40px 0px;
text-align: left;
font-weight: bold;
list-style-type: upper-roman;
}
.comli{
border-left: 1px solid #D6D3CE;
border-bottom: 1px solid #D6D3CE;
text-align: left;
margin: 25px 0px 20px 0px;
padding: 4px;
min-height: 90px;
width: 95%;
}
.comauth{
border-bottom: 1px solid #D6D3CE;
width: 70%;
font-size: 11px;
font-weight: bold;
padding: 0px 0px 2px 2px;
}
.mod {
color: #CC0033;
}
.comli .cmeta {
margin: 1px 0px 5px 2px;
border: none;
font-size: 10px;
font-weight: normal;
}
.comtxt{
margin: 0px 0px 0px 5px;
font-size: 9px;
font-weight: normal;
text-align: left;
}
.preview, .preview ul, .preview ul li {
list-style: none;
margin: 20px 0px 20px -13px;
width: 594px;
}
#TextDisplay { /*Live Preview of Comments */
margin: 5px 0px 0px 5px;
font-size: 9px;
font-weight: normal;
text-align: left;
}
#tbs { /* This will let you asign your trackbacks/pingbacks a direferent style */
padding: 5px;
border: 1px solid #525D5A;
background: #F7F7F7;
}
#tbs:hover {
background-color: #FDFDFA;
}
/*---------------------------- Comment Form -------------------------------*/
#commentform {
margin: 15px 0px 30px 0px;
}
#commentform input {
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
border: 1px solid #D6D3CE;
border-right: 3px solid #D6D3CE;
}
#commentform textarea {
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
width: 715px;
padding: 2px;
border: 1px solid #D6D3CE;
border-right: 3px solid #D6D3CE;
}
#commentform #submit {
width: 723px;
padding: 2px;
background: #FFFFFF;
text-align: center;
border: 1px solid #D6D3CE;
border-right: 3px solid #D6D3CE;
font-weight: bold;
}
#commentform #submit:hover {
background-color: #F6F6E8;
cursor: auto;
}
/*---------------------------- Footer -------------------------------*/
.footer {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
line-height: 17px;
font-size: 0.8em;
margin: 1px 0px;
padding: 0px;
width: 998px;
height: 55px;
background-color: #FFFFFF;
border:1px solid #D6D3CE;
color: #313031;
clear:both;
}
.powered {
margin: 12px auto;
margin-right: 100px;
padding-left: 120px;
text-align: center;
}
.powered a {
color: #224359;
font-weight: bold;
}
.powered a:hover {
color: #CC0033;
}
/*---------------------------- Go-up -------------------------------*/
/*------An useless bottom line that will let you go up by clicking on it :p-----*/
.go-up {
margin: 1px auto;
padding: 0px;
width: 998px;
height: 15px;
background-color: #FFF;
border:1px solid #D6D3CE;
font-size: 10px;
cursor: auto;
}
/*---------------------------- mozilla-styles -------------------------------*/
/*-- Just a nice touch for mozilla user, will make text selection with a fancy background
Taken from: http://a.proletarium.org/post/11/
If you want to use it just uncomment it, is deactive coz won't validate.. :(
--*/
/* leave the following asterisk: *::-moz-selection {
background-color: #f09;
color: #fff;
} */
/*-------------------------------End of |X| - One Theme to Rule Them All-------------------------------------------------------*/