* { padding:0; margin:0; border:0; }
body { font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 80%; line-height:1.5em; }
textarea,
input { font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 1em; line-height:1.5em; border: 1px solid #c9cacb; padding:0.2em; color: #000; }
 a { color:#0082ae; }
h1 { padding-top:0; font-size: 2em; }
h2 { font-size:1.2em; }
h3 { font-size:1em; }
p { margin-top:1em; }
a { text-decoration:none; }
ul li { list-style-type:none; margin: 0.4em 0; }

h1.red { color:#b00931; }
h1.green { color:#bed62f; }
h1.yellow { color:#ffcb31; }
h1.orange { color:#f7941e; }

.sprite { background: url(/images/sprite.png); } 
.clearfix { clear:both; }
.dogear { background-position: -390px -200px; width: 100%; height:8px; position:absolute; right:0; top:-8px; }
.white-bg { background:#fff; }
.prick { height: 6px; width:6px; display:block; float:left; margin:1em 0 0 0.8em; }
.prick.green { background-position: 0 0; }
.prick.yellow { background-position: -12px 0; }
.prick.orange { background-position: -24px 0; }
.prick.red { background-position: -36px 0; }
.prick.blue { background-position: -48px 0; }
.prick.black { background-position: -59px 0; }
.bubbla { height: 33px; margin-bottom: 1em; }
.bubbla.white { background-position: 0 -7px; }
.bubbla.red { background-position: 0 -135px; color:#fff; height:26px;}
.bubbla.red a { color:#fff; }
.bubbla.orange { background-position: 0 -42px; }
.bubbla.yellow { background-position: 0 -73px; }
.bubbla.blue { background-position: 0 -104px; color:#fff; }
.bubbla.red { background-position: 0 -135px; }
input.bubbla { width: 60px; border:0; padding:0; height:30px; font-weight:bold; margin-top:1em; padding-bottom:0.3em; }
input.bubbla.red { height: 30px; }
h3.bubbla { float:left; }
.relative { position:relative; }
.rosta-red,
.rosta-blue,
.rosta-yellow,
.rosta-orange { width:52px; height: 31px; border:0; margin-top:1em; }
.rosta-red { background-position: 0 -265px; height:30px; }
.rosta-blue { background-position: -52px -264px; }
.rosta-yellow { background-position: -104px -264px; }
.rosta-orange { background-position: -156px -264px; }

.button-spara,
.button-borja-om,
.button-avbryt,
.button-nasta,
.button-faregaende,
.button-skicka { height: 35px; border:0; }

.button-spara { background-position: 0 -209px; width: 62px; }
.button-borja-om { background-position: -62px -209px; width: 86px; }
.button-avbryt { background-position: -148px -209px; width: 71px; }
.button-skicka { background-position: -219px -209px; width: 67px; }
.button-nasta { background-position: -287px -210px; width: 46px; display:block; }
.button-faregaende { background-position: -334px -210px; width: 81px; display:block; }

.abuse { background-position: 0 -296px; width: 49px; height: 31px; border:0; }

a.facebook { display:block; background-position: 0 -243px; height: 20px; width: 20px; float:left; margin-right:5px; }
a.twitter { display:block; background-position: -25px -243px; height: 20px; width: 20px; float:left; }

#background { background: url(/images/bg.png) #fffab9 no-repeat; padding-top:40px; }
#page { width: 920px; padding-left:50px; padding-bottom:50px; }
#header { width: 330px; margin-bottom: 2.5em; }
#header .prickar { background-position: 0 0; width: 54px; height:6px; float:left; margin: 14px 15px 0 20px; }
#header img { float:left; margin-bottom:6px; }

#content { float:left; width:720px; margin-top:8px; }
#content .white-bg { padding:1.2em 1.4em 1.4em; }
#content .dogear { background-position: -208px -200px; }
#content.sidebar-right { width: 520px; }
.front #ads .dogear { background-position: -7px -200px; }
#content.sidebar-right .dogear { background-position: -408px -200px; } 
h3.bubbla { padding: 5px 10px 0; height:28px; }
h3.bubbla.red { padding: 4px 10px 0; margin-top:1em; float:left; height:26px; }

#sidebar-left { float:left; width:200px; }
#sidebar-right { float:right; width:171px; }
#sidebar-right #ads .ad { margin: 0 0 1.5em; }
#sidebar-right .white-bg { background:transparent; }
#sidebar-right .white-bg .dogear { display:none; }

ul.menu li { list-style: none;  }
ul.menu li a { display:inline-block;margin: 0em 0; font-weight:bold; }
ul.menu li span.bubbla { display:inline-block; margin-bottom:0; margin:0 0 0.3em; }
ul.menu li span.sifr { padding:0.4em 0.8em; display:block; float:left; font-size:1.1em; }
#content ul.menu { margin-top:1em; }
#content ul.menu li { float:left; margin: 0 1em 0 0; display:block; }
#content ul.menu li a { margin:0; padding:0; display:inline;}
#search-field { height:20px; width:100px; }

#body-below { margin-top:2em; }
.left { float:left; width: 395px; position:relative; margin-right: 1.5em; }
.right { float:right; width: 280px; }
#content .left .dogear { background-position: -533px -200px; }
#votemess { font-weight:bold; }
#ads #votemess { padding-bottom:1em; }

/* Create ad */
textarea.img-create,
#input-name,
#input-program { color:#c9cacb; }
textarea.img-create { resize: none; height: 100px; padding:0.2em; overflow:hidden; }
#img-create .white-bg { margin: 1em 0 1em; }

#img-create input[type=text],
textarea.img-create { width: 355px; }

#img-create-program #bladdra-program { margin: 0 0 2em ; border: 1px solid #ccc; }
#preview-container { margin-top: 0.4em; }
#img-create-buttons { margin-top:1em; }
.choose-color { margin: 0 3px; cursor: pointer; }

/* Single ad */

#ad-single .header { margin-bottom: 0.5em; }
#by,
#rate { float:left; margin-right: 2em; }
#ad-single input[type=text] { width: 250px; color: #c9cacb; height: 30px; font-size: 1em; }

/* List ads */
#ads .ad { float: left; margin: 0 8px; }
#ads ul.info li { list-style:none; color:#666; margin:0; }
#ads ul.info li span { color:#000; }
.buttons a { float:right; margin: 1em 0 0 1em; }
body.front #ads .white-bg { padding:0 0 25px 30px; display:inline-block; width:890px; 	}
body.front #ads .ad { margin: 20px 21px 0 0px ; }

/* Rules */
ul.rules { list-style-type: decimal; list-style-position: inside; }
ul.rules li { margin: 1em 0; }

/* Popup window */
#popup-bg { position: absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.7; }
#popup-content { width: 740px; position:absolute; left: 250px; top: 50px; opacity:1; height: 500px; overflow:auto; }

#footer { background:#fff; height: 20px; padding-top:1em; position:relative; bottom:0; width:100%; }
#footer img { position: relative; bottom: 50px; padding: 0 1em 0 20px; float:left; }