/*
Theme Name: compact-living.com
Theme URI: http://www.aldamus.se
Description: Wordpresstema (dvs sajtens design) för compact-living.com. OBSERVERA att detta är ett så kallat "child theme" till temat Hybrid. Sajten är beroende av att temat Hybrid är installerat men att detta compact-living-tema är det aktiverade temat.
Version: 1.2
Author: Henrik Almén
Author URI: http://aldamus.se
Tags: aldamus, compact-living
Template: hybrid

Version history:
1.09 adds edit buttons to posts and space for one extra category (sängskåp)
1.1 removes comments but adds contact form om single pages instead (it turned out that users tend to use the comment form as contact form anyways...)
	edit-button on front page is also added (for logged in users with page edit rights)
1.2 Adds theme options for administration of site's front page
*/

/* Tips:
	http://www.giantisland.com/Resources/LitePacificHackforSafariAndIE7.aspx
*/

/* Get base 21px CSS */
@import url('../hybrid/library/css/18px.css');

/* Get a layout CSS */
@import url('../hybrid/library/css/2c-l-fixed.css');

/* Get the plugins CSS */
@import url('../hybrid/library/css/plugins.css');

/* Get the drop-downs CSS */
@import url('../hybrid/library/css/drop-downs.css');

/* Get default Hybrid CSS */
@import url('../hybrid/library/css/screen.css');


/* Make sure theme clears WP.org theme repository checklist */

.alignright {}
.alignleft {}
.alignnone {}
.aligncenter {}
.avatar {}
.wp-caption {}
.gallery {}
.wp-smiley {}
 
#titleLogo a {font-size:0em;text-indent:-1000em;background: transparent url(img/compact-living-logo.gif) no-repeat scroll 0 0;width:412px;height:36px;display:block;}

#body-container {
	/*ändra här om sajten ska ligga till vänster i stället för i mitten*/
	}

#body-container{
	margin: 50px auto 0px auto; /*hybrid original: margin: 90px auto 21px auto; - ändra här om sajten ska ligga till vänster i stället*/
	width:1030px; /*980*/
	border:0px solid red;
	}

body {background-color: #fff;
	margin-top:10px;
	/*font: normal normal normal 13px/19px Georgia, Times, "Times New Roman", serif;*/
	font: normal normal normal 12px/17px arial, verdana, sans-serif;
	color: #333;
	}

#header{height:40px} /*H*/
#header-container{
	/*huvudet med logga och sökruta*/
	margin-top:0px;
	position: absolute; top: 8px;
	height:40px;
	width:1030px;/*960*/
	border:0px solid green;
	
}
#searchHeader{float:right;margin-top:8px;margin-right:4px;}
#searchHeader .button {display:none;}
.search-text {
	width:150px;
	font-family:arial,verdana,sans-serif;
	font-size:11px;
	border: 1px inset #3D8EDA;
	}

#container {border:0px solid green;width:auto;padding:0px;}

.content {
	width: 755px!important; /*580*/
	margin: 0 0 0 0; /*0 0 21px 0*/
	padding:6px 0px 5px 5px;
	border:0px solid blue;
	}

.archive .hentry {
    /*arkivsidor, lägger arkiv i rutnät i stället för på rad*/
    border:0px solid #e0e0e0;
    width:310px;margin:0 10px 0 0;
    display:inline-block;
    padding-bottom:0px;
    vertical-align:top;
    }
.archive-description{border-bottom:1px dashed black;width:680px;}
.archive-info{padding:13px 5px 0 10px; margin-bottom:20px;}
.archive img {margin-top:0px;}
.archive .entry-summary div {margin-top:-20px;} /*läs-mer-länk i arkiv*/


/*H1 och H2 utan klasser används i Page (inkl no-widget)*/
H1 {font-family:arial,verdana,sans-serif;font-size:22px;font-weight:bold;color:#121;margin-bottom:10px;}
H2 {line-height:1em;font-family:arial,verdana,sans-serif;font-size:18px;font-weight:normal;color:#121;margin-bottom:4px;margin-top:25px;}
H3 {line-height:1.5em;margin-bottom:0px;margin-top:0px;font-size:13px;line-height:14px;margin-bottom:2px;font-family:arial,verdana,sans-serif;color:#DB1E84;} 
H4 {line-height:1.5em;margin-bottom:0px;margin-top:0px;font-size:13px;line-height:14px;margin-bottom:2px;font-family:arial,verdana,sans-serif;color:#3D8EDA;} 
H5 {line-height:1.5em;margin-bottom:0px;margin-top:0px;font-size:11px;font-family:arial,verdana,sans-serif;color:#DB1E84;} 
H6 {line-height:1.5em;margin-bottom:0px;margin-top:0px;font-size:11px;font-family:arial,verdana,sans-serif;color:#3D8EDA;} 

H2.entry-title{font-style:normal;} /*inläggsrubriker på arkivsidor*/

#startsidan H1 {color:#DB1E84;font-style:italic;font-size:48px;line-height:40px;font-weight:normal;}
#startsidan H2 {margin:-5px 0 20px 0;font-style:italic;font-size:25px;line-height:40px;font-weight:normal;}
#startsidan H3 {margin-bottom:-5px;font-style:italic;font-size:18px;line-height:40px;font-weight:bold;color:#DB1E84;}
#startsidan {font-size:16px;}

#startsidan HR {border: none 0;border-top: 1px dashed #000;height: 1px;} 
#startsidan td img {margin-bottom:5px;}

#startsidetabell-1 {border:0 0 1px 0;border-style:dashed;width:100%!important;margin-bottom:50px;}
#startsidetabell-2{border:0px solid red;width:100%!important;}
#startsidetabell-2 A {display:block; /*utan denna rad blir det fel i IE8 med den nedre startsidetabellen OM det är så att någon av bilderna inte är en länk*/} 
#startsidetabell-1 td {border:0px solid blue;padding:10px;width:33%!important;font-size:11px;line-height:12px;text-align:justify;}
#OLDstartsidetabell-2 td {border:0px solid blue;padding:0px;width:25%!important;}
#startsidetabell-2 td {border:0px solid blue;padding:10px;width:33%!important;font-size:11px;line-height:12px;text-align:center;}

#startsidetabell-1 A {color:black;text-decoration:none;}
#OLDstartsidetabell-2 A {color:black;text-decoration:none;}
#startsidetabell-2 A {color:black;text-decoration:none;}

#startsidan.content{border:0px solid red;padding:0px;margin-bottom:-40px;}


/*kontaktformulär från wp contact form 7, bredd krävs på textarea annars spiller den över marginalerna*/
.wpcf7 textarea{width:80%;height:180px;overflow:auto;}
.wpcf7 .contact-form-posts-textarea {width:490px;height:80px;overflow:auto;}
	
.gallery{border:0px solid blue;padding:20px;color:red;}
.gallery-container{clear:both;width:auto;padding:10px 0 0 0;margin:10px auto 0 auto;border:0px solid red;text-align:center;}
.gallery-item{float:left;margin-right:20px;}

.hentry LI {font-size:11px;font-family:sans-serif;line-height:14px;margin-bottom:5px;}
IMG.wp-smiley {border:0px;margin-bottom:-5px;}
TD {vertical-align:text-top;}

.comment-edit-link A {color:#b31;font-weight:bold;font-style:none;border:1px solid #f99;padding:2px;background-color:#FCC;letter-spacing:0em;}
.post-edit-link {border:1px solid red;display:inline;float:right;
color:#b31;font-weight:bold;font-style:none;border:1px solid #f99;padding:2px;background-color:#FCC;letter-spacing:0em;
}
.archive .post-edit-link{display:none;}

.more-link{display:block;margin-top:20px;border:0px;width:100%;}

.category-title, .tag-title {text-transform:capitalize;}
	
.single-title, .attachment-title, .page-title, .series-title, .related-title, .home .entry-title, .blog .entry-title, 
.author-title, .date-title, .search-title, .page-template-blog , .post-title  {
	margin: 0 0 -1px 0; /*med byline passar det, inte utan byline*/
	padding: 0 6px 10px 3px;
	border-bottom: 1px dashed #666;width:100%;
	/*font: normal normal normal 18px/26px arial, verdana, sans-serif;*/
	font: normal normal bold 22px/26px arial, verdana, sans-serif;
	
	
	}
.entry-title, .series-title, .related-title {
	margin: 0 0 -1px 0; /*med byline passar det, inte utan byline*/
	margin: 0 0 20px 0;
	}

.entry-title A:hover{text-decoration:none;}	

.entry-summary {margin-top:10px;}

.page-title {
    border:0px;
    margin: 0 0 -1px 0;
    padding: 0 6px 10px 0px;
    }
.entry-meta.post-meta-data {
	margin-bottom:-3px;
	}
	
.byline {	display:none;	}


table, td, tr {border:0px solid black;}
	
.aside {padding:15px;background-color:#ecfbec;border:0px solid #e2e2e2;}
.hentry, .aside {border:0px solid #e2e2e2;margin-bottom:15px;padding:10px;background-color:#fff; /*bakgrundsfärg på huvudinnehåll*/}
.breadcrumb { display:none;}


	
/* Navigation */
	


.no-widgets .content, .page-template-no-widgets .content {
	width: 700px; /* 960 minus bredden på menyn (258px i bilden) minus ytterligare två pixlar*/
	}

	
#navigation {
	/*vänstra kolumnen från bilden på kvinnan och ner till och med garantirutan*/
	border:0px solid red;
	overflow: visible;z-index: 100; 
	float:left; 
	height:auto;width:258px!important;
	padding:0 0 0 0;margin:0 0 0 0;
	background: transparent url(img/phonegirl.gif) no-repeat scroll 0 0;
}
#page-nav {margin-top:314px;background-color:white;}
#page-nav ul {margin:0 0 0 0;padding-left:0px;list-style:none;line-height: 1;}
#page-nav li{ /*menyknapparna*/
	color: #111;
	border:0px solid blue;
	height:auto; width:auto;
	margin:0px 0px 0px 0px;
	}
	
#page-nav li a{ /*sidmenyknapparna*/
	padding: 6px 0px 0 1em;
	border:0px solid black;
	height:20px; 
	width:246px!important; /*IE accepterar auto och det blir helt rätt, men FF måste ha en vidd vilket då ger fel i IE... 246px blir rätt i båda, trots att det egentligen borde vara 258px...*/
	margin:0 0 3px 0; /*avståndet mellan knapparna*/
	background-image:url(img/page-nav-bg.gif);background-repeat:no-repeat;background-position: 0 0;
	font-weight:bold;font-family:verdana;font-size:12px;
	text-decoration:none;
	text-shadow: 0px 0px 3px white, 2px 2px 3px white, -2px -2px 3px white, -2px 2px 3px white;		
	}
#page-nav a:hover{ xtext-decoration:underline;
	text-shadow: -2px -2px 20px #FdFdFd, -2px 2px 3px white;		
}

#page-nav .current_page_item A {color:#DB1E84;}

	
	
/*under sidnavigeringen*/
	#around-page-nav {border:0px solid red;background-color:white;height:auto;margin-bottom:0px;}
	#tipsaenvan {
	background: #e2e2e2 url(img/round-top-gray.gif) no-repeat scroll 0 0;border:0;
	padding:3px 5px 0 12px;
	font: normal normal normal 12px/20px arial, verdana, sans-serif;
	margin-bottom:2px;
	height:60px;padding-top:10px;padding-bottom:5px;
	display:block;
	}

	#last-leftbar-box {
		background: #e2e2e2 url(img/round-bottom-gray.gif) no-repeat scroll 0px bottom;
		border:0;
		padding:10px 5px 0px 12px; /*nedre padding blir fel i firefox om man försöker styra den till mer än noll.*/
		font: normal normal normal 12px/20px arial, verdana, sans-serif;
		height:auto; /*120*/
		margin-bottom:0px;
		}
	#last-leftbar-box h5 {font-size:13px;margin-top:0px;}	
	#last-leftbar-box img {border:0px;display:inline-block;float:left;}	


#categorynavigation {
	border:0px solid blue;padding:0 0 0 0;margin:0 0 0 0;height:39px!important;width:auto;
	}
#categorynavigation a {
	font-family:arial; font-size:12px; font-weight:bold; color:white; text-decoration:none;background-color:transparent;padding:0.65em 5px 0.66em 5px;
	}
#categorynavigation .homebutton {
	display:inline-block;
	width:259px!important;height:39px!important;
	background:transparent url(img/nav-top.gif) no-repeat scroll 0 0;
	float:left;
	}
	

#categorynavigation .homebutton:hover {
	/*det mesta av koden här behövs specifikt för IE och för andra browsers skadar det inte.*/
	background:transparent url(img/nav-top-red.gif) no-repeat scroll 0 0;
	display:inline;width:259px!important;height:39px!important;
	position:relative;float:left;
	border:0px solid green;padding:0;margin:0;
	}

#categorynavigation img {vertical-align:middle;border:0;}

#categorynavigation ul {display:inline-block;border:0px solid red;padding:0;margin:0;margin-left:0px;text-align:center;background:white;}

#categorynavigation li {padding:0.8em 0 0.9em 0;margin-left:2px;background-color:#666;color:white;display:inline-block;
	width:94px; /*bredd på varje knapp (106 innan tillägg av sängskåp)*/
	float:left;}
#categorynavigation li:hover{background-color:#DB1E84;text-decoration:none;}
#categorynavigation li.current-cat{background-color:#DB1E84;}


		
/*
<div id="page-nav" class="page-nav">
<ul class="menu sf-menu">
<li class="current_page_item">
<li class="page_item page-item-2">
*/
	
	
	
	

/*text i sidfot via widget */
	#utility-after-footer {padding-left:auto;padding-right:auto;border:0px solid green;text-align:center;float:middle;}	
	#utility-after-footer div.widget-inside	{margin-left:auto;margin-right:auto;width:950px;border-top:1px dashed #666;}
	#utility-after-footer, #utility-after-footer a{
	width:100%;xborder-top:1px dashed #666;font-family:arial,verdana,sans-serif;font-size:11px;text-align:center;text-decoration:none;
	}
	#utility-after-footer .widget-title {display:none;}

	
/*************************************************************************/

/* Comments template */
#comments-template {
	clear: both;
	/*margin:100px; 10% 0 10%;*/
	margin: 00px 100px 0 100px;
	width:auto;
	border:0px solid black;
	padding:0;
	}

#respond {
	clear: both;
	padding:20px;
	border:1px solid #db1e84;
	}

.form-author {border:0px solid green;width:47%; float:left;}	
	
.form-email {border:0px solid green;width:47%; float:right;}	
	
.form-url {border:0px solid red;width:100%; clear:both;}	

#respond input {display:inline;}	/*krävs för IE6 och 7, skadar inte för övriga*/
#respond label {display:block;}	/*krävs för IE6 och 7, skadar inte för övriga*/
	
/* Form */
.text-input {
	display: block;
	padding: 0px 0px;
	width: 100%;
	}
#comments-template label {
	font-size: .9em;
	}

/* Respond textarea */
textarea {
	width:100%;
	height:100px;
	}

	/* Submit and rest buttons */
.button, .submit, .reset , .wpcf7-submit{
	width: 90px;
	height:30px;
	margin-top:-10px;
	margin-right: 15px;
	padding: 0;
	background: #bbb;
	border: 3px outset #ccc;
	font-family:arial, verdana;font-weight:bold;
	
	}

.button:hover, .submit:hover, .reset:hover {
	cursor: pointer;
	background: #ddd;
	}		
.button:active, .submit:active, .reset:active {
	cursor: pointer;
	border: 3px inset #999;
	background:#aaa;
	}		
	
#respond #reset {display:none;} /*knappen för att återställa formuläret är mest förvirrande...*/
.permalink {display:none;}	

.singular-attachment #comments-template{display:none;}

/* Comment headers */
.comments-header {
	font-size: 1.2em;
	}

/* Comments are closed */
.comments-closed {
	font-style: italic;
	}

/* Comment list */
#comments-template ol {
	list-style: none;
	margin: 0 0 21px 0;
	}
#comments li, #comments li li li, #comments li li li li li {
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 5px 15px 0 15px;
	background: #fafafa;
	border:0px;
	border: 1px dashed #e0e0e0;
	}
#comments li li, #comments li li li li {
	background: #f9f9f9;
	}

/* Avatar */
#comments-template .avatar {
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 15px;
	padding: 0;
	border: 1px solid #666;
	}

/* Comment metadata */
.comment-meta {
	margin: 10px 0 10px 0;
	font-size: 10px;
	color: #666;
	border-bottom:1px solid #e0e0e0;
	}
.comment-author {
	font-size: 12px;
	color: #000;
	float:left;
	margin-right:10px;
	}
.comment-reply-link, .permalink, .comment-edit-link {
	font-style: italic;
	color: #666;
	}

/* Comment text */
.comment-text {
	clear: left;
	margin: 0 15px;
	}

.bypostauthor .comment-author{font-weight:bold;color:green;}

.user-admin .form-author {display:none;}
.entry-meta, .post-meta-data {display:none;}

/*länkar längst ned för att bläddra till nästa/föregående post. Som standard är det dock inte inom kategorin. Döljer dessa så länge...*/
.navigation-links {margin-top:20px;margin-bottom:20px;font-size:12px;font-family:arial,verdana,sans-serif;font-style:normal;display:normal;}

#footer {display:none;}
#footer .copyright{display:none;}
#footer .credit {display:none;}


.content LI {font-size:12px;line-height:15px;}