/* --- Kareo Blog
-------------------------------------------------------*/

* { margin: 0; padding: 0; }

body{
	font-family: "Trebuchet MS", Verdana, Sans-Serif;
	font-size: 12px;
	line-height: 16px;
	color: #4d4d4d;
	background: #f4f7f7 url(http://kareo.typepad.com/_images/redesign/bg.gif) repeat-x;
	}

img {
	vertical-align: bottom;
	border: 0;
	}

fieldset { border: 0; }

hr { display: none; }

a { text-decoration: none; outline: none; }
a:link { color: #145995; }
a:visited { color: #145995; }
a:hover { color: #145995; }
a:active {  }



/* --- Structure
-------------------------------------------------------*/

#container {
	width: 757px;
	margin: 25px auto 0;
	}



-------------------------------------------------------*/

* { margin: 0; padding: 0; }

body{
	font-family: "Trebuchet MS", Verdana, Sans-Serif;
	font-size: 12px;
	line-height: 16px;
	color: #4d4d4d;
	background: #f4f7f7 url(http://kareo.typepad.com/_images/redesign/bg.gif) repeat-x;
	}

img {
	vertical-align: bottom;
	border: 0;
	}

fieldset { border: 0; }

hr { display: none; }

a { text-decoration: none; outline: none; }
a:link { color: #145995; }
a:visited { color: #145995; }
a:hover { color: #145995; }
a:active {  }



/* --- Structure
-------------------------------------------------------*/

#container {
	width: 757px;
	margin: 25px auto 0;
	}



/* --- Header
-------------------------------------------------------*/

#header {
	position: relative;
	z-index: 2;
	width: 757px;
	height: 107px;
	margin-bottom: 10px;
	background: url(http://kareo.typepad.com/_images/blog/header_bg.gif) no-repeat 633px 9px;
	}
	
	#header a {
		border: 0;
		}

	/* --- | Logo | --- */

	h1.logo {
		position: absolute;
		left: 2px;
		top: 3px;
		width: 373px;
		height: 44px;
		background: url(http://kareo.typepad.com/_images/blog/logo.gif) no-repeat;
		}

		h1.logo a {
			text-indent: -9999px;
			display: block;
			height: 44px;
			}

	/* --- | User Navigation | --- */
	
	#user_navigation_normal {
		position: absolute;
		right: 135px;
		top: 20px;
		height: 6px;
		}
		
		#user_navigation_normal li {
			list-style: none;
			position: absolute;
			}
			
			#user_navigation_normal li a {
				line-height: 0;
				text-indent: -9999px;
				display: block;
				height: 6px;
				}
				
				#user_navigation_normal li a:hover {
					background: none;
					}
	
	#user_navigation_normal {
		width: 134px;
		background: url(http://kareo.typepad.com/_images/blog/user_navigation_normal.gif) no-repeat 100% -6px;
		}

		#user_navigation_normal li.login {
			left: 0;
			width: 26px;
			}

			#user_navigation_normal li.login a {
				background-position: 0 0;
				}
				
		#user_navigation_normal li.support_operations {
			left: 37px;
			width: 97px;
			}

			#user_navigation_normal li.support_operations a {
				background-position: 100% 0;
				}

			#user_navigation_normal li a {
				background-image: url(http://kareo.typepad.com/_images/blog/user_navigation_normal.gif);
				}

	/* --- | Phone Number | --- */

	#header .phone_number {
		text-indent: -9999px;
		position: absolute;
		left: 645px;
		top: 11px;
		width: 106px;
		height: 11px;
		background: url(http://kareo.typepad.com/_images/blog/phone_number.gif) no-repeat;
		}
	
	/* --- | E-mail | --- */
	
	#header .email {
		line-height: 0;
		position: absolute;
		right: 5px;
		top: 26px;
		width: 101px;
		height: 8px;
		background: url(http://kareo.typepad.com/_images/blog/support_kareo_com.gif) no-repeat 0 -8px;
		}
		
		#header .email a {
			text-indent: -9999px;
			display: block;
			height: 8px;
			background: url(http://kareo.typepad.com/_images/blog/support_kareo_com.gif) no-repeat;
			}
			
			#header .email a:hover {
				background: none;
				}
	
	
	
	/* --- Primary Navigation
	-------------------------------------------------------*/
	
	#primary_navigation {
		position: absolute;
		top: 64px;
		width: 757px;
		height: 43px;
		background: url(http://kareo.typepad.com/_images/blog/primary_navigation.gif) no-repeat 0 0;
		}
		
		/* --- | Tier 1 | --- */
		
		#primary_navigation ul {
			width: 757px;
			height: 43px;
			background: url(http://kareo.typepad.com/_images/blog/primary_navigation.gif) no-repeat 0 -43px;
			}
		
		#primary_navigation li {
			list-style: none;
			position: absolute;
			height: 43px;
			}
			
			#primary_navigation li a {
				text-indent: -9999px;
				display: block;
				height: 43px;
				background-image: url(http://kareo.typepad.com/_images/blog/primary_navigation.gif);
				}

				#primary_navigation li a:hover {
					background: none;
					}
			
			#primary_navigation li.guides {
				left: 0;
				width: 78px;
				}
				
				#primary_navigation li.guides a {
					background-position: 0 0;
					}
			
			#primary_navigation li.training {
				left: 78px;
				width: 76px;
				}
				
				#primary_navigation li.training a {
					background-position: -78px 0;
					}
			
			#primary_navigation li.setup {
				left: 154px;
				width: 57px;
				}
				
				#primary_navigation li.setup a {
					background-position: -154px 0;
					}

			#primary_navigation li.community{
				left: 211px;
				width: 95px;
				}
				
				#primary_navigation li.community a {
					background-position: -211px 0;
					}

			
			#primary_navigation li.blog {
				left: 306px;
				width: 52px;
				}
				
				#primary_navigation li.blog a {
					background-position: -306px 0;
					}

			#primary_navigation li.status {
				left: 358px;
				width: 62px;
				}
				
				#primary_navigation li.status a {
					background-position: -358px 0;
					}
				
			/* --- | Active | --- */
			
			#primary_navigation ul.guides li.guides a,
			#primary_navigation ul li.guides a:active {
				background: url(http://kareo.typepad.com/_images/blog/primary_navigation.gif) 0 -86px;
				}
				
			#primary_navigation ul.training li.training a,
			#primary_navigation ul li.training a:active {
				background: url(http://kareo.typepad.com/_images/blog/primary_navigation.gif) -78px -86px;
				}
				
			#primary_navigation ul.setup li.setup a,
			#primary_navigation ul li.setup a:active {
				background: url(http://kareo.typepad.com/_images/blog/primary_navigation.gif) -154px -86px;
				}
				
			#primary_navigation ul.community li.community a,
			#primary_navigation ul li.community a:active {
				background: url(http://kareo.typepad.com/_images/blog/primary_navigation.gif) -211px -86px;
				}
			
			#primary_navigation ul.blog li.blog a,
			#primary_navigation ul li.blog a:active {
				background: url(http://kareo.typepad.com/_images/blog/primary_navigation.gif) -306px -86px;
				}
			
			#primary_navigation ul.status li.status a,
			#primary_navigation ul li.status a:active {
				background: url(http://kareo.typepad.com/_images/blog/primary_navigation.gif) -358px -86px;
				}
			
	/* --- | Search| --- */
	
	#header fieldset {
		position: absolute;
		right: 14px;
		top: 9px;
		width: 171px;
		height: 25px;
		border: 0;
		}
		
		#header fieldset #search_box {
			font-family: "Trebuchet MS", Verdana, Sans-Serif;
			font-size: 15px;
			position: absolute;
			top: 0;
			width: 109px;
			border: 1px solid #c3c4c4;
			}
		
		#header fieldset #header_search_button {
			position: absolute;
			right: 0;
			}




/* --- Breadcrumb
-------------------------------------------------------*/
		
#bread_crumbs {
	font-size: 11px;
	color: #a7a7a7;
	margin: 0 0 40px 21px;
	}

	#bread_crumbs .bullet {
		color: #4f4f4f;
		}

	#bread_crumbs a {
		border: 0;
		}



/* --- Structure Continues - General Layout of Site
-------------------------------------------------------*/

#content {
	float: left;
	padding-right: 227px;
	}
	
	#primary_content {
		float: left;
		width: 543px;
		}
		
		#primary_content #primary_content_padding {
			padding: 0 21px;
			}
	
	#secondary_content {
		font-size: 12px;
		position: relative;
		left: 21px;
		float: left;
		display: inline; /* IE Fix */
		width: 186px;
		margin-right: -186px;
		padding-top: 15px;
		}

	#content a { color: #ff7f00; border-bottom: 1px dotted; }
	#content a:link { color: #ff7f00; border-bottom: 1px dotted; }
	#content a:visited { color: #ff7f00; }
	#content a:hover { color: #ff3c00; border-bottom: 1px solid; }
	#content a:active { color: #ff7f00; }



/* --- Primary Content
-------------------------------------------------------*/

#primary_content h1 {
	text-indent: -9999px;
	height: 26px;
	margin: 20px 0 40px;
	background: url(http://kareo.typepad.com/_images/status_kareo_com.gif) no-repeat;
	}
	
	
	
	/* --- Entries
	-------------------------------------------------------*/
	
	.entry {
		xmargin-bottom: 15px;
		}
		
		.entry .entry_content {
			padding-bottom: 15px;
			}
		
		/* --- | Entry Title | --- */
		
		.entry h2 {
			font-size: 18px;
			font-weight: normal;
			line-height: 24px;			
			}
			
			#primary_content .entry h2 a { color: #424749; }
			#primary_content .entry h2 a:link { color: #424749; }
			#primary_content .entry h2 a:visited { color: #424749; }
			#primary_content .entry h2 a:hover { color: #ff7f00; border-bottom: 1px solid; }
			#primary_content .entry h2 a:active { color: #424749; }
			
		.entry .date {
			font-size: 10px;
			color: #93989a;
			}
			
			.entry .entry_body {
				color: #424749;
				}
			
			.entry .entry_body p.entry_info {
				font-size: 9px;
				color: #93989a;
				clear: both;
				margin: 0;
				}
			
			.entry .entry_body img {
				padding: 3px;
				background: #dcdede;
				}
			
			.entry .entry_body ul,
			.entry .entry_body ol {
				margin-left: 1.5em;
				}



/* --- Home Page
-------------------------------------------------------*/
	
	/* --- Entries
	-------------------------------------------------------*/
	
	.main .entry {
		float: left;
		width: 430px;
		height: 1%;	/* The return of the 1% IE hack! */
		padding-left: 65px;
		}
		
		.main .entry .entry_content {
			float: left;
			width: 436px;
			border-left: 1px solid #d4d8d9;
			}
			
			.main .entry .entry_content .entry_content_padding {
				padding: 0 0 0 20px;
				}
			
			.main .entry .entry_content p {
				margin-bottom: 1em;
				}
		
		
		
		/* --- Readership module on left side
		-------------------------------------------------------*/
		
		.main .entry .readership {
			text-align: center;
			float: left;
			width: 65px;
			margin: 5px 0 0 -501px;
			padding: 13px 0;
			}
			
			.main .entry .readership li {
				list-style: none;
				}
			
			.main .entry .readership .comments {
				font-size: 11px;
				margin-bottom: 13px;
				}
			
				#content #primary_content .entry .readership .comments a {
					color: #93989a;
					display: block;
					border: 0;
					}
					
					#content #primary_content .entry .readership .comments a:link { }
					#content #primary_content .entry .readership .comments a:visited { }
					#content #primary_content .entry .readership .comments a:hover { color: #ff7f00; }
					#content #primary_content .entry .readership .comments a:active { }
			
				.main .entry .readership .comments span {
					font-size: 18px;
					display: block;
					}
			
			.main .entry .readership .views {
				font-size: 9px;
				color: #b5bbbd;
				}



/* --- Single Page
-------------------------------------------------------*/
	
	/* --- Entries
	-------------------------------------------------------*/
				
	.single .entry .entry_body p {
		margin-bottom: 16px;
		}
				
				
				
	/* --- Comments
	-------------------------------------------------------*/
	
	.single .comments {
		margin-bottom: 20px;
		padding-bottom: 20px;
		background: url(http://kareo.typepad.com/_images/redesign/entry_content_bg.gif) repeat-x 0 100%;
		}
	
		.single .comments h3 {
			font-size: 16px;
			font-weight: normal;
			margin-bottom: 10px;
			}
		
		.single .comments dl { }
		
			.single .comments dl dd {
				padding: 3px;
				margin: 0 20px 20px;
				background: #fafafa url(http://kareo.typepad.com/_images/redesign/entry_content_bg.gif) repeat-x 0 100%;
				}
				
				.single .comments dl dd.alt {
					background: #eee;
					}
				
				.single .comments dl dd .date {
					font-size: 9px;
					color: #93989a;
					}
	
	
	
	/* --- Comments Error Block
	-------------------------------------------------------*/
	
	#comment_error {
		font-weight: bold;
		margin-bottom: 10px;
		padding: 10px;
		background: #fff;
		}
		
		#comment_error li {
			list-style: none;
			}
	
	
	
	/* --- Add Comment
	-------------------------------------------------------*/
	
	#primary_content .add_comment {
		margin-bottom: 40px;
		}
	
		#primary_content .add_comment h3 {
			font-size: 16px;
			font-weight: normal;
			margin-bottom: 10px;
			}

		#primary_content .add_comment .field_container {
			margin-bottom: 5px;
			}

		#primary_content .add_comment input.input_text {
			display: block;
			width: 200px;
			}

		#primary_content .add_comment textarea {
			display: block;
			width: 400px;
			height: 150px;
			}
		
		#primary_content .add_comment #comment_submit {
			margin-top: 5px;
			}



/* --- Page Navigation
-------------------------------------------------------*/

#primary_content .page_navigation {
	text-align: right;
	color: #93989a;
	clear: both;
	margin: 50px 0 25px;
	}



/* --- Secondary Content
-------------------------------------------------------*/

#secondary_content h3 {
	font-size: 14px;
	color: #ff7f00;
	margin-bottom: 5px;
	}

/* --- | Theoretically everything in the secondary content should be in a module | --- */

#secondary_content .module {
	margin-bottom: 30px;
	}

	#secondary_content .module p {
		margin-bottom: 16px;
		}

	#secondary_content .module .unobtrusive {
		xfont-size: 9px;
		line-height: 14px;
		color: #93989a;
		}

	#secondary_content .module ul {
		font-size: 11px;
		line-height: 14px;
		}

		#secondary_content .module ul li {
			list-style: none;
			height: 1%;	/* I swear this thing fixes everything */
			padding-left: 12px;
			background: url(http://kareo.typepad.com/_images/redesign/bullet_standard.gif) no-repeat 2px 6px;
			}
	
	#secondary_content .module #subscribe_button {
		margin-top: 3px;
		}



/* --- Footer
-------------------------------------------------------*/

#footer {
	font-size: 10px;
	line-height: 10px;
	clear: both;
	position: relative;
	height: 70px;
	border-top: 1px solid #d6d6d6;
	}

	#footer a { border-bottom: 1px dotted; }
	#footer a:link,
	#footer a:visited { color: #5b6f7c; }
	#footer a:hover { color: #ff7f00; }

	#footer #footer_navigation {
		position: absolute;
		left: 26px;
		top: 15px;
		font-weight: bold;
		text-transform: uppercase;
		height: 15px;
		margin-bottom: 5px;
		}

	#footer #legal {
		position: absolute;
		right: 26px;
		top: 15px;
		height: 15px;
		}

	#footer #copyright {
		color: #a1a5a6;
		position: absolute;
		left: 26px;
		top: 35px;
		}
/* ph=1 */
/* nhm:from_kauri */