/**
 *  Stylesheet.css
 * Author: Raphael Lagman
 * Created: June 18th, 2009
 */

/* Basic HTML Elements */
body { background: black; font-family: Verdana; color:white; margin:0px; padding: 0px; }
h1, h2 { font-family: AngroEF-Bold; font-variant: small-caps; margin: 0px; padding: 0px; }
h3 { margin: 0px; padding: 0px; }
a:link, a:visited { text-decoration: none; color:white; }
a:hover { text-decoration: underline; color:white;}
ul#navBar { margin:0px; padding: 0px; }
img { border: 0 }

/* Containers */
div#main_container { width: 100%; background: url("/images/frontend/background.png") no-repeat top; text-align:center; }
div#background_container { background: black url("/images/frontend/main/desert.png") no-repeat top right; width: 950px; margin: 0px auto; text-align:left;  }
div#header_container { width: 100%; height:70px; }
div#menu_container { background: url("/images/frontend/menu_background.png") repeat-x; width:100%; height:51px;  } 
div#content_container { }
div#footer_container { font-family:AngroEF-Bold; font-variant: small-caps; margin-top: 20px; text-align:center; }

/* Header Elements */
div#header_logo { float:right; background-image: url("/images/frontend/logo.png"); width:307px; height:70px; margin-top: 1px;}
div#header_title  { float:right; background-image: url("/images/frontend/title.png"); width:509px; height:70px; margin-right:25px;}

/* Menu Elements */
div#nav_container { float: left; }
div#nav_container img { border-style: none;}
div#nav_container ul { margin: 0px; padding:0px;} 
div#nav_container li { display: inline; list-style-type: none; margin:0px; padding:0px;}
div#nav_container .nav_item { float:left; }  

/* === Content Container ===  */
/* Right Container */
div#right_container { float:right; margin-bottom: 15px; margin-top: -1px;} 
div#right_blurb     { background: url("/images/frontend/area.png") no-repeat; width:307px; height:301px; text-align:left; font-size:12pt; }
div#blurb_content    { font-family:Verdana; color:#4d300f; padding: 1px 30px; }
div#blurb_readmore { float:right; margin-right: 25px;}
div#right_col           {    }
/* Main Container */
div#content_main   { padding-top:200px; color:white; text-align: left; }

/* Footer Container */
p.footer_line { color: white; margin: 0px; padding:0px;}
p.copyright { color: white; margin: 0px; padding:0px; font-size: 10pt;}
img.foodconnect_logo { margin-top: 20px; }


/* Modal Dialogs */
.modal_dialog { width: 850px;  }

.modal_header { width: 100%; height: 45px; clear:both;}
.modal_top { float:left; background: url("/images/modal/modal_top.png") repeat-x top; width: 80%; height:100%; }
.modal_tl { float: left; background: url("/images/modal/modal_top_left.png") no-repeat right; width: 10%;  height:100%;}
.modal_tr { float:left; background: url("/images/modal/modal_top_right.png") no-repeat left; width: 10%; height:100%;}

.modal_content { width: 100%; height: 500px;}
.modal_main { float: left; width: 80%; height: 100%; background-color: #f5f3e4; }
.modal_left { float: left; background: url("/images/modal/modal_left.png") repeat-y right; width: 10%;  height: 100%;}
.modal_right { float: left;  background: url("/images/modal/modal_right.png") repeat-y left; width: 10%;  height: 100%;}

.modal_footer { width: 100%; height: 45px; clear:both;}
.modal_bottom { float: left; background: url("/images/modal/modal_bottom.png") repeat-x bottom; width: 80%; height: 100%; }
.modal_bl { float: left; background: url("/images/modal/modal_bottom_left.png") no-repeat right; width: 10%;  height: 100%;}
.modal_br { float: left; background: url("/images/modal/modal_bottom_right.png") no-repeat left; width: 10%;  height: 100%;}