/* Load blueprint first */
@import url('./screen.css');

a {color:#000000; text-decoration: none;}
a:hover {color:#56315b; text-decoration: none;}
a:visited {color:#693c6f}
a:active {color:#56315b}

/* structure & style */
body {
	
 margin-top:25px;
 padding:0px;
 background: #000000;
 font-family: Helvetica, Arial, sans-serif;
 font-size: 12px;
}
/* IE 6 FIX */
.wrapper {
 margin-left:28px;
 margin-right:0px;
 margin-top:28px;
 margin-bottom:28px;
}

.topMenuStyle a {
	color:#000;
}
.topheader {
	margin-top: 10px;
	height: 249px;
	background: url(../images/toplogonew.png) no-repeat;
}
.block {
	height: 27px;
	clear: both;
	background-color: #bbddd6;
}
.menu1 {
	margin-top: 10px;
	background-color: white;
}
.menu2 {
	margin-top: 10px;
	background-color: white;
}
.menu-content {
	margin: 15px;
}

.topmenu-container ul {
	height: 27px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.topmenu-container li {
	margin-top: 10px;
	text-indent: 0px;
	font-size: 10px;
	float: left;
	height: 27px;
	width: 133px;
	background-color: #281729;
	text-align: center;
	
	font-weight: normal;
	
	letter-spacing: 1px;
}
.topmenu-container a {
	color:#FFFFFF;	
}
.topmenu-container li:hover {
	background-color: #462849;
}
	
.topmenu-container .active {
	background-color: #462849;
}

.topmenu-container .item {
	margin-top: 7px;
	height:20px;
}

.menuitem {
	background-color: white;
	margin-left: 5px;
}

.sidebar-container {
	margin-top: 10px;
	float: left;
	width: 230px;
}
.sidebar {
	margin-top: 10px;
	padding-top: 20px;
	background-color: white;
	float: left;
	width: 230px;
	letter-spacing: 0.5px;
}
.sidebar-topblock {
	background: url(../images/vallingbycity.png) no-repeat;
	height: 27px;
}
.shadow {
	background-color: #ccc; 
	margin-left: 14px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 8px;
}
.shadow li:hover {
	background-color: #462849;
}
.sidebar-item1-green1 {
	background-color: #000000;
}
.sidebar-item1-green2 {
	background-color: #65998e;
}
.sidebar-item1-green3 {
	background-color: #81b1a7;
}
.sidebar-item1-green4 {
	background-color: #8cb2aa;
}
.sidebar-item1-green1:hover,
.sidebar-item1-green2:hover,
.sidebar-item1-green3:hover,
.sidebar-item1-green4:hover {
	background-color: #969696;
}

.sidebar-item2-purple1 {
	display: block;
	background-color: #462849;
}
.sidebar-item2-purple2 {
	display: block;
	background-color: #56315b;
}
.sidebar-item2-purple3 {
	display: block;
	background-color: #693c6f;
}
.sidebar-item1-green1, .sidebar-item1-green2, .sidebar-item1-green3, .sidebar-item1-green4, .sidebar-item2-purple1, .sidebar-item2-purple2, .sidebar-item2-purple3{
 	color: #FFFFFF;
 	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 12px;
	cursor:pointer;
}

.sidebar-item1 .active {
	background-color: #FFFFFF;
}

.sidebar-item1-green1, .sidebar-item1-green2, .sidebar-item1-green3, .sidebar-item1-green4, .sidebar-item2-purple1, .sidebar-item2-purple2, .sidebar-item2-purple3, .shadow  {
	position: relative;
  	bottom: 3px;
  	right: 2px;
}

.sidebar-item1-green1 a, .sidebar-item1-green2 a, .sidebar-item1-green3 a, .sidebar-item1-green4 a, .sidebar-item2-purple1 a, .sidebar-item2-purple2 a, .sidebar-item2-purple3 a{
	font-size: 10px;
	color: #FFFFFF;
	font-weight:bold;
}

.sidebar-item1-green1 h4, .sidebar-item1-green2 h4, .sidebar-item1-green3 h4, .sidebar-item1-green4 h4{
	font-size: 14px;
	color: #FFFFFF;
	margin:0px;
}

.sidebar-item2-purple1 h4, .sidebar-item2-purple2 h4, .sidebar-item2-purple3 h4{
	font-size: 14px;
	color: white;
	margin:0px;
}
.sidebar-justtitle {
	margin: 10px;
	font-size: 12px;
	color: black;
	font-weight:bold;
}

.sidebar-search {
	margin-left: 10px;
}
.sidebar-magnifyingglass {
	background: url(../images/magnifyingglass.png) no-repeat;
	height: 19px;
	width: 25px;
	margin-top:0px;
}
.static-content {
	margin-top: 10px;
	background-color: white;
	float: left;
	width: 624px;
	padding: 20px;
}
.static-content .become-blogger {
	background:#c5e2dc;
	margin-left: 0px;
	margin-top:20px;
	padding: 20px;
	width:565px;
}
.divForm {
	margin-top:5px;
	background-color:#fdfefe;
	width:75%;
	padding-left:5px;
}
input.divInput  {
	background-color:#fdfefe;
	border:none;
	width:50%;
}
textarea.divInput  {
	background-color:#fdfefe;
	border:none;
	height:50%;
	width:95%;
}
.divForm2 {
	margin-top:5px;
	background-color:#fbfafb;
	width:75%;
	padding-left:5px;
	clear:left;
}
input.divInput2  {
	background-color:#fbfafb;
	border:none;
	width:50%;
}
textarea.divInput2  {
	background-color:#fbfafb;
	border:none;
	height:50%;
	width:95%;
}


.mostPopularThumb img{
	width:97px;
	height:107px;
	margin-left:10px;
	margin-bottom:5px;
}

.mostPopDisplay {
	display:block;
}
.bloggersLinksDisplay {
	display:block;
}
.static-content a {
	color: #000000;
	text-decoration: underline;
}
.static-content-bottomLine {
	margin-top: 10px;
	background-color: white;
	float: left;
	width: 624px;
	padding: 20px;
}

.store-table td {
	width:33%;
}

.title-store {
	margin-bottom:0px;
	margin-top:10px;	
}

.title-store-cat {
	font-weight:bold;
	margin-bottom:0px;
	margin-top:10px;
}

.kalendarium-table {
	margin-bottom:5px;
}
.kalendarium-table td{
	vertical-align:bottom;
	padding-top:10px;
}
.kalendarium-table h4{
	text-transform:uppercase;
}



.shopnews-table td.post-image {
	width: 250px;
}
.shopnews-table td.post-category {
	vertical-align: top;
	text-align: right;
	padding-right: 25px;
}
.shopnews-table td {
	vertical-align:bottom;
}

.bloggare-table td.post-image {
	width: 300px;
}
.bloggare-table td.post-category {
	vertical-align: top;
	text-align: right;
	padding-right: 25px;
}
.bloggare-table td {
	vertical-align:bottom;
}




.greenH4 {
	color:#62807a;
	font-weight:bold;
	margin:0px;
}

.boldH4 {
	font-weight:bold;
}
.store-category h2 {
	margin: 0px;
}

.store-list {color: black; text-decoration: underline;}

.store-list a{}

.content {
	/*padding:28px;*/
	margin-top: 10px;
	width:666px;
	background-color: white;
}
.content h1 {
	font-size: 20px;
	margin: 0px;
}
.dressingroom-post {
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
	
}
.dressingroom-post .image-span {
	float:left;
	width:370px;
}
.dressingroom-post .sidetext {
	margin-top: 5px;
	font-size: 12px;
}
.dressingroom-post .entry {
	margin-top: 5px;
	font-size: 11px;
}
.dressingroom-post .heart-purple {
	margin-top:20px;
	height: 38px;
	background: url(../images/heart-purple.png) no-repeat;
}
.dressingroom-post .heart-purple .heart-content {
	width: 51px;
	color: white;
	text-align: center;
	margin-top: 8px;
}
.dressingroom-post .bold{
	font-weight:bold;
}
.dressingroom-post .uppercase{
	text-transform:uppercase;
}
.dressingroom-post h1{
	text-transform:uppercase;
}



.postmenu {
	background-color: #281729;
	height: 25px;
	width: 605px;
	margin-top: 0px;
}
.postmenu ul {
	padding: 0px;
	list-style: none;
	margin: 0px 0 0 5px;
}
.postmenu li {
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
	font-size: 11px;
	float: left;
	color: white;
	height: 25px;
	margin-right: 0px;
}
.postmenu ul li .symbol {
	background-repeat: no-repeat;
	background-position: top left;
	margin-right: 8px;
	display: block;
	height: 25px;
}
.postmenu ul li a.symbol:hover {
	background-position: 0px -25px;
}
.postmenu ul.align-me-right {
	float: right;
	margin-right:8px;
}
.postmenu ul.align-me-right li .symbol {
	margin-right: 0px;
	margin-left: 8px;
}
.postmenu .symbol-like {
	width: 29px;
	background-image: url(../images/symbols/like.png);
}
.postmenu .symbol-blogger {
	width: 23px;
	background-image: url(../images/symbols/blogger.png);
}
.postmenu .symbol-comment {
	width: 36px;
	background-image: url(../images/symbols/comment.png);
}
.postmenu .symbol-facebook {
	width: 22px;
	background-image: url(../images/symbols/facebook.png);
}
.postmenu .symbol-twitter {
	width: 24px;
	background-image: url(../images/symbols/twitter.png);
}
.postmenu .symbol-tip {
	width: 32px;
	background-image: url(../images/symbols/mail.png);
}
.postmenu .symbol-report {
	width: 18px;
	background-image: url(../images/symbols/report.png);
}
.postmenu .symbol-link {
	width: 30px;
	background-image: url(../images/symbols/link.png);
}
.postmenu .num-comments {
	line-height:25px;
	margin-left:-8px;
	margin-right:8px;
}


.content .comments {
	margin-left: 10px;
}
.content .comments .comment .name {
	float: left;
}
.content .comments .comment .date {
	float: left;
}
.content .comments .comment .text {
	color: #666666;
	margin-top: 10px;
}
.content .write-comment {
	background:#e1dee1;
	margin-left: 0px;
	padding: 20px;
	width:565px;
}
.content .tip-a-friend {
	background:#e1dee1;
	margin-left: 0px;
	padding: 20px;
	width:565px;
}
.content .form-style {
	background:#e1dee1;
	margin-left: 0px;
	padding: 20px;
	width:565px;
}
.content .tip-done {
	margin-left: 10px;
}
.content .form-sent {
	margin-left: 10px;
}

.static-content .separator,
.content .separator {
	background: url(../images/dottedlinelong.png) no-repeat;
	height: 1px;
}
.content .separator2 {
	
	background: url(../images/dottedline.png) no-repeat;
	height: 1px;
}

.content .shopnews-post {
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 18px;
	
	vertical-align:bottom;
}
.content .shopnews-post .description {
	
	vertical-align:bottom;
}

.content .shopnews-post .image {
	margin-bottom:10px;
}
.content .shopnews-post H4 {
	margin: 0px;
	font-size: 12px;
}
.content .shopnews-post H2 {
	font-size: 18px;
	margin: 0px;
	text-transform:uppercase;
	font-weight:bold;
}

.content .bloggare {
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 18px;
	vertical-align:bottom;
}
.content .bloggare H4 {
	margin: 0px;
	font-size: 12px;
}
.content .bloggare em {
	font-size: 12px;
}
.content .bloggare H2 {
	font-size: 18px;
	margin: 0px;
	text-transform:uppercase;
	font-weight:bold;
}
.text-under-pic {
	font-size:14px;
	margin-top:10px;
	width:600px;	
}

.anvandarvillkor {
	display:none;
}
.result {
	font-size:6px;
}

/* PAGER */
/*
.pagenum a {
	color:#000000; text-decoration: none;
}
.pagenum a:hover {
	color:#000000; text-decoration: underline;
}

.pagenum {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
.pagenum .active {
	text-decoration: underline;
}
*/

.pager {
	text-align: center;
	margin: 10px 0;
}
.pager .pager-item {
	background-color: #f0f0f0;
	border: 1px solid #e0e0e0;
	margin-left: 2px;
	padding: 6px 8px;
	line-height: 12px;
}
.pager .pager-item.current {
	background: #fff;
	border: 1px dashed #999;
}
/*.pager .pager-item.current:hover {
	background: #f0f0f0;
	border: 1px dashed #c0c0c0;
}
.pager .pager-item:hover {
	background-color: #e0e0e0;
	border: 1px solid #c0c0c0;
}*/





a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

a.tt:hover{ z-index:25; color: #aaaaff; }
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	position:absolute;
	display: block;
	margin-top:-30px;
	padding: 5px;
	width: 75px;
    background: url(../images/symbols/bubble2.png) no-repeat;
}

a.tt:hover span.middle{ 
	display: block;
	padding: 0 8px; 
	background: url(../images/symbols/bubble2.png) repeat bottom; 
}

a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background:  url(../images/symbols/bubble2.png) no-repeat bottom;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 0px;
	background-color: #eee;
	padding: 5px;
	width: 75px; padding: 5px; height: 22px;
	font: 8px Helvetica, Arial, sans-serif;
    text-align: left; 
    text-decoration: none;
	background: url(../images/symbols/bubble2.png) no-repeat;
}
#tooltip h3, #tooltip div { margin: 0; }

.postmenu span.link {
    	position: relative;
}
.postmenu span.link a span {
    	display: none;
}
.postmenu span.link a:hover {
    	font-size: 100%;
    	color: #000000;
}
.postmenu span.link a:hover span { 
   		display: block; 
    	position: absolute; 
    	margin-top: 28px; 
    	margin-left: -4px; 
	    width: 75px;
	    padding: 5px;
	    height: 22px;
    	z-index: 100; 
    	color: #000000; 
    	font: 10px "Arial", sans-serif;
    	text-align: left; 
    	text-decoration: none;
		background: url(../images/symbols/bubble2.png) no-repeat;
}




.sidebarlist {
	display: block;
	margin-bottom:10px;
}
.sidebarlist a {
/*	display: block;
	float: left;*/
	width: 97px;
	height: 107px;
	margin-left: 10px;
	margin-bottom: 10px;
}
.post-drawer {
	display: none;
	margin-bottom: 15px;
}


.recaptcha {
	margin-bottom: 1.5em;
}