/*

Theme Name: Summer 2010
Theme URI: 
Description:
Version: 1.0
Author: Heather Mulholland

*/	



/*=STRUCTURE
=== === === === === === === === === === */



body {
	font-size: 12px;
	background-color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
}

/*#out{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: #fff;
	width: 799px;
	position: relative;
	margin: auto;
	border:1px solid red;
}*/



#wrapper{
	width: 855px;	
	margin:0px auto;
}

#top{
	padding: 12px 0 0px 0;
	text-align: left;
	}
	

#portfolioLink{
float:right;
background-color:#a3156d;
padding:10px 30px 10px 10px;
}
	
#portfolioLink a{
font-size:14px;
color:#fff;
font-weight:bold;
text-transform:uppercase;
}
	
#logo{
	display:block;
	height: 70px;
	width: 295px;	
	background: url(img/heather_logo.jpg) no-repeat;
	margin:35px 0px 15px 35px;
}
		
		#mainNav{
			float:right;
			width:100px;
			padding:53px 0px 0px 0px;
			position:relative;
			right:0px;
		}
		
		#mainNav a{
		font-size:14px;
			color:#232323;
			text-transform:uppercase;
			font-weight:bold;
			}
			
		#mainNav li{
			padding:0px 0px 5px 0px;
		}
	
		#mainNav li.otherLinks{
			padding:10px 0px 0px 0px;
		}

		#mainNav li a:hover{
			color:#C1D72E;
		}
	
	#mainNav li ul{
				position: absolute;
				display: none;
				left: 110px;
				width: 180px;
				height: auto;
				top:70px;
			
			}
			
			#mainNav li:hover ul{
				display: block;
			}
			
			#mainNav li ul li{
				float: none;
				padding: 3px 5px 3px 0;
				height: 100%;	
			}
			
			#mainNav li ul li a{
				float: none;
			}
			
			
	
	li#no-show{
		display: none;
	}


		.postWrapper{
			width:610px;
			float:left;
			background-color:#f5f5f5;
			padding:30px 30px 20px 30px;
			position:relative;
			left:-10px;
			z-index:90;
			margin:20px 0px 20px 0px;
		}
		
			
.photography {background-color:#a3156d!important;}
.personal {background-color:#C1D72E!important;}
.friday-finds {background-color:#14a3b1!important;}
.goals {background-color:#ffde00!important;}



				.post-date{
					color:#fff;
					width:35px;
					padding:10px 5px;
					float:left;
					text-align:center;
					line-height:140%;
					position:relative;
					left:0px;
					z-index:99;
					top:55px;
					
				}

				.clear .post-date .month{
					font-size:13px;
					text-transform:uppercase;
					}


				.clear .post-date .date{
					font-size:24px;
				}

				
				.htitle{
					font-size: 24px;					
					color: #000;
					margin:0;
					padding:0px 0px 18px 0px;
					
				}
				
				.htitle a{
					color: #000;
				}

				.entry{
					position: relative;
				}
				
				

					.entry h2{
						font-size: 24px;
						font-weight: bold;
						text-transform: uppercase;
						color: #14A1B2;
					
					}
					
					.entry h3{
						font-size: 1.6em;
						font-weight: bold;
						text-transform: uppercase;
						color: #14A1B2;
						padding-bottom: 10px;
					}
					
					.entry h4{
						font-size: 1.4em;
						font-weight: bold;
						text-transform: uppercase;
						color: #14A1B2;
						padding-bottom: 10px;
					}
				
					.entry p{
						line-height: 1.5em;
						padding-bottom: 1em;	
					}
					
					.entry strong{
						font-weight: bold;	
					}
					
					.entry em{
						font-style: italic;
					}
					
					.entry a{
						color: #C1D72E;
					}

					.entry a:hover{
						text-decoration:underline;
					}
					
					.entry li{
					background: url(img/list_bg.jpg) no-repeat 0px 5px;
					padding:0px 0px 5px 10px;	
					}
					
					.entry ul{
					padding:0px;
					margin:0px 0px 20px 0px;
					}
					
					
					.post-meta, .post-link{
						color: #C1D72E;
						padding:0px 0px 0px 0px;
					}

.floatLeft{
	float:left;
	}

	.floatRight{
		float:right;
		}


	
	#footer{
		font-size: 12px;
		color: #cbcbcb;
		text-align:right;
		padding:40px 135px 44px 0px;
	}
	
	.navigation a{
		color:#14a3b1;
		text-transform:uppercase;
		font-size:14px;
	}
	
	.navigation{
		padding:0px 137px 0px 45px;
	}
		
		
		h3#comments{
		margin:15px 0px 0px 0px;
		}

	
	#com-wrap{
		position: relative;
	}
	
	#com-wrap ol{
	margin-bottom: 25px;
	}
	
		#com-wrap li{
			padding: 10px;
			background: #f3f3f3;
			margin-bottom: 10px;
		}
		
		#com-wrap li img{
			float: right;
			border: 1px solid #ddd;
		}
		
		#comment{
			width: 80%;
		}
		
		#com-wrap a{
			
		}



.label{
width:125px;
font-weight: bold;
margin:0px 5px 0px 0px;
}

#contactForm{
background-color: #e3e3e3;
padding:30px;
height:260px;
margin:15px 0px 20px 0px;
}

#contactForm input{
width:170px;
}

#contactForm .left{
width:330px;
margin:33px 0px 0px 0px;
}

#contactForm .right{
height:200px;
}

#contactForm textarea{
width:180px;
}

#contactForm .smallText{
font-size:10px;
}

#contactForm .clear{
margin:0px 0px 10px 0px;
}


#contactForm .submitButton input{
text-transform: uppercase;
color:#fff;
background-color: #C1D72E;
border:none;
padding:5px;
width:50px;
float:right;
}

.bullets li{
padding:0px 0px 10px 0px;
}

.randoms ul{
width:250px;
float:left;
margin:0px 40px 0px 0px;
}

h3{
margin:15px 0px 0px 0px;
}

.goalList ul{
margin:0px 0px 15px 0px;
}

.goalList li{
padding:0px 0px 5px 0px;
}

.goalList .number{
color:#ccc;
font-weight:bold;
font-size:16px;
text-align:right;
width:30px;
margin:0px 5px 0px 0px;
float:left;
display:block;
}

a.complete{
color:#ccc!important;
}

.goalList .content{
float:left;
padding:4px 0px 0px 0px;
}


/* Start Clear fix */
.clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clear {
  display: inline-block;
}
/* End Clear fix */

/* Hides from IE-mac \*/
* html .clear {
  height: 1%;
}
.clear {
  display: block;
}
/* End hide from IE-mac */