/* .................................................

Tilpasset stilark for VG-strøm (RSS) 2006
Laget av Hilde Skjølberg for VG Nett 2006

................................................... */



/* fronttopp */

.vgstrom #spesialfnutt {background: #000 url(spestittel.gif) 0 0 no-repeat; text-indent: -5000px;}

/* selve spesialtoppen... default for spesialer uten grafikk */
.vgstrom #spesialtopp {background: transparent url(rsstopp.gif) 0 0 no-repeat;}
.podkast #spesialtopp {background: transparent url(podcasttopp.gif) 0 0 no-repeat;}
.vgstrom #spesialtopp h2 {text-indent: -5000px;}

/* spaltejustering */

#frontspalte {width: 650px; margin-top: 5px;}
#vhspalte {display: none;}
#hhspalte {margin-top: 5px;}


.vgstrom #frontspalte {font: .9em/1.5 "Lucida Grande", arial, sans-serif;}


/* HOVEDINNHOLD */

h1#maintittel {background: transparent url(maintittel.gif) 0 0 no-repeat; text-indent: -5000px;}

h2#dinstromh {display: block; height: 30px; background: transparent url(geturltittel.gif) 0 0 no-repeat; text-indent: -5000px;}
h2#dinsesamstromh {display: block; height: 30px; background: transparent url(getsesamurltittel.gif) 0 0 no-repeat; text-indent: -5000px;}


/* knapp for "Din VG-strøm" */

p.stromknapp, p.stromknapp2 {margin: 40px 70px;}
p.stromknapp a:link, p.stromknapp a:visited {display: block; height: 57px; widht: 242px; text-indent: -5000px; background: transparent url(dinvgstrom.gif) 0 0 no-repeat;}
p.stromknapp2 a:link, p.stromknapp2 a:visited {display: block; height: 57px; widht: 242px; text-indent: -5000px; background: transparent url(dinsesamstrom.gif) 0 0 no-repeat;}
p.stromknapp a:hover, p.stromknapp2 a:hover {background-position: 0 -60px;}

/* Hva er RSS */

#rss-forklaring {width: 190px; float: right; margin: 0 0 10px 10px; padding-bottom: 30px; color: #ffe; background: #aa4f1b url(forklaring_bak.gif) bottom left no-repeat; font: .8em "Lucida Grande", arial, sans-serif; }
#rss-forklaring h2 {margin: 0; display: block; height: 37px; background: #fff url(h_hvarss.gif) 0 0 no-repeat; text-indent: -5000px;}
#rss-forklaring p {margin: 10px;}
#rss-forklaring a:link, #rss-forklaring a:visited {color: #ffe; text-decoration: underline;}
#rss-forklaring a:hover {color: #fb5;}


/* Hva er Podcast */

#podkast-forklaring img {float: right; margin: 0 0 10px 20px;}

h2#hvaerpod {display: block; height: 32px; background: transparent url(podtittel.gif) 0 0 no-repeat; text-indent: -5000px;}
h2#hvordanpod {display: block; height: 32px; background: transparent url(podhvordan.gif) 0 0 no-repeat; text-indent: -5000px;}
h2#dinpodkast {display: block; height: 32px; background: transparent url(vgpodkast.gif) 0 0 no-repeat; text-indent: -5000px;}




/* boksen med alternativer */

#rssdiv {clear: both; width: 650px; padding-bottom: 10px; color: #fff; background: #363636 url(storboksbunn.gif) bottom left no-repeat;}
#rssdiv fieldset {margin: 0; padding: 50px 0 0 0; font: .8em "Lucida Grande", arial, sans-serif; background: #363636 url(storbokstopp.gif) 0 0 no-repeat; border: none;}
#rssdiv legend {display: none;}
#rssdiv h4 {margin: 10px 0; font-size: 1.1em; letter-spacing: -1px;}

#rssdiv ul {list-style: none; margin: 0; padding: 0;}

#rssdiv div.left {float: left; width: 28%; padding: 0; margin-left: 15px;}
#rssdiv div.right {float: right; width: 28%; margin: 0; padding: 0px;}

#rssdiv #knapper {clear: both; margin: 0 30px; padding: 0; text-align: right;}
#rssdiv #abonnerknapp {display: inline; width: 187px; padding-top: 44px; color: #363636; margin: 30px 0 0 0; font-size: 0px; text-indent: -5000px; cursor: pointer; cursor: hand; background: transparent url(abonner.gif) 0 0 no-repeat; border: none;}

/* Sesam-boksen */

#sesamstrom {width: 650px; margin: 20px 0 0 0; padding-top: 20px; font-family: "Lucida Grande", arial, sans-serif; color: #333; background: #dde3e5 url(sesamtopp.gif) 0 0 no-repeat;}
#sesamstrom form {margin: 10px 0 0 0; padding: 0 0 20px 120px; background: #dde3e5 url(sesambunn.gif) bottom left no-repeat;}
#sesamstrom p {text-indent: -5000px; font-size: 1px;}
#sesamstrom #searchword {width: 320px; margin: 0; padding: 1px 5px; text-align: right; font-weight: bold; border: 1px solid #928;}



/* HOYRESPALTEN */

#ferdigliste {width: 180px; padding-bottom: 30px; color: #fff; background: #1e546a url(ferdigliste_bak.gif) bottom left no-repeat;}
#ferdigliste h2 {margin: 0; display: block; height: 60px; background: #fff url(h_ferdige.gif) 0 0 no-repeat; text-indent: -5000px;}
#ferdigliste ul {list-style: none; margin: 10px 10px 40px 10px; padding: 0; font-size: 1.1em; letter-spacing: -1px;}
#ferdigliste li {margin: 15px 0; padding-left: 15px; background: transparent url(feedicon.gif) 0 50% no-repeat;}
#ferdigliste li#podcast {margin: 15px 0; padding-left: 15px; background: transparent url(podcast-icon-small.gif) 0 50% no-repeat;}
#ferdigliste li.nobutton {margin: 15px 0; padding-left: 15px; }
#ferdigliste a:link {color: #bdd; text-decoration: none;}
#ferdigliste a:visited {color: #59a;}
#ferdigliste a:hover {color: #fff;}

#ferdigliste p {margin: 10px; font-size: .7em; color: #bdd;}

#ferdigliste h3#vgtv{display: block; height: 26px; margin-left: 10px; text-indent: -5000px; background: transparent url(vgtv_logo.gif) 0 0 no-repeat;}