/*
custom.css ? custom styles for any WordPress theme that YOU define
------------------------------------------------------------------
This stylesheet will allow you to futureproof your CSS changes
against future releases and upgrades on ANY WordPress theme. I
know you work hard on your modified styles, and I don't want you
to feel like every theme upgrade is a total drag!
Also, if you're a designer who makes use of GPL themes in your
work, you'll find this incredibly handy! You can come up with a
set of core modifications for any WordPress theme, and by
isolating these mods in a separate stylesheet, you'll be better
able to track the changes that you make and their associated
effects. Best of all, when the theme's designer releases a new
version, you won't have to go back through and make all your
changes anew. Plus, this is *definitely* the smartest way to scale
out sites if you find yourself using one or two theme frameworks
consistently.
Instructions:
Modifying existing theme styles to your liking is a breeze with
this handy stylesheet. In order to turn on the CSS styles that you
define here, you'll need to append the tag (usually found
within the header.php file) with a CSS class called "custom".
Thanks to this, you now have the ability to override ANY style
that's declared in the theme's original stylesheet.
In practice, you simply need to copy the CSS for the element that
you want to change (from style.css) and then paste it here. Prefix
the new CSS declaration with .custom, and then make your tweaks as
necessary.
Here's an example:
To change the default color of the tag (let's say you want to
make them a cherry red [#c00]) and to remove the default
underline, this is what you would do:
.custom a { color: #c00; text-decoration: none; }
Oh, but remember, none of these changes will work unless you call
custom.css from wihtin your header file!
Cool? Now get to hackin!
*************** INSTRUCTIONS ***********************
Modify your theme’s header.php file
Open up your desired theme’s header.php file and insert the following code between the tags:
Next, while still inside the header.php file, locate the tag and append it
with a CSS class called custom. Once you’ve done that, your resulting tag
should look something like this:
After that, save the header.php file and upload it to your server.
*/
/*
Blue : #6f9fbd
Text: #42423d
Black: #464646
Deep Black: #272727
Silver: #eeeeee
Pink: #ec81c0
body {
font-size: 62.5%;
}
#main width: 560px;
#sidebar width: 320px;
*/
.red {
color:#cc0000;
}
p.note { background: #f5f5f5; border: 1px solid #ddd; padding: 10px; }
p.alert { background: #ffffcd; border: 1px solid #e5e597; padding: 10px; }
.center { text-align: center !important; }
small {
font-size: 90%;
}
/* =BUTTONS
-----------------------*/
a.button {
color: #222;
display: block;
width: 140px;
font-size: .7em;
height: 40px;
line-height: 40px;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
padding: 0px 0px;
background: #ffe559 url('images/bg-btn-stripes.jpg') 0px -40px no-repeat;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari */
}
a.button:hover {
color: #222;
background: #d7d7d7 url('images/bg-btn-stripes.jpg') 0px 0px no-repeat;
}
/* =Cross Browser Rounded Corners
------------------------------------ */
.rounded {
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari */
}
#sidebar #tagcloud {
margin: 0 0 15px 0;
}
#sidebar #tagcloud a {
color: #777;
}
#sidebar #tagcloud a:hover {
color: #C30;
}
/* GALLERY CAPTIONS */
#main .ngg-gallery-thumbnail span {
font-size: 10px;
}
.clear {
clear: both;
height: 1px;
margin: 0;
padding: 0;
}
hr { display: none; }
div.hr {
height: 1px;
margin: 20px 0;
background-image: url(images/dotted-line-h.gif);
background-position: left top;
background-repeat: repeat-x;
}
div.hrdouble {
margin: 20px 0 30px 0;
border-top: double #e3e0e0;
}
strong, b {
font-weight: bold;
}
em, i {
font-style:italic;
}
.highlight {
background-color: #b8daef;
padding: 8px;
}
#embedarticlewidget {
float:right;
width:110px;
height:16px;
margin: 0;
}
#addthis {
float:right;
width:auto;
height:16px;
margin: 0 10px 0 0;
}
#addthis a {
color: #ccced3;
font-size: .8em;
line-height: 18px;
}
#addthis a:hover {
color: #e25b25;
}
#fblike {
float:right;
width:50px;
height:21px;
overflow:hidden;
margin:0 10px 0 0;
}
/*********************************************
LINKS
*********************************************/
p a, li a {
color: #336699;
text-decoration: none;
}
p a:hover, li a:hover {
color: #333;
}
a.more-link {
color: #888;
font-size: 80%;
font-style: italic;
}
a.more-link:hover {
color: #464646;
}
/*********************************************
HEADER TAGS
*********************************************/
h1, h2, h3, h4, h5, h6 {
letter-spacing: -.042em;
}
h1 {font-size: 2.3em;} /* Article Title */
h2 {font-size: 2.0em;
color: #6f9fbd;
line-height: .9em;
margin-bottom: 10px;
}
h3 {font-size: 1.8em;
margin-bottom: 0px;
}
h4 {font-size: 1.6em;
color: #6f9fbd;
margin-bottom: 0px;
}
h5 {font-size: 1.4em;
color: #666;
margin: 15px 0 0 0;
}
h6 {font-size: 1.2em;}
/*********************************************
PHOTOS
*********************************************/
/* PICTURE: FULL WIDTH: 530px */
/* PICTURE: INSET: NO MORE THAN 165px */
img.picture {
padding: 0px;
margin: 0;
border: 9px solid #dddddd;
}
img.fullwidth {
margin: 15px 0 -10px 0;
}
img.left {
float: left;
margin-right: 10px;
}
img.right {
float: right;
margin-left: 10px;
}
/*********************************************
WP STANDARD IMAGE CLASS STYLING -- Uploading with MEDIA via Admin
*********************************************/
img.alignright {
float:right;
margin:0 0 10px 10px;
}
img.alignleft {
float:left;
margin:0 10px 10px 0;
}
img.aligncenter {
display: block;
margin-top: 15px;
margin-right: auto;
margin-bottom: -10px;
margin-left: auto;
}
a img.alignright {
float:right;
margin:0 0 10px 10px;
}
a img.alignleft {
float:left;
margin:0 10px 10px 0;
}
a img.aligncenter {
display: block;
margin-top: 15px;
margin-right: auto;
margin-bottom: -10px;
margin-left: auto;
}
/* --- ADDITIONAL IMG STYLING ---- */
img.border {
border: 9px solid #dddddd;
}
a.noicon { /* Removes image icon from link that was auto added from iconize.css */
padding: 0;
background: none;
}
/*********************************************
HEADER
*********************************************/
#header {
height: 200px;
}
#logo {
left: -25px;
top: 1px;
}
#logo a {
width: 300px;
height: 68px;
left: 25px;
top: 40px;
}
/*********************************************
MAIN CONTENT
*********************************************/
#main {
width: 550px;
margin: 0 10px;
display: inline;
font-size: 1.2em;
}
.post_byline {
font-style: normal;
}
.post_headline {
width: 550px;
}
.post_headline h1 {
position: relative;
width: 535px;
margin: 0;
line-height: 1em;
}
p span.today {
padding: 0 0 0 60px;
background: transparent url('images/diy-today.gif') 0 0 no-repeat;
}
p span.start {
padding: 0 0 0 60px;
background: transparent url('images/diy-today.gif') 0 0 no-repeat;
}
/* ADD CAPTION TO PHOTOS */
p.caption {
font-size: .8em;
color: #333;
margin-top: -15px;
padding: 4px 10px 4px 0;
background-color:#DCDCDC;
text-align: right;
}
/* --------------- Blockquote */
blockquote {
color: #336699;
font-size: .9em;
text-indent: -0em;
font-style: italic;
padding: 15px 0;
margin: 0 0 25px 0;
border-top: double #DCDCDC;
border-bottom: double #DCDCDC;
}
/* Pullquotes
-------------------------------------------------------------- */
blockquote.left {
margin-left: 0;
margin-right: 20px;
text-align: right;
width: 33%;
}
blockquote.right {
margin-left: 20px;
margin-right: 0;
text-align: left;
width: 33%;
}
.pullquote {
color: #0f4b9d;
font-family: Georgia, serif;
font-size: 1em;
font-style: italic;
float: left;
width: 200px;
display: block;
padding: 12px 10px 14px 10px;
margin: 5px 20px 0px 0px;
border-top: double #5089d8;
border-bottom: double #5089d8;
}
/*********************************************
LISTS
*********************************************/
.post ul, .post ol {
float: none;
padding: 0;
margin-left: 30px;
}
.post .related {
padding-top: 15px;
border-top: 1px solid #cccccc;
}
.post ul.noindent {
margin: 0 0 30px 0;
padding: 0;
}
.post ul.noindent li {
margin-left: 0px;
}
.post ul.blogroll {
margin-left: 0px;
}
.post ul li {
float: none;
display: block;
background: transparent url('images/icn-greencheck.gif') 0 6px no-repeat;
padding: 0 0 0 18px;
margin: 0 0 10px 0;
}
.post ol li {
list-style-type: decimal;
list-style-position: inside;
margin: 0 0 0 40px;
}
.post ol ol {
margin: 0;
}
.post ol ol li {
list-style-type: lower-alpha;
}
.post ol ol ol {
margin: 0 0 .5em 0;
}
.post ol ol ol li {
list-style-type: lower-roman;
}
.toc {
font-size: .9em;
line-height: 12px;
border-top: double #e3e0e0;
border-bottom: double #e3e0e0;
padding: 50px 0 0 40px;
margin: 0 0 1.5em 0;
background: transparent url('images/toc.gif') 3px 15px no-repeat;
}
/******************** DIY TIP BOX ***********************/
.diy-tip {
background: transparent url('images/diy-tip.png') 0 13px no-repeat;
height: auto;
min-height: 62px;
padding: 10px 0 0px 72px;
margin: 0 0 25px 0;
border-top: 5px solid #cccccc;
}
/******************** DIY STORE ***********************/
p span.price {
color: #d45e0f;
padding: 0 0 0 60px;
background: transparent url('images/diy-price.gif') 0 0 no-repeat;
}
a.store-button {
color: #FFF;
font-size: 16px;
background-color: #6f9fbd;
margin: 80px 0 0 0;
padding: 10px 60px;
}
a.store-button:hover {
color: #333;
}
.product-price {
color: #fff;
text-size: 18px;
line-height: 28px;
height: 32px;
display: block;
padding: 8px 8px 0 8px;
margin-bottom: 75px;
background-color: #043652;
border: 3px solid #d4dfe5;
clear:left;
color: #333;
background-color: #c1c3c6;
border: 3px solid #dfe0e2;
}
.product-price a {
color: #333;
text-decoration: none;
border-bottom: 1px dotted #222;
}
.product-price a:hover {
color: #FFF;
text-decoration: none;
border-bottom: 1px dotted #FFF;
}
/******************** Follow Me Box Under Articles ***********************/
.follow_twitter {
color: #3c8bbe;
margin: -15px 0 10px 0;
}
.follow_twitter a {
color: #3c8bbe;
border-bottom: 1px dotted #000000;
}
/*********************************************
SIDEBAR NEWSLETTER
*********************************************/
#sidebar ul#subscribe-newsletter {
margin-top: -10px;
background: transparent;
height: 299px;
width: 340px;
}
li.sidebar-newsletter-top a {
margin: 0;
background: transparent url('images/diy-newsletter-top.jpg') top left no-repeat;
height: 79px;
width: 340px;
display: block;
}
li.sidebar-newsletter-top a:hover {
background-position: 0 -79px;
}
li.sidebar-newsletter-bottom a {
margin: -3px;
height: 220px;
width: 340px;
background: transparent url('images/diy-newsletter-bottom.jpg') no-repeat;
display: block;
}
/*********************************************
SIDEBAR ASK DIY GUY
*********************************************/
#sidebar ul#askdiyguy {
margin-top: -10px;
background: transparent;
height: 299px;
width: 340px;
}
li.askdiyguy a {
margin: 0;
background: transparent url('images/ask-diy-guy.jpg') top left no-repeat;
height: 126px;
width: 340px;
display: block;
}
#websites li a {
display: block;
color: #464646;
background: #EEE;
border: 1px solid #DDD;
padding: 10px;
margin: 0;
}
#websites li a:hover {
color: #FFF;
background: #464646;
}
/*********************************************
SUBSCRIBE BUTTONS
*********************************************/
.meta-subscribe {
font-size: 80%;
margin: 0;
padding: 0;
}
#subscribe-options {
width: 549px;
height: 80px;
background: transparent url('images/subscribe-buttons.gif') no-repeat 0 28px;
padding-top: 5px;
border-top: 1px solid #cccccc;
}
.subscribe-rss a {
float: left;
width: 263px;
height: 50px;
top: 10px;
left: 0px;
}
.subscribe-email a {
float: right;
width: 263px;
height: 50px;
top: 10px;
left: 286px;
}
/*********************************************
SIDEBAR VIDEO
*********************************************/
#sidebar .video {
margin: 0px; padding: 0px 0px 0px 0px;
}
#sidebar .video embed,
#sidebar .video object {
width: 340px; height: 280px;
margin: 0px; padding: 0px;
}
/*********************************************
LISTS
*********************************************/
#main ul li a {
text-decoration: none;
border-bottom: none;
}
#main ul li a:hover {
color: #333;
}
#main ul ul {
margin: 10px 0 0 20px;
}
.post ol {
padding: 0;
margin: 0 0 25px 30px;
}
.post ol li {
display: list-item;
list-style-type: decimal;
list-style-position: outside;
padding: 0;
margin: 0 0 15px 15px;
}
.post ol ol {
margin: 10px 0 0 20px;
}
.post ol ol li {
list-style-type: lower-alpha;
}
ol ol ol {
margin: 0 0 0 25px;
}
ol ol ol li {
list-style-type: lower-roman;
}
dl {
padding: 0;
margin: 10px 0 25px 0px;
}
dl dt {
font-size: 1.7em;
line-height: 1.1em;
font-style: normal;
margin: 8px 0 4px 0;
}
dl dd {
color: #333;
font-size: 1.4em;
line-height: 1.1em;
margin: 0 0 20px 20px;
}
#main dl {
padding: 0;
margin: 10px 0 25px 0px;
}
#main dl dt {
color: #039;
font-size: 1.7em;
line-height: 1.1em;
font-style: italic;
margin: 8px 0 4px 0;
}
#main dl dd {
color: #333;
font-size: 1.4em;
line-height: 1.1em;
margin: 0 0 20px 20px;
}
/*********************************************
FORMS
*********************************************/
#main fieldset {
background: none;
border: 0;
padding: 10px;
}
#main fieldset li {
float: none;
margin: 0;
}
#main fieldset label {
width: 100px;
float: left;
font-weight: normal;
color: #333;
font-size: .7em;
}
#main fieldset span {
font-size: .6em;
color: #333;
}
/*
#main fieldset textarea {
background: #FFF url('images/form_bg.png') repeat-x;
border: 1px solid #DDD;
color: #5b5b5b;
padding: 5px;
font-size: 14px;
width: auto;
}
*/
/*********************************************
STORE
*********************************************/
#store ul, .post ol {
margin-left: 0px;
}
#store ul li {
background-image: none;
padding: 0 0 0 18px;
margin: 0 0 10px 0;
}
/*********** FORMS ***************/
/* generic eshop form colors */
#main form.eshop fieldset {
border-top:1px dashed #CFD0D6;
margin:0;
padding: 10px;
}
#main form.eshop fieldset fieldset {
background:#EEEEF8;
}
#main form.eshop legend {
background:transparent;
color:#404040;
border: none;
margin-bottom: 15px;
display: none;
}
#main form.eshop fieldset label {
width: auto;
float: none;
color: #333;
font-size: 1em;
}
#main form.eshop fieldset span {
font-size: 1em;
}
#main form.eshop input.button {
background:#676B7B;
color:#fff;
border-width:1px;
border-style:solid;
border-color:#9396A4 #555 #555 #9396A4;
}
#main form.eshop input.button:hover,
#main form.eshop input.button:active,
#main form.eshop input.buttonfocus {
background:#D1FDA5;
color:#404040;
}
#main form.eshop input,
#main form.eshop textarea {
background:#FAFAFA;
color:#000;
border:1px solid #ccc;
}
#main form.eshop input:focus,
#main form.eshop textarea:focus,
#main form.eshop input.focus,
#main form.eshop textarea.focus {
background:#fff;
color:#404040;
border-color:#0d0;
}
#main form.dlproduct label {
color:#A22F2F;
}
/*********************************************
META
********************************************
.meta {
margin: 5px 0 0 0;
padding-top: 0;
border-top: none;
}
.meta-top {
color: #777;
font-size: 80%;
margin: 0 0 10px 0;
padding: 0 0 8px 0;
border-bottom: 1px dotted #CCC;
}
.meta span.subscribe a,
.meta-bottom span.subscribe a {
color: #457BCC;
}
*/
.meta-bottom {
font-size: 80%;
margin: 5px 0 5px 0;
padding: 15px 0 5px 0;
border-top: 1px solid #cccccc;
}
.meta a:link,
.meta a:visited,
.meta-bottom a:link,
.meta-bottom a:visited {
text-decoration: none;
color: #C00;
font-weight: normal;
}
.meta-bottom a:hover,
.meta-bottom a:active {
text-decoration: none;
color: #333 !important;
}
.meta-bottom span.tags a {
color: #457BCC;
}
/*********************************************
COMMENTS
*********************************************/
#comments fieldset li {
margin: 10px 0;
}
#comments_form textarea {
border: 3px solid #f3f3f3;
color: #5b5b5b;
font-size: 14px;
width: 500px;
}
/*********************************************
Breadcrumb Nav
*********************************************/
#breadcrumb {
padding: 0px 0px 5px 0px;
}
#breadcrumb,
#breadcrumb a {
color: #999;
font-size: 11px;
text-decoration: none;
}
#breadcrumb a:hover {
color: #333;
text-decoration: underline;
}
/*********************************************
Share Links Styles
********************************************
#share {
display: block;
float: right;
width: 125px;
margin: 0px 0px 10px 10px;
padding: 10px;
font-size: 11px;
border: 1px solid #CCC;
text-transform: uppercase;
display: inline;
}
#share a {
color: #AAA;
text-decoration: none;
}
#share a:hover {
color: #333;
text-decoration: none;
}
#share ul {
margin: 0px; padding: 0px;
list-style-type: none;
}
#share ul li {
margin: 0px; padding: 0px 0px 0px 20px;
border-bottom: 1px solid #EEE;
line-height: 24px;
}
#share ul li.print {
background: url(images/share/print.gif) left 50% no-repeat;
}
#share ul li.comments {
background: url(images/share/comments.png) left 50% no-repeat;
}
#share ul li.stumble {
background: url(images/share/stumble.png) left 50% no-repeat;
}
#share ul li.digg {
background: url(images/share/digg.gif) left 50% no-repeat;
}
#share ul li.delicious {
background: url(images/share/delicious.gif) left 50% no-repeat;
}
#share ul li.facebook {
background: url(images/share/facebook.gif) left 50% no-repeat;
border: none;
}
*/
/*********************************************
Share Links Styles // POST BOTTOM
*********************************************/
#SocialBookMarks {
clear:both;
}
.sharebtm {
position:relative;
/* border:1px solid #ddd;
padding:10px;
margin:15px 0 10px 0;
*/
padding-top: 5px;
border-top: 1px solid #cccccc;
margin:5px 0 15px 0;
font-size:12px;
-webkit-text-size-adjust:none;
}
.sharebtm p {
padding:0;
margin:0;
margin:0 0 0 0px;
}
.sharebtm strong {
background-color: #FFF;
}
.sharebtm p.what { /* Whats This Text */
position:absolute;
top:0px;
right:0px;
padding:10px;
font-size:12px;
}
.sharebtm ul {
text-align:left;
list-style:none;
margin:8px 0 0 0px;
padding:0;
}
.sharebtm ul li {
text-align:center;
display:inline;
padding:0 12px 2px 18px;
}
.sharebtm ul li a {
margin:0;
}
.sharebtm ul li.delicious {
background: url(images/share/delicious.gif) no-repeat 0 0;
}
.sharebtm ul li.digg {
background: url(images/share/digg.gif) no-repeat 0 0;
}
.sharebtm ul li.reddit {
padding:0 0 0 20px;
background: url(images/share/reddit.gif) no-repeat 0 0;
}
.sharebtm ul li.facebook {
background: url(images/share/facebook.gif) no-repeat 0 0;
}
.sharebtm ul li.stumbleupon {
background: url(images/share/stumble.png) no-repeat 0 0;
}
.sharebtm ul li.twitter {
background: url(images/share/tweet-this.png) no-repeat 0 -3px;
}
.sharebtm ul li.technorati {
background: url(images/share/technorati.png) no-repeat 0 0;
}
/*********************************************
Previous/Next Page Navigation
*********************************************/
.page-nav {
clear: both; /* To clear any floats */
margin: 10px 0px;
padding: 10px 0px;
}
.page-nav a {
text-decoration: none;
}
.page-nav a:hover{
text-decoration: underline;
}
.nav-previous {
width: 249px;
float: left;
text-align: left;
}
.nav-next {
width: 249px;
float: right;
text-align: right;
}
/*********************************************
FOOTER
*********************************************/
#footer {
position: relative;
}
#footer-column,
#footer-column2 {
float: left;
width: 286px;
margin: 0px 22px 0px 0px;
padding: 0px;
}
#footer-column2 {
margin: 0px;
}
#footer h2 {
margin: 10px;
padding: 0px;
font-weight: bold;
font-size: 18px;
color: #464646;
}
#footer-column ul,
#footer-column2 ul {
width: 260px;
background: #f7f7f7 url('images/comment_silver_bg.png') repeat-x bottom;
border: 3px solid #FFF;
padding: 10px;
margin: 0px;
}
#footer-column ul li,
#footer-column2 ul li {
float: none;
margin: 0px;
height: 30px;
line-height: 30px;
background: #f7f7f7;
border-bottom: 1px dotted #888;
}
#footer-column ul li a,
#footer-column2 ul li a {
color: #333;
display: block;
}
#footer-column ul li a:hover,
#footer-column2 ul li a:hover {
background: #333;
color: #FFF;
}
#footer-about {
float: right;
width: 340px;
margin: 0;
}
#footer-about ul {
background: #f7f7f7 url('images/comment_silver_bg.png') repeat-x bottom;
border: 3px solid #FFF;
padding: 10px;
margin: 0px;
}
#footer-about ul li {
width: 340px;
margin: 0;
}
#footer-about ul li a {
text-decoration: underline;
color: #333;
}
/* =POPUP LINKS
------------------------------------ */
.external {
background: transparent url('images/icn-extlink.gif') no-repeat right center;
padding-right: 13px;
}
.popup {
background: transparent url('images/icn-poplink.gif') no-repeat right center;
padding-right: 14px;
}
/* Sample Action Code
This is a popup link ;
This is an external link
*/
/* =TABLES
------------------------------------ */
table {
table-layout:fixed; /* Sets width of table as specified */
word-wrap: break-word; /* Specified in the CSS3 Text Effects Module
Forces the browser to break words as necessary to prevent overflow
Only works in IE/Win, Safari, and Shiira*/
overflow: hidden; /* For the browsers that don’t support word-wrap -- Hides additional text */
}
table {
font-size: .9em;
border-collapse: collapse;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
margin: 5px auto;
width: 90%;
margin-bottom: 20px;
}
table caption {
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding: 5px;
background: #333;
border: 1px solid #ccc;
color: #FFF;
}
table tr th,
table tr td {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
line-height: 1.5em;
vertical-align: middle;
height: 25px;
}
table tr th {
padding-left: 5px;
}
table tr td.color {
height: 75px;
}
table tr.odd th,
table tr.odd td {
background: #eeeeee;
}
table th.price {
text-align: left;
padding: 0 0 0 15px;
}
table td {
text-align: center;
}
/* =TABLE HEAD --------- */
table thead tr th {
text-transform: uppercase;
background: #99ccff;
color: #333333;
padding: 0 8px;
text-align: center;
}
/* =MODIFIED CSS FOR EBAY LISTINGS (Over-rides above code) --------- */
#ebay table {
font-size: .9em;
border-collapse: collapse;
border-left: 0;
border-top: 0;
margin: 5px 0 10px 0;
width: 100%;
}
#ebay table tr th,
#ebay table tr td {
border-right: 0;
border-bottom: 0;
line-height: 1.5em;
vertical-align: left;
height: auto;
}
#ebay table td {
font-size: 1.1em;
padding-left: 0px;
text-align: left;
}
#ebay table td a {
font-size: 1em;
text-align: center;
}