/*
Theme Name: mashup
Theme URI: http://mashup.dk
Description: WordPress-tema til mashup.dk. Design af <a href="http://stupid-studio.com/">Stupid Studio</a>.
Version: 1.0
Author: S&oslash;ren Hugger M&oslash;ller
Author URI: http://spiri.dk
*/

body{
background: #E6E6E6;
margin: 0;
padding: 0;
padding-bottom: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
}

div#top-container{
width: 100%;
height: 70px;
background: url('images/top-backgr.png');
}

div#top{
width: 815px;
margin: 0 auto;
background: transparent;
text-transform: uppercase;
}

div#menu{
width: 300px;
height: 26px;
float: left;
margin: 15px 0 0 3px;
padding-top: 7px;
font-size: 1.6em;
}

div#search{
float: right;
margin-top: 20px;
}

div#header-container{
width: 100%;
height: 182px;
background: url('images/header-backgr.png');
}

div#header{
width: 815px;
height: 100%;
margin: 0 auto;
/*background: transparent url('images/banner.png') no-repeat;*/
}

div#main-container{
width: 815px;
margin: 0 auto 10px auto;
background: transparent;
margin-top: 10px;
overflow: auto;
display: table;
}

div#content-wrapper{
width: 520px;
position: absolute;
}

div.content-container, div#comments-container{
overflow: auto;
margin-bottom: 5px;
background: #FFFFFF;
padding: 24px 0 24px 0;	
}

div#sidebar-container{
width: 290px;
background: #FFFFFF;
padding: 24px 0 24px 0;
position: relative;
left: 525px;
}

div.content, div#comments{
width: 460px;
margin: 0 auto;
background: transparent;
}

div#comments{
font-family: Georgia, serif;
}

div.post{
width: 100%;
overflow: auto;
display: table;
margin-bottom: 40px;
}

div.post-footer-left{
float: left;
font-family: Georgia, serif;
font-size: 1.2em;
width: 310px;
}

div.post-footer-right{
float: right;
font-family: Georgia, serif;
/*font-size: 1.6em;*/
}

div.comment{
border-bottom: 1px solid #E6E6E6;
padding: 10px;
background: #F3F3F3;
}

div.comment-alt{
background: #FFFFFF;
}

div#sidebar{
width: 230px;
margin: 0 auto;
background: transparent;
}

div.sidebar-subheading{
background: #989898;
width: 220px;
min-height: 5px;
margin: 1px 0 1px 0;
padding: 4px 0 4px 10px;
color: #FFFFFF;
font-size: 1.3em;
}

div.sidebar-subheading2{
font-family: Georgia, serif;
width: 220px;
margin: 4px 0 0px 0;
padding: 0px 0 0px 0px;
color: #000000;
font-size: 1.3em;
}

div.rss-link{
font-family: Georgia, serif;
font-size: 1.5em;
margin-top: 5px;
}

div.flickr{
width: 233px;
}

h1, h2{
font-family: Georgia, serif;
font-size: 2.6em;
margin: 0;
color: #15b2bf;
text-transform: uppercase;
font-weight: bold;
}

h3{
font-family: Georgia, serif;
font-size: 2.6em;
margin: 0 0 5px 0;
color: #CCCCCC;
text-transform: uppercase;
}

div.comment h4{
font-size: 1.5em;
margin: 0 0 5px 0;
}

div#sidebar h4{
background: #15b2bf;
color: #FFFFFF;
margin: 0;
font-size: 1.8em;
font-weight: normal;
padding: 4px 0 4px 10px;
}


div.content h6{
font-family: Georgia, serif;
font-size: 1.8em;
color: #15b2bf;
font-weight: normal;
margin: 0 0 15px 0;
line-height: 24px;
border-bottom: 1px solid #E6E6E6;
padding-bottom: 10px;
}

p{
margin: 0 0 10px 0;
font-size: 1.4em;
line-height: 20px;
}

p.tags{
font-family: Georgia, serif;
font-size: 1.2em;
margin: 0;
line-height: normal;
clear: both;
}

div.post-footer-right p{
font-size: 1.6em;
}

p.comment-note{
font-style: italic;
font-size: 1.1em;
color: #B9B9B9;
}

p.commentform{
margin: 0;
font-size: 1.1em;
}

div.comment h4 span{
font-size: 0.8em;
color: #999999;
}


a:link{
color: #15b2bf;
text-decoration: none;
}

a:visited{
color: #15b2bf;
text-decoration: none;
}

a:hover{
color: #FFFFFF;
text-decoration: none;
background: #15b2bf;
}

a:active{
color: #15b2bf;
text-decoration: none;
}

h2 a:hover{
color: #15b2bf;
text-decoration: none;
background: transparent;
}

div#top a:link{
color: #FFFFFF;
text-decoration: none;
border-bottom: 0;
}

div#top a:visited{
color: #FFFFFF;
text-decoration: none;
border-bottom: 0;
}

div#top a:hover{
color: #FFFFFF;
text-decoration: none;
border-bottom: 0;
background: transparent;
}

div#top a:active{
color: #FFFFFF;
text-decoration: none;
border-bottom: 0;
}

a:link.more-link{
color: #000000;
text-decoration: none;
padding: 0 15px 2px 0;
border-bottom: 1px solid #000000;
background: url('images/arrow.gif') no-repeat right;
}

a:visited.more-link{
color: #000000;
text-decoration: none;
padding: 0 15px 2px 0;
border-bottom: 1px solid #000000;
background: url('images/arrow.gif') no-repeat right;
}

a:hover.more-link{
color: #000000;
text-decoration: none;
padding: 0 15px 2px 0;
border-bottom: 0;
background: transparent url('images/arrow.gif') no-repeat right;
}

a:active.more-link{
color: #000000;
text-decoration: none;
padding: 0 15px 2px 0;
border-bottom: 1px solid #000000;
background: url('images/arrow.gif') no-repeat right;
}

div.post-footer-right a:link{
color: #000000;
text-decoration: none;
/*font-size: 1.6em;*/
}

div.post-footer-right a:visited{
color: #000000;
text-decoration: none;
/*font-size: 1.6em;*/
}

div.post-footer-right a:hover{
color: #000000;
text-decoration: none;
/*font-size: 1.6em;*/
background: transparent;
}

div.post-footer-right a:active{
color: #000000;
text-decoration: none;
/*font-size: 1.6em;*/
}

div#header a, div.flickr a, a.img{
background: transparent;
}

div.rss-link a{
color: #000000;
background: transparent;
}

div#menu ul{
margin: 0 0 0 -40px;
}

div#menu li{
display: inline;
}

div#content-wrapper li{
font-size: 1.4em;
line-height: 20px;
}

div#sidebar ul{
margin: 0;
}

div#sidebar li{
font-family: Georgia, serif;
font-size: 1.3em;
list-style: none;
margin-left: -40px;
border-bottom: 1px solid #E6E6E6;
padding: 3px 0;
text-transform: lowercase;
}

div#sidebar ul.categories li{
background: url('images/category.gif') no-repeat right;
}

div#sidebar ul.links li{
background: url('images/arrow.gif') no-repeat right;
}

div#sidebar ul.rss li{
text-transform: none;
}

input, textarea{
font-size: 1.2em;
font-family: Georgia, serif;
border: 1px solid #E6E6E6;
background: #F3F3F3;
}

input.searchsubmit{
margin: 0 0 -7px 3px;
}

input.image{
border: 0;
background: transparent;
}

div#comments td{
padding: 0 10px 10px 0;
}

div#menu img{
margin-bottom: -7px;
}

div#header img{
border: 0;
}

div.flickr img{
border: 0;
padding: 0 1px 1px 0;
width: 76px;
}

div.content img{
padding: 3px;
border: 1px solid #9e9e9e;
margin: 5px 0 10px 0;
}

img.banner-link{
margin: 22px 0 0 30px;
}

blockquote{
color: #676767;
background: url('images/blockquote.gif') no-repeat;
padding: 0 30px 0 30px;
}

hr{
background: #E6E6E6;
color: #E6E6E6;
margin: -5px -3px 7px -3px;
height: 1px;
border: 0;
}

div.contactform form dl, dl.labels {
margin:0em;
font-size:1.4em;
margin-top:0.5em
}

div.contactform form dt, dl.labels dt {
float:left;
width:10em;
margin-bottom:0.8em;
color:#555;
text-align:left;
font-weight:normal;
position:relative IEWin hack
}

div.contactform form dd, dl.labels dd {
margin-left:0em;
margin-bottom:0.8em;
font-size:0.7em;
font-style:normal;
padding-left:10.5em
}

div.contactform form dd.submit, dl.labels dd.submit  {
margin-top:2em	
}

div.contactform input, textarea{
font-size: 1.4em;
}