/*
Theme Name: Loomia Default
Theme URI: http://loomia.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Reset.css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* common styles */
.clearer {
	clear:both !important;
	float:none !important;
	display: block !important;
	margin:0 !important;
	width:auto !important;
	padding:0 !important;	
}
/* common styles end here */

body {
	background:#ededed url(http://www.loomia.com/wp-content/themes/loomia/images/body.png) repeat-x left top;
	font-family:Arial;
	font-size:12px;
	color: #444;
}

body#blog {
background-image: none;
background-color: #FFF;
color: #333;
}

/* Basic typography */

h1 {
	font-size: 176%;
}
p {
	margin-bottom: 1em;
}
a:link { color: #FFA93A; text-decoration: none;}
a:visited { color: #BF3B3B; }
a:hover, a:active { color: #FF0000; }



	div#wrapper {
		width:884px;
		margin:0 auto;
	}
		
		div#wrapper ul#top-navigation {
			width:18em;
			float:right;
			padding:6px 0 0 0;
		}
		
			ul#top-navigation li {
				display:block;
				float:left;
				padding-right:20px;
			}
				
				ul#top-navigation li a {
					color:#555;
					text-decoration:none;
				}
				
		a#logo {
			float:left;
			clear:right;
			margin-top:39px;
			margin-bottom:3px;
		}
		
		ul#main-navigation {
			width:612px;
			float:right;
			margin-top:55px;
		}
		
			#home ul#main-navigation {
				width:632px !important;
			}
			
			ul#main-navigation li {
				display:block;
				padding-right:25px;
				float:left;
				font-weight:bold;
				color:#666;
				font-size:15px;
				background:url(images/main-nav-back.png) right center no-repeat;
			}
			
			ul#main-navigation li.last {
				padding:0;
				background:none;
			}
			
				ul#main-navigation li a {
					color:#333;
					text-decoration:none;
				}
				
				ul#main-navigation li.last a {					
				/*	color:#666; */
				}
				
				ul#main-navigation li a:hover, ul#main-navigation li a.active {
					color:#c00;
				}

		div#header {
			clear:both;
			width:883px;
			height:180px;
			padding-top: 10px;
			background:url(images/header.png) no-repeat left;
		}

		/* NOTE: these header styles are also defined in IE6.css */		
		div#header.how-it-works {
			background:url(images/how-it-works-header.png) no-repeat left;
		}
		
		div#header.how-we-help {
			background:url(images/how-we-help-header.png) no-repeat left;
		}
		
		div#header.who-we-help {
			background:url(images/who-we-help-header.png) no-repeat left;
		}
		
		div#header.about-loomia {
			background:url(images/about-loomia-header.png) no-repeat left;
		}
		
			div#header-left {
				padding-top:18px;
				float:left;
				width:240px;
			}
				div#header-left ul {
					padding-left:30px;
				}
				
					div#header-left ul li a {
						display: block;
						background: url(images/header-nav-back.png) no-repeat top left;
						height: 12px;
						font-size: 13px;
						color: #333;
						padding-left: 15px;
						text-decoration: none;
						margin-bottom:13px;
						text-transform:lowercase;
					}
					
					div#header-left ul li a:hover, 
					div#header-left ul li.current_page_item a, 
					div#header-left ul li a.active {
						color:#c00;
						background-position:bottom left;
					}
						div#header-right{
							float:left;
							padding-top:38px;
						}
							div#header-right p{
								width:327px;
								font-family:Arial, Helvetica, sans-serif;
								font-size:13px;
								line-height:20px;
								color:#FFFFFF;
								margin-left:152px;	
							}
								#header-right h1{
									font-family: Arial, Helvetica, sans-serif;
									font-size:40px;
									color:#FFFFFF;
									padding-left:16px;
									font-weight:normal;
								}
	
		div#content {
			clear:both;
			margin-top:10px;
		}
			div#content ul {
			    margin: 0 0 1em 0;
			    padding-left: 15px;
			    list-position: outer;
			    list-style-type: disc;
			}
			div#content div#sidebar {
				float:left;
				width:183px;
				display:inline;
				margin-left:29px;
			}
				div#sidebar img#phone {
    					margin-left: -10px;
				}

				div#sidebar h3{
					font-family: Arial, Helvetica, sans-serif;
					font-size:18px;
					font-weight: bold;
					color:#333333;
					line-height:100%;
					padding-bottom:15px;
					
				}
					div#sidebar p{
						font-family: Arial, Helvetica, sans-serif;
						font-size:12px;
						color:#333333;
						padding-bottom:22px;
						line-height:140%;
						
					}
						.contact-enter{
							background:url(images/enter.png) no-repeat;
							display: block;
							width:65px;
							height:28px;
							text-indent:-3000px;
						}
						
			div#content div#main-content {
				background: url(images/main-content-back.png) top left repeat-y;
				width:626px;
				display:inline;
				margin-right:18px;
				float:right;
			}
			
	
			div#content div#main-content-1 {
					background: url(images/main-content-top.png) no-repeat left top;
					
				}
				
					div#content div#main-content-2 {
						background: url(images/main-content-bottom.png) no-repeat left bottom;
						font-size:0px;
						padding-top:5px;
					}
					
						div#content div#main-content-2 div.wide {
							width:588px;
						}
						
						div#center-content{
							float:left;
							padding-top:17px;
							padding-left:17px;
							padding-bottom: 34px;
							width:424px;
							line-height:160%;
							color:#444444;
							font-size:14px;
						}
							div#center-content h2 {
								font-size:24px;
								color:#CC0000;
								font-weight:bold;
								line-height:110%;
								padding-bottom:17px;
							}
							div#center-content h3,
							div#center-content h4 {
								font-size: 20px;
								font-weight: bold;
								line-height: 110%;
								border-top: 1px #ccc dotted;
								margin-top: 40px;
								padding-top: 10px;
								padding-bottom: 15px;
								white-space: normal;
							}
							div#center-content h4 {
								margin-top: 20px;
								border: 0;
							}
							div#center-content h3 a,
							div#center-content h4 a {
								color: #444;
								text-decoration: none;
							}
		
							div#center-content p{
								/* padding-bottom:20px; */
							}

						div#sidebar-inner{
							float:right;
							font-size:12px;
							line-height:140%;
							padding-top:22px;
							padding-right:17px;
							color:#565656;
						}
							div#sidebar-inner p{
								width:138px;
								padding-top:18px;
							}
												div#footer{
													width:594px;
													padding-left:258px;
													padding-top:12px;
													padding-bottom:12px;
												}
													div#footer li{
														/* background: url(images/footer_nav.gif) no-repeat right; */
														font-size:90%;
														display:inline;
														color:#777777;
														line-height:16px;
														padding-right: 0px;
													}
div#footer li:after {
    content: " | ";
}
div#footer li.last:after {
    content: "";
}
														div#footer li.last{
															background: none;
														}
														
														div#footer a{
															text-decoration: none;
															color:#777777;
														}
															div#footer a:hover{
																color:#CC0000;	
															}
															
/* Home Page Specific Styles */
#home #wrapper {
	width:922px;
}
	
	#home #logo {
		padding-left:20px;
		margin-bottom:6px;
	}
	
#home #home-content {
	width:886px;
	margin:0 auto;
	background:url(http://www.loomia.com/wp-content/themes/loomia/images/home-content-back.png) repeat-y left top;
}

	#home-content #home-content-1 {
		background: url(http://www.loomia.com/wp-content/themes/loomia/images/home-content-back-bottom.png) no-repeat left bottom;
/*		padding-top: 15px;
		padding-bottom: 20px; */
	}
	
		#home-content div.information {
			width: 553px;
			color:#404040;
			
			line-height:23.4px;
			float: left;
			display: inline;
			margin-left: 17px;
		}
		
		#home-content div.sidebar {
			width:260px;
			display:inline;
			float:right;
			margin-right:20px;
		}
		
			#home-content div.sidebar h2 {
				background:url(images/loomia-news-heading.png) no-repeat top left;
				width:93px;
				height:14px;
				text-indent:-3000px;
			}
			
			div.sidebar ul {
				
			}
			
				div.sidebar ul li {
					color:#01407f;
					padding-top:13px;
					display:block;
					line-height:16.8px;
				}
				
					div.sidebar ul li .date {
						color:#333;
					}
				
					div.sidebar ul li a {
						color:#c00;
						text-decoration:none;
					}
					
					div.sidebar ul li a:hover {
						text-decoration:underline;
					}
					
		div#home-bottom {
			background: url(images/home-bottom-center.png) repeat-y top left;
			width: 886px;
			margin: 10px auto 0 auto;
			font-size: 12px;
			color: #333;
			line-height: 19.2px;
		}
		
			div#home-bottom-1 {
				background:url(images/home-bottom-top.png) no-repeat top left;
			}
			
				div#home-bottom-2 {
					height: 22.5em;
					background: url(images/home-bottom-bottom.png) no-repeat bottom left;
				}
				
				div#home-bottom-2 div {
					float:left;
					margin-left: 17px;
					width:277px;
					display:inline;
					padding:18px 0 20px 0;
				}
				
				#home-bottom div.content-promotions {
					background:url(images/pin.png) no-repeat top right;
					width:276px;
				}
				
					#home-bottom div.content-promotions h3, #home-bottom div.content-promotions h2  {
						background:url(images/content-promotions-heading.png) no-repeat top left;
						width:142px;
						height:37px;
						margin-left: -4px;
						margin-bottom:10px;
						text-indent:-3000px;
					}
					
					#home-bottom div.content-promotions p {
						width: 162px;
					}
					
					#home-bottom div.content-promotions a.learn-more {
						background:url(images/learn-more.png) no-repeat top left;
						width:100px;
						height:33px;
						display:block;
						text-indent: -3000px;
						margin-top:10px;
					}
				
				#home-bottom div.contact-loomia {
					width:276px;
					background:url(images/telephone.png) no-repeat top right;
				}
				
					#home-bottom div.contact-loomia h3, #home-bottom div.contact-loomia h2 {
						background:url(images/contact-loomia-heading.png) no-repeat top left;
						width:109px;
						height:15px;
						margin-bottom:10px;
						text-indent:-3000px;
					}
					
					#home-bottom div.contact-loomia p {
						width:151px;
					}
					
					#home-bottom div.contact-loomia a.contact {
						background:url(images/contact.png) no-repeat top left;
						width:74px;
						height:33px;
						display:block;
						text-indent: -3000px;
						margin-top:10px;
					}

				
				#home-bottom div.success-stories {
					width:250px;
				}
				

				a.divlink:hover, a.divlink:visited, a.divlink:active, a.divlink:link {
				text-decoration:none;
				color: #000;
				}

				
					#home-bottom div.success-stories h3, #home-bottom div.success-stories h2 {
						background:url(images/customer-success-heading.png) no-repeat top left;
						width: 242px;
						height: 14px;
						margin-bottom:10px;
						text-indent:-3000px;
					}
					
					#home-bottom div.success-stories img {
						margin-bottom:10px;
					}
					
					#home-bottom div.success-stories a.more-stories-link {
						padding-top:40px;
						display:block;
						color:#c00;
						text-decoration:none;
					}
					
					#home-bottom div.success-stories a.more-stories-link:hover {
						text-decoration:underline;
					}
	
div#home-header {
	width:922px;
	height:156px;
	clear:both;
}

#home #footer {
	padding:0 0 0 0;
	width:683px;
	line-height:17.6px;
	text-align:center;
	margin:10px auto 10px auto;
}



/* Home Page Ends */


/* Forms */
	        .lvPair {
	            margin-bottom: 1em;
	        }
	    
	        input[type="text"], textarea {
	            width: 20em;
	        }
	    
	        label {
	            display: block;
	            font-weight: bold;
                    color: #666;
	        }
/* End Forms */

blockquote {
background-color: #E6F3FC;
padding: 8px 8px 0px 8px;
margin-bottom: 6px;
}

blockquote p {
font-size: 90%;
padding: 0px 6px 0px 12px;
}

p.blurb {
font-size: 120%;
margin-bottom: 16px; }

.blurbfirst { font-size: 130%; font-weight: bold;}

/* WP defaults */
.alignleft {
    float: left;
}

.wp-caption {
    text-align: center;
    margin-right: 10px;
}
    .wp-caption img { border: 1px solid #ccc; padding: 1px; }
    .wp-caption-text { font-size: 75%; }

.cf-sb {
text-align: left;
}

/* blog styles only */
#blog #wrapper {
width: 940px;
}

#blog #content {
width: 940px;
}

#blog #footer {
font-size: 90%;
}

#blog #sidebar {
width: 350px;
}

#blog .backtosite  {
padding-top: 8px;
font-size: 95%;
}


#blog ul {
line-height: 150%;
}

#blog li {
list-style-type: none;
margin-top: 3px;
}

#blog .formspace {
margin-bottom: 5px;
}

#blog #content #main-content {
background: none;
border: 0;
}