@import "/css/corners.css";
@import "/css/btn.css";
@import "/css/common.css";
body {
	margin: 0px auto;
	padding: 0px;
    font: bold 13px "Myriad Pro","Myriad Set","Myriad Apple",Myriad,Helvetica Nueue,Arial,Verdana,Sans-serif;
    background: #fff url(http://cf.bloggy.se/images/bodyBg.png) repeat-x;
}
a {
    text-decoration: none;
}

div, p, h1, h2, h3, form, table, td, th {
	margin: 0;
	padding: 0;
}
p {
    padding-bottom: 5px;
}

table {
	border-spacing: 0;
}
  
form {
	display: inline;
}

img {
	border: 0;
}
  
.clearer {
	clear: both;
}

.clearleft {
	clear: left;
}

.clearright {
	clear: right;
}
  
a:link {
  color: #003de8;
}

a:visited {
  color: #930d85;
}

a:hover, a:hover b {
  color: #000;
}

.nv a:visited, .nv a:visited b, a.nv:visited {
  color: #003de8;
}

.nv a:hover, .nv a:hover b, a.nv:hover {
  color: #000;
}

.lit a:link, a.lit:link {
  color: #497bb6;
}

.lit a:visited, a.lit:visited {
  color: #b649a1;
}

.lit a:hover, a.lit:hover {
  color: #000;
}

.litnv a:link, a.litnv:link {
  color: #497bb6;
}

.litnv a:visited, a.litnv:visited {
  color: #497bb6;
}

.litnv a:hover, a.litnv:hover {
  color: #000;
}

#search #searchEntry  { 
	width: 130px;
	text-align: center;
	padding-top: 9px;
}

#searchBox:hover {
    background: #ccc;
}
  
#search #searchBox, #search #locationBox {
    background: #eee;
    border: 1px solid #fff;
	width: 130px;
	font-size: 17px;
}

#search #searchOptionsCtrl {
	font-size: 11px;
}

#search #searchOptions {
	margin: 10px auto 0 auto;
	text-align: center;
}

#search #searchOptions table {
	margin: 0 auto;
}

#search #searchOptions th {
	color: #333;
	text-align: right;
	padding: 0 10px 5px 0;
	vertical-align: middle;
	font-weight: normal;
	white-space: nowrap;
}

#search #searchOptions td {
	vertical-align: middle;
	text-align: left;
	padding-bottom: 5px;
	font-size: 13px;
}

#search #searchOptions .option {
	width: 110px;
	font-size: 13px;
}

#search #searchButton input:hover {
    background-color: #f39;
}
#search #searchButton input {
    font-family: Helvetica, sans-serif;
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: default;
    text-decoration: none;
    margin-top: 3px;
    border-color: #80b5d0;
	font-size: 13px;
}

#header {
/* 	border-bottom: 3px solid #ccc; */
	height: 140px;
    padding-top: 20px;
}

#headerContent {
	width: 795px;
	margin: 0 auto;
	position: relative; 
/*	height: 80px;  not needed?*/
}

#header #logo {
	position: absolute;
	top: 15px;
	left: -10px;
}

#header #search {
    background: #fff;
	position: absolute;
	z-index: 100;
	height: 42px;
	top: 30px;
    border: 1px solid #ccc;
	left: 270px;
}

#header #searchEntry {
 	display: block;
 	float: left;
 	margin-right: 5px;
}

#header #searchButton {
	display: block;
	float: left;
	margin-right: 5px;
	line-height: 40px;
	height: 40px;
}

#header #searchOptionsCtrl a:hover {
    border-bottom: 4px solid #f39;
    padding-bottom: 6px;
}

#header #searchOptionsCtrl {
	display: block;
	float: left;
	line-height: 40px;
	height: 40px;
}

#main {
    /* tom  */
}

#mainContent {
	width: 770px;
	margin: 0px auto;
	padding: 0;
}
#navi {
    font-size: 19px;
	padding-left: 20px;
	padding-right: 20px;
	color: #777;
}

#navi ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	text-align: center;
}

#navi li {
	display: inline;
	margin: 0;
	padding: 0;
}

#footer {
	/*border-top: 3px solid #ccc; */
    text-align: center;
	padding: 10px;
	color: #777;
}

#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	text-align: center;
}

#footer li {
	display: inline;
	margin: 0;
	padding: 0;
}

#footer img {
	vertical-align: top;
}

#footer .copy {
	font-size: 11px;
    font-style: normal;
    font-family: Helvetica, sans-serif;
}

#results {
    /* for IE */
    filter:alpha(opacity=85);
    /* CSS3 standard */
    opacity:0.85;
	background: #fff;
	border: 1px solid #ccc;
	padding: 10px;
	margin-right: 180px;
	width: 593px;
    -webkit-border-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 0 2em;
    -moz-border-top-left-radius: 0;
    border-radius: 5px;
    border-top-left-radius: 0;
	_width: 573px;
}

#results h2 {
	font-size: 23px;
	line-height: 40px;
	margin-bottom: 10px;
}

#results h2 #timer {
	float: right;
	margin-left: 15px;
	font-size: 13px;
	line-height: 23px;
	color: #333;
}

#results ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-top: 1px dotted #ccc;
}
#results ul div.huvud {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#results ul div.thread {
  margin-top: 10px;
  background-color: #eee;
  margin-left: 58px;
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* IE hack for setting layout */
#results ul div.thread { display: inline-block; }
#results ul div.thread { display: block; }

#results ul div.thread ul {
	border-width: 0;
}

#results li:hover {
    background-color: #eee;
}
#results li {
	margin: 0;
	border-bottom: 1px dotted #ccc;
	padding: 10px 10px;
}

#results li div.avatar {
	float: left;
	width: 30px;
	height: 30px;
}

#results li div.avatar a {
	text-decoration: none;
}

#results li div.avatar img {
	width: 48px;
	height: 48px;
}

#results  li .msg {
	margin-left: 58px;
	font-size: 16px;
    font-family: Helvetica, sans-serif;
/*    font-weight: normal; */
	line-height: 17px;
	margin-bottom: 5px;
}

#results li .info {
    font-family: Helvetica, sans-serif;
	margin-left: 58px;
	color: #777;
	font-size: 13px;
}

#results li img.thread {
	margin-bottom: -5px;
}

#results div.thread li.first {
  border-top: 0px;
}

#results .paginator {
	margin: 10px 0;
	text-align: center;
}

#results #pager-bottom.paginator {
	margin-bottom: 0;
}

#sidebar {
    filter:alpha(opacity=89);
    opacity:0.89;
	width: 210px;
	float: right;
}

#sidebar .module {
	background-color: #fff;
	color: #777;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 5px;
	-moz-border-top-left-radius: 0;
	border-radius: 5px;
	border-top-left-radius: 0;
	margin: 0 0 10px 0;
	padding: 10px;
	width: 188px;
}
#sidebar h2 {
    color: #333;
    padding-left: 5px;
    padding-bottom: 2px;
    border-bottom: 1px solid #eee;
}
#sidebar .module h3 {
	font-weight: normal;
	margin-bottom: 5px;
	font-size: 13px;
	color: #000;
}

#results .msg ul {
    list-style-type: square;
}
#sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#sidebar li {
	margin: 0 0 10px 0;
	padding: 0;
    color: #000;
}

#sidebar li.last {
	margin: 0;
}

#sidebar img.rss {
	margin-bottom: -3px;
}

#sidebar img.twitter {
	margin-bottom: -3px;
}

#sidebar img.lang {
	margin-bottom: -3px;
}

#sidebar #language {
	color: #000;
}

#sidebar #languageSelect {
	margin-top: 10px;
}

#sidebar #languageSelect p {
	color: #777;
	margin-bottom: 5px;
}

#sidebar #language .option, #sidebar #translator .option {
	width: 125px;
	font-size: 13px;
}

#sidebar #translator {
	color: #000;
}

#sidebar #translator span {
  color: #777;
}

#sidebar #translator #transPoweredBy {
	font-size: 11px;
	color: #777;
	margin-top: 5px;
}

.auto-trans {
  margin-top: 5px;
  font-size: 13px;
  color: #3d9438;
}

.nested .auto-trans {
	font-size: 11px;
	margin-top: 3px;
}

#sidebar .list ul {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
}

#sidebar .list li {
	margin: 0 0 5px 0;
	padding: 0;
    color: #777;
}

#sidebar .list li.last {
	margin: 0;
}

#sidebar #promo b {
	background-color: #ffffcc;
	padding: 2px;
}

#res-update, #suggest-lang, #alert, #network-cache {
  font-size: 14px;
  margin: 0 0 10px 0;
  font-weight: normal;
  padding: 0 0 0 5px;
  background-color: #ffffcc;
  height: 30px;
  line-height: 30px;
}

#network-cache {
  font-size: 10pt;
  text-align: right;
  background-color: #fff;
}

#new-res-count {
	font-weight: bold;
}

#suggest-lang {
  text-align: center;
}

#new-res-count {
  font-weight: bold;
}

#alert {
	display: block;
	background-color: #fff;
	color: #f25235;
	padding-left: 0;
	line-height: 16px;
	padding-top: 10px;
}

span.expand {
	color: #777;
	font-size: 11px;
	line-height: 17px;
}

#nearmap img {
  width: 146px;
  height: 146px;
  border: 1px solid #ccc;
  display: block;
}

#nearmap p {
	margin-top: 5px;
	color: #777;
	font-size: 11px;
}

#results li.st {
	border: 0;
	background-color: #edf2f8;
}

#results li.st .info .stnote {
	float: right;
	color: #a2b3c7;
}

.blue {
    background-color: #e5e5e5;
    color: #246;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
    padding: 7px 13px;
    border: none;
    font-size: 14px;
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: default;
    text-decoration: none;
    margin-top: 3px;
    border-color: #80b5d0;
}
.blue:hover {
    border-color: #535353;
}

textarea {
    width: 370px;
    height: 80px;
    border: 1px solid #ccc;
    padding: 5px;
}

.introtext {
    font-size: 22px;
    font-style: normal;
    font-weight: bold;
    text-transform: normal;
    letter-spacing: -1px;
    line-height: 1.2em;
    padding: 5px;
    padding-top: 10px;
    color: #222;
}
.urlsignup { text-align:right; }
.url { font-size: 19px; font-weight: bold; }
#signupform .status {
  padding-top: 2px;
  padding-left: 8px;
  vertical-align: top;
  float: left;
  width: 320px;
  white-space: nowrap;
}
#signupform label.error {
  background:url(/images/cross.png) no-repeat 0px 0px;
  padding-left: 16px;
  padding-bottom: 2px;
  font-weight: bold;
  color: #EA5200;
}

#signupform label.checked {
  background:url(/images/accept.png) no-repeat 3px 0px;
  padding-left: 16px;
  padding-bottom: 2px;
}

#signupform .success_msg {
  font-weight: bold;
  color: #0060BF;
  margin-left: 19px;
}
.label { white-space:nowrap }
#forgotpasswd {
    padding-top: 4px;
    font-size: 12px;
}
.smallfont {
    font-size: 15px;
    font-weight: normal;
    font-family: Tahoma, Verdana, sans-serif;
}
#speechbubble {
  background: url(/images/speech_bubble2.png) no-repeat 5px 10px;
  padding-left: 40px;
}

#results h1 {
    padding-bottom: 5px;
}
#signuptack {
    background: url(/images/flag.png) no-repeat 10px 35px;
    padding: 20px;
    padding-left: 60px;
}

#floral img {
border: 1px solid #777;
/* for IE */
filter:alpha(opacity=99);
/* CSS3 standard */
opacity:0.99;
}
#maintext ul {
    margin: 0;
    margin-top: 10px;
    margin-left: 10px;
    padding: 0;
    list-style-type: none;
    margin-bottom: 20px;
}
#maintext .mobile {
    background: url(/images/phone.png) no-repeat 0px center;
}
#maintext .rss {
    background: url(/images/rss.png) no-repeat 0px center;
}
#maintext .bild {
    background: url(/images/picture.png) no-repeat 0px center;
}
#maintext .gillar {
    background: url(/images/heart.png) no-repeat 0px center;
}
#maintext li.last {
    border: none;
}
#maintext li:hover {
    color: #444;
}
#maintext li {
    border-bottom: 2px dotted #ccc;
    padding-left: 23px;
    padding-bottom: 5px;
    padding-top: 5px;
}
#maintext .fade:hover {
    background: url(/images/signup3_hover2.png) no-repeat;
}
#maintext .fade {
    cursor: pointer;
    background: url(/images/signup3_hover.png) no-repeat;
    width: 290px;
    height: 47px;
    text-align: middle;
}
.imageok {
    padding-right: 10px;
}
.popularwords{
    font-family: Arial;
    font-weight: normal;
    background-color: #fff;
    padding: 2px 20px;
    font-size: 12px;
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    margin-top: 3px;
    border-color: #fff;
    color: #555;
}
#maintext h1 {
    color: #333;
    font-size: 26px;
    padding-bottom: 5px;
}

#maintext-inner {
  background-color:transparent;
  background-image:url(/images/sidebar_bg.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  float:left;
  margin: 3px;
  padding: 10px;
  width: 95%;
  color: #333;
}

#maintext {
  background-color:#EEE;
  background-image:url(/images/sidebar_bottom_bg.png);
  background-position: bottom left;
  background-repeat: repeat-x;
  float:left;
  width: 526px;
  padding: 10px;
  padding-bottom: 5px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  filter:alpha(opacity=85);
  opacity:0.85;
}
#maintext #more {
    font-size: 18px;
}
#maintext .showmore {
    font-size: 14px;
}
.newmembers {
    padding-top: 3px;
}
#header #newpost a:link {
    color: #666;
}
#header #newpost a:visited {
    color: #666;
}
#header #newpost a:hover {
    color: #666;
}
#header #newpost {
    /* for IE */
    filter:alpha(opacity=90);
    /* CSS3 standard */
    opacity:0.90;
    position: absolute;
    z-index: 100;
    height: 130px;
    width: 510px;
    top: 10px;
    left: 370px;
    overflow: visible;
}
#newpost li .info {
    font-family: Arial;
    text-align: right;
    margin-left: 65px;
    font-weight: normal;
    color: #777;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 12px;
    background: #fff;
}

#newpost li .msg {
    background: #fff;
    padding: 1px;
    margin-left: 65px;
    font-size: 16px;
    padding-top: 10px;
    padding-left: 10px;
    margin-bottom: 0;
}
#newpost .firstpost .info {
    font-family: Arial;
    text-align: right;
    margin-left: 89px;
    font-weight: normal;
    color: #777;
}
#newpost ul {
    list-style-type: none;

    margin: 0;
    padding: 0;
}
#newpost .coarrowfirstpost {
    background: url(/images/guestbook-arrow-co.png) 90px 15px no-repeat;
}

#newpost li div.avatar {
    float: left;
    width: 53px;
    height: 53px;
    overflow: hidden;
    margin-top: 1px;
    padding-right: 2px;
}

#newpost li div.avatar a {
    text-decoration: none;
}

#newpost .arrow {
    background: url(/images/guestbook-arrow.gif) 66px 15px no-repeat;
    margin: 0;
    padding: 5px 10px 5px 10px;
}
#newpost .coarrow {
    background: url(/images/guestbook-arrow-co.png) 66px 15px no-repeat;
    margin: 0;
    padding: 5px 10px 5px 10px;
}
.avatarimg:hover {
    border: 2px solid #f39;
}
.avatarimg {
    border: 2px solid #ccc;
}
#newpost li div.avatar img {
    width: 48px;
    height: 48px;
}

.httplink {
    text-decoration: underline;
}
.comment {
    background: url(/images/comment_add.png) no-repeat 2px 0px;
    padding-left: 20px;
}
.passwdreset {
    padding: 20px;
    font-size: 20px;
    color: #444;
}
.passwdbg {
    padding-left: 5px;
}
.friendimg {
    margin-left: 0px;
}
.copytrail {
    font-size: 12px;
    font-family: Arial;
    font-weight: normal;
}
img.fade:hover {
    border: 1px solid #000;
}