/*
	index.css
	
	Copyright (c) Vicarious Web Development
	www.vicariousweb.com
	
	Lead Developer: Jacob Sowles
	Date: 03.25.08
*/

/* GLOBAL =================================================== */

body
{
background: #bbb;
font-family: arial, verdana, sans-serif;
font-size: 12px;
color: #666;
margin: 0;
padding: 0;
}

p
{
line-height: 20px;
margin: 0 0 20px 0;
padding: 0;
}

h1, h2
{
width: 100%;
color: #346992;
font-size: 22px;
font-weight: normal;
letter-spacing: 1px;
margin: 0 0 20px 0;
padding: 0 0 2px 0;
border-bottom: 1px solid #d2d2d2;
}

h2
{
font-size: 12px;
font-weight: bold;
padding-bottom: 2px;
}

h3								/* Used for block header titles */
{
color: #fff;
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
margin: 7px 0 0 38px;
padding: 0;
}

a
{
color: #ec6c13;
font-weight: bold;
text-decoration: none;
margin: 0;
padding: 0;
}

a:hover
{
text-decoration: underline;
}

a.grey_link
{
color: #666;
}

img
{
border: 0;
margin: 0;
padding: 0;
float: left;
}

div#sidebar div.error_box
{
background: #ffeadc;
font-size: 10px;
line-height: 20px;
margin: 0 20px 10px 20px;
padding: 4px 8px 4px 8px;
clear: left;
border: 1px solid #ec6c13;
}

div#content div.error_box
{
background: #ffeadc;
font-size: 10px;
line-height: 20px;
margin: 0 0 10px 0;
padding: 4px 8px 4px 8px;
clear: left;
border: 1px solid #ec6c13;
}

table
{
line-height: 20px;
}

td
{
padding: 2px 0 2px 0;
}

td.field_header
{
font-weight: bold;
padding-right: 20px;
}

td.error
{
color: #ec6c13;
}

span.key_words
{
color: #ec6c13;
font-weight: bold;
}

/* CONTAINER ================================================ */

div#container
{
width: 900px;
text-align: left;
margin: auto;
padding: 0;
}

/* MAIN ===================================================== */

div#main
{
width: 900px;
background: url('images/main_bg.jpg');
text-align: left;
margin: auto;
padding: 0;
float: left;
}

/* CORE ===================================================== */

div#core
{
width: 822px;
background: #f0f1f1;
margin: 0 0 0 38px;
padding: 0;
float: left;
border-right: 1px solid #626262;
border-left: 1px solid #626262;
}

p#mission_statement
{
font-style: italic;
margin: 8px 12px 0 0;
padding: 0;
float: right;
}

/* BANNER =================================================== */

div#banner
{
width: 822px;
height: 213px;
background: url('images/banner.png');
margin: 0;
padding: 0;
float: left;
}

div#banner ul
{
width: 221px;
list-style-type: none;
display: block;
margin: 24px 0 22px 20px;
padding: 0;
float: left;
border-top: 1px solid #282828;
border-bottom: 1px solid #4b4b4b;
}

div#banner ul li
{
width: 221px;
display: block;
margin: 0;
padding: 0;
float: left;
clear: left;
border-top: 1px solid #4b4b4b;
border-bottom: 1px solid #282828;
}

div#banner ul li a
{
width: 207px;
background: url('images/nav/bg.jpg');
color: #f0f1f1;
font-size: 11px;
letter-spacing: 1px;
margin: 0;
padding: 6px 0 6px 14px;
float: left;
}

div#banner ul li a:hover
{
background: #424242;
text-decoration: none;
}

div#banner ul li a#active
{
background: #424242;
}

div#nav_top
{
width: 245px;
height: 36px;
background: url('images/nav/top.png');
margin: 0;
padding: 0;
float: left;
}

/* SIDEBAR ================================================== */

div#sidebar
{
width: 209px;
margin: 0;
padding: 11px 0 0 16px;
float: left;
}

div.module
{
width: 229px;
margin: 0 0 20px 0;
padding: 0;
float: left;
}

div.module p
{
margin: 0 20px 0 20px;
}

div.module ul
{
width: 186px;
list-style-type: none;
display: block;
margin: 0 0 0 20px;
padding: 0;
float: left;
border-top: 1px solid #d2d2d2;
}

div.module ul li
{
width: 180px;
list-style-type: none;
display: block;
margin: 0;
padding: 0;
float: left;
}

div.module ul li a
{
width: 180px;
color: #474747;
font-weight: normal;
margin: 0;
padding: 6px 0 6px 6px;
float: left;
border-bottom: 1px solid #d2d2d2;
}

div.module ul li a:hover
{
color: #ec6c13;
text-decoration: none;
}

div#top_module
{
margin-top: 9px;
}

div.block_header
{
width: 229px;
height: 39px;
background: url('images/block_header.jpg');
margin: 0 0 10px 0;
padding: 0;
float: left;
}

table#sidebar_login
{
margin: 0 0 0 18px;
float: left;
}

input#sidebar_login_button
{
width: 82px;
margin: 0 0 0 10px;
}

/* CONTENT ================================================== */

div#content
{
width: 537px;
margin: 0;
padding: 20px;
float: right;
}

div.box
{
background: #e3e8e8;
padding: 20px;
border: 1px solid #a5b7bd;
float: left;
}

div.box input.field, div.box textarea.field
{
width: 99%;
}

div.box textarea.field
{
height: 300px;
}

div.box td.field_description
{
line-height: 20px;
padding: 0 0 20px 0;
}

p.box
{
background: #e3e8e8;
margin: 0 0 20px 0;
padding: 10px;
border: 1px solid #a5b7bd;
}

table.form_table
{
width: 100%;
float: left;
}

table.list_table					/* Used on My Listings and My Suggestions pages */
{
width: 100%;
line-height: 20px;
}

table.list_table a
{
color: #505050;
font-weight: normal;
}

table.list_table a:hover
{
color: #ec6c13;
text-decoration: none;
}

table.list_table td
{
vertical-align: top;
padding: 4px 20px 4px 4px;
}

td.highlighted
{
background: #e3e8e8;
}

input.action						/* Used for accepting/rejecting suggesions (my_listings.php) */
{
padding: 1px 6px 1px 6px;
float: left;
}

a.faq_box_link
{
color: #666;
}

a.faq_section_header
{
color: #346992;
font-weight: normal;
}

a.faq_section_header:hover
{
text-decoration: none;
}

a.page_anchor
{
color: #666;
}

a.page_anchor:hover
{
text-decoration: none;
}

/* FOOTER =================================================== */

div#footer
{
width: 100%;
font-size: 10px;
text-align: center;
margin: 0;
padding: 0;
float: left;
}