@charset "utf-8";
/* CSS for Letsrun.com by Shadman Samad */
/* CSS Reset by Eric Meyers - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
/*
This Code below should never be tweaked! Its a CSS reset code that basically reset any native styles that a browser might declare.
Visit http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ for more information. i took cite out (weldon)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
img { margin:5px 5px 5px 5px;}
ol, ul {
list-style: none;
}
/* markup for floating ad */
#header { width:100%; margin:0 auto; clear:both; }
.container2{margin:0 auto; min-width:700px; }
.sidebar{float:right;width:300px;margin-left:5px;}
.tholder{overflow:hidden;}
/* tables still need 'cellspacing="0"' in the markup */
caption {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/* Base Styles */
/* The base styles sets the common styles for known elements such as site background color to font styles */
body { background:#fff; padding:0 4px; } /* This is for the website's overall background, insert any hex value on the background:#hexvalue; to see the changes take place */
/* h6 (was h1) is a special style, its the logo. . So I edited the css so the users reads this as the image for the logo while search engines s */
#logo { width:235px; float:left; }
h6 { display:block; background:#5d5c56 url(ui/logosolo.gif); width:235px; height:79px; text-indent:-9999px; }
#tagline { font-size:.8em; text-align:center; padding-bottom:10px; }
h1 { font-size:2em; font-family:"trebuchet MS", Verdana, Arial, sans-serif;}
/* These are the styles of headers, note h4, h5 are blank. If you want to go that in-depth with different header level then insert their global styles here. */
h1 { padding:8px; }
h2 { padding:8px; }
h3 { padding:8px; }
h4 { padding:8px; }
h5 { padding:8x; }
/* Style for paragraph copy */
p { font-family:Verdana, Arial, Helvetica, sans-serif; color:black; font-size:.9em; line-height:1em; padding:3px; }
/* to center any image*/
img.centeri {
display: block;
margin-left:auto;
margin-right:auto;
}
img.right {
float:right;
}
/* Style for list copy */
ul { margin-left: 0; padding-left: 40px;}
li { color:black; list-style:disc; margin:5px 5px 5px 5px; }
/* Style for link copy */
a { color:#blue; text-decoration:none; }
a:hover { color:#000; }
a:visited { color:#800080; }
strong { font-weight:bold; }
/*- Ads -*/
#ads300 { width:300px; height:250px; display:block; float:right; }
#ads720top { width:728px; height:90px; margin:0 auto 10px auto; text-align:center; background:#f9f9f9; position: absolute; left: 300px; }
/* Style for the add banner, one for 720 width, the other for 300. Whenever you want to place an ads for 300 create a syntax. Replace it with the on the html for this to take effect. */
#ads300 { width:300px; height:250px; display:block; float:right; }
#ads720 { float:left; clear:left; width:728px; height:90px; margin:0 auto 10px auto; text-align:center; background:#f9f9f9; }
#ads720 img {margin:0 0 0 0;}
#adscon { overflow:hidden; clear:both; float:left; margin:0 auto 10px auto; background:#ffffff; white-space:nowrap; width:1200px; }
#adssmall { float:left; overflow: hidden; padding:0 0 10px 10px; display: inline-block; }
#adssmall img {margin:0 0 0 0;}
#adssmall2 { float:left; overflow: hidden; padding:0 0 10px 10px; display: inline-block; }
#adssmall2 img {margin:0 0 0 0;}
#adssmall3 { float:left; overflow: hidden; padding:0 0 10px 10px; display: inline-block; }
#adssmall3 img {margin:0 0 0 0;}
#ad1 {
width: 468px;
height: 60px;
position: absolute;
left: 140px;
right: 0px;
bottom: 0px;
top: 350px;
}
/*- Site Container -*/
/* Here you can conttol the overall width of your entire site, change max-width to a greater number if you wish the site to expand wider on wide monitors. */
#wrapper { margin:0 auto; min-width:1000px; max-width:1200px; }
/* Banner and Headers */
#header { width:100%; margin:0 auto; clear:both; }
/*- Top Section -*/
#topper { width:100%; float:left; margin:0 0 0 0; border-left:#ccc 1px solid; border-right:#ccc 1px solid; border-bottom:#ccc 1px solid; padding:0 0 5px 0; }
#centerm {
text-align: center;
}
.imgno { margin:0px 0px 0px 0px; }
/*- Top Navigation -*/
/*-
This styles the main navigation.
The line that begins with #navigation ul li controls the fonts and styles for the navigation links.
-*/
#navigation { width:100%; height:30px; float:left; background:#004078; padding:0; margin:0; }
#navigation img { margin:0px 0px 0px 0px; }
#navigation ul { padding:0; margin:0; height:50px; }
#navigation ul li { display:block; font-family:"Verdana", Arial, Helvetica, sans-serif; float:left; list-style:none; font-size:.8em; border-right:#80b9e6 1px solid; font-weight:bold; margin:8px 0 0 0; }
#navigation ul li.nobord { display:block; font-family:"Verdana", Arial, Helvetica, sans-serif; float:left; list-style:none; font-size:.8em; border-right:#80b9e6 1px solid; font-weight:bold; margin:0px 0 0 0; }
#navigation ul li a { color:#fff; text-decoration:none; padding:8px; }
#navigation ul li a:hover { background:#0172d0; text-decoration:underline; }
/*- Toolbar -*/
/*-
This styles the grey bar below the main navigation.
The line that begins with #toolbar ul li controls the fonts and styles for the navigation links.
-*/
#toolbar { width:100%; height:28px; float:left; background:#f4f4f4; border-top:#fff 1px solid; border-bottom:#ccc 1px solid; }
#toolbar ul { padding:0 6px; margin:0; }
#toolbar ul li { display:block; float:left; list-style:none; font-size:.68em; margin:8px 4px 0 4px; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; }
#toolbar ul li a:hover { }
#toolbar #searchbox { float:right; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.8em; }
/*- This line styles the text "Last edited....." on the toolbar -*/
#lastedited { float:right; font-size:.7em; margin-top:-2px; }
/*- Search -*/
#search { margin:0 10px 0 0; float:right; padding:0; }
#search input#google { background:url(ui/search-bgr.gif) no-repeat left top; border:none; outline:none; padding:0; width:160px; }
#cse-search-box input { margin-top:-1px; }
input#gobtn { position:relative; top:5px; }
/* 3 Columns Container */
#content { margin:0 auto; clear:both; float:left; width:100%; border-left:#ccc 1px solid; border-right:#ccc 1px solid; padding:0px 0 0 0; }
#content ul, ol { padding:10px; }
/* Javascript Tabs */
#container { }
.tabnav { float:left; }
.tabnav li { float:left; list-style:none; font-size:.8em; font-weight:bold; }
.tabnav li:hover { background:none; }
.tabnav li a { color:#000; }
#today, #yesterday, #twodays { margin:0 auto 10px auto; clear:both; float:left; width:100%; }
#today ul, ol { padding:10px; }
#yesterday ul, ol { padding:10px; }
#twodays ul, ol { padding:10px; }
.ui-tabs-hide { display:none; }
.tabnav li { display:inline; list-style:none; padding-right:5px; }
/* The Columns */
.flex2col { float:left; min-width:690px; max-width:1000px; margin-right:180px; }
.secondcol h2, .flex2col h2 { font-size:2em; font-family:"trebuchet MS", Verdana, Arial, sans-serif;}
.secondcol h3, .flex2col h3 { font-size:1.4em; font-family:"trebuchet MS", Verdana, Arial, sans-serif;}
.secondcol h4, .flex2col h4 { font-size:1em; font-weight:bold; font-family:"trebuchet MS", Verdana, Arial, sans-serif;}
.adscol { width:160px; margin:0 0 0 -180px; float:right; padding:10px; }
.flexcol { min-width:670px; margin-right:300px; }
.noflex { float:right; width:300px; }