/*
Theme Name: Here Be Willers
Theme URI: http://www.herebewillers.com
Description: A custom Wordpress theme for Emma Willer
Author: Suburban Mum
Author URI: http://www.suburbanmum.me.uk
version: 1.0
*/



/* basics */

*{margin:0; padding:0;}

body {
	background: #ddd;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14pt;
	margin: 20px;
	}
	
h1 {font-size: 18pt;}
h2 { text-decoration:none; font-size:14px;}
h2 a{font-family:Arial, Helvetica, sans-serif;
       font-size:14px;
	   color:#3E606F;
	   text-decoration:none; 
           }

h3 {text-decoration:none; 
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size:14px;  
    }

h4 {text-decoration:none; 
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size:14px; margin-top: 10px; margin-left:0;}


/* images and misc. */

img{ border: 1px #1DA4EA solid; padding: 3px; margin: 5px;}
img a{border: 1px #1DA4EA solid; padding: 3px; margin: 5px;}

img.left{ float: left; 1px #1DA4EA solid; 3px; margin: 5px;}
img.right{ float: right; 1px #1DA4EA solid; 3px; margin: 5px;}

blockquote{
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
	}

code{
	margin:10px;
	font-family:"Courier New", Courier, monospace;}


/* links */

a{
	color:#1DA4EA;
	text-decoration:none;
	border: none;
	}

a:hover{color:#6A7CA0;text-decoration: none; border: none;}



/* container */


#container {
	width: 1024px;
	margin: 0 auto;
	padding: 0;
	background:#fff;
	color:#333;
	}
	
/* header */

#header {
	background: #DDD;
    width: 100%; 
	color: #fff; 
	height: 222px;
	}

#header h1{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16pt;
	font-weight: 300;
	letter-spacing: 1px;
	margin: 0;	
	padding: 120px 0 0 16px;	
	}
	
#header h1 a{color: #404040; text-decoration: none;}
#header h1 a:hover{color: #666; text-decoration: none;}


#header h2{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14pt;
	font-weight: 300;
	font-style: normal;
	color: #404040;
	letter-spacing: 1px;
	margin: 0;	
	padding: 0 0 0 18px;	
	}

/* main menu */


#menu {
	background: #0B1224;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 8pt;
	width:100%; 
	height:25px;
	border-top: 1px solid #fff;
}


#menu ul {
	margin: 6px 0 0 0;
	padding: 0;
	text-align: center;
}

#menu ul li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#menu ul li a {
	padding: 6px 13px 6px 13px;
	margin: 0;
	text-decoration: none;
	color: #fff;
}

#menu ul li a:hover {
	background-color: #fff;
	color:#0B1316;
}



/* content */


#content {
	float: left;
	width: 56%;
	overflow: hidden;
        margin-top: 22px;
	}

.post{ width:321px;
       height:auto;
       float:right;
       padding-left:5px;
      }
	
.post-header {border-bottom:1px solid #89c1dd;
             float:left;width:588px; }

.post-title {float:left;width:535px;
             padding-left: 5px;
             display:inline;
             margin:0px;
             height:0px;
             padding-top: 7px;
}

.date{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
       font-size:24px;
       color:#1da4ea; 
       width:28px;
       float:left;
       display:inline;
       padding-right:3px; 
       border-right:1px solid #1da4ea;
        }

.month{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
       font-size:14px;
       color:#aab4bc;
        width:30px; 
        float:left;
        text-transform:uppercase;}

.body-text{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
       font-size:12px;
       color:#3E606F;
       text-decoration:none;
       float:right;
       display:inline;
       margin-top:0px;}

.postarea{width:573px;
          height:auto;
	  float:left;
          margin-bottom:20px;
          text-align: justify;
                    }

.postarea p{margin:7px 0 0 0; font-size: 14px;}

.postarea ol {margin:12px 0; padding-left:40px;font-size: 12px; list-style-type: decimal; color: #000;}

.postarea ul {margin:12px 0; padding-left:20px;font-size: 12px; list-style-type: disc; color: #000;}

.body{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
       font-size:12px;
	   color:#1da4ea;
	   text-decoration:underline;}
.body:link{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
       font-size:12px;
	   color:#1da4ea;
	   text-decoration:underline;}
.body:visited{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
       font-size:14px;
	   color:#1da4ea;
	   text-decoration:underline;}
.body:hover{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
       font-size:14px;
	   color:#1da4ea;
	   text-decoration:none;}	   
.body:active{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
       font-size:14px;
	   color:#1da4ea;
	   text-decoration:underline;}	 
.tags{  float:right;
	padding:2px 60px 2px 20px;
	font-size:14px;
       color:#3E606F;
}


	

.navigation {
	font-size:8pt;
	float:left;
	width:100%;
	}
	
	.alignleft {float:left; margin:25px;}
	.alignright {float:right; margin:25px;}

.notfound{padding: 25px; font-size: 14pt; font-weight: 300;}

#content h2, #content .pageTitle{text-decoration:none; 
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size:14px;  padding-bottom: 10px;
    }


/* left sidebar */

#left{ width:220px;
          height:auto;
	  float:left;
	  margin-top:20px;
          margin-left:10px;
          display:inline; 
          font-size: 12px;}	

/*left sidebar title (h3) */
#left h3, #left .lefttitle{
	font: 10px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        font-weight:bold;
	color: #3E606F;
        border-bottom:1px solid #89c1dd;
	margin: 15px 15px 5px 5px;
        font-size: 14px;
        }

/*left sidebar text styles */
#left a, #left a:visited{
	color: #1DA4EA;
	text-decoration: none;
}
#left a:hover{
	color: #3E606F;
	text-decoration: none;
}
/*left sidebar list level1 */
#left ul {
	margin: 5px;
	padding: 0;
}
#left ul li {
	list-style: none;
	margin: 0;
	padding: 5px 0 0 0;
	border: none;
}
/*left sidebar list level2 */
#left ul li ul {
	padding: 0;
	margin: 0;
}
#left ul li ul li{
	padding: 2px 0 2px 0px;
	
}
/*left sidebar list level3 */
#left ul li ul li ul li{
	padding: 1px 0 1px 10px;
	border: none;
}

/* right sidebar */

#right { width:220px;
          height:auto;
	  float:left;
	  margin-top:20px;
          display:inline; 
          font-size: 12px;}	

/*right sidebar title (h3) */
#right h3, #right.lefttitle{
	font: 10px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        font-weight:bold;
	color: #3E606F;
        border-bottom:1px solid #89c1dd;
	margin: 15px 5px 5px 10px;
        font-size: 14px;
}

/*right sidebar text styles */
#right a, #left a:visited{
	color: #1DA4EA;
	text-decoration: none;
}
#right a:hover{
	color: #3E606F;
	text-decoration: none;
}
/*right sidebar list level1 */
#right ul {
	margin: 5px 5px 5px 10px;
	padding: 0;
}
#right ul li {
	list-style: none;
	margin: 0;
	padding: 5px 0 0 0;
	border: none;
}
/*right sidebar list level2 */
#right ul li ul {
	padding: 0;
}
#right ul li ul li{
	padding: 2px 0 2px 0px;
	
}
/*right sidebar list level3 */
#right ul li ul li ul li{
	padding: 1px 0 1px 10px;
	border: none;
}


/* comments */

#commentssection{
	clear: both;
	padding: 2px 12px;
	margin: 0;
	}
	
#commentssection h3{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12pt;
	font-weight: 300;
	font-style: normal;
	color: #000;
	}

#commentform{
	background: #F0F0F0;
	margin: 12px 12px 20px 12px;
	padding:20px;
	}
	
#commentform p{
	color: #000;
	}
	
#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
	
#commentform h3{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10pt;
	font-weight: 300;
	color: #000;
	}
	
#commentbox{
	width:75%;
	min-width:400px;
	margin:5px 5px 0 0;
	}

#author, #email, #url, #commentbox, #submit{
	background: #fff;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 8pt;
	margin:5px 5px 0 0;
	border: none; 
	padding: 6px;
	border: 1px solid #B2B2B2;
	}

#submit{margin:5px 5px 0 0;}

	
ol.commentlist {list-style-type: none;}

ol.commentlist li {
	background: #fff;
	margin:10px 0 10px 0;
	padding:5px 0 5px 0;
	overflow: hidden;
	border-bottom:1px solid #89c1dd;}

ol.commentlist li.alt {background: #fff;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}

ol.commentlist a {color:#3E606F; font-style: normal;}

cite {  font-family:Arial, Helvetica, sans-serif;
        font-size:14px;
	color:#3E606F;
	font-weight: bold;
        font-style: normal;
	text-decoration:none;
        margin:0px;
        padding-top: 7px;
	}
	
cite a{ font-family:Arial, Helvetica, sans-serif;
        font-size:14px;
	color:#3E606F;
	font-weight: bold;
	text-decoration:none; 
}

/* search */

#searchform{
	padding: 6px 0 6px 6px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}

#searchform input#s{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 8pt;
	padding: 2px;
	margin: 2px;
	border: 1px solid #B7B7B7;
	}

#searchform input#searchsubmit{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 7pt;
	padding: 2px;
	margin: 2px 0 0 2px;
	border: 1px solid #B7B7B7;
	background-color: #fff;
	color: #797979;
	}

/* footer */

#footer {
	background: #0B1224;
	clear: both;
	width: 100%;
	margin-top:15px;
	border-top:solid 1px #DEDEDE;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 7pt;
	}
	
#footer p{padding:6px;margin: 0; color: #eee; text-align: center;}
#footer a{color: #BCBCBC;text-decoration: none;}
#footer a:hover{color: #5D5D5D;text-decoration: underline;}

/*blogroll */
ul.list-blogroll li{
	
	padding-left: 16px !important;
}
/*category widget */
ul.list-cat li, li.widget_categories li{
	
	padding-left: 20px !important;
}
/*archives widget */
ul.list-archives li, li.widget_archives li{
	
	padding-left: 20px !important;
}
/*pages widget */
ul.list-page li, li.widget_pages li, li.widget_recent_entries li{
	
	padding-left: 20px !important;
}
/*sub-pages */
ul.list-page li ul li, li.widget_pages li ul li{
	
	padding-left: 10px !important;
}
/*recent comments widget */
li.widget_recent_comments li{
	
	padding-left: 20px !important;
}
/*calendar widget */

#calendar_wrap { font-size: 10px; }
#calendar_wrap table { width: 90%; }
li.widget_calendar caption { position: absolute; left: 18px; top: -26px; line-height: 17px; height: 17px; padding: 0 7px 0 6px; font-size: 0.8em; text-transform: lowercase; color: #E7E7DA;}
li.widget_calendar th { width: 28px; height: 24px; text-align: center; line-height: 24px; color: #89897c; border-top: #e7e7da 1px solid; padding: 2px 0; }
li.widget_calendar td { width: 28px; height: 24px; text-align: center; line-height: 24px; color: #89897c; border-top: #e7e7da 1px solid; padding: 2px 0;}
li.widget_calendar tfoot a { color: #b4b463; float: none; font-size: .85em; }
li.widget_calendar #prev { text-align: left; }
li.widget_calendar #next { text-align: right; }


/*text widget */
.textwidget {
	padding-top: 5px;
}
#category{ width:195px;
           height:auto;
		   float:left;}	
	  
.cat{ height:37px;
      font-family:Arial, Helvetica, sans-serif;
      font-size:10px;}

