/*
Theme Name: Blue Clean
Description: Ideal for a company website. Valid XHTML 1.0 Strict and CSS.  Both the menu and submenu have rollovers - the submenu only displays when viewing the parent page.  To change the header image, simply replace "header.jpg" with an image of your choice - 896px by 140px.
Version: 1.201
Author: Joey Robinson
Author URI: http://www.techdesigns.co.uk
Latest updated: 5th October 2009
Tags: two-columns, white, blue, fixed-width, right-sidebar
*/

@import url(font.css);
@import url(s3.css);

html, body{ margin:0px; padding:0; font-family: "trebuchet ms",arial,serif;} 

a { color: inherit;	text-decoration: inherit;}
a { color: expression(this.parentNode.currentStyle.color); text-decoration: expression(this.parentNode.currentStyle.textDecoration); }

img { border: none; }

#pagewidth{ width:972px; text-align:left; margin-left:auto; margin-right:auto; margin-bottom: -20px; } 

#page{ width:972px; text-align:left; margin-left:auto; margin-right:auto;} 

#header{ height:160px; color:#666; clear: both; } 
	#header h1{ float:left; margin:52px 0px 0px 22px; padding:0px;font-weight:normal; color:#666; font-size:24px; } 
	#header h1 a{ text-decoration:none;}
	#header h1 a:hover{color:#d19fc4; text-decoration:none;}
	#header h2{ float:right; margin:56px 22px 0px 0px; padding:0px;font-weight:normal; color:#666; font-size:18px; } 

.blogg-header{
        height:250px;
	background:url(http://www.mammaglad.com/wp-content/gallery/mamma-glad-bloggen/sidhuvudbloggnyrubrik.png);
 }

#logo {
	float: left;	
}
#shoppingcart {
	float:right;
	font-size:0.75em;
	position:relative;
	top:70px;
	width:293px;
}
	#shoppingcart img {
		
	}
	#shoppingcart span {
		
	}
	
#menu,#submenu { color: #666; font-family: "trebuchet ms",arial,serif; }	
#menu{ font-size: 14px; text-transform: uppercase; font-weight: bold; margin: 33px 0 8px 0; } 

#wrapper { clear: both; background: #fff url(/wp-content/themes/blue-clean/img/cnt-side.gif) repeat-y; }
	#wrapper.frontpage { background: none; }
	
#spotwrap {
	font-size: 13px;
	line-height: 21px;
	margin-top: 20px;
}
	#spotwrap .spot {
		background: #ddb7d3; color: #fff;
		width: 264px; height: 140px;
		padding: 20px;	margin-right: 30px;
		float: left;
	}
		#spotwrap .spot h2 { font-family: "Augie", "Trebuchet MS", sans-serif; font-size: 19px; margin: 0 0 10px 0; }
		#spotwrap .spot ul,
		#spotwrap .spot li { margin: 0; padding: 0; list-style-type: none; }
		
		
#tabs { line-height:normal; height: 36px;clear:both; overflow:hidden;}
#tabs ul { margin:0; padding:0px 0px 0px 0px; list-style:none;float:left;height: 42px;}
#tabs li { display:inline; margin:0; padding:0; height: 36px;}
#tabs a { float:left; text-decoration:none; padding: 0 0 0 51px ;}
	#tabs a span { float:left; display:block;padding:10px 0; }
	 /* Commented Backslash Hack hides rule from IE5-Mac \*/
	#tabs a span {float:none;}
	 /* End IE5-Mac hack */
	#tabs a:hover span { color: #d19fc4; }
	#tabs a:hover {  }
	#tabs a:hover span { color: #d19fc4; }
#tabs .current_page_item a {  }
#tabs .current_page_item a span { color: #d19fc4; }
#tabs .current_page_parent a span { color: #d19fc4; }

 
#sidecol {
	color:#666666;
	float:right;
	font-size:12px;
	line-height:1.1em;
	margin-right:3px;
	padding:0 12px;
	text-align:left;
	width:250px; background-color:#d5d4d4; margin:3px
}
	#sidecol h2{ font-weight:bold; font-size:14px;}
	#sidecol h2 a{  font-weight:bold; font-size:14px; text-decoration:none;}
	#sidecol h2 a:hover{ font-weight:bold; color:#d19fc4; font-size:14px; text-decoration:none;} 
	#sidecol a{  }
	#sidecol a:hover{ color:#d19fc4; text-decoration: none; }
	
	
	#sidecol ul {padding: 5px 0px 5px 0px; margin: 0px 0px 0px 0px;list-style: none; width:230px; clear:left; }
	#sidecol ul li{margin: 0px 0px 0px 0px; display: block; }
	#sidecol ul li a{ width: 200px; display: block;padding: 4px 5px 6px 25px; text-decoration:none; font-size:13px; margin: 0px 0px 0px 0px; vertical-align: bottom;}
	#sidecol ul li a:hover{ padding: 4px 5px 6px 25px; width: 200px;text-decoration:none; color:#d19fc4; }
	#sidecol ul li ul {padding: 1px 0px 1px 0px; margin: 0px 0px 0px 0px;list-style: none; clear:left; }
	#sidecol ul li ul li{margin: 0px 0px 0px 0px; display: block; }
	#sidecol ul li ul li a{ width: 190px; display: block; padding: 4px 5px 6px 25px; text-decoration:none; font-size:13px; margin: 0px 0px 0px 0px; vertical-align: bottom;}
	#sidecol ul li ul li a:hover{ padding: 4px 5px 6px 25px; width: 190px; text-decoration:none; color:#d19fc4; }
	#sidecol ul li ul li ul {padding: 1px 0px 1px 0px; margin: 0px 0px 0px 0px;list-style: none; clear:left; }
	#sidecol ul li ul li ul li{margin: 0px 0px 0px 0px; display: block; }
	#sidecol ul li ul li ul li a{ width: 180px; display: block; padding: 4px 5px 6px 25px; text-decoration:none; font-size:13px; margin: 0px 0px 0px 0px; vertical-align: bottom;}
	#sidecol ul li ul li ul li a:hover{ padding: 4px 5px 6px 25px; width: 180px; text-decoration:none; color:#d19fc4; }

#recentcomments {list-style: none; clear:left; padding: 5px 0px 5px 0px; width:230px; clear:left;}
ul#recentcomments {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;list-style: none; clear:both;}
ul#recentcomments li{margin: 0px 0px 0px 0px; display: block; padding: 4px 5px 6px 25px; width: 200px;}
ul#recentcomments li a{ display: block;  text-decoration:none;font-size:13px; margin: 0px 0px 0px 0px; vertical-align: bottom;}
ul#recentcomments li a:hover{ padding: 4px 5px 6px 27px; width: 198px; text-decoration:none; color:#d19fc4; }

#btmcol { width: 972px; height: 3px; background: url(/wp-content/themes/blue-clean/img/cnt-btm.gif) repeat-x; }
	#btmcol .bf { height:3px;width:3px; }
		#btmcol .bf.l { background:#fff url(img/cnt-bl.gif) no-repeat scroll 0 0; float: left; }
		#btmcol .bf.r { background:#fff url(img/cnt-br.gif) no-repeat scroll 0 0; float: right; }

table#calendar_wrap {width:230px; overflow:hidden;clear:both; }

#wp-calendar{font-size: 13px; text-decoration:none; color:#666;  clear:both;width:210px; margin: 6px auto 6px auto; padding: 0px 10px 0px 10px;}
#wp-calendar a{font-size: 13px; text-decoration:none;}
#wp-calendar a:hover{font-size: 13px; text-decoration:none; color:#d19fc4;}

#submenu { color: #666; width: 972px; background: transparent url(/wp-content/themes/blue-clean/img/cnt-top.gif) repeat-x bottom; font-size: 14px; text-transform: uppercase; font-weight: bold; } 
	ul#submenunav { margin: 0px; padding: 0px; list-style-type: none; white-space: nowrap;height: 32px;}
	ul#submenunav li { float: left; display:block; height:32px; line-height:35px; background: #fff; }
	ul#submenunav li a, ul#submenunav li a:link { margin: 0; padding: 0 15px 0 0; border: 0px; text-decoration: none;}
	ul#submenunav li#active { }
	#submenunav a:hover { color: #d19fc4;} 
	ul#submenunav li ul{ margin: 12px 0px 0px 0px; padding: 0px; list-style-type: none; white-space: nowrap;height: 36px; }
	ul#submenunav li ul li { float: left; display:block;font-size: 13px; margin: 0; padding: 10px 0px 10px 0px;border: 0px;height:16px; }
	ul#submenunav li.current_page_item a { color: #d19fc4; }

	#submenu .bf { height:3px;width:3px; }
		#submenu .bf.l { background:#fff url(img/cnt-tl.gif) no-repeat scroll 0 0; float: left; }
		#submenu .bf.r { background:#fff url(img/cnt-tr.gif) no-repeat scroll 0 0; float: right; }
	
#content {
	clear:both;
	color:#666666;
	background: #fff;
	font-size:13px;
	margin-left: 3px; margin-right: 3px;
	overflow-x:hidden;
	padding:30px 30px 0 30px;
}
#content h1{ font-size: 22px; font-weight:normal; margin: 0 0 25px 0; clear:both;}
	#content h1 a{ color:#666;font-size: 22px; font-weight:normal;padding: 0px 0px 0px 0px; margin: 0px; text-decoration:none;}
	#content h1 a:hover{ color:#d19fc4;font-size: 22px; font-weight:normal; padding: 0px 0px 0px 0px; margin: 0px; text-decoration:none;}
#content h2{ color:#666;font-size: 18px; font-weight:normal; padding: 0px 0px 0px 0px; margin: 0px; clear:both;}
	#content h2 a{ color:#666;font-size: 18px; font-weight:normal;padding: 0px 0px 0px 0px; margin: 0px; text-decoration:none;}
	#content h2 a:hover{ color:#d19fc4;font-size: 18px; font-weight:normal; padding: 0px 0px 0px 0px; margin: 0px; text-decoration:none;}
#content p{  line-height:1.7em;}
#content a{ }
#content a:hover{ color:#d19fc4; text-decoration:none;}
#content ul{ font-size: 13px; line-height:1.7em;}
#content ol{ font-size: 13px; line-height:1.7em;}

#content div.selectedarticle {
	letter-spacing: 2px; text-transform: uppercase;
	font-family: "Eurof","trebuchet ms"; text-decoration:none;
	height: 120px;
}
#content div.selectedarticle a:hover { color: inherit }
	#content div.selectedarticle.big { color: #fff; font-size: 25px; padding: 40px; }
		#content div.selectedarticle.big span { font-size: 19px; }
	#content div.selectedarticle.small { font-size: 19px; font-weight: bold; padding:5%; width: 38%; border: 2px solid #d19fc4; }
		#content div.selectedarticle.small span{ font-size: 14px; font-weight: normal; }

blockquote { margin:20px; padding:8px 8px 8px 15px;}
blockquote p {background-color:inherit; color:#505050; font-size:0.9em; line-height:1.3em;}
label {background-color:inherit; color:#606060; font-size:0.9em; font-weight:bold;}
table#wp-calendar {margin:0 0 20px; width:140px;}
code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; margin:5px 0 15px 0;}




#s,#submit {background-color:#ffffff; border:1px solid #cccccc; color:#505050; font-size:0.9em; margin:0 0 16px; padding:4px; width:130px;}
#author,#email,#url,#comment {border:1px solid #cccccc;font-size:1em; margin:0; padding:4px;}
#commentsection {margin:25px 0 0;}
#commentsection p {margin:0 0 6px;}

img.centered {display:block; margin-left:auto; margin-right:auto;}
img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;}
img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline;}
.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.alignright {float:right;}
.alignleft {float:left;}

.divider{height: 25px; clear: both;}
.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}
.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}
.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.bold {font-weight:bold;}
.hide {display:none;}
.post {margin:0px;}
.postinfo { color:#DCA3C7; font-size:0.9em; font-weight:bold; line-height:1.5em; margin:0px; padding:8px 0px 8px 0px;}
.comment { color:#0099CC; margin:0 0 10px; padding:2px 5px 0px 8px;font-size:12px; color:#666;}
.commenticon {font-size:12px; font-weight:bold; color:#666;}
.commenttext {font-size:12px; color:#666; font-weight:normal;}
.comment p {line-height:1.7em; margin:0px; padding-bottom:2px;}
.gravatarside {float:right; width:48px; height:48px; margin:0px 5px 5px 5px;}
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img { margin: 0; padding: 0; border: 0 none;}
.wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

#postinfotext{font-size:12px; color:#DCA3C7;}

#footer{ width: 972px; overflow-x:hidden; margin: 0 auto; color: #666; padding: 25px 0;} 
#footer a{ color: #666;text-decoration:none;} 
#footer a:hover{ color: #d19fc4;} 

#footertext {font-size: 9px; text-decoration:none; text-align: center; } 
#footertext a{ color: #666;text-decoration:none;} 
#footertext a:hover{ color: #d19fc4;} 


 
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols {width:100%; float:none;}
}