/* begin elements

http://www.wellstyled.com/tools/colorscheme2/index-en.html?triad;50;0;47;0.4270833333333333;0.3764705882352941;0.4270833333333333;0.26352941176470585;

*/

/* ____________ keys ________________ */
html,body{ margin:0; padding:0; width: 100%; height: 100%; }

body {  
    background-color: #000;
    font-family: verdana, georgia, arial; font-size: 10pt;
    /*padding-left: 100px; */
}

a { text-decoration: none; color: #333; }

#center { margin-left: 100px; width: 800px; min-height: 110%; margin-left: auto; margin-right: auto; background-color: white; }
#logo { position: absolute; left: -60px; padding-top: 30px; }
#billboard { position: relative; background-color: #220000; background-repeat: no-repeat; background-attachment:fixed; background-position: bottom center; }

.spaced { margin-bottom: 10px; }
.group1 { color: #000099; }

#highlight { color: firebrick; font-weight: bold; text-align: center; }

#funblue { font-family: Comic Sans MS, comic sans; font-size: 12pt; color: #000099; }
#blue { font-size: 12pt; color: #000099; }
#bordered { border: 1px #ccc solid; }

#main { position: relative; width: 800px; height: 100%; margin-left: 0px; background-color: white; }
#content { margin: 0px 5px 0px 0px; padding: 0px; }
#content.normal { float: right; width: 530px; margin-top: 10px; }
#content.wide { padding: 0px 10px 0px 10px;  width: 780px; }
#content a {  }
#name { font-size: 13pt; font-weight: bold; padding-bottom: 15px; color: #3E3C60;  }

#name { font-size: 17pt; font-weight: bold; color: firebrick; }
#nicknameIs.home #name { float: left; font-size: 20pt; }

#title { font-size: 14pt; color: #000099; }
#nicknameIs.home #title { font-size: 15pt; float: right; }

#body { font-size: 11pt; position: relative; margin-top: 10px; }
#nicknameIs.home #body { font-size: 12pt; padding-top: 3px; clear: both; }

#spacer { float: right; width: 125px; height: 700px; }


#gallery { clear: both; }
#gallery td { padding-right: 10px; }
/* ____________ end keys ________________ */


/* ____________ header ________________ */
#footer { clear: both; padding: 20px; }
/* ____________ end header ________________ */



/* ____________ footer ________________ */
#cap { position: absolute; width: 6px; height: 100%; right: -7px; top: 0px; }
/* ____________ end footer ________________ */



/* ________________ menus ________________ */
#menu_main { position: absolute; left: 0px; bottom: 0px; width: 800px; height: 48px; }
#menu_main ul { list-style-type: none; margin: 0px; padding: 3px 0px 0px 0px; }
#menu_main ul li { float: left; padding: 0px 15px 0px 0px; }
#menu_main ul li a { display: block; padding: 10px 0px 10px 11px; color: #E4FFF5; font-weight: bold;}
#menu_main ul li a.here { color: black; }


#menu_sub { margin-top: 10px; margin-left: 0px; padding: 10px 20px 10px 0px; float: left; width: 225px; background: url('/images/graphics/menu_left.bg.gif'); background-repeat: no-repeat; }

#menu_sub #links { font-weight: bold; font-size: 13pt; text-align: center; margin: 0px 0px 5px 14px;
    background: url('/images/graphics/row.bg.png'); background-repeat: repeat-x;
}
#menu_sub #links a { display: block; padding: 10px; }

#menu_sub #menu ul { list-style-type: none; margin: 0px; padding: 0px 0px 0px 10px; font-size: 12pt; }
#menu_sub #menu ul li { padding: 0px 0px 5px 10px;  }
#menu_sub #menu .parents li { padding-left: 0px; }
#menu_sub #menu #me a { font-weight: bold; color: #aa0000; }
/*#menu_sub #menu #me.no_children { padding-bottom: 10px; }
#menu_sub #menu #siblings { margin-bottom: 100px; }
#menu_sub #menu #sibling { padding-bottom: 10px; }
#menu_sub #menu #children { padding: 0px 0px 10px 10px; border-top: 1px #999 solid; }
#menu_sub #menu #children #child { padding: 0px; margin: 0px;  }
#menu_sub #menu #children #child a { color: #0000aa; padding: 5px; display: block; }*/
#menu_sub #menu #children, #menu_sub #menu #siblings { padding-top: 6px; background: url('/images/graphics/children.bg.png'); background-repeat: no-repeat; }
#menu_sub #menu #featured { background: url('/images/graphics/row.bg.png'); background-repeat: repeat-x; }


#menu_sub #featured { clear: both; background-color: #eeeeff;  padding: 5px; }
#menu_sub #goodies { clear: both; padding: 5px; text-align: right; height: 500px; }
#menu_sub #goodies ul { list-style-type: none; margin: 15px 0px 0px 0px; padding: 0px; }


/*
#menu_right { position: absolute; right: -10px; float: right; }
#menu_right ul { margin: 0px; }
#menu_right ul li { list-style-type: none; padding: 20px 15px 10px 7px; text-align: center; color: white; width: 107px; height: 152px; }
#menu_right ul li a { color: white; }
#menu_right ul li img { padding-top: 8px; filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50; }
#menu_right ul li img:hover { filter:none;-moz-opacity:100;opacity:100; }


#body #children li { }
#body #children li table tr td { vertical-align: top; }
#body #children li #title_holder { height: 20px; }
#body #children li #title { font-size: 13pt; }
#body #children li #subtitle { font-size: 12pt; }
#body #children li #subtitle:first-letter { text-transform: capitalize; }*/



#body #menu.verbose ul { list-style-type: none; margin: 0px; padding: 0px; }
#body #menu.verbose ul li { background: url('/images/graphics/row.bg.png'); background-repeat: repeat-x; }
#body #menu.verbose ul li { margin: 2px; padding: 10px; position: relative; height: 180px; clear: both; }
#body #menu.verbose ul li:first-letter { text-transform: capitalize; }
#body #menu.verbose ul li.odd { color: #777; border-bottom: 1px #ddd solid; background-color: #eeeeff; }
#body #menu.verbose ul li.even { color: #555; border-bottom: 1px #eee solid; }

#pictureItem table { float: left; }
#pictureItem table.holder td {
    width: 160px; height: 160px; text-align: center; border: 1px #ccc dotted; margin-right: 5px;
}
#pictureItem #text { display: block; float: left; padding: 10px; width: 315px; font-weight: bold; font-size: 13pt; color: firebrick; }
#pictureItem #text #subtitle { font-weight: normal; color: grey; }


/*#body #menu.verbose ul #highlight.even { color: black; background-color: #8888ff; }
#body #menu.verbose ul #highlight.even #disTab { position: absolute; top: 0px; left: -70px; width: 69px; height: 100%; background-color: #777; border-bottom: 1px #bbb solid; text-align: left; }
#body #menu.verbose ul #highlight.even #disTab div { padding: 3px; }*/
/*#body #menu.verbose ul #highlight.odd { color: black; background-color: #6666ff; border-bottom: 1px #bbb solid; }
#body #menu.verbose ul #highlight.odd #disTab { position: absolute; top: 0px; left: -70px; width: 69px; height: 100%; background-color: #888; text-align: left;  }
#body #menu.verbose ul #highlight.odd #disTab div { padding: 3px; }*/

/* ____________ end menus ________________ */


/* ____________ special ________________ */
#gallery_container.cooliris { height: 400px; padding-top: 20px; }

.rows { list-style-type: none; margin: 0px; padding: 0px; clear: both; }
.rows li { margin: 2px; padding: 10px; position: relative; }

.rows li:first-letter { text-transform: capitalize; }

.rows li #checkbox {  }
.rows #even { color: #777; border-bottom: 1px #ddd solid; }
.rows #even.regular { background-color: #eeeeff; }
.rows #even.highlight { color: black; background-color: #8888ff; }
.rows #even.highlight #disTab { position: absolute; top: 0px; left: -70px; width: 69px; height: 100%; background-color: #777; border-bottom: 1px #bbb solid; text-align: left; }
.rows #even.highlight #disTab div { padding: 3px; }

.rows #odd { color: #555; }
.rows #odd.regular { border-bottom: 1px #eee solid; }
.rows #odd.highlight { color: black; background-color: #6666ff; border-bottom: 1px #bbb solid; }
.rows #odd.highlight #disTab { position: absolute; top: 0px; left: -70px; width: 69px; height: 100%; background-color: #888; text-align: left;  }
.rows #odd.highlight #disTab div { padding: 3px; }

.rows li:hover { background-color: #eeeeff; }


#rv_row { position: relative; height: 170px;  }
#rv_row div { position: absolute; z-index: 10; top: -8px; left: -19px; height: 171px; width: 839px; }
#rv_row ul { list-style-type: none; margin: 20px 0px 0px 0px; padding: 0px; }
#rv_row ul li { float: left; position: relative; width: 134px; text-align: right; }
#rv_row ul li a span { color: white; position: absolute; z-index: 20; right: 0px; bottom: 0px; width: 100px; padding: 5px; }
#rv_row ul li img { filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; border: 1px white solid; }
#rv_row ul li img:hover { filter:none;-moz-opacity:100;opacity:100; }

#ca_map { padding: 5px; border: 1px #ddd solid; margin: 0px 5px 0px 0px; }
#hot_mode { list-style-type: none; margin: 0px; padding: 0px; height: 40px; position: absolute; top: -45px; right: 0px; }
#hot_mode li { float: left;  margin: 3px; padding: 0px; }
#hot_mode li .regular { background-color: #ff9999; }
#hot_mode li .highlight { background-color: #ff5555; }
#hot_mode li a { font-size: 12pt; margin: 0px; padding: 5px; display: block; }

#fuel_cost_estimator { width: 190px; margin: 0px 0px 40px 0px; padding: 5px; border: 1px #ccc dotted; }
#fuel_cost_estimator b { font-size: 13pt; }
#fuel_cost_estimator input.button { margin-right: 5px; }
#fuel_cost_estimator input.text { width: 60px; background: transparent; border: none; border-bottom: 1px black dotted; }
#fuel_cost_estimator ul { list-style-type: none; margin: 0px; padding: 0px; }
#fuel_cost_estimator ul li { font-size: 8pt; font-face: verdana; }
#fuel_cost_estimator ul li input { margin-top: 8px; font-size: 10pt; font-face: verdana; }


.tiny { font-size: 6pt; }
.small { font-size: 8pt; }
.medium { font-size: 10pt; }
.large { font-size: 12pt; }
.xlarge { font-size: 15pt; }
.xxlarge { font-size: 18pt; }
/* ____________ end special ________________ */