/*
Theme Name: Hannah Stothard
Theme URI: 
Description: 
Author: Hannah Stothard
Version: 1.1
Tags:
*/

*{
	margin:0;
	padding:0;
}

html, body{
	background:url(images/greybg.gif) top left repeat;
	color:#5b5956;
	font-size:76%;
	font-family:Arial, Helvetica, sans-serif;
}

h1{
	font-family: "museo-sans-1","museo-sans-2",serif;
	font-size:1.8em;
	margin:21px 0 11px 0;
	color:#6bb0a1;
}

h2 {
	font-family: "museo-slab-1","museo-slab-2",serif;
	font-weight:normal;
	font-size:2.4em;
}

h3 {
  	font-family: "museo-slab-1","museo-slab-2",serif;
  	font-weight:normal;
	font-size:2.4em;
}

h4{
	font-family: "museo-sans-1","museo-sans-2",serif;
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:normal;
	color:#828282;
	margin:0 0 10px 0;
}

p{
	font-size:1.4em;
	margin:5px 0 10px 0;
}

li{
	font-size:1.4em;
}

fieldset{
	border:0;
}

label, input, textarea{
	float:left;
}

label{
	width:120px;
	float:left;
	font-size:1.4em;
}

input, textarea{
	border:solid 1px #dadada;
	padding:3px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
}

form div{
	overflow:hidden;
	padding:0 0 5px 0;
}


a{
	color:#6bb0a1;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

img{
	border:0;	
}

header, section, article, aside, time, footer{
	display:block;
}

::selection {
        background: #e5d441; /* Safari */
		color:#fff;
        }
::-moz-selection {
        background: #e5d441; /* Firefox */
		color:#fff;
}

.wp_syntax{
	width:580px !important;
}

/*--------------------------------------------
Layout
--------------------------------------------*/

code{
	padding:20px;
	background:#f9f9f9;
	display:block;
	border:dotted 1px #ccc;
}

#container{
	background:url(images/content-bg.gif) top left repeat-y;
	width:1106px;
	margin:0 auto 0 auto;
	overflow:hidden;
	font-size:1.0em;
}

#main{
	width:648px;
	float:left;
	padding:0 0 0 40px;
}

#main-header h1 span{
	height:1px;
	padding:2px 0 0 0;
	display:block;
	overflow:hidden;
}

#main-header h2{
	background:url(images/zigzag.gif) top left no-repeat;
	padding:40px 70px 40px 0;
	font-size:4.0em;
	line-height:1.2em;
}

#main-header h2 a{
	color:#828282;
}

#main-header h2 span{
	color:#e5d442;
}

#content{
	background:url(images/crossstitch.gif) top left no-repeat;
	padding:40px 0 0 0;
}


#sidebar{
	float:right;
	width:408px;
	padding:10px 0 0 0;
	
}

#sidebar h3{
	color:#403e3a;
	padding:0 0 15px 0;
	font-size:2.2em;
}
#blog-nav{
	position:relative;
	overflow:hidden;
	padding:0 0 40px 0;
}

#categories, #archives, #flickr, #delicious{
	float:left;	
	padding:20px 0 0 45px;
}

#archives{
	padding:20px 0 0 85px;
}

#categories li, #archives li, #delicious li{
	list-style:none;
	padding:0 0 10px 10px;
	display:block;
	font-size:1.1em;
}

#categories li a, #archives li a{
	color:#5b5956;
	font-family: "museo-slab-1","museo-slab-2",serif;
	font-size:1.4em;
	text-transform:lowercase;
}

#categories li, #delicious li{
	background:url(images/cross.gif) left 6px no-repeat;
}

#archives li{
	background:url(images/dash.gif) left 8px no-repeat;
}

#about-me{
	clear:both;
	background:#fff url(images/aboutme-footer.gif) bottom left no-repeat;
	overflow:hidden;
	margin:0 0 10px 21px;
	padding:0 0 20px 0;
	width:357px;
}

#about-me-inner{
	background:url(images/aboutme-header.gif) top left no-repeat;
	overflow:hidden;
	padding:20px 20px 0 20px;
}

#about-me #photo{
	float:left
}

#about-me #bio{
	float:right;
	width:210px
}

#about-me h3{
	padding:0;
	font-size:1.8em;
	margin:0 0 4px 0;
}

#about-me h2{
	color:#828282;
	font-family: "museo-sans-1","museo-sans-2",serif;
	font-size:1.2em;
	text-transform:uppercase;
}

#about-me p{
	font-size:1.2em;
	color:#5B5956;
}

#searchform{
	background:url(images/searchbg.png) top left no-repeat;
	padding:10px 0 22px 20px;
	margin:0 0 0 20px;
	overflow:hidden;
}

#searchform label{
	color:#fff;
	text-transform:uppercase;
	font-family: "museo-sans-1","museo-sans-2",serif;
	font-size:1.4em;
	margin:5px 10px 0 0;
	float:left;
	font-weight:bold;
	width:60px;
}

#searchform input{
	border:solid 1px #d7c848;
	color:#5B5956;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	padding:3px;
	width:200px;
	float:left;
}

#searchform input#searchsubmit{
	background:url(images/searchbutton.gif) top left no-repeat;
	width:25px;
	height:23px;
	margin:0 0 0 10px;
	border:0;
}

#twitter{
	background:url(images/twitter-footer.png) bottom left no-repeat;
	width:204px;
	padding:0 0 50px 0;
	position:absolute;
	bottom:0;
	left:0;
}

#twitter-header{
	background:url(images/twitter-header.png) top right no-repeat;
	width:204px;
	height:11px;
}

#twitter-inner{
	background:url(images/twitter-bg.png) top right repeat-y;
	padding:0 15px 10px 50px;
}

#twitter-inner p{
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	margin:0;
	padding:0;
}

#search-title{
	display:block;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	background:url(images/dashed.gif) bottom left repeat-x;
}

.post{
	padding:0 0 30px 0;
	margin:0 0 30px 0;
	background:url(images/dashed.gif) bottom left repeat-x;
	width:648px;
	overflow:hidden;
}

.post ul{
	margin:0 0 0 20px;
}

.post header{
	width:648px;
	overflow:hidden;
}

#content h2{
	float:left;
	display:block;
	width:550px;
	padding:0;
}

#content h2 a{
	color:#403e3a;
}

#content h2#post-title{
	display:none;
}

.title{
	overflow:hidden;
}

.post-date{
	background:url(images/date.gif) top left no-repeat;
	width:40px;
	height:70px;
	float:left;
	text-align:center;
	margin:0 20px 0 5px;
	font-family:Arial, Helvetica, sans-serif;
}

.entry-content, .entry-summary{
	padding:0 0 0 63px;
}

.entry-content h5{
	font-size:1.6em;
	font-weight:normal
}

.entry-content p{
	padding:5px 0 15px 0;
}


.entry-bottom{
	border-top:solid 1px #f2f2f2;
	margin:10px 0 0 63px;
	padding:10px 0 0 0;
}

.post-month, .post-year{
	color:#fff;
	font-size:1.4em;
	display:block;
	text-transform:uppercase;
	padding:4px 0 0 0;
	font-family: "museo-sans-1","museo-sans-2",serif;
	font-weight:bold;
}

.post-year{
	padding:8px 0 0 0;
	font-weight:normal;
}

.entry-utility{
	color:#828282;
	font-family: "museo-sans-1","museo-sans-2",serif;
	text-transform:uppercase;
	font-size:1.2em;
	float:left;
	display:block;
	width:550px;
	margin:5px 0 0 0;
}

.post ul#related_posts_thumbnails{
	margin:0;
}

#related_posts_thumbnails li{
	float:left;
	list-style:none;
	display:block;
	width:80px;
	font-size:1.2em;
	padding:0 10px 0 0;
}

.addthis_toolbox{
	float:right;
	text-transform:uppercase;
	width:150px;
}


/*commments*/
#comment-box{
	background:url(images/crossstitch.gif) top left repeat-x;
	padding:20px 0 0 0;
	margin:30px 0 0 0;
	overflow:hidden;
}

#comments{
	background:url(images/comment.gif) top left no-repeat;
	padding:10px 0 0 62px;
	clear:both;
	margin:20px 0 0 0;
}

#comments h3{
	color:#403e3a;
	font-size:2.2em;
	margin:0 0 20px 0;
}

.comment-author,
.comment-meta{
	clear:left;
	float:left;
	width:130px;
	
	font-size:1.1em;
}

.individual-comment{
	padding:5px 0 5px 0;
}


.comment-author{
	font-family: "museo-slab-1","museo-slab-2",serif;
	font-size:1.6em;
}

.comment-meta{
	text-transform:uppercase;
	font-family: "museo-sans-1","museo-sans-2",serif;
}

cite{
	font-style:normal;
}

.commentlist{
	overflow:hidden;
	padding:0 0 20px 0;
}

#comments li{
	list-style:none;
	font-size:1.0em;
	background:url(images/dashed.gif) bottom left repeat-x;
	overflow:hidden;
	padding:0 0 10px 0 ;
}

#comments li li{
	background:none;

}

#comments li p{
	font-size:1.4em;
	margin:0;
}

.reply a{
	font-size:1.2em;
	text-transform:uppercase;
	font-family: "museo-sans-1","museo-sans-2",serif;
}


#comment-box #submit{
	background:#6bb0a1;
	border:none;
	padding:5px;
	width:120px;
	color:#fff;
	text-transform:uppercase;
	font-family: "museo-sans-1","museo-sans-2",serif;
	font-size:0.9em;
	margin:10px 0 0 120px;
}

#flickr a img{
	border:0;
	margin:0 2px 2px 2px;
}

#delicious{
	width:315px;
}
#delicious li{
	list-style:none;
	font-size:1.2em;
}

#delicious li a{
	color:#5B5956;
	font-size:1.2em;
}

#infscr-loading{
	padding:20px;
	color:#6BB0A1;
	text-align:center;
	font-family: "museo-sans-1","museo-sans-2",serif;
	font-size:1.2em;
}


.navigation{
	padding:0 0 40px 0;
	font-size:1.4em;
	font-family: "museo-sans-1","museo-sans-2",serif;
	text-transform:uppercase;
}

.nav-previous{
	float:left;
}

.nav-next{
	float:right;
}

footer{
	background:url(images/footer.gif) top left no-repeat;
	clear:both;
	width:1077px;
	padding:20px 0 0 0;
	height:29px;
}

footer p{
	font-size:1.1em;
}

/*------------------------------------*\
	IPHONE
\*------------------------------------*/
/*@media screen and (max-device-width: 480px){
	
	
	#container,
	#main,
	#sidebar,
	.post,
	.post header,
	#content h2,
	.entry-utility,
	footer{
		width:480px;
	}
	
	
	#container{
		background:#fff;
		border-left:dashed 1px #ccc;
		border-right:dashed 1px #ccc;
		padding:20px;
	}
	
	#content{
		background-repeat:repeat-x;
	}
	
	#main{
		padding: 0 40px 0 40px;
	}
	
	h1{
		font-size:50px;
	}
	
	#main-header h2{
		background-repeat:repeat-x;
		font-size:80px;
		line-height:75px;
	}

	
	#sidebar{
		display:none;
	}
	
}
*/