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

Tilpasset stilark for RAMPELYS-seksjonen
Grafikk av Stian Bråthen
CSS (hovedsaklig) av Hilde Skjølberg

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

/* Spesialtoppen */
.rampelys #spesialtopp {background: transparent url(topp_rampelys.jpg) 0 0 no-repeat;}
.rampelys #spesialtopp h2 {text-indent: -5000px;}

/* Artikkeltoppen */
.rampelys #arttopp h2 a:link, .rampelys #arttopp h2 a:visited, .rampelys #arttopp h2 a:hover {background: #f90 url(topp_artikkel_rampelys.jpg) 0 0 no-repeat; text-indent: -5000px;}

.rampelys #arttopp_bred h2 a:link, .rampelys #arttopp_bred h2 a:visited, .rampelys #arttopp_bred h2 a:hover {background: #f90 url(topp_artikkel2_rampelys.jpg) 0 0 no-repeat; text-indent: -5000px;}
.rampelys #arttopp p {color: #000;}


/* SPALTEN */


/* Topper til spalten */
.rampelys .columnContent#blogg h2 {background: #f90 url(ramp_tittel_blogg.jpg) top right no-repeat;}
.rampelys .columnContent#listefeber h2 {background: #f90 url(ramp_tittel_listefeber.jpg) top right no-repeat;}

.rampelys .columnContent#hovedsaken p.rampfront {margin: 0; padding:0;}
.rampelys .columnContent#hovedsaken p.rampfront a:link, .rampelys .columnContent#hovedsaken p.rampfront a:visited {padding-left: 17px; text-decoration: none; font-weight: bold; color: #987; background: transparent url(ramp_pil_lesmer.gif) 5px 2px no-repeat;}
.rampelys .columnContent#hovedsaken p.rampfront a:hover {color: #666; background-position: 5px -38px;}

/* utlisting av nyheter */

.rampelys .columnContent .bredsak, .rampelys .columnContent .trekvart, .rampelys .columnContent .kvart {padding: 8px 5px 0 5px; background-image: url(spaltestrek_rampspalte.gif);}


/* Utlisting av siste saker */
.rampelys .columnContent.sistesaker li {padding: 4px 0 4px 5px; border-bottom: 1px solid #e0d7c3; font-size: .8em;}
.rampelys .columnContent.sistesaker p.lesmer {margin: 0; padding: 2px 0 5px 0; border-bottom: none;}

/* ny spalte med magisk uttrekk */

.rampelys .columnContent .nyspalte2 {padding: 2px 5px 0 1px; clear: both; background-image: none; }
.rampelys .columnContent h3.nyspaltetittel {margin: 5px 0; padding: 2px 5px; color: #870802; font-size: .9em; background: #f0e9dd;}


/* Generelle les mer-lenker (ogsaa bak faner) */

.rampelys .columnContent p.lesmer a:link, .rampelys .columnContent p.lesmer a:visited  {padding-left: 17px; text-decoration: none; font-weight: bold; color: #987; background: transparent url(ramp_pil_lesmer.gif) 5px 2px no-repeat; }
.rampelys .columnContent p.lesmer a:hover {color: #666; background-position: 5px -38px;}


/* Topplister */
.rampelys .columnContent#filmliste, .rampelys .columnContent#musikkliste {padding-bottom: 0;}
.rampelys .columnContent#filmliste ol, .rampelys .columnContent#musikkliste ol {margin-left: 0; font-weight: bold;}
.rampelys .columnContent#filmliste ol li, .rampelys .columnContent#musikkliste ol li {padding: 2px 0 2px 10px; border-bottom: 1px solid #e0d7c3;}
.rampelys .columnContent#filmliste ol li a:link, .rampelys .columnContent#filmliste ol li a:visited,
.rampelys .columnContent#musikkliste ol li a:link, .rampelys .columnContent#musikkliste ol li a:visited {margin-left: 5px; font-weight: normal;}
.rampelys .columnContent#filmliste ol li a:hover, .rampelys .columnContent#musikkliste ol li a:hover {text-decoration: underline;}

.rampelys .columnContent#filmliste ul, .rampelys .columnContent#musikkliste ul {width: 300px; margin-left: 55px; overflow: hidden;}
.rampelys .columnContent#filmliste ul li, .rampelys .columnContent#musikkliste ul li {float: left; margin: 0 .5em 0 -.5em; padding: 0 .5em 0 .5em; line-height: 1.2em; white-space: nowrap; border-left: 1px solid #000;}


.rampelys .columnContent #filmsokeboks {height: 32px; margin: 2px 0; background: transparent url(ramp_bak_bigColumnSearchVG.gif) 0 0 repeat-x; border-style: solid; border-color:#ccb; border-width: 1px 0;}
.rampelys .columnContent #filmsok label {float: left; margin: 10px 5px; font-size: .7em;}
.rampelys .columnContent #filmsok #soktxt {float: left; margin: 5px 0 5px 7px; width: 135px; height: 19px; border: 1px solid #ccb; border-right: 0;}
.rampelys .columnContent #filmsok #soksubmit {float: left; margin:5px 7px 5px 0; padding: 2px; background: #fff; border: 1px solid #ccb; border-left: 0;}


.rampelys .columnContent #musikksokeboks {height: 32px; margin: 2px 0;x background: transparent url(ramp_bak_bigColumnSearchVG.gif) 0 0 repeat-x; border-style: solid; border-color:#ccb; border-width: 1px 0;}
.rampelys .columnContent #gimmeSome label {float: left; margin: 10px 0 10px 5px; font-size: .7em;}
.rampelys .columnContent #gimmeSome span {float: left; margin: 5px 2px; font-size: .7em;}
.rampelys .columnContent #gimmeSome #msoktxt {float: left; margin: 5px 0 5px 7px; width: 95px; height: 19px; border: 1px solid #ccb; border-right: 0;}
.rampelys .columnContent #gimmeSome #msoksubmit {float: left; margin:5px 7px 5px 0; padding: 2px; background: #fff; border: 1px solid #ccb; border-left: 0;}


/* anmeldelser */

.rampelys .columnContent#anmeldelser h3 {margin-top: 14px;}
.rampelys .columnContent#anmeldelser h3 a:link, .rampelys .columnContent#anmeldelser h3 a:visited {text-decoration: none; margin-left: 10px;}
.rampelys .columnContent#anmeldelser h3 a:hover {text-decoration: underline;}
.rampelys .columnContent#anmeldelser ul {margin: 0; font-weight: bold; border-top: 1px solid #e0d7c3;}
.rampelys .columnContent#anmeldelser ul li {padding: 2px 0 2px 10px; border-bottom: 1px solid #e0d7c3;}
.rampelys .columnContent#anmeldelser ul li a:link, .rampelys .columnContent#anmeldelser ul li a:visited {margin-left: 5px; text-decoration: none; font-weight: normal;}
.rampelys .columnContent#anmeldelser ul li a:hover {text-decoration: underline;}

.rampelys .columnContent#anmeldelser p.lesmer {margin: 0 0 10px 10px; padding: 0;}



/* blogg */
.rampelys .columnContent#blogg ul.bloglist {margin-left: 0;}
.rampelys .columnContent#blogg ul.bloglist li {margin: 2px 0; padding: 5px 0 5px 40px; font-size: .7em; background-color: #f2ebdb; background-position: 10px 50%;}
.rampelys .columnContent#blogg p.lesmer {margin: 0 0 0 5px; padding:0;}


/* listefeber */

.rampelys .columnContent#listefeber ul {margin-left: 0;}
.rampelys .columnContent#listefeber ul li {padding: 2px 0 2px 10px; border-bottom: 1px solid #e0d7c3;}
.rampelys .columnContent#listefeber ul li a:link, .rampelys .columnContent#listefeber ul li a:visited {text-decoration: none;}
.rampelys .columnContent#listefeber ul li a:hover {text-decoration: underline;}

.rampelys .columnContent#listefeber p.lesmer {margin: 0; padding:0;}

/* Flash-radio */
.rampelys #column #vgradio {margin: 0 0 10px 0;}


/* VGTV og bildespesialer */
.rampelys .columnContent#vgtv, .rampelys .columnContent#images {padding-bottom: 0; border-bottom: 3px solid #e0d7c3;}
.rampelys .columnContent#vgtv h2, .rampelys .columnContent#images h2 {margin-bottom: 0;}
.rampelys .columnContent ul.tvlist {margin-top: 10px;}
.rampelys .columnContent ul.tvlist2 li {border-top: 2px solid #e0d7c3;  padding-top: 3px;}
.rampelys .columnContent ul.tvlist2 {border-bottom: 2px solid #e0d7c3;}

.rampelys .columnContent#vgtv p.lesmer {margin: 5px 0; padding:0;}

/* ny utlisting */
.rampelys .columnContent ul.tvlist2 li a, .rampelys .columnContent ul.tvlist2 li a:hover,
.rampelys .columnContent#images ul.tvlist2 li a, .rampelys .columnContent#images ul.tvlist2 li a:hover {background-image: url(ramp_vgtvplay.gif);}
/* minmote utlistingen */

.rampelys .columnContent.minmoteramp .sisteboks {
width:363px;
background-image:url(minmote_hspalte_nyh_bak.jpg);
background-repeat: repeat-x;
font-size:12px;
font-family:Arial,Verdana;
margin-top:2px;
margin-bottom:2px;
margin-right:2px;
height:135px;
line-height:16px;
background-color:#fff;
}

.rampelys .columnContent.minmoteramp .sisteboks h3 {
	color:#b3446d;
	font-size:14px;
	font-family:Georgia,Times;
	margin:0px;
	margin-top:3px;
	margin-bottom:3px;
}

.rampelys .columnContent.minmoteramp .sisteboks img {
	margin-left:1px;
	margin-right:5px;
	float:left;
	border:none;
}

.rampelys .columnContent.minmoteramp h2 {
	background-image:url(mest_lesttopp.jpg);
	text-indent:-5000px;
	height:61px;
	margin-top:7px;
}

/* Diskusjon i spalte */

.rampelys .columnContent.diskusjon p a:link, .rampelys .columnContent.diskusjon p a:visited  {padding-left: 17px; text-decoration: none; font-weight: bold; color: #987; background: transparent url(ramp_pil_lesmer.gif) 5px 2px no-repeat; }
.rampelys .columnContent.diskusjon p a:hover {color: #666; background-position: 5px -38px;}


.rampelys #frontspalte.anmeldelser h2 {font-size: 1em;}


/* Rampelysfooter */

.rampelys #rampfooter {clear: both;}
.rampelys #rampfooter .columnContent {clear: none; float: left; display: inline; width: 320px; margin-right: 32px;}
.rampelys #rampfooter .columnContent.last {margin-right: 0;}

.rampelys #rampfooter .columnContent h2 {border-left: 1px solid #f90;}

.rampelys #rampfooter .columnContent #filmsok #soktxt {width: 90px;}
.rampelys #rampfooter .columnContent #gimmeSome #msoktxt {width: 93px;}
.rampelys #rampfooter .columnContent#filmliste ul, .rampelys #rampfooter .columnContent#musikkliste ul {margin: 5px 25px; padding: 0; text-align: center;}

.rampelys #rampfooter .columnContent#listefeber ul li {padding: 4px 0 4px 10px;}

.rampelys #rampfooter .columnContent ul.tvlist2 li span {width: 180px}