/*
Theme Name: Heidi Briones | traveler. teacher. writer. lifestyle designer.
Theme URI: http://heidibriones.com/
Description: The WordPress theme for www.heidibriones.com by <a href="http://www.aspricot.com" alt="">Aspricot Technologies</a>.
Version: 1.0
Author: Aspricot Technologies
Author URI: http://aspricot.com/
Tags: clean, custom header, fixed width, two columns, widgets, 

	This theme is designed and built by Aspricot Technologies,
	for more details please visit at http://aspricot.com/

*/

@import url("css/reset.css");

@import url("css/text.css");

@import url("css/960.css");

/*

	Styles that give feel to the website

*/

body {
	background-color:#e7e6e0;
	background-image:url(images/bg-header.jpg);
	background-repeat:repeat-x;
}

#container {
}

	#header {
		float:left;
		margin-top:-8px;
	}
	
		#logo {
			background-image:url(images/bg-logo.jpg);
			background-repeat:no-repeat;
			background-position:right;
			min-height:266px;
			height:266px;
			float:left;
		}
		
			#logo h1 a {
				width:282px;
				height:63px;
				display:block;
				background-image:url(images/heidi_briones_logo.png);
				background-repeat:no-repeat;
				text-indent:-99999px;
				margin-left:19px;
				margin-top:68px;
				float:left;
			}
			
		#main-menu {
			font-size:13px;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
		}
		
			#main-menu ul {
				list-style:none;
				margin-top:5px;
				margin-left:-10px;
			}
			
				#main-menu ul li {
					display:inline;
					padding-top:18px;
					padding-left:10px;
					padding-right:10px;
					padding-bottom:15px;
					margin:0px;
				}
				
					#main-menu ul li a {
						color:#34393e;
					}
					
					#main-menu ul li.current_page_item a {
						background-color:#161514;
						color:#f1f8ff;
						padding-top:18px;
						padding-left:15px;
						padding-right:15px;
						padding-bottom:14px;
					}
					
						#main-menu ul li.current_page_item a:hover {
							text-decoration:none;
						}
						
	#sidebar {
		margin-top:10px;
		background-color:#f5f4f3;
		border:1px #b7b7b7 solid;
		padding-right:18px;
		padding-top:20px;
		padding-bottom:20px;
	}
	
		#search {
			margin-left:15px;
		}
		
			#search #input {
				width:258px;
				height:22px;
				border:1px solid #d2d2d2;
				background-image:url(images/bg-search.jpg);
				background-repeat:no-repeat;
				background-position:right;
				padding-top:5px;
				padding-left:5px;
			}
			
		#get-social {
			background-color:#FFF;
			border:1px solid #d2d2d2;
			width:308px;
			margin-left:-30px;
			margin-top:20px;
		}
		
			#get-social ul {
				list-style:none;
				margin-top:20px;
				margin-bottom:20px;
			}
			
				#get-social ul li {
					margin-bottom:10px;
				}
			
					#get-social ul li a .mail-me {
						background-image:url(images/get-social-mail-me.png);
						width:250px;
						height:51px;
						display:block;
						text-indent:-99998px;
					}

					#get-social ul li  a .twitter {
						background-image:url(images/get-social-twitter.png);
						width:250px;
						height:51px;
						display:block;
						text-indent:-99998px;
					}
					
					#get-social ul li  a .facebook {
						background-image:url(images/get-social-facebook.png);
						width:250px;
						height:51px;
						display:block;
						text-indent:-99998px;
					}
					
					#get-social ul li  a .rss {
						background-image:url(images/get-social-rss.png);
						width:250px;
						height:51px;
						display:block;
						text-indent:-99998px;
					}
					
		#widget {
			margin-top:20px;
			margin-left:15px;
			color:#333333;
		}
		
			#widget h2 {
				font-size:22px;
				margin:0px;
				margin-bottom:10px
			}
		
			#widget ul {
				margin:0px;
				padding:0px;
				list-style:none;
			}
			
				#widget ul li {
					background-image:url(images/widget-ul-li.jpg);
					background-repeat:no-repeat;
					margin:0px;
					padding-left:20px;
					margin-bottom:7px;
				}
				
					#widget ul li a {
						color:#434343;
					}
					
						#widget ul li ul {
							margin-top:7px;
						}
						
	#content {
		margin:0px;
		margin-top:10px;
		margin-left:-11px;
		background-color:#ffffff;
		width:640px;
		border:1px #b7b7b7 solid;
	}
	
		#entry {
			font-size:12px;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			float:left;
			margin-bottom:25px;
			border-bottom:1px solid #b7b7b7;
			padding:15px 30px 25px 30px;
			width:580px;
		}
		
		#single-comments {
			float:left;
			margin-top:20px;
		}
		
			#post-meta {
				height:25px;
			}
		
				#date {
					float:left;
					background-image:url(images/bg-date.jpg);
					background-repeat:no-repeat;
					background-position:center left;
					padding-left:20px;
					font-size:12px;
					font-family:Tahoma, Geneva, sans-serif;
					color:#1c1c1c;
	
				}
				
				#comments {
					float:right;
					background-image:url(images/bg-comments.jpg);
					background-repeat:no-repeat;
					background-position:center left;
					padding-left:20px;
					font-size:12px;
					font-family:Tahoma, Geneva, sans-serif;
					color:#1c1c1c;
				}
				
					#comments a {
						color:#1c1c1c;
					}
					
			#entry h1 a:hover {
				text-decoration:none;
			}
			
			#icons {
				float:left;
			}
			
				#icons a {
					float:left;
					display:block;
					width:30px;
					height:30px;
					margin:0 5px 0 0;
				}
				
				#icons a.one {
					background:url(images/icon.jpg) 0 0 no-repeat;
				}
				
				#icons a.two {
					background:url(images/icon.jpg) -33px 0 no-repeat;
				}
				
				#icons a.three {
					background:url(images/icon.jpg) -65px 0 no-repeat;
				}
				
				#icons a.four {
					background:url(images/icon.jpg) -98px 0 no-repeat;
				}
				
				#icons a.five {
					background:url(images/icon.jpg) -131px 0 no-repeat;
				}
				
				#icons a.six {
					background:url(images/icon.jpg) -164px 0 no-repeat;
				}
				
			#readmore {
				float:right;
			}
			
				#readmore .readmore {
					background-image:url(images/readmore.jpg);
					background-repeat:no-repeat;
					width:92px;
					height:23px;
					display:block;
				}
				
		#post-nav {
			float:left;
			width:580px;
			padding:0px 30px;
			margin-bottom:20px;
		}
		
			.older-posts a {
				background-image:url(images/older-posts.jpg);
				width:113px;
				height:19px;
				display:block;
				float:left;
				text-indent:-99999999px;
			}
			
			.newer-posts a {
				background-image:url(images/newer-posts.jpg);
				width:116px;
				height:19px;
				display:block;
				float:right;
				text-indent:-99999999px;
			}
			
#footer-container {
	width:100%;
	background-image:url(images/bg-footer.jpg);
	background-repeat:repeat-x;
	height:232px;
	float:left;
	padding-top:80px;
	margin-top:40px;
}

	#get-updates {
		border-right:1px solid #3c3c3c;
		padding-right:25px;
	}
	
		#get-updates h3 {
			background-image: url(images/get_updates_via.jpg);
			width:141px;
			height:28px;
			display:block;
			text-indent:-9999px;
		}
		
	#about-me {
		font-size:16px;
		font-family:Arial, Helvetica, sans-serif;
		color:#ffffff;
		padding-left:15px;
	}
	
		#about-me h3 {
			background-image: url(images/about_us.jpg);
			width:82px;
			height:24px;
			display:block;
			text-indent:-9999px;
		}
		
		#about-me a {
			color:#d4f1ff;
		}
		
	#copyright {
		color:#ffffff;
		margin-top:30px;
	}
	
	#branding {
		color:#ffffff;
		float:right;
		text-align:right;
		margin-top:30px;
	}
	
		#branding h1 {
			background-image: url(images/aspricot.png);
			background-position:right;
			padding-right:30px;
			font-size:13px;
			font-weight:normal;
			background-repeat:no-repeat;
			color:#ffffff;
			padding-top:1px;
		}
		
			#branding h1 a {
				color:#FFF;
			}