/* Some styles are in the page includes so they can be made dynamic */

/* General HTML Body Style and background image */

body {
background: #FFFFFF url(../images/body/background1.png) repeat-x;
margin: 0px 0px 0px 0px;
padding: 0px;
padding: 0px;
font-family: arial,helvetica,sans-serif;
font-size: 10pt;
color: #FFFFFF;
}

/* Paragraph, List Item, and Table Styles */

TD {
border: 1px solid #ddd;
background: #eee;
padding: 2px;
font-family: arial,helvetica,sans-serif;
font-size: 10pt;
color: #595959;
}

/* Heading Styles */

H1, H2, H3, H4, H5 {
font-family: arial,helvetica,sans-serif;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-transform: lowercase;
clear: both;
}

/* H1 is generally not used, and is reserved for the site title, which is an image right now */
H1 {
font-size: 25pt;
color: #FFFFFF;
}

H2 {
font-size: 26pt;
margin: 0px 0px 20px 10px;
}

H3 {
font-size: 15pt;
text-align: right;
margin: 23px 10px 15px 10px;
padding-right: 5px;
background: #FFFFFF url(../images/bg-h3.jpg) repeat-y; }

H4 { font-size: 13pt; font-weight: bold; text-decoration: none; margin: 9px 0px 9px 10px; }
H5 { font-size: 11px; color: #A0A0A0; text-decoration: none; margin-top: 0px; }

/* Hyperlink Pseudo-Class Styles */

A { background-color: transparent; text-decoration: none; border-bottom: 1px dotted; }
A:link { color: #666; }
A:visited { color: #AAA; }

/* Horizontal Rule Styles */

HR { color: #FFFFFF; height: 0px; border-bottom: 1px dotted #A0A0A0; }

/* White space */

#borderleft {
position: absolute;
top: 0px;
left: 50%;
margin-left: -405px;
width: 15px;
height: 100%;
border: 0px;
background: #FFFFFF url(../images/body/border1-left.png) repeat-x;
}

#borderright {
position: absolute;
top: 0px;
left: 50%;
margin-left: 390px;
width: 15px;
height: 100%;
border: 0px;
background: #FFFFFF url(../images/body/border1-right.png) repeat-x;
}

/* Site Title and Title Bar Behavior */

#header {
position: absolute;
top: 0px;
left: 50%;
margin-left: -390px;
width: 780px;
height: 700px;
border: 0px;
background: #FFFFFF url(../images/body/header-bg.png) repeat-x;
}

#header A,IMG {
border: 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
}


/* Container for Content, Sidebar, Footer */

#container {
position: absolute;
border: 0px;
top: 255px;
left: 50%;
padding: 0px;
margin-left: -390px;
text-align: left;
background: transparent;
}


/* Content area */

#content {
overflow: hidden;
float: left;
margin: 0px 30px 30px 5px;
padding: 0px;
width: 550px;
background: transparent;
}

html>body #content {
margin: 0px 30px 30px 10px;
}


#content P {
font-family: arial,helvetica,sans-serif;
color:#888;
font-size: 10pt;
line-height: 150%;
margin: 0px 10px 8px 10px;
}

#content BLOCKQUOTE {
padding: 4px 7px 4px 7px;
margin: 5px 10px 5px 14px;
font-size: 8pt;
color: #888;
border-left: 4px solid #EEE;
background: #FBFBFB;
}

#content IMG { border: 0px; margin: 4px; }

#content IMG.photosplash { float: right; }

#content LI {
font-family: arial,helvetica,sans-serif;
font-size: 9pt;
line-height: 150%;
color: #888;
margin: 5px 10px 5px 5px;
}

#content UL { list-style-image: url(../images/img-bullet1.png); list-style-type: square; }

#content PRE {
font-family: Courier New, Courier, monospace;
font-size: 7pt;
color: #595959;
padding: 0px 10px 0px 10px;
background-color: #F1F1F1;
}

#content FORM { margin: 0px 10px 8px 10px; }
#content FORM BUTTON { margin: 0px 10px 8px 10px; }


/* Sidebar with ads */

#sidebar {
position: relative;
float: right;
clear: right;
width: 170px;
padding: 5px 0px 0px 0px;
background-color: #ECEDEC;
margin: 15px 25px 20px 0px;
}

html>body #sidebar {
float: left;
margin: 15px 10px 20px 0px;
}

#ads {
width: 160px;
background-color: #ECEDEC;
text-align: center;
padding: 0px;
margin: 0px 0px 10px 5px;
}

/* Menu */

#menu {
position: absolute;
top: 215px;
width: 780px;
left: 50%;
margin-left: -390px;
height: 30px;
font-weight: bold;
font-size: 13px;
text-align: center;
background: url(../images/body/menubg1.png) center center repeat-x;
}

#menu A {
text-decoration: none;
}

#menu:after { /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#menu ul{
width: 100%;
background: url(../images/body/menubg1.png) center center repeat-x;
padding: 7px 0;
margin: 0;
text-align: center; /*set value to "right" for example to align menu to the left of page*/
}

#menu ul li{
display: inline;
}

#menu ul li a{
color: #494949;
padding: 7px 10px 7px 10px;
margin: 0;
border: 0px;
text-decoration: none;
}

#menu ul li a:hover {
background: url(../images/body/menubg2.png) center center repeat-x;
border: 0px;
text-decoration: none;
}

/* Inset tables for images and other things */
#content table.right {
width: 10px;
float: right;
border: 1px solid #ddd;
background: #eee;
padding: 2px;
margin: 0px 10px 13px 10px;
text-align: center;
font-size: 9pt;
}

#content table.left {
width: 10px;
float: left;
border: 1px solid #ddd;
background: #eee;
padding: 2px;
margin: 0px 10px 3px 10px;
text-align: center;
font-size: 9pt;
}

#content table p { margin: 2px 0px 7px 0px; font-size: 11px; }
#content table img { border: 0px; margin: 0px 0px 2px 0px; }

/* Needed because we have a plain vanilla TD style, which we might want to delete */
#content table.right TD { padding: 0px; border: 0px; }
#content table.left TD { padding: 0px; border: 0px; }

/* Image Styles */

DIV.photo {
border-top: 1px solid #EFEFEF;
border-bottom: 1px solid #EFEFEF;
display: block;
width: 550px;
margin: 15px 10px 15px 10px;
padding: 5px;
clear: both;
text-align: left;
font-family: arial,helvetica,sans-serif;
line-height: 150%;
font-size: 9pt;
color: #888;
background: url(../images/bg-div-photo.jpg) repeat-y;
}

DIV.photo IMG {
position: relative;
border: 4px solid #E0E0E0;
float: left;
margin: 0px 0px 6px 0px;
padding-right: 10px;
display: block;
}

/* For making sure the image is entirely contained in the parent div, enlongating the div if needed */
DIV.photo DIV.spacer { clear: both; }

/* Contains the text for the photo */
DIV.photo DIV { margin: 0px 15px 0px 160px;}

DIV.bannerimage {
display: block;
width: 550px;
clear: both;
text-align: left;
padding-left: 5px;
}

DIV.bannerimage A,IMG {
border: 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
}

.imgbdr {
border: 1px solid #EEEEEE;
margin: 0px 3px 0px 3px;
}

.imgplain {
border: 0px;
margin: 0px 3px 0px 3px;
}

/* Wallpaper Gallery styles for block images */

table.gallerythumb {
width: 260px;
height: 220px;
float: right;
border: 1px solid #ddd;
background: #eee;
padding: 4px;
font-size: 9pt;
margin: 0px 5px 7px 5px;
text-align: center;
}

table.gallerythumb td { background: #f8f8f8; overflow: hidden; }

table.gallery P { font-size: 10px; }
DIV.thumb { float: left; width: 180px; height: 200px; margin: 2px; border: 1px solid #fff; }
DIV.thumb IMG { margin-top: 8px; }
DIV.thumb P { margin: 0px 4px 4px 4px; }

/* Floating images don't work well in IE because they hide text
for not reason, so the floowing should be deprecated */

.imgleftbdr { position: relative; border: 1px solid #EEEEEE; float: left; margin: 0px 8px 0px 0px; }
.imgrightbdr { position: relative; float: right; border: 1px solid #EEEEEE; margin: 0px 0px 0px 8px; }
.imgleftplain { position: relative; float: left; border: 0px; margin: 0px 8px 0px 0px; }
.imgrightplain { position: relative; float: right; border: 0px; margin: 0px 0px 0px 8px; }

/* Blog styles */

#content DIV.blogentry {
display: block;
width: 550px;
margin: 25px 25px 10px 0px;
padding: 0px;
clear: both;
text-align: left;
font-family: arial,helvetica,sans-serif;
line-height: 140%;
font-size: 8pt;
color: #888;
}

#content P.blogdateline {
margin-top: 3px;
margin-bottom: 2ex;
clear: both;
}

#content DIV.blognav {
display: block;
width: 550px;
margin: -20px 10px 10px 0px;
padding: 5px;
clear: both;
text-align: right;
font-family: arial,helvetica,sans-serif;
line-height: 150%;
font-size: 8pt;
color: #888;
}

/* Footer section for copyright notification */

#footer {
clear: both;
width: 780px;
height: 100px;
text-align: center;
padding: 0px;
background: #FFFFFF url(../images/body/footer-bg.png) repeat-x;
margin: 0px;
}

#footer DIV.copyright {
font-family: arial,helvetica,sans-serif;
font-size: 13px;
font-weight: normal;
color: #999999;
padding: 0px;
margin: 28px 0px 0px 0px;
}

html>body #footer DIV.copyright { padding: 28px; }

#footer DIV.copyright A { text-decoration: none; border: 0px; }

#footer DIV.links {
margin: 25px 0px 0px 0px;
width: 780px;
padding: 0px;
}

html>body #footer DIV.links { margin: 0px 0px 0px 0px; }

#footer DIV.links IMG { border: 0px; margin: 0px 0px 0px 0px; }
#footer DIV.links A { border: 0px; margin: 0px 0px 0px 0px; }

/*
   Thank you for reading the CSS stylesheet.  This stylesheet is,
   like the rest of the site, copyright 2003-2004 Ed Holden.  But
   on the web this has very little meaning in practice, since the
   copying of styles and source code is the reason web design
   keeps getting better.  So go ahead and borrow my styles - I
   hope they're useful.
                                       -Ed
*/