/*  
Theme Name: HSA

Description: <strong>HSA</strong> - Designed for North Hinksey HSA.
Version: 1.0
Author: R.Skoyles
Author URI: http://www.skoyles-illustrations.co.uk

*/

/* Reset CSS */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,a,p,img,form,table,tr,td{margin:0;padding:0;border:0;}
ol,ul{list-style:none;}

/* Main selectors & Fonts */

body {
	background: #FFFFFF url(Pics/Background.jpg) no-repeat; 
	color: #00008B;
}
body, h1, h2, h3, h4, h5, h6, td, input, textarea {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
h1 {
	margin: 2px 0 2px 0;
	font-size: 25px;	
}
h2 {
	font-size: 13px;	
}
h3 {
	font-size: 6px;
}
small {
	font-size: 9px;
}
a {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	position: relative;
}
a:link, a:visited {
	color: #DAA520;
}
a:hover {
	color: #488A00;
}
ol li {
	list-style-type: lower-alpha;
}

/* Layout & Boxes */

html, body {
        width: 820px;
	height: 100%;
	overflow: hidden;
}
div#LeftSide {
	position: absolute; top: 130px; left: 0; width: 200px; height: 100%;
	text-align: center;
	direction: rtl;
	overflow-y: auto;
	z-index: 2;
}
div#SideBar {
	margin: 6px auto 6px;
	text-align: left;
	width: 180px; 
	direction: ltr;
}
div#RightSide {
	position: absolute; top: 0; left: 190px; right:0; height: 100%;
	text-align: center;
	overflow-y: auto; overflow-x: hidden;
	z-index: 1;
}
div#Page {
	margin: 6px auto 6px;
	text-align: left;
	width: 560px; 
}
.niceDiv {
	position:relative; display: block;
	margin-left: 8px; /* Default width of left corners */
}
.niceContent, .niceTopLeft, .niceBottom, .niceBottom div {
	background: transparent url(Pics/niceDiv.png) no-repeat;
}
.niceContent {
	position: relative; display: block;
	background-position: top right;
	zoom: 1;
	padding: 8px 14px 0px 2px;
}
.niceTopLeft {
	position: absolute; display: block; left: 0; top: 0;
	width: 8px; margin-left: -8px; /* Default width of left band */
	height: 100%;
	background-position: top left;
}
.niceBottom {
	position: relative; display: block;
	width: 100%;
	background-position: bottom right;
}
.niceBottom div {
	position: relative; display: block;
	width: 8px; margin-left: -8px; /* Default width of left corners */
	background-position: bottom left;
}
.niceBottom, .niceBottom div {
	height: 16px; /* Default height of bottom band+shade */
	font-size: 1px;
}
div#Header .niceContent, div#Footer .niceContent {
	text-align: center;
}


/* Menus & Links */

#Pages ul ul, #Archives ul, #Links ul, #Meta ul, ul.children {
	padding-left: 8px;
}
.pagenav {
	padding-bottom: 6px;
}
.current_page_item, .current-cat {
	background: url(Pics/Arrow.png) no-repeat right;
}
#searchform {
	float: right;
	padding-top: 10px; 
}
#Links img {
	border: 1px outset #708090;
	vertical-align: middle;
}

/* Posts & Navigation */

.NavPrevious {
	float: left;
}
.NavNext {
	float: right;
}
.PostTitle {
	position: relative;
	float: left;
}
.PostAuthor {
	float: right;
}
.PostEntry {
	clear: both;
	padding: 8px 4px 8px 4px;
}
.PostEntry img {
	float: left; margin: 4px 8px 4px 0;
}
img.wp-smiley {
	float: none;
	margin: 1px;
}
.PostEntry blockquote {
  border-left: 4px solid #488A00; padding-left: 8px;
}
.PostEntry ol {
	list-style: decimal;	margin: 5px 30px;
}
.PostEntry ul {
	list-style: disc;	margin: 5px 20px;
}
.PostEntry hr {
	text-align: center;
	margin: 12px 10% 12px 10%;
	-moz-border: 1px inset white;
}
.PostMeta {
	clear: both;
	font-style: italic;
	text-align: right;
	padding-right: 4px;
}
.PostMeta a {
	padding-right: 2px;
}

/* Comments */

h3#comments, h3#respond {
	padding: 20px 0 10px 0;
	color: #488A00;
	text-align: center;
}
.commentlist li, .commentlist li {
	padding: 4px 8px 4px 8px;
}
.commentmeta {
	padding-bottom: 4px;
}
.commentmeta cite {
	background: url(Pics/Leaf.png) no-repeat; padding-left: 18px; padding-right: 4px;
}
.commentlist li .commenttext {
	background-image: url(Pics/LightGrey.png);
	display: inline-block;
	margin: 0 10px 0 10px;
	padding: 4px 10px 4px 10px;
}
.commentlist li.alt1 .commenttext {
  border-left: 4px solid #A4672A;
}
.commentlist li.alt0 .commenttext {
  border-left: 4px solid #A4A42A;
}
.commentlist li .commenttext blockquote {
  border-left: 4px solid #488A00; padding-left: 8px;
}
.commentlist li .commenttext ol {
	list-style: decimal;	margin: 5px 30px;
}
.commentlist li .commenttext ul {
	list-style: disc;	margin: 5px 20px;
}
.commentlist li .commenttext hr {
	text-align: center;
	margin: 12px 10% 12px 10%;
}
.commentlist li .commenttext hr {
	margin: 4px 10% 4px 10%;
}
#commentform input, #commentform textarea {
	margin: 1px;
}

/* Special cases for http://www.skoyles-illustrations.co.uk */

.PostEntry td {
	/*border: 1px solid navy; /* Debug table borders */
	padding: 2px;
}
a.thickbox {
	display: block;
}
.PostEntry img.lbSet, .PostEntry img.tbSet {
	display: block;
	margin: 0; /* .PostEntry images correction */
	background-color: white; padding: 2px;
	border: 1px solid #A52A2A;
}
.PostEntry img.lbSet:hover, .PostEntry img.tbSet:hover {
	border: 1px solid #488A00;
}
.Avatar {
	float: none; margin: 0; /* .PostEntry images correction */
	border: 2px ridge white;
}
