/* Theme Name: hoshii
Theme URI: http://www.hoshii.co.uk
Description: A widget ready WP theme - two column, centred layout.
Author: Mark Jones*/

/**************************   HTML ELEMENTS***********/ 

/* Top Elements */

* { margin: 0; padding: 0; border: 0 }

body {	
        background: #5a5a5a;	
        font: 75%/1.5em arial, Tahoma, arial, sans-serif; 
        color: #666666; 	
        text-align: center;
}

/* links */

a, a:visited {		color: #227ae7;	background: inherit;	text-decoration: none;}
a:hover {	color: #88ac0b;	background: inherit;	text-decoration: underline;}

/* headers */

h1, h2, h3 {	font-family: arial, Tahoma, Sans-serif;	font-weight: Bold;}

/* h1 {	font-size: 160%; font-weight: normal;} */

#header h1#logo

{
     display:block;
     width:344px;
     height:31px;
     text-indent:-9009px;
     background:transparent url(images/hingham_logo.gif) no-repeat 0 0;
     position: absolute;
     top: 25px; 
     left: 10px;	
}

h1 {
     	font-size: 140%; color: #262626;	
}


h2 {	font-size: 130%; color: #262626;}
h3 {	font-size: 130%;	}

h1, h2, h3, p {	padding: 10px; margin: 0;}

ul, ol { margin: 5px 20px; padding: 0 20px;}

/* images */

img {	background: #FAFAFA;   border: 1px solid #DCDCDC;	padding: 5px;}
img.float-right {  	margin: 5px 0px 10px 10px;  }
img.float-left {  	margin: 5px 10px 10px 0px;}
code { margin: 5px 0; padding: 10px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em arial, 'courier new', monospace ;  	

/* white-space: pre; */  	
background: url(images/post.jpg);	border: 1px solid #E0DBC9;  }
acronym {  cursor: help;  border-bottom: 1px solid #777;}
blockquote {	margin: 10px; 	padding: 0 0 0 25px; background: url(images/post.jpg); border: 1px solid #E0DBC9;	font: bold 1.3em/1.5em arial, Tahoma, Sans-serif;	color: #A89A6A;}

/* start - table */
table {	border-collapse: collapse;	margin: 10px;	}
th strong {	color: #fff;}
th {	background: #93BC0C url(images/nav.jpg) repeat-x;	height: 29px;	padding-left: 12px;	padding-right: 12px;	color: #FFF;	text-align: left;	border-left: 1px solid #B6D59A;	border-bottom: solid 2px #FFF;}
tr {	height: 30px;}
td {	padding-left: 11px;	padding-right: 11px;	border-left: 1px solid #E8E8E8;	border-bottom: 1px solid #DFDFDF;}
td.first,th.first {	border-left: 0px;}
tr.row-a {	background: #F8F8F8;}
tr.row-b {	background: #EFEFEF;		}
/* end - table */


/* form elements */
form {	margin:10px; padding: 0 5px;	border: 1px solid #D5D5D5; 	background-color: #DADADA; 	}
label {	display:block;	font-weight:bold;	margin:5px 0;}
input {	padding:2px;	border:1px solid #eee;	font: normal 1em arial, sans-serif;	color:#777;}
textarea {	width:400px;	padding:2px;	font: normal 1em arial, sans-serif;	border:1px solid #eee;	height:100px;	display:block;	color:#777;}
input.button { 	font: bold 12px Arial, Sans-serif; 	height: 24px;	margin: 0;	padding: 2px 3px; 	color: #FFF;	background: #8EB50C url(images/nav.jpg) repeat-x 0 0;	border: none;}

/* search form */
#searchform {	background-color: transparent;	border: none;		margin: 0; padding: 5px 0 15px 0;		width: 190px;	}
#searchform p { margin: 0; padding: 0; }
#searchform input.textbox { 	width: 120px;	color: #777; 	height: 18px;	padding: 2px;		border: 1px solid #E5E5E5;	vertical-align: top;}
#searchform input.button { 	width: 60px;	height: 24px;	padding: 2px 5px;	vertical-align: top;}

/********************************************LAYOUT*******************************************/ 

#wrap { position: relative;        
        width: 790px;	
        margin: 0 auto;	
        text-align: left;
}

#top-bg {        position: absolute;        background: #fff;	width: 790px;	height: 19px;	top: 0; left: 0;	z-index: 2;	}

#content-wrap {	position: relative;	clear: both;	float: left;		width: 790px;		padding: 0; 		background: #ffffff;		border-top: 5px solid #FFF;	border-bottom: 2px solid #D0D0D0;	display: inline;}

#header { width: 790px;	
          position: relative;	
          height: 100px;	
          padding: 0;        
          background: #ffffff;		
          color: #FFF;	
}

#header h1#logo-text a { position: absolute;	
                         margin: 0; 
                         padding: 0;	
                         font: bold 36px Arial, Sans-serif;	
                         letter-spacing: -1px;	
                         color: #AEAAAA;	
                         text-transform: none;	
                         text-decoration: none;		

/* change the values of top and left to adjust the position of the logo*/	

                         top: 25px; 
                         left: 30px;	
}
#header h1#logo-text span {	color: #838181;}
#header h2#slogan {	position: absolute;	margin: 0; padding: 0;	font: normal 12px Arial, Sans-serif;	text-transform: none;	color: #838181;		

/* change the values of top and left to adjust the position of the slogan*/	
top: 67px; left: 95px;		}

/* header links #

header #header-links {	position: absolute;	top: 20px; right: 20px;		color: #838181;	font-size: 10px;	}
#header #header-links a {		color: #838181;	text-decoration: none;	}#header #header-links a:hover {	color: #444;		}*/

/* header-photo */
#header-photo {	clear: both;	height: 190px;	width: 790px;	margin: 0 auto;	background: #FFF url(images/header-photo.jpg) no-repeat center center;}

/* Navigation */
#nav {	clear: both;		padding: 0;		}
#nav ul {	float: left;	list-style: none;	background: url(images/nav.jpg) repeat-x;		width: 790px;			text-transform: uppercase;	margin: 0 0 0 15px;	padding: 0;		display: inline;}
#nav ul li {	display: inline;	margin: 0; padding: 0;}
#nav ul li a {	display: block;	float: left;	width: auto;	margin: 0;	padding: 0 14px;	border-right: 1px solid #899D00;	border-left: 1px solid #A7D101;	border-bottom: none;	color: #FFF;	font: bold 13px/2.8em arial, Geneva, sans-serif;	text-decoration: none;		letter-spacing: 1px;}
#nav ul li a:hover, #nav ul li a:active {	background: url(images/nav-hover.jpg) repeat-x;	}
#nav ul li#current a {		background: url(images/nav-current.jpg) repeat-x;	}

/* Main Column */
#main {	float: left;	width: 67%;	padding: 0; margin: 10px 0 0 10px;	display: inline;}
#main h1 {	margin-top: 10px;	font: normal 1.6em arial, Tahoma, Sans-serif;	color: #8C9F0D; 	padding: 5px 0 5px 5px; 		}
#main ul li {	list-style-image: url(images/bullet.gif);}
.post-footer {	background: url(images/post.jpg);	padding: 5px; margin: 20px 10px 0 10px;		font-size: 95%;		color: #AEA471;	border: 1px solid #E0DBC9;}
.post-footer .date{	margin: 0 10px 0 5px;	}
.post-footer a.comments {	margin: 0 10px 0 5px;	}
.post-footer a.readmore {	margin: 0 10px 0 5px;	}

/* footer */
#footer-wrap {	clear: both;        background: #efefef;		width: 790px;	font-size: 95%;		text-align: left;	padding: 15px 0;}
#footer-wrap a {	text-decoration: none;	color: #666666;	font-weight: bold;}
#footer-wrap a:hover {	color: #000;	}
#footer-wrap p {	padding:10px 0;}
#footer-wrap h2 {	color: #666666;	margin: 0;	padding: 0 10px; }
#footer-columns {	color: #888;	margin: 0 auto; 	padding: 0;		width: 760px;		}
#footer-columns ul {	list-style: none;	margin: 10px 0 0 0; 	padding: 0;		background: url(images/footer-dots.jpg) repeat-x left top;}
#footer-columns li {	background: url(images/footer-dots.jpg) repeat-x left bottom;		}
#footer-columns li a {	display: block;	font-weight: normal;	padding: 3px 0 3px 10px;	width: 96%;}
#footer-columns .col3, .col3-center {	float: left;	width: 32%;}
#footer-columns .col3-center { 	margin: 0 15px; }

/* bottom */
#footer-bottom {	clear: both;	color: #666;		margin: 0 auto; 	width: 790px;	padding: 10px 0;	text-align: center;}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }


/* display and additional classes */
.clear { clear: both; }
.pagetitle {	font-size: 125%;	padding: 5px;	margin-bottom: 5px;}
.post h3 {	font-size: 125%;	font-weight: bold;}
#wp-calendar th, #wp-calendar td {	padding: 6px;	margin: 0px;	height: 0px;}
#wp-calendar caption {	width: 100%;}
#wp-calendar #today {	color: red;}
#sidebar #wp-calendar a {	color: orange;	text-decoration: underline;}
.commentlist {	background: #efefef;	list-style: none;	margin-top: 5px;	margin-bottom: 15px;	width: 90%;}	
.commentlist li {		}		.commentlist .commentmetadata .commentname {		font-size: 105%;		font-weight: bold;	}		
.commentlist .commentmetadata .commentdate {		font-size: 90%;		color: #CCCEDD;	}		
.commentlist li p {		padding: 5px;		margin-bottom: 0px;	}		
.commentlist a {		color:#ffa81d;		background:url(images/icon-comment.png) no-repeat 0 2px;		padding-left:20px;		padding-right:2px;		}
#sidebar {	float: right;	width: 26%;	padding: 0 10px 20px 0;         margin: 10px 0 0 0;	}
#sidebar ul li {	}
#sidebar ul li.categories ul li ul.children {	margin: 0px;	padding-left: 15px;}	
#sidebar ul li p {		padding: 0px;	}		#sidebar li a {			}		
#sidebar li a:hover {		color:#ccc;	}	#sidebar ul h2 {		


/* title */		
margin-top: 10px;		padding: 0px 0px; 		font: bold 1.4em arial, Tahoma, Sans-serif;		color: #8C9F0D;	}	
#sidebar ul li ul, #sidebar ul li .content {		

/* content */ 
text-align: left;		margin: 7px 4px 8px 0; padding: 0;		text-decoration: none;		                background: url(images/dots.jpg) repeat-x left top;	}		

#sidebar ul li ul li {		list-style: none;		background: url(images/dots.jpg) repeat-x left bottom;		padding: 4px 0 4px 5px;		margin: 0 2px;	}	
#sidebar ul {		margin: 0px;		padding: 0px;		list-style: none;		line-height: normal;	}	
* html body #sidebar ul li {		height: 1%;	}		
#sidebar ul li a {		text-decoration: none;			background-image: none;			color: #666666;				}		
#sidebar ul li a:hover {			color: #1773BC;		}
#bgwrap {        margin: 0px;        padding: 0px;        background: url(images/bg.gif) repeat-x left top; }