html, body {margin: 0; padding: 0;}

body {
margin: 10px 0 8px 15px;
color: #191919;
background-color: #fff;
font: 11px/1.4 verdana, arial, sans-serif;
text-align: center;
}
/* general styles */

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

h1 { color: #8D040C; font-size: 24px; margin: 10px 0px 10px 0;}
h2 { color: #000000; font-size: 16px; font-weight: normal;}
h3 { color: #666666; font-size: 12px; margin: 5px 10px 0px 0;}
h4 { color: #000000; font-size: 18px; font-weight: bold;}
h5 { color: #000000; font-size: 12px; font-weight: bold; margin: -10px 0px 20px 0;}
h6 {  font-size: 20px;  color: #8D040C;  font-weight: normal;  letter-spacing: 0.8px; margin: 10px 0px 10px 0;}

a, a:visited { text-decoration: none; color:#333;}
a:hover, a:active { color: #8D040C; text-decoration: underline;}

p {margin: 10px 0px;}

/*Horizontal Rules, this can be used anywhere and will still display a line if CSS not in use still need an <hr /> in the div */
.hr	{display: block; height: 1px; font-size: 1px; background: url(images/linehzw.gif) repeat-x 50% 50%; margin: 10px 10px 0px 0; clear: both;}
.hr hr	{display: none;}

/*** Layout ***/
#background	{
 text-align: left;
 width: 976px;
 margin: 0 auto;
 background: #fff url(images/vline976.gif) repeat-y 0% 0%;
 overflow: hidden;
}

#threecolwrap	{
 float: left;
 width: 100%;
 margin: 10px 0 0 0;
}

#leftcol, #centercol, #rightcol	{float: left;}

#leftcol		{width: 450px;}
#centercol	{width: 326px;}
#rightcol		{width: 200px;}

#centercol .padding, #rightcol .padding {padding-left: 20px;}

#footer {clear: both; margin: 0; background: #fff; padding: 10px 200px 10px 0;}

/* TELOVATION HEADER */

#header {
background: #400000 url(images/header-full.jpg) no-repeat 0 0;
width: 976px;
height: 190px;
position: relative;
}

#header a.homelink {
display: block;
width: 976px;
height: 55px;
}

#header a.homelink span {display: none;}

#banner1, #banner2 {position: absolute;}

#banner1 {
top: 55px;
left: 34px;
width: 729px;
height: 90px;
}

#banner2 {
top: 55px;
left: 787px;
width: 155px;
height: 90px;
}

#banner1 a, #banner2 a {display: block; height: 90px;}

#banner1 a img, #banner2 a img {display: block;} 

#header a.radlink {
width: 160px;
height: 40px;
position: absolute;
top: 150px;
left: 775px;
}

#header a.radlink span {display: none;}

#header #navbar {
margin: 0; 
padding: 0; 
list-style: none;
background: #400000;
width: 620px;
padding: 0 2px;
height: 32px;
position: absolute;
left: 73px;
top: 158px;
}

#header #navbar li {
float: left; 
margin: 0 0 0 11px;
width: 76px; 
height: 32px;
line-height: 32px;
background: url(images/button.jpg) no-repeat 0 0;
}

#header #navbar li a {
display: block;
text-align: center;
width: 76px;
height: 28px;
padding-top: 4px;
font: bold 10px/28px verdana, arial, sans-serif;
color: #fff;
text-decoration: none;
background: url(images/button.jpg) no-repeat 0 0;
}

#header #navbar li a:hover {
background-position: 0 -32px;
}

/* copy div */
#copy {
float: left;
width: 100%;
padding: 3px 0;
background: #fff;
}

#copy ul.copymenu {
float: left;
margin: 0; 
padding: 0 0 0 25px; 
list-style: none;
font-size: 9px;
}

#copy ul.copymenu li {float: left;}

#copy ul.copymenu li a {
display: block;
color: #717171;
padding: 0 10px 0 16px;
background: #fff url(images/arosm.gif) no-repeat 0 50%;
margin-right: 20px;
}

#copy ul.copymenu li a:hover {color: #0f67df;}
#copy span.copydate	{display: block; text-align: right; padding-right: 25px;}

/** breadcrumbs **/
.bc	{color:#0f67df; font-size: 9px; line-height: 12px; margin: -3px 0px 10px 0px; font-weight: normal; }
.bc a, .bc a:visited {color:#0f67df;}
.bc a:hover, .bc a:active {text-decoration: underline;}
.bc span {color: #717171;}

/* articles */
.article {
width: 450px;
font-size: 13px;
}

.article h4 {margin-bottom: 10px; font-weight: normal;}
.article h3 {}
.article h4 a, .article h4 a:visited {color: #0f67df;}
.article a.morelink {color: #0f67df; font-size: 10px;}
.article .vialink a {color: #0f67df;}

.article a img {display: block;}

.article span.post {float: left; width: 100%; font-size: 11px;}
.article span.post a {float: left; margin-right: 12px; padding-left: 16px; background: #fff url(images/bbut.jpg) no-repeat 0 50%;}
.article span.post a em {font-style: normal; color: #0f67df;}

.article span.arter {display: block; margin-top: 5px;  font-size: 10px;}
.article span.arter a {margin-left: 5px;}

.article blockquote {
margin: 0 8px 3px 9px; 
padding: 8px 0 0 0; 
float: right; 
width: 210px; 
background: url(images/left-quote.jpg) no-repeat 0 0;
}

.article blockquote div {
margin: 0 0 0 27px; 
padding: 0; 
background: url(images/right-quote.jpg) no-repeat 100% 100%;
}

.article blockquote p {margin: 0; padding: 0;}
.article blockquote p.author {margin: 15px 0 0 0; padding: 0; line-height: 1;}

#posneg h4 {
font-size: 14px;
color: #000;
padding-left: 23px;
font-weight: bold;
}

#posneg .pos h4 {background: url(images/pos.jpg) no-repeat 0 50%;}
#posneg .neg h4 {background: url(images/neg.jpg) no-repeat 0 50%;}

/**** centercol ****/
#centercol .adv	{ margin: 0px 0px;}

#centercol a.morelink, #centercol h2 a	{color: #0f67df;}
#centercol a.morelink:hover, #centercol h2 a:hover {color: #0f67df; text-decoration: underline;}

/*** searchbox  - IE6 workarounds in ie6.css - haslayout fixes in ie7.css ***/
.searchbox {background: #000 url(images/search-bg.jpg) no-repeat 0 0; width: 300px; height: 40px; overflow: hidden;}

.searchbox form {
 margin: 12px 8px 8px 17px;
 padding: 0;
 display: block;
}

.searchbox input, .searchbox .form-item {
 margin: 0;
 padding: 0;
 border: 0;
 float: left;
 height: 20px;
 background: transparent;
}

.searchbox label {display: none;}

.searchbox .form-item {
 width: 183px; 
 margin-right: 7px;
 color: #717171;
 } 
 
.searchbox .form-item input {width: 100%;}/* search text input box */

/* submit button */
.searchbox #search .form-submit {
 width: 80px;
 height: 24px;
 margin: -3px 0 0 0;
 background: url(images/search-bg.jpg) no-repeat -208px -9px;
 cursor: pointer;
 text-indent: -9999px;
 font-size: 0;
 line-height: 0;
}

.searchbox #search .form-submit:hover,
.searchbox #search .submit-hover {
 background-position: -208px -49px;
}

/*** favorites, recent articles, projects, category, review, reference ***/
#favourites, #recent, #projects, #category {
float: left;
width: 100%;
clear: both;
margin-bottom: 10px;
}

#favorites h2, #recent h2, #projects h2, #category h2, #review h3, .reference h3 {
font-size: 24px; 
font-weight: normal;
color: #8D040C; 
letter-spacing: 0.8px;
}

#review h3 {
font-size: 17px; color: #000;
}

#review h4 {
font-size: 15px;
color: #000;
}

.reference h3	{
font-size: 17px; 
}

#favorites .posts {
width: 300px; 
background: #fff;
float: left;
border: 1px solid #ccc;
margin-bottom: 10px;
}

#favorites .posts h4 {
margin: 5px;
font-weight: normal;
font-size: 11px;
overflow: hidden;
}

#favorites .posts h4 a {display: block;}

#favorites .posts h4 a img {
float: left;
margin-right: 5px;
border: 1px solid #717171;
}

#favorites .posts h4 a b {display: block;}
#favorites .posts h4 a span {display: block; overflow: hidden; font-size: 10px;}
#favorites .posts h4 a span.morelink {display: inline; color: #8D040C;}

#recent ul {
font-size: 15px;
line-height: 1.3;
padding: 0;
margin: 0;
list-style: none;
margin: 5px 10px 0 10px;
}

#recent li	{background: url(images/arow2.gif) no-repeat 0px 7px;}

#recent a	{
padding-left: 10px;
text-decoration: none; 
color:#717171;
}

#recent a:hover	{
text-decoration: underline; 
color: #0f67df;
}

#projects .vert-banner {
float: right;
display: inline;
margin-top: 10px;
margin-right: 5px;
width: 160px;
}

#projects img {display: block;}

#projects ul.sm-banners {
margin: 10px 0 0 0; padding: 0; list-style: none;
}
#projects .sm-banners li {float: left; margin-bottom: 7px;}
#projects .sm-banners li.first {margin-bottom: 6px;}
#projects .sm-banners li.last {margin-bottom: 0; margin-top: -1px;}

.reference {margin-bottom: 10px;}

.reference ul {
margin: 0;
padding: 0;
list-style: none;
font-size: 12px;
}

.reference ul li	{
line-height: 18px;
background: url(images/bbut.jpg) no-repeat 0px 50%;
}

.reference ul li a, .reference ul li a:visited {
padding-left: 17px;
text-decoration: none; 
color:#333;}

.reference ul li a:hover, #reference ul li a:active { 
color: #0f67df;
text-decoration: underline;
}

/*** reviews ***/
#posneg  {
 width: 100%; 
 float: left; 
 background: #fff url(images/vline.gif) repeat-y 50% 0; 
 margin-bottom: 10px;
 }
 
#posneg .pos {float: left; width: 200px;}
#posneg .neg {float: right; width: 200px;} 

/** category cloud ***/
#category a.morelink	{display: block; font-size: 14px; text-align: right; padding-right: 10px;}

/** can also be put back to HTML **/
#category .cloud a.f12 {font-size: 12px;} /* 10pt */
#category .cloud a.f15 {font-size: 15px;} /* 11pt */
#category .cloud a.f16 {font-size: 16px;} /* 12pt */
#category .cloud a.f18 {font-size: 18px;} /* 13pt */
#category .cloud a.f20 {font-size: 20px;} /* 14pt */
#category .cloud a.f23 {font-size: 23px;} /* 18pt */

/*** right column ***/

/* Radok Search Boxes */
#searchboxes {}

#searchboxes .search	{
 display: block;
 width: 180px;
 height: 65px;
 overflow: hidden;
 color: #000;
 background-color: #fff;
 background-repeat: no-repeat;
 background-position: 0 0;
 margin: 0px 0px 5px 0px ;
}

#searchboxes .google 	{background-image: url(images/gbut.gif);}
#searchboxes .stock		{background-image: url(images/sbut.gif);}
#searchboxes .weather	{background-image: url(images/wbut.gif);}

#searchboxes .sform	{padding: 0; margin: 0; border: 0; float: left; width: 100%; font-size: 6px;}

#searchboxes .sform a {float: left;}
#searchboxes .sform a span {position: absolute; left: -9999px;}

#searchboxes .sform a.g1, #searchboxes .sform a.s1, #searchboxes .sform a.w1 {width: 100%; height: 23px;}
#searchboxes .sform a.g2, #searchboxes .sform a.s2, #searchboxes .sform a.w2 {width: 70px; height: 17px; margin-left: 5px;}
#searchboxes .sform a.g3, #searchboxes .sform a.s3, #searchboxes .sform a.w3 {width: 48px; height: 17px;}
#searchboxes .sform a.g4, #searchboxes .sform a.s4, #searchboxes .sform a.w4 {width: 42px; height: 17px; margin-right: 5px;}

#searchboxes form {display: block; margin: 0; padding: 0; border: 0; height: 25px; overflow: hidden; clear: both;}

#searchboxes form .sebox {
 margin: 3px 0 0 15px;
 font-size: 9px;
 background: #fff;
 color: #333;
 border-style: solid;
 border-color: #666 #ccc #ccc #666;
 width: 120px;
}

/* right column lists */
#rightcol .list {}

#rightcol .list h3 {
 font-size: 17px;
 color: #8D040C;
 font-weight: normal;
 letter-spacing: 0.8px
}

#rightcol .list ul {
 margin: 0;
 padding: 0;
 list-style: none;
 font-size: 12px;
}

#rightcol .list ul li	{
 line-height: 18px;
 background: url(images/arow.gif) no-repeat 0 8px;
 }

#rightcol .list ul li a, #rightcol .list ul li a:visited {
 padding-left: 6px;
 text-decoration: none;
 color:#717171;
}

#rightcol .list ul li a:hover, #rightcol .list ul li a:active { 
 color: #8D040C; 
 text-decoration: underline;
}

/**** footer ****/
#footer p {margin: 0;}
#footer p img {float: left; margin: 5px 10px 10px 0;}