/* 
Theme Name: kalcollections
Theme URI: http://kaleidoscopecollections.com/blogs/wp-content/themes/kalcollections
Description: Customized for Kalcollections from Caribou by Cyborg Savvant
Template: caribou-original
Version: 1.0
Author: Kaleidoscope Collections, LLC and Cyborg Savvant
Author URI: http://kaleidoscopecollections.com
Copyright (c) 2009 Kaleidoscope Collections, LLC
*/

/*
*
* Keep the above information intact.
*
*/
/* 
 Version info:
 1.0.6	:	Added wide-post scheme, added translation domain, changed the related posts code, fixed the image grabber, fixed some things in the commenting and moved commenting out to its own folder and changed the pause icon to be a little more obvious.
 1.0.5	:	Changed <? to <?php at one point. oops!
 1.0.4	:	Changed a few things to match up with the wp repository requirements. Removed my code for dealing with the logo file and used the WPs own and quite a few other subtle changes.
 1.0.3	:	Changed icons over to the Rinoa set from Creative 9 Design. http://www.c9-d.com/
			Changed this theme over to GPL license.
 1.0.2	:	Some minor fixes.
				No margin at the bottom of a P that was in comments.
				Slight logic problem in a posts theme options. Image choice wouldn't show if you hadn't created a section page.
				Missing comments section from a basic page now added.
 1.0.1	:	Removed PHP5 specific elements, should now work fine in PHP4.
 1.0	:	Initial release.
*/
/* Get base CSS - DO NOT CHANGE THIS */
/* Get base CSS - Don't Change This*/
@import url('../../../../css/navmain.css');
@import url('../../../../css/content.css');
/* @import url('../../../../css/text.css');*/
@import url('../../../../css/navsub6.css');
@import url('../caribou-original/style.css');
/********** OK TO CHANGE CSS FOR KALCOLLECTIONS FROM HERE DOWN -Anny ********/ 
body {
	background: url(none);
	background-color:#FFFFFF;
    text-align: center;
}
#header {
width:768px;
height:178px; /* 158 */
margin:0 auto 0;
}
#container {
text-align:left;
width: 768px;
background: url(../../../../images/shadow.gif) repeat-y;
border:0;
padding:0;
margin: 0 auto 0 auto;
}

#content {
width:724px; 
margin-left:12px;
padding: 10px;
background: url(none);
}
#posts {
width: 500px; /*500*/
}
/* Post side bar stuff */
.postSidebar {
	width: 500px; /* 140 */
	margin-left: 3px;
	clear: both;
}	
#sidebar{
margin-left:524px;
width:200px;
}
#sidebar120{
width: 200px;
}
.postExcerpt img {
	margin: 0px, 5px, 0px, 5px;
}

.widget_search {
	margin-bottom: 0;
}
/* Searchform used on main Search page */
#searchform,
.searchForm {
	width:300px;
	height:50px;
	background: url(images/search300.gif) no-repeat left top transparent;
	position:relative;
}

#searchform #s,
.searchForm .search_input{
	background-color: transparent;
	border: none 0;
	width: 204px; /* with of search input text field */
	position: relative;
	left: 5px;
	top: 4px;
	color: #999;
	padding: 3px 5px 3px 5px;
}

#searchform #s.focused,
.searchForm .focused {
	color: #000;
}

#searchform .submit,
.searchForm .submit {
	position: absolute;
	right: 4px;
	bottom: 24px;
	width: 72px; /* width of search button */
	text-align: left;
	padding-left: 3px;
	overflow: visible;
	height: 22px;
	background-color: transparent;
	border: none 0;
	cursor: pointer;
}

.widget160 #searchform,
.widget160 .searchForm {
	width:200px; /* was 160 */
	height:75px;
	background:url(images/search200.gif) no-repeat left top transparent;
}
.widget160 #searchform #s,
.widget160 .searchForm .search_input{
	width: 180px /* was 140 */
}

.widget120 #searchform,
.widget120 .searchForm {
	width:200px; /* was 120 */
	height:75px;
	background:url(images/search200.gif) no-repeat left top transparent;
}
.widget120 #searchform #s,
.widget120 .searchForm .search_input{
	width: 180px
}

#searchform .errorMessage,
.searchForm .errorMessage {
	position:absolute;
	top:6px;
	left:10px;
	height: 1.25em;
	line-height:1.25em;
	background:url(images/search300.gif) no-repeat -10px -6px #E6E6E6;
	width:100px;
	/*display:none;*/
	z-Index:2;
	color: #900;
}
#footer {
background-color: #691a56;
color: #ffffff;
width: 704px;
margin-left: 12px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
-webkit-border-radius: 0px;
}
#footer a {
color: #eeeeee;
}
.single .post {
	width: 500px;
}
p.wp-caption-text{
	padding:1em .5em 2em .5em;  /* This fixes the caption clip problem Jeanie was seeing */
}
/*
#searchform,
.searchForm {
	width:200px;
	height:55px;
	background: url(images/search300.gif) no-repeat left top transparent;
	position:relative;
}

#searchform #s,
.searchForm .search_input{
	background-color: transparent;
	border: none 0;
	width: 204px; 
	position: relative;
	left: 5px;
	top: 4px;
	color: #999;
	padding: 3px 5px 3px 5px;
}

#searchform #s.focused,
.searchForm .focused {
	color: #000;
}

#searchform .submit,
.searchForm .submit {
	position: absolute;
	right: 4px;
	bottom: 24px;
	width: 72px;
	text-align: left;
	padding-left: 3px;
	overflow: visible;
	height: 22px;
	background-color: transparent;
	border: none 0;
	cursor: pointer;
}
*/

/*Counteract the extra 3px that show up on IE6 floats*/
.ie6 .postSidebar {margin-left: 0px; width: 490px; } 
.ie6 .single .post {width: 490px; }
.ie6 #posts {width: 490px;/*500*/} 
.ie6 #sidebar{margin-left:500px; width:200px;}
.ie6 .widget li a {width:95%}
.ie6 #footer {width: 744px;}
      
.ie7 .postSidebar {margin-left: 0px; width: 490px; } 
.ie7 .single .post {width: 490px; }
.ie7 #posts {width: 490px;/*500*/} 
.ie7 #sidebar{margin-left:500px; width:200px;}
.ie7 .widget li a {width:95%}
.ie7 #footer {width: 744px;}

/* Header definitions -- Ok to edit Jeanie! */
h1,h2,h3,h4,h5,h6,.title,.archiveTitle,.commentTitle {
	font-weight: normal;
	font-family: georgia,serif;
	line-height: 1.5em;
	margin-bottom: 10px;
}
h1{font-size:24px}
h4{font-size:22px; margin-bottom: 5px}

/* Jeanie's additional text styles */
.menuitem {
	font-weight: bold;
	font-family: courier new, courier,monotype;
        font-size: 115%;
}

.emphasis {
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
        font-size: 115%;
}