/* Base class across website */
body 
{
font-family: Georgia, Constantia, "Lucida Bright", LucidaBright, "DejaVu Serif", "Bitstream Vera Serif", serif
padding: 0;
margin: 0;
}

#sect_head
{
/*At top*/
position: absolute;
z-index: 20;
top: 0; /*head_height*/
left: 0; /*nav width*/
white-space: nowrap;
padding: 0;
margin: 0;
height: 4.2em;
width: 100%;
border-bottom-width: 3px;
border-bottom-style: solid;
border-top-width: 3px;
border-top-style: solid;
/*border: dotted 2px #ccc;*/
}

#sect_nav
{
/* On left below heading */
position: absolute;
z-index: 30;
top: 0; /*head height*/
left: 0; /*nav width*/
width: 7em;
padding: 0 0 0.2em 0;
margin: 0;
border-top-width: 3px;
border-top-style: solid;
/*border: dotted 2px #ccc;*/
}

#sect_main,
#sect_main_columns
{
/*Right of nav, below heading */
position:absolute;
display:block;
z-index: 10;
margin: 0;
padding: 25px 10px 10px 10px;
top: 3em; /*head_height*/
left: 7em; /*nav width*/
overflow:visible;
/*border: dotted 2px #ccc;*/
}
#sect_main_columns
{
/*Right of nav, below heading */
padding: 25px 16em 10px 10px;
}

#sect_main_right
{
/* Right side of main area */
width: 12em;
text-align: center;
float:right;
position:relative;
margin-left: 10px;
margin-right: -15em;
display:inline;
/*border: dotted 2px #ccc;*/
}

#sect_foot
{
/* at end of main */
position: relative;
margin-top: 1em;
border-top-style: dotted;
border-top-width: thin;
padding-top: 2pt;
font-size: 70%;
width: inherit;
/*border: dotted 2px #ccc;*/
}

#seasonal
{
position: absolute;
z-index: 50;
height: 75px;
width: 100%;
}

/* general */
a:link
{
color: red;
font-weight: bold;
text-decoration: underline;
}
a:visited
{
color: #e00;
font-weight: bold;
text-decoration: none;
}
a:hover
{
font-weight: bold;
text-decoration:underline;
color: white;
background: red;
}

span.email:hover
{
display: inline-block;
color: red;
}
span.email img
{
border: 0;
margin: 0;
padding: 0;
vertical-align: middle;
}
p {
line-height: 140%;
}

/*Utensils */
.hidden
{
display: none;
}
.shown
{
display: block;
}

h1
{
padding: 10px 0 30px 0;
margin: 0;
color: red;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-weight: bold;
text-align: center;
background-color: white;
/*border: solid 1px black;*/
}


h1.head_title
{
padding: 0 0 0 120px;
margin: 0;
border: 0;
font-size: 28pt;
text-align: left;
}
#head_date
{
padding: 0 0 0 120px;
}

/* sect_main */
h1.sect_main 
{
padding: 0;
margin: 0;
}
/* end sect_main */

h2
{
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
padding: 5px 5px 10px 10px;
margin: 0;
border-left: 3px solid red;
border-top: 1px solid red;
/*border-bottom: solid 1px black;*/
color: black;
}

h2.box
{
margin: 20px 20px 5px 20px;
padding: 5px 5px 10px 10px;
border: solid 2px black;
background-color: red;
color: white;
}

h3
{
margin-right: 50px;
}

div.box
{
border: solid 2px black;
padding: 10px 10px 40px 10px;
margin: 0 20px 0 20px;
}
div.inbox
{
margin: 10px;
}
div.photos
{
margin: 5px 20px 0 20px;
border: solid 2px black;
padding: 20px 20px 40px 20px;
}

img.framed
{
background: transparent url( "images/wood.jpg" ) repeat scroll top left;
margin: 5px;
padding: 6px 6px 15px 6px;
border: thick double #600; 
}

img.clean
{
margin: 5px;
background-image: none;
border: 0;
}

#sect_main_right .title
{
font-weight:bold;
text-align: center;
}

#sect_main_right .mini
{
font-style:italic;
font-size:smaller;
text-align: center;
}


.image_centre
{
text-align: center;
}

.list_seperate
{
line-height: 1.5;
}

.button
{
padding: 2px 10px 4px 10px;
border-top: solid 2px #999;
border-left: solid 2px #999;
border-bottom: solid 2px #333;
border-right: solid 2px #333;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-size: 14pt;
font-weight: normal;
text-align: center;
background-color: #f00;
color: white;
}

.button:hover
{
padding: 2px 10px 4px 12px;
font-weight: bold;
cursor: pointer;
}

/* end general */


/* sect_head */
.head_title
{
color: red;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-weight: bold;
font-size: 28pt;
padding: 0;
margin: 10pt;
}

.head_title a:link
{
text-decoration:none;
color: red;
background-color: White;
}
.head_title a:visited
{
text-decoration:none;
color: red;
background-color: White;
}
.head_title a:hover
{
text-decoration: underline;
} 
/* end sect_head */

/* sect_nav */
div.logo
{
margin: 10px 0 10px 5px;
text-align: center;
/*background: red url('images/logo clear tiny.png') no-repeat scroll center; */
width: 6em; 
height: 6em;
}

div.logo ima
{
width: 100%; 
height: 100%;
}

ul#mainnav /* Nav list */
{
margin: 0;
padding: 0;
border: 0;
width: inherit;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
text-align: center;
list-style-type: none;
background-color: white;
}

ul#mainnav li /* Nav section title */
{
margin: 10px 5px 5px 5px;
border-top: 3px transparent solid; /*hidden */
border-bottom: 3px transparent solid; /*hidden */
cursor: default;
display: block;
font-weight: bold;
font-size: 110%;
font-variant: small-caps;
color: red;
background-color: white;
}

ul#mainnav li:hover /* Nav section title */
{
border-top: 3px red solid;
border-bottom: 3px red solid;
background-color: white;
color: red;
}

ul#mainnav li ul /* Nav item list */
{
margin: 0;
padding: 0;
border: 2px transparent solid;
list-style-type: none;
}

ul#mainnav li ul li /* Nav item */
{
margin: 0;
padding: 0;
border: 1px transparent solid; /*force correct IE display*/
font-size: 95%;
font-variant: normal;
font-weight: normal;
}

ul#mainnav li ul li:hover /* Nav item */
{
border: 1px transparent solid;
}

ul#mainnav li ul li a /* Nav item link */
{
font-weight: normal;
padding: 4px;
display: block;
text-decoration: none;
color: red;
}

ul#mainnav li ul li a:hover /* Nav item link hover */
{
font-weight: normal;
background-color: #fDD;
text-decoration: underline;
}

ul#mainnav, /* Nav list */
ul#mainnav li, /* Nav section title */
ul#mainnav li ul, /* Nav item list */
ul#mainnav li ul li, /* Nav item */
ul#mainnav li ul li a, /* Nav item link */
ul#mainnav li ul li a:hover /* Nav item link hover */
{
/*border: 1px green dotted;*/ /* Debugging Nav */
}
/* end sect_nav*/

/*comments section */
#sect_comm
{
margin-top: 60px;
}

#comments
{
border: dotted 2px red;
margin-top: 10px;
padding: 10px;
}

#add_comment
{
border: dotted 2px red;
margin-top: 10px;
padding: 10px 10px 20px 10px;
}

h2.comment_section_title
{
padding: 2px 10px 4px 10px;
border: solid 2px #999;
border-bottom: solid 2px #333;
border-right: solid 2px #333;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-size: 14pt;
font-weight: normal;
text-align: center;
background-color: #f00;
color: white;
}

h2.comment_section_title:hover
{
padding: 2px 10px 4px 12px;
font-weight: bold;
cursor: pointer;
}

div.comment
{
padding: 0;
margin: 0 0 25px 0;
}

h3.comment_title
{
padding: 0 0 4px 20px;
margin: 0;
color: white;
background: transparent url( "images/logo100.png" ) repeat scroll top left;
}

div.comment_text
{
margin: 0;
padding: 5px 0 10px 10px;
/*border: solid 1px red;*/
border-left: solid 10px red;
}

/* end comments section */

/* code section */
pre.code,
span.code
{
	font-family: monospace, Courier New;
}

pre.code
{
	white-space: pre;
	background-color: #ffc;
	padding: 5px 0 10px 10px;
	margin-bottom: 20px;
}

span.code-comment
{
	font-style: italic;
	color: green;
}

span.code-keyword
{
	color: blue;
}

/* end code section */

/* books */
/*table.books
{
	border: black 2px solid;
}

tr.book_row_head
{
	border: black 2px solid;
}

tr.book_row_head a
{
	color: black;
}

td.book_position_head
{
	text-align: center;
}
td.book_position_head,
td.book_title_head,
td.book_author_head
{
	font-weight: bold;
	font-size: large;
}

td.book_position_head,
td.book_position,
td.book_title_head,
td.book_title,
td.book_author_head,
td.book_author
{
	padding: 8px 10px;
}

td.book_position
{
	text-align: center;
}

tr.book_row_even
{
	background-color: #FCC;
}
tr.book_row_odd
{
	background-color: #FDD;
}
tr.book_row_even:hover,
tr.book_row_odd:hover
{
	background-color: #FEE;
}*/
/* end books section */

table.books
{
	border: black 2px solid;
}
table.books thead tr
{
	border: black 2px solid;
}
table.books thead tr a
{
	color: black;
}
table.books *.count,
table.books *.position
{
	text-align: center;
}
table.books *.title,
table.books *.author
{
	text-align: left;
}
table.books thead td
{
	font-weight: bold;
	font-size: large;
}
table.books td,
table.books th
{
	padding: 8px 10px;
}
table.books tr
{
	background-color: #fcc;
}
table.books tr.odd
{
	background-color: #fdd;
}
table.books tr:hover
{
	background-color: #fee;
}
/* end books section */

/* blogs */
table.blogs
{
	border: 0;
	width: 100%;
}
table.blogs thead tr a
{
	color: black;
}
table.blogs th
{
	font-weight: bold;
	font-size: large;
}
table.blogs tr
{
	background-color: #fcc;
}
table.blogs tr.odd
{
	background-color: #fdd;
}
table.blogs tr:hover
{
	background-color: #fee;
}
/* end blogs */