@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,
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;
}
ol, ul {
list-style: none;
}
/* 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:8px; }
/* Style for paragraph copy */
p { font-family:Verdana, Arial, Helvetica, sans-serif; color:black; font-size:.8em; line-height:1.2em; padding:10px; }
/* to center any image*/
table {margin: 5px 5px 5px 5px; }
#navigation img { margin:0px 0px 0px 0px; }
img { margin:5px 5px 5px 5px; }
img.centeri {
display: block;
margin-left:auto;
margin-right:auto;
}
img.righti { margin:5px 5px 5px 5px;
float:right;
}
img.lefti {
margin:5px 5px 5px 5px; float:left;
}
/* Style for list copy */
li { font-family:Verdana, Arial, Helvetica, sans-serif; color:black; font-size:.8em; list-style:disc; margin:0 0 3px 15px; }
/* Style for link copy */
a { color:#blue; text-decoration:none; }
a:hover { color:#000; }
strong { font-weight:bold; }
/*- Ads -*/
/* 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 { margin:0 auto 10px auto; text-align:center; background:#f9f9f9; float:right; }
/*- 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;
}
/*- 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 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; }
/*- Quote Box -*/
/*-
.quotebox a = Controls the link color and link styles within the quote box.
.quotebox a:hover = Controls the link color IN MOUSE OVER STATE
.quotebox #thequote = Styles the quote itself specifically.
.quotebox p = controls the line of text below the quote.
.quotebox h2 = styles the quote box title text.
-*/
.quotebox { float:left; min-width:690px; max-width:900px; margin-right:310px; padding:10px 0 0 0; }
.quotebox h2 { font-family:"trebuchet MS", Verdana, Arial, sans-serif; color:#004078; font-size:1.2em; font-weight:bold; font-style:italic; text-align:center; padding:5px 0 2px 0; }
.quotebox p.squotesmall { font-family:Georgia, "Times New Roman", Times, serif; color:#0073d0; font-size:.7em; }
.quotebox h2.big { font-family:Georgia, "Times New Roman", Times, serif; color:#0073d0; font-size:.7em; }
.quotebox a { font-family:"Verdana", Arial, Helvetica, sans-serif; text-decoration:underline; color:#0088ff; text-decoration:none; }
.quotebox a:hover { text-decoration:underline; color:#000; }
.quotebox p { font-family:"Verdana", Arial, Helvetica, sans-serif; color:black; font-size:1em; line-height:1em; text-align:center; }
.quotebox cite { font-family:"Verdana", Arial, Helvetica, sans-serif; color:black; font-size:.7em; text-align:center; }
.quotebox p:hover { background:none; }
/*- On the Boards -*/
.boards { background:#ffcc00; width:300px; margin:5px 5px 0 -305px; float:right; padding:0 0 10px 0; }
.boards h2 { font-family:"trebuchet MS", Verdana, Arial, sans-serif; color:#000; margin:0 0 4px 0; padding:10px 0 0 10px; font-size:1.1em; font-weight:bold; font-style:italic; }
.boards p { color:#000; font-size:.8em; padding:5px; font-weight:bold; }
.boards li { list-style:none; color:#000; font-size:.75em; padding:5px; font-weight:bold; margin:0 5px; border-bottom:#ffdb68 1px solid; }
.boards li a { color:#000; }
.boards li:hover { background:#ffdb68; }
/*- Video -*/
.video { background:#fff url(ui/video.png) no-repeat center center; width:300px; height:250px; display:block; float:right; }
/* 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; }
.vid { background:#ffffff; width:300px; margin:5px 5px 0 -305px; float:right; padding:0 0 10px 0; }
.vid h2 { font-family:"trebuchet MS", Verdana, Arial, sans-serif; color:#000; margin:0 0 4px 0; padding:10px 0 0 10px; font-size:1.1em; font-weight:bold; font-style:italic; }
.vid p { color:#000; font-size:.8em; padding:5px; font-weight:bold; }
.vid li { list-style:none; color:#000; font-size:.75em; padding:5px; font-weight:bold; margin:0 5px; border-bottom:#ffdb68 1px solid; }
.vid li a { color:#000; }
.vid li:hover { background:#ffdb68; }
/* The Columns */
.flex2col { float:left; min-width:690px; max-width:1000px; margin-right:200px; }
.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:180px; margin:0 0 0 -200px; float:right; padding:10px; }
.flexcol { min-width:670px; margin-right:300px; }
.noflex { float:right; width:300px; }
.col1 { background:#fff; width:48%; float:left; margin:0px 10px 10px 0; padding-right:10px; border-right:#ccc 1px solid; }
.col1 h2 { font-family:"trebuchet MS", Verdana, Arial, sans-serif; font-size:.75em; font-weight:bold; color:#000; background:#f1f1f1; clear:both; border-bottom:#ccc 1px solid; }
.euro { font-family:"trebuchet MS", Verdana, Arial, sans-serif; font-size:.75em; font-weight:bold; color:#000; background:#f1f1f1; clear:both; border-bottom:#ccc 1px solid; float:left; }
.col1 p { font-size:.7em; border-bottom:#ccc 1px dashed; width: 95%; float:left; }
.col1 p.noborder { font-size:.7em; border-bottom:none; float:right; }
.col1 p:hover { background:#f8f8f8; }
.col1 ul { font-size:.7em; clear:both; border-bottom:#ccc 1px dashed; }
.col1 ul:hover { background:#f8f8f8; }
.col1 li {line-height:1.2em; list-style-type: disc;}
.col1 a { color:#0000ee; font-weight:bold; }
.col1 a:hover { color:#000; text-decoration:underline; }
.col1 a:visited { color:#800080; }
.col1 img { margin:0 10px 10px 0; float:left; }
.col2 { background:#fff; width:47.6%; float:left; margin:0px 0 10px 0; }
.col2 h2 { font-family:"trebuchet MS", Verdana, Arial, sans-serif; font-size:.75em; font-weight:bold; color:#000; background:#f1f1f1; clear:both; border-bottom:#ccc 1px solid; }
.col2 p { font-size:.7em; border-bottom:#ccc 1px dashed; width: 95%; float:left; }
.col2 p:hover { background:#f8f8f8; }
.col2 ul { font-size:.7em; clear:both; border-bottom:#ccc 1px dashed; }
.col2 ul:hover { background:#f8f8f8; }
.col2 li { line-height:1.2em; }
.col2 a { color:#0000ee; font-weight:bold; }
.col2 a:hover { color:#000; text-decoration:underline; }
.col2 a:visited { color:#800080; }
.col2 img { margin:0 5px 5px 0; float:left; }
.col3 { width:300px; margin:5px 0; border-left:#ccc 1px solid; }
.col3 h2 { font-family:"trebuchet MS", Verdana, Arial, sans-serif; font-size:.75em; font-weight:bold; color:#000; background:#f1f1f1; clear:both; border-bottom:#ccc 1px solid; }
.col3 h3 { background:#004078; padding:8px; width:auto; clear:both; color:#ffcc00; text-transform:uppercase; text-align:right; margin:5px 0 0 0; font-family:"trebuchet MS", Verdana, Arial, sans-serif; font-size:.9em; font-weight:bold;}
.col3 h4 { font-family:"trebuchet MS", Verdana, Arial, sans-serif; font-size:.8em; color:#000; background:#f4f4f4; clear:both; padding:5px; text-align:right; }
.col3 p { font-size:.7em; border-bottom:#ccc 1px dashed; }
.col3 p:hover { background:#f8f8f8; }
.col3 ul { font-size:.7em; clear:both; }
.col3 li { line-height:1.2em; }
.col3 a { color:#0000ee; font-weight:bold; }
.col3 a:hover { color:#000; text-decoration:underline; }
.col3 a:visited { color:#800080; }
.col3 img { max-width:290px; float:left;}
/* Three Columns*/
#weldon { float:left; height:100%; margin-right:10px; background:#ccc; }
.secondcol { float:left; min-width:400px; max-width:1000px; margin-right:180px; }
#articlecol { }
/* Polls */
.poll { width:300px; font-family:Verdana, Arial, Helvetica, sans-serif; background:#014075; float:left; color:#fff; padding:0px; margin-bottom:5px; }
.poll label, .poll p { border:none; font-size:.8em; line-height:1em; }
.poll p:hover { background:none; }
.poll ul { font-size:1em; padding:0; margin-top:5px; }
.poll li { list-style:none; padding:5px; color:#fff; margin:0 0 0 -5px; padding:2px 0; }
.poll label { font-family:"trebuchet MS", Verdana, Arial, sans-serif; clear:both; }
.pollresults { margin:0 40px; border:none; }
.pollresults a { margin-left:10px; border:none; color:#fff; text-decoration:none; font-size:.9em; }
.pollresults a:hover { background:none; text-decoration:underline; color:#fff; }
.pollresults:hover { background:none; }
/* Photo Show */
.photoshow { width:100%; clear:both; margin:0 0 0 0; float:left; background:#ececec; text-align:center; padding:5px 0; border-right:#ccc 1px solid; }
.photoshow img { max-width:180px; margin:0 10px 0 0; text-align:center; }
.photoshow img:hover { outline:#ffd200 3px solid; }
/* Blue Footer */
.subfoot { background:#0b4c82; width:100%; float:left; clear:both; }
.subfoot a:visited { color:#d8cc88; }
.footcol1 { width:50%; float:left; }
.footcol1 h2{ font: Verdana,Arial,Helvetica,Sans-Serif; color:#b0d1ed;
display: block;
font-size: 1.8em;
font-style: italic;
letter-spacing: -1px;
margin: 0 0 .3em }
.footcol1 h2 em{ color: #ffcc33 }
.footcol1 h3 { font-family:"trebuchet MS", Verdana, Arial, sans-serif; font-size:.8em; color:#fff; font-weight:bold; clear:both; }
.footcol1 p { font-size:.7em; border-bottom:#16578f 1px dashed; color:#afd2f0; background:url(ui/pfoot_bg.png) repeat-x; }
.footcol1 ul { font-size:.7em; clear:both; }
.footcol1 ul:hover { background:none; }
.footcol1 li { line-height:1.2em; }
.footcol1 a { color:#fdca61; font-weight:bold; }
.footcol1 a:hover { color:#fff; }
.footcol1 img { margin:0 10px 10px 0; float:left; }
.footcol2 { width:50%; float:left; }
.footcol2 h2{ font: Verdana,Arial,Helvetica,Sans-Serif; color:#b0d1ed;
display: block;
font-size: 1.8em;
font-style: italic;
letter-spacing: -1px;
margin: 0 0 .3em }
.footcol2 h2 em{ color: #ffcc33 }
.footcol2 h3 { font-family:"trebuchet MS", Verdana, Arial, sans-serif; font-size:.8em; color:#fff; font-weight:bold; clear:both; }
.footcol2 p { font-size:.7em; border-bottom:#16578f 1px dashed; color:#afd2f0; background:url(ui/pfoot_bg.png) repeat-x; }
.footcol2 ul { font-size:.7em; clear:both; }
.footcol2 ul:hover { background:#f8f8f8; }
.footcol2 li { line-height:1.2em; }
.footcol2 a { color:#fdca61; font-weight:bold; }
.footcol2 a:hover { color:#fff; }
.footcol2 img { margin:0 10px 10px 0; float:left; }
/* Archive Footer */
.infofoot { float:left; background:#666; width:100%; padding:0 0 10px 0; }
.infofoot p { font-weight:bold; color:#ffcc00; padding:5px 10px 0 10px; }
.infofoot li { color:#b3b3b3; }
.infofoot li a { color:#fff; }
.infofoot a:visited { text-decoration: none; }
.infofoot li a:hover { text-decoration:underline; }
.infofoot li { font-size:.8em; list-style:none; margin-left:11px; }
#newslist { float:left; margin-right:10px; }
#newslist li { padding:0; margin:1px 0px; list-style:none; }
#opinionlist { float:left; margin-left:20px; border-left:#aaa 1px solid; }
#aboutuslist { width:200px; float:right; border-left:#aaa 1px solid; }
#opinionlist li, #aboutuslist li { padding:0; margin:1px 0px; }
.archieve_list { width:100px; border-left:#aaa 1px solid; float:left; margin-right:10px; }
.archieve_list li { list-style:none; padding:0; margin:1px 5px 0 0; width:30px; float:left; }
/* Back to top */
#backtotop { clear:both; background:#717171; text-align:right; color:#fff; padding:5px 10px 5px 0; }
#backtotop a { color:#fff; }
#backtotop a:hover { color:#ffcc00; font-weight:bold; }
/* Copyright Footer */
#footer { float:left; background:#333; border-top:#666 5px solid; width:100%; }
#footer p { color:#ccc; }
#footer a { color:#fff; }
#footer a:hover { text-decoration:underline; }
#footer p:hover { background:none; }
.headline {font-size:1.5em; font-weight:bold;line-height:1em}
.biggertext { font-size:1.1em; }
.smallquote { font-family:"Verdana", Arial, Helvetica, sans-serif; color:#0088ff; font-size:.8em; line-height:.9em; text-align:center; }
img.post {
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-bottom: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
display:block;
margin-left:auto;
margin-right:auto;
}
.pollf { font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; margin:0 0px 0px 0px; padding:0px 0px 0 0px; font-size:.7em; font-weight:bold; }
.imgstay {
/* Set the width dynamically depending on the width of the browser window */
width:95%;
/* dont enlarge the image more, than its initial resolution */
max-width:800px;
max-height:765px;
/* Set the height dynamically depending on the image's current width, keeping the aspect ratio */
height:auto;
}
.floatleft { float: left; margin: 0px 5px 5px 0px; }
/* insterstial stylesheet because isn't included on in headeron some article pages */
#interContainer{
position: absolute;
width: 670px; /*Width of interstitial box*/
left: 0;
top: 0;
padding: 15px;
padding-top: 0;
background-color: gold;
border: 1px solid black;
visibility: hidden;
z-index: 6;
}
#interContainer .headerbar{ /*CSS for header bar of interstitial box*/
color: gray;
padding: 5px 0;
text-align: right;
}
#interContainer .headerbar a{ /*CSS for header bar links of interstitial box*/
font-size: 120%;
text-decoration: none;
}
#interContent{ /*CSS for div that holds the content to show*/
border: 1px solid gray;
background-color: white;
}
#interVeil{ /*CSS for background veil that covers entire page while interstitial box is visible*/
position: absolute;
background: black url(blackdot.gif);
right: 0;
width: 10px;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8;
}