/*

Theme Name: Elisbeth Carol's Blog
Theme URI: 
Description: First edition of EC's blog through wordpress.
Version: 1.0
Author: Heather Mulholland

*/	



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


html{
	height: 100%;
	}

body{
	background: url(img/main_bg.gif) #E3ECF3;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
}

a{
	text-decoration: none;
	color:#aa2d67;
}

a:hover{
text-decoration: underline;
}





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

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

#topWrapper{
	background: url(img/blogtop_bg.png) no-repeat;
	display: block;
	width:949px;
	height:80px;
	padding:0px 0px 0px 0px;
}

#middleWrapper{
	background: url(img/blogmiddle_bg.png);
	padding:5px 0px;
}


#bottomWrapper{
	background: url(img/blogbottom_bg.png) no-repeat;
	display: block;
	width:949px;
	height:65px;
}



/*=MAIN NAV and SEARCH
=== === === === === === === === === === */

#mainNavContainer{
background: url(/assets/images/nav_bg.png) no-repeat;
height:59px;
padding:11px 0px 0px 68px;
}

/*#mainNav li{
display: inline;
float:left;
padding:0px 20px 0px 0px;
}

#mainNav a {
color:#fff;
text-decoration: none;
font-size:14px;
text-transform: uppercase;
}*/



/*=MISC BLOG FUNCTIONS
=== === === === === === === === === === */

#twitterButton{
width:922px;
margin:0px auto;
padding:19px 0px 0px 0px;
}

#twitterButton a{
	background: url(img/twitter_button.png) no-repeat;
	display: block;
	width:90px;
	height:36px;
	float:right;
	padding:0px 35px 0px 0px;
}

#mainLogo a{
	background: url(img/main_logo.jpg) no-repeat;
	display:block;
	width:192px;
	height:39px;
	margin:0px 0px 15px 68px;
	
}

#flashBanner{
padding:0px 28px;
height:290px;
}



/*BOTTOM and FOOTER
=== === === === === === === === === === */

#previousPage{
text-align: left;
font-size:14px;
text-transform: uppercase;
padding:20px 0px 20px 68px;
}

#nextPage{
text-align: right;
font-size:14px;
text-transform: uppercase;
padding:20px 68px 20px 0px;
}

#footer{
font-size:10px;
text-align: right;
padding:40px 35px 19px 0px;
}

#footer a{
color:#000;
}



			/* Global Layout */




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

#site-link{
	position: fixed;
	top: 13px;
	left: 0;
	width: 102px;
	height: 40px;
	text-indent: -9999em;
	margin: auto;
	background: url(img/site-btn.gif) top left no-repeat;
}

#site-link:hover{
	top: 11px;
	border: 2px solid #A3156D;
	border-left: 0;
}


#wrap{
	position: relative;
	z-index: 10;
	width: 713px;	
	margin: auto;	
	background: #fff;
	padding: 0 43px 0 43px;
}

	#top{
		padding: 12px 0 17px 0;
		text-align: left;
	}
	
		#logo{
			float: left;
			height: 104px;
			width: 172px;
			text-indent: -9999em;		
			background: url(img/logo.gif) top left no-repeat;	
		}
		
		#mainNav{
			float: left;
			padding:2px 0px 0px 0px;
			z-index: 900;
			position: relative;
		}
		
			#mainNav li{
				float: left;	
				position: relative;
				height: 18px;
				padding:0px 20px 0px 0px;
			}
			
			#mainNav li ul{
				position: absolute;
				display: none;
				top: 18px;
				left: 0;
				width: 150px;
				background: #aa2d67;
				height: auto;
				padding-top: 10px;
				padding-bottom:8px;
			}
			
			#mainNav li:hover ul{
				display: block;
			}
			
			#mainNav li ul li{
				float: none;
				padding: 3px 5px 3px 10px;
				height: 100%;	
			}
			
			#mainNav li ul li a{
				float: none;
			}

			
			
			#mainNav li a, #mainNav li span{
				float: left;
				color:#fff;
text-decoration: none;
font-size:14px;
text-transform: uppercase;
			}
			
			#mainNav li a:hover, #mainNav li.current_page_item a, #mainNav li span:hover{
				color: #fff;
				text-decoration: none;
				font-weight:bold;
			}
	
	li#no-show{
		display: none;
	}
	
	
	#page{
		position: relative;
		text-align: left;		
	}
	
		.hentry{
			font:12px Arial;
line-height: 140%;
padding:0px 68px;

		}
		
			.post-head{
				
				height: 70px;	
				
			}
			
				.post-date{
					display: block;
					font-weight:bold;
					text-transform:uppercase;
					font-size:10px;
				}
				
				.htitle{
					font-size: 20px;
					height: 40px;
					overflow: hidden;					
					font-weight: bold;
					text-transform: uppercase;
					color: #AA2D67;
					margin:0px!important;
					padding:0px!important;
					
					
					
				}
				
				.htitle a{
					color: #AA2D67;
					
				}

				.entry{
					position: relative;
				}
				
					.entry h2{
						font-size: 28px;
						font-weight: bold;
						text-transform: capitalize;
						color: #AA2D67;
					
					}
					
					.entry h3{
						font-size: 1.6em;
						font-weight: bold;
						text-transform: uppercase;
						color: #AA2D67;
						padding-bottom: 10px;
					}
					
					.entry h4{
						font-size: 1.4em;
						font-weight: bold;
						text-transform: uppercase;
						color: #AA2D67;
						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:#aa2d67;
					}
					
					.entry img{
						display: block;
						border: 1px solid #000;
						margin-bottom: 1em;
					}
					
					.post-meta{
						color:#aa2d67;
					}



.entry p.sigImage img{
border:0px;
padding:15px 0px 0px 0px;
}

.entry .bottomPostLinks{
background-color: #aa2d67;
padding:7px 20px;
margin:0px 0px 20px 0px;
}

.entry .bottomPostLinks li{
display: inline;
float:left;
color:#fff;
}

.entry .bottomPostLinks li a{
color:#fff;
text-decoration: none;
}

.entry .bottomPostLinks li a:hover{
text-decoration: underline;
}

.entry .bottomPostLinks li.commentsIcon{
background: url(/assets/images/blog_sprites.jpg) 0px -4px no-repeat;
padding:0px 20px 0px 22px;
}

.entry .bottomPostLinks li.shareIcon{
background: url(/assets/images/blog_sprites.jpg) 0px -33px no-repeat;
padding:0px 20px 0px 25px;
}

.entry .bottomPostLinks li.categoryIcon{
background: url(/assets/images/blog_sprites.jpg) 0px -53px no-repeat;
padding:0px 20px 0px 22px;
}





	#bottom{
		font-size: 10px;
		padding: 30px 0 30px 0;
		overflow: hidden;
		color: #2A2A2A;
	}
	
		#bottom ul{
			float: left;	
		}
		
		#bottom li{
			float: left;
			padding-right: 8px;	
		}
		
		#bottom li a{
			float: left;
			color: #333;	
		}
		
		#bottom p{
			float: right;
		}
		
		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{
			
		}


h2.pagetitle{
padding:0px 68px 15px 68px;
font-size:13x;
border:1px solid red;
}

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

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

#contactForm input{
width:170px;
}

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

/*#contactForm .right{
height:100px;
border:1px solid red;
}*/

#contactForm textarea{
width:280px;
height:110px;
}

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

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


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


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



/*=FLOATS
=== === === === === === === === === === */

.floatLeft{
float:left;
}

.floatRight{
float:right;
}



/*=CLEAR FIX
=== === === === === === === === === === */

.clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clear {
  display: inline-block;
}

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