/* Colors 
Orange - #ea9f2a
cc6600
*/

/* Master layout and navigation */
html, body, form { height: 100%;  }
body { background: #000 url(../images/bg.jpg) repeat-y; }
#container { min-height: 100%; background: url(../images/logo_main.png) no-repeat top left; }
#main { width: 683px; margin-left: 287px; position: relative; background-color: #fff; height: 100%; min-height: 800px; }
#leftedge, #rightedge { position: absolute; top: 0; width: 8px; height: 100%; }
#leftedge { left: 0; background: url(../images/left_grad.png) repeat-y; }
#rightedge { right: 0; background: url(../images/right_grad.png) repeat-y top right; }
.content { /*padding: 0 20px 10px 20px;*/ background-color: #E0D4AE; min-height: 1000px; }
#top { margin: 0; padding: 0; background-color: #e0d4ae; font-family: Georgia, Times New Roman, Serif; height: 81px; position: relative; }
#top h2 { margin: 0 0 20px 0; padding: 0 20px; float: right; background: url(../images/tagline.png) no-repeat; width: 446px; height: 32px; text-indent: -9999px; }
.latest { font-family: "Times New Roman", Serif; font-weight: bold; position: absolute; /*top: 75px; left: -35px;*/ top: 15px; left: 10px; }
.latest a { color: #000; }

#nav { margin: 0; padding: 0; position: absolute; right: 0; top: 55px; font-family: Times New Roman, Serif; }
#nav li { list-style: none; float: left; margin: 0; padding: 0; }
#nav li#firstorange { background: url(../images/nav_ylw_left.png) no-repeat; padding-left: 5px; }
#nav li#firstbrown { background: url(../images/nav_mid.png) no-repeat; padding-left: 10px; }
#nav li a { float: left; color: #fdfdfd; text-decoration: none; margin: 0; padding: 5px 10px 5px 10px;}
#nav li a.orange { background: url(../images/nav_ylw_bg.png) repeat-x; }
#nav li a.brown { background: url(../images/nav_brn_bg.png) repeat-x; }
#nav li a:hover { text-decoration: underline; }

/* General Styles */
.clear { clear: both; }
h1 { font-family: Georgia, Times New Roman, Serif; color: #e0d4ae; font-size: 140%; font-weight: bold; padding: 10px 10px; margin: 0; background: #4b3a30 url(../images/h1bg.png) repeat-x; }
h2 { font-size: 220%; margin: 0; padding: 0; }

/* Home Page */
#hometasks { width: 683px; height: 281px; background-image: url(../images/hm_brwn_pics.jpg); }
#createbox { padding: 85px 0 0 30px; }
#searchbox { padding: 30px 0 0 30px; }
.imgblock { display: block; margin: 0; padding: 0; }
input.text { vertical-align: middle; width: 200px; }
input.button { vertical-align: middle; }
.contentbox { font-family: Georgia, Times New Roman, Serif; color: #503D1C; background-color: #1f150b; float: left; width: 100%; }
.contentbox h2 { padding: 0 20px; color: #ededed; font-size: 160%; margin-top: 15px; }
.contentbox p { padding: 0 20px; line-height: 1.2em; }

.contentbox a, .contentbox a:link, .contentbox a:visited { color: #222; }
.contentbox a:hover { color: #555; }
.contentspacer { width: 100%; height: 301px; background: #4b3a30 url(../images/contentspacer.png) repeat-x; float: left; }
.formbox { background-color: #333; color: #fff; }
.orangebox { background-color: #ea9f2a; }