/*  
Theme Name: In The Pink
Theme URI: http://srib.no
Description: Theme made for Studentradioen i Bergen
Author: Andreas H. Opsvik
Author URI: http://tanketom.net
*/

* {
margin: 0;
padding: 0;
border: 0;
}

p.infoboks {
background: #e3e3e3;
width: 200px;
padding: 7px;
float: right;
margin: 0 0 7px 7px;
font-size: 80%;
}

ol.commentlist li {
list-style-type: none;
padding: 5px;
}

ul.commentlist {
list-style-type: none;
}

ul.commentlist .combilde {
position: relative;
right: 13px;
float: left;
border: 3px solid #ffffff;
}

li.alt {
background: #d0d0d0;
}

.rosa {
background: #fd00a7;
color: #ffffff;
padding: 8px;
font-size: 75%;
}

.rosa a {
color: #620041;
}

.forstekol {
float: left;
width: 310px;
}

.andrekol {
float: right;
width: 310px;
}

body {
background: #ffffff;
text-align: center;
font-family: Verdana, sans-serif;
}

blockquote {
background: #eaeaea; 
padding: 5px;
margin-bottom: 8px;
}

blockquote cite {
font-style: italic;
float: right;
}

#header {
width: 1149px;
float: right;
background: url('/wp-content/themes/srib20/gfx/headerrep.png') repeat-x #ffffff;
margin-bottom: 8px;
}

#header ul li {
display: inline;
float: left;
}

#header ul li a {
display: block;
color: #ffffff;
height: 33px;
padding: 10px 10px 1px 10px;
text-decoration: none;
font-size: 135%;
}

#header ul li a:hover, #header ul li a.markert {
display: block;
color: #fd00a7;
background: #000000;
height: 33px;
padding: 10px 10px 1px 10px;
text-decoration: none;
font-size: 135%;
}

#header h1 span {
font-size: 40%;
color: #620041;
float: right;
}

#header img {
float: left;
}

#header h1 {
font-size: 49px;
}

#header #menysok {
position: relative;
top: 33px;
float: right;
margin-right: 10px;
}

input.searchsubmit {
padding: 2px 4px 3px 4px;
background: #fd00a7;
color: #ffffff;
}

input.searchform {
padding: 3px 3px 4px 3px;
}

#innhald input, #innhald textarea {
padding: 3px 3px 4px 3px;
border: 1px solid #cccccc;
background: #ffffff;
}

input.searchform:focus {
background: url('/wp-content/themes/srib20/gfx/search.png');
}

#menymindre {
font-size: 75%;
}

#wrapper {
margin: 0 auto;
width: 1070px;
padding: 3px;
text-align: left;
clear: both;
}

#meny {
width: 388px;
padding: 8px;
float: left;
background: #e3e3e3;
margin-bottom: 10px;
}

#meny h1, #meny h2, #meny h3, #meny h4, #meny h6 {
font-size: 130%;
margin-bottom: 3px;
}

#meny h5 {
font-size: 110%;
color: #bbbbbb;
}

.rss:after {
content: url('/wp-content/themes/srib20/gfx/rss.png');
position: relative;
top: 3px;
}

.itunes {
position: relative;
top: 4px;
}

h3 a {
text-decoration: none;
}

#meny h3 a:after {
content: url('/wp-content/themes/srib20/gfx/rosaraquo.png');
position: relative;
top: 5px;
}

#meny #twitter {
background: #cccccc;
padding: 8px;
}

#meny #twitter span {
color: #ff00a7;
}

#innhald {
float: right;
width: 651px;
}

#innhald img {
border: 1px solid #dddddd;
max-width: 650px;
}

.entryhoved h2 {
margin-bottom: 8px;
}

.container {
width: 314px;
height: 355px;
overflow: hidden;
float: left;
margin-right: 11px;
}

.container h2 {
font-size: 18px;
height: 43px;
overflow: hidden;
}

.entryliten {
height: 277px;
overflow: hidden;
}

.entryhoved {
margin-bottom: 60px;
}

.entrytext h2 {
font-size: 200%;
}

#foryou {
background: #e3e3e3;
padding: 8px;
}

#fbrec {
float: left;
}

#liknande {
float: right;
width: 310px;
}

#sendeplan {
padding: 10px 25px 10px 25px;
background: #e3e3e3;
text-align: left;
}
#sendeplan * ul li {
list-style-image: none;
}

#sendeplan h3 span a {
font-size: 75%;
}

#sendeplan h3 span a:after {
content: url('/wp-content/themes/srib20/gfx/rosaraquo.png');
position: relative;
top: 5px;
}

.clear {
clear: both;
}

.planblokk {
float: left;
padding: 5px;
width: 250px;
}

.planblokk ul {
list-style-type: none;
margin-left: 0;
}

.planblokk ul li span {
color: #888888;
font-size: 100%:
}

#botnmeny {
padding: 10px 25px 10px 25px;
background: #cccccc;
text-align: left;
}

#botnmeny span {
color: #aaaaaa;
}

#botnmeny h3 {
margin-bottom: 3px;
}

#botnmeny h3 a, #sendeplan h3 a {
color: #620041;
}

#botnmeny h3 a:after {
content: url('/wp-content/themes/srib20/gfx/grarosaraquo.png');
position: relative;
top: 5px;
}

.blokk {
float: left;
padding: 5px 8px 5px 5px;
width: 250px;
}

.centerblokk {
margin: 0 auto;
width: 1070px;
padding: 3px;
text-align: left;
clear: both;
}

.entrytext h1, .entrytext h2, .entrytext h3, .entrytext h4, .entrytext h5, .entrytext h6 {
margin-bottom: 8px;
}

h1, h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-weight: bolder;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #000000;
}

p, li, .navigation {
font-size: 90%;
line-height: 1.5;
}

p a, li a, .navigation a {
color: #fd00a7;
}

p, ul, ol {
margin-bottom: 15px;
}

small {
color: #888888;
}

ol {
margin-left: 5px;
}

ol ul {
margin-left: 12px;
}

hr {
height: 1px;
border-bottom: 1px solid #dddddd;
margin: 10px 0 14px 0;
}

#meny ul li, #innhald ul li, #sendeplan ul li, #botnmeny ul li {
margin-left: 15px;
}

p#byline {
color: #aaaaaa;
background: #e3e3e3;
padding: 5px;
}

a:hover {
color: #fd00a7;
}

span.kategori a {
background: #fd00a7;
font-size: 14px;
color: #ffffff;
padding: 2px;
position: relative;
top: 19px;
margin: 0;
}

span.kategori a:hover {
background: #c90285;
}

#meny li {
margin-left: 15px;
margin-bottom: 2px;
}

#innhald li {
margin-left: 15px;
margin-bottom: 6px;
}

.fix {
position: relative;
bottom: 17px;
}

.l, .alignleft {
float: left;
margin-right: 5px;
}

.r, .alignright {
float: right;
margin-left: 5px;
}

img.framsidebilde {
width: 650px;
height: 350px;
margin-bottom: 3px;
}

img.framsidelite {
width: 310px;
height: 167px;
margin-bottom: 3px;
}

img.bylinebilde {
float: left;
max-height: 45px;
max-width: 45px;
margin-right: 8px;
}

.nitti {
width: 90px;
height: 90px;
}

table {
border: 1px solid #dddddd;
}

td {
border: 1px solid #dddddd;
padding: 4px;
}

<!-- SmiB-Bar -->

#smibbar {
font-size: 75%;
background: #e3e3e3;
}

#smibbar span {
text-align: left;
padding: 5px;
}

#smibbar p {
text-align: right;
padding: 5px;
}

<!-- Fail -->

#fail {
padding: 20px;
text-align: left;
}

#fail img {
float: left;
margin-right: 30px;
}

li.spotify {
background-image: url('http://srib.no/wp-content/uploads/favicon.bmp') no-repeat left;
}

a.info {
position:relative; /*this is the key*/
z-index:24;
}

a.info:hover {
z-index:25; 
background-color:#ff0}

a.info span {
display: none
}

a.info:hover span {
display:block;
position:absolute;
padding: 4px;
top: 4em; 
left: 2em; 
width: 16em;
border: 1px solid #0cf;
background-color: #cff; 
color:#000;
text-align: center
text-decoration: none;
}


/* "She turns boys into toys, winnin' all of their affection
She gives me such a shock, baby, I am no exception.

I know a lot of girls but she is one of a kind
I'm gonna burn in Hell but not without her by my side"
- Danko Jones */

