/*

Theme Name: Matilda444
Theme URI: http://matilda444.com
Description:
Version:
Author: Moxie Design Studios™
Author URI: http://moxiedesignstudios.com

*/	


			/* Global Layout */


body {
font-size: 14px;
margin: 0px;
text-align: center;
background: #ffffff url(img/bg.gif) top center;
color: #000;
font-family: Arial, Helvetica, sans-serif;
position: relative;
height: 100%;
}

#wrap{
	position: relative;
	margin: auto;
	width: 950px;
	background: #fff;
	height: 100%;
	-moz-box-shadow: 0 0 10px #999;
	-webkit-box-shadow: 0 0 10px #999;
	-o-box-shadow: 0 0 10px #999;
	-khtml-box-shadow: 0 0 10px #999;
	box-shadow: 0 0 10px #999;
}

	#header{
		height: 227px;
		position: relative;
		background: url(img/header.jpg) top center no-repeat;	
	}
	
		#ribbon{
			position: absolute;
			top: 110px;
			left: -80px;
			height: 187px;
			width: 405px;
			background: url(img/ribbon.png) top left;
		}
	
		#logo{
			position: absolute;
			top: 14px;
			left: 25px;
			height: 100px;
			width: 405px;
			text-indent: -9999em;
		}
		
		#nav{
			float: right;
			padding-top: 140px;	
		}
		
			#nav li{
				float: left;
			}
			
			#nav li a{
				float: left;
				height: 37px;	
				text-indent: -9999em;
				margin-right: 30px;
			}
			
li.active a {
				background-position: bottom left;
}

			#nav li#rss a{
				height: 28px;
				width: 28px;
				margin-top: 9px;
				background: url(img/rss.png) top left no-repeat;
				text-indent: -9999em;				
			}
			
			#nav li#rss a:hover{
				background-position: bottom left;
			}
			
			#nav .about{
				background: url(img/n1.png) top left no-repeat;
				width: 116px;
			}
			
			#nav .contact{
				background: url(img/n2.png) top left no-repeat;
				width: 123px;
			}

			#nav li a:active,
			#nav li a:hover{
				background-position: bottom left;
			}



	
	
	#page{
		position: relative;
		overflow: hidden;
		padding: 15px 0 15px 0;
	}
	
	
		#content{
			float: left;
			width: 566px;
			padding-left: 29px;
			text-align: left;
		}
		
			.post{
				position: relative;
				padding-bottom: 30px;	
			}
			
				.post-title{
					position: relative;
					font-size: 23px;
					height: 36px;
				}
				
				.entry{
					position: relative;
					padding-bottom: 6px;
					background: url(img/post-break.gif) bottom center no-repeat;
				}
				
					.entry p{
						line-height: 1.5em;	
						padding-bottom: 1em;	
					}
					
					.entry h2, .entry h3{
						font-size:30px;
						line-height: 30px;
						height: 30px;
						margin-bottom: 10px;
					}
					
					.entry ol, .entry ul	{
						line-height: 1.5em;	
						padding-bottom: 1em;	
					}
					
					.entry ul li{
						padding-left: 18px;
						background: url(img/link-tick.gif) 0px 0px no-repeat;
					}
					
					.entry strong{
						font-weight: bold;	
					}
					
					.entry em{
						font-style: italic;
					}
					
					.entry a{
						color: #FF339A;
					}
				
				p.post-info{
					padding: 5px 0 5px 0;
				}
				
					p.post-info a{
						color: #FF339A;
					}
				
				.commentlist li{
					padding: 10px 10px;
					background: #FFEFF2;
					border: 1px dashed #FEAAC6;
					margin-bottom: 10px;	
				}

.commentlist li p {
font-size: 12px;
}

.commentlist li cite {
font-weight: bold;
}

input,textarea {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
					background: #FFEFF2;
					border: 1px dashed #FEAAC6;
}
				
				#comment{
					width: 80%;
				}
				
				.avatar{
					float: right;
				}
				
				#wrap #content div a:hover{
					color: #999;
				}
				
				#wrap #sidebar div a:hover{
					color: #999;
				}
				
			
			.navigation{
				position: relative;
				padding: 45px 0 45px 0;
				font-size: 12px;	
				color: #FF339A;
				overflow: hidden;
			}
			
				.navigation a{
					color: #FF339A;
				}
				
				.alignright{
					float: right;	
				}
				
				.alignleft{
					float: left;
				}
		
		
		#sidebar{
			float: right;
			width: 342px;
		}
		
			.widget{
				position: relative;
				padding-bottom: 20px;	
			}
			
			.widget a{
				color: #FF339A;
			}
			
.widget h3{
	padding-bottom: 29px;
	height: 33px;
	padding-right: 30px;
	background: url(img/sb-title-bg.gif) bottom left no-repeat;
}

.widget h3 span.has-sifr{
	float: right;						
	font-size: 33px;
	height: 33px;
	line-height: 33px;
	padding-right:0 !important;
	background: url(img/sb-title-bg2.gif) left center no-repeat;	
	padding-left:20px;
}
				
				.flickr{
					position: relative;
					display: block;
					margin: auto;
					overflow: hidden;	
					width: 255px;
					padding-top: 4px;
					font-size: 12px;
					text-align: left;
				}
				
					.flickr ul{
						position: relative;
						overflow: hidden;
						height: 249px;
						margin-bottom: 4px;
						padding: 0 !important;
					}
				
					.flickr li{
						float: left;
						/*width: 75px;
						height: 75px;*/
						overflow: hidden;
						position: relative;
						padding: 5px 10px 3px 0 !important;
						background: none !important;
					}
					
					.flickr li, .flickr li a{
						float: left;
/*						width: 75px;
						height: 75px;*/
						overflow: hidden;
						position: relative;
					}
					
					.flickr p{
						clear: both;
						margin-top: 10px;
					}
					
					.flickr img{
						position: relative;
						float: left;
						height: 75px;
						width: 75px;
						margin: 0px 5px 5px 0 !important;
					}
                                        .flickr a img {
                                                border: 1px solid #FFF;
                                         }
                                        .flickr a:hover img {
                                                border: 1px dashed #000;
                                         }

				.aktt_tweets,
				.tweet{
					position: relative;
					padding: 6px 30px 18px 18px;
					line-height: 1.5em;
					overflow: hidden;
				}
				
					.tweet p{
						position: relative;
						text-align: left;
						padding-bottom: 10px;	
					}
div.aktt_tweets ul { margin: 0; padding: 0; }

div.aktt_tweets ul li {
padding: 0;
background: transparent;
}

div.aktt_tweets li.aktt_more_updates {
						float: right;
						padding-right: 52px;
						line-height: 52px;
						height: 52px;
						background: url(img/twitter-bird.gif) right center no-repeat;
					}

					.tweet strong{
						float: right;
						padding-right: 52px;
						line-height: 52px;
						height: 52px;
						background: url(img/twitter-bird.gif) right center no-repeat;
					}
				
				
.etc{
	text-align: left;	
}

	.etc ul{						
		padding: 8px 30px 0 18px;	
	}

	.etc li{
		line-height: 1.6em;
		padding-left: 20px;
		background: url(img/link-tick.gif) left center no-repeat;
	}
	
	.etc select{
		position: relative;
		display: block;
		border: 1px solid #F7C0CB;
		width: 208px;
		font-size: 11px;
		background: #FBDDE2;
		font-family: "Trebuchet MS";
		margin: 8px auto 4px auto;
	}


	#footer{
		position: relative;
		padding: 21px 0 0 0;
		height: 80px;
		font-size: 12px;	
		color: #fff;
		background: url(img/foot-bg.gif) top left repeat-x;
	}
	
		#footer a{
			color: #fff;
			text-decoration: none;
		}	
		
		#footer a:hover{
			color: #000;
		}


#content h1.post-title a{
	color: #FF339A;
	margin-top: 1px;
}
#content h1.post-title a:hover{
	text-decoration: none;
}
#respond h3,
#comwrap #comments{
	color: #FF339A;
	font-size: 18px;
}
#sidebar  .widget h3 .has-sifr	{
	font-size: 21px;
}
 cufon{
	margin-top: 6px;
}



h2.pagetitle {
margin: 0;
margin-bottom:30px;
font-size: 24px;
}
#nav li.active a {
background-position:left bottom;
}