/*
	index.css
	
	Copyright (c) Vicarious Web Development
	www.vicariousweb.com
	
	Lead Developer: Jacob Sowles
	Date Created:	01/26/2008
	Last Update:	04/20/2009
*/

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

body
{
background: url('images/pattern2.jpg');
font-family: arial, verdana, sans-serif;
font-size: 12px;
color: #5a5a5a;
margin: 0;
padding: 0;
}

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

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

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

h1
{
margin-bottom: 20px;
}

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

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

a:hover
{
text-decoration: underline;
}

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

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

table td
{
vertical-align: top;
}

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

p#slogan
{
width: 738px;
background: #f0f1f1;
color: #175483;
font-size: 10pt;
font-weight: bold;
text-align: right;
padding: 6px;
border-left: 1px solid #011230;
border-right: 1px solid #011230;
}

div#banner
{
width: 750px;
height: 154px;
background: url('images/banner.png');
margin: 0;
padding: 0;
float: left;
border-left: 1px solid #011230;
border-right: 1px solid #011230;
}

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

div#container
{
width: 700px;
background: #f0f1f1;
margin: 0;
padding: 0 25px 25px 25px;
float: left;
border-left: 1px solid #011230;
border-right: 1px solid #011230;
}

/* NAVIGATION =============================================== */

div#nav
{
height: 31px;
margin: 0 0 25px 0;
padding: 0;
float: left;
}

div#nav ul
{
list-style-type: none;
display: inline;
margin: 0;
padding: 0;
float: left;
}

div#nav ul li
{
display: inline;
text-align: center;
margin: 0 0 0 2px;
padding: 0;
float: left;
}

div#nav ul li a
{
width: 115px;
height: 31px;
background: url('images/nav/inactive.jpg');
color: #5a5a5a;
font-size: 11px;
line-height: 28px;
margin: 0;
padding: 0;
float: left;
}

div#nav ul li a:hover
{
background: url('images/nav/hover.jpg');
color: #fff;
text-decoration: none;
}

div#nav ul li a#active_tab
{
background: url('images/nav/active.jpg');
color: #fff;
}

div#nav ul li#first
{
margin-left: 0;
}

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

div#sidebar
{
width: 155px;
margin: 9px 0 0 0;
padding: 0 25px 0 0;
float: left;
}

div#sidebar ul
{
width: 155px;
list-style-type: none;
display: block;
margin: 22px 0 22px 0;
padding: 0;
float: left;
}

div#sidebar ul li
{
width: 155px;
display: block;
margin: 0 0 4px 0;
padding: 0;
float: left;
clear: left;
}

div#sidebar ul li a
{
height: 14px;
background: url('images/modules/sidebar/inactive.jpg');
color: #5a5a5a;
font-size: 11px;
margin: 0;
padding: 0 0 0 11px;
float: left;
}

div#sidebar ul li a:hover
{
background: url('images/modules/sidebar/hover.jpg');
text-decoration: none;
}

div#sidebar ul li a#active
{
background: url('images/modules/sidebar/hover.jpg');
}

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

div#content
{
width: 494px;
margin: 0;
padding: 0 0 0 25px;
float: right;
border-left: 1px solid #a7a7a2;
}

div#content ul
{
list-style-type: none;
line-height: 20px;
margin: 0;
padding: 0;
float: left;
}

div.portfolio_entry
{
margin: 20px 0 0 0;
float: left;
}

div.portfolio_entry p
{
margin: 0;
padding: 0;
}

div.thumb
{
margin: 0 20px 0 0;
float: left;
}

div#sidebar_thumb
{
margin: 20px 0 0 0;
}
	
div.thumb a
{
color: #a7a7a2;
font-size: 1px;
padding: 2px;
float: left;
border: 2px solid #a6a7a1;
}

div.thumb a:hover
{
border: 2px solid #ec6c13;
}

p.sidebar_thumb_text
{
color: #346992;
font-size: 11px;
font-weight: bold;
text-align: center;
}

li.header
{
font-weight: bold;
}

li.indent
{
margin: 0 0 0 20px;
padding: 0;
}

img.bullet
{
margin: 0;
padding: 0 8px 0 0;
float: left;
}

p.list							/* Used for client and affiliate list, portfolio page */
{
font-weight: bold;
line-height: normal;
}

p.list a
{
color: #b1b1b1;
}

p.list a:hover
{
color: #ec6c13;
}

span.description				/* Used for client list, portfolio page */
{
font-weight: normal;
line-height: 20px;
}

div.box							/* Grey box used for tips, etc. */
{
background: #e4e4e4;
margin: 0;
padding: 10px 12px 10px 12px;
border: 1px solid #cbcbcb;
}

div.box_under_header
{
background: #e4e4e4;
margin: 20px 0 20px 0;
padding: 10px 12px 10px 12px;
border: 1px solid #cbcbcb;
}

p.box_title
{
width: 100%;
font-weight: bold;
padding: 0 0 4px 0;
border-bottom: 1px solid #cbcbcb;
}

p.box_content
{
padding: 4px 0 0 0;
}

p.no_box_title
{
padding: 0;
}

a.page_anchor 
{
color: #5a5a5a;
font-weight: bold;
}

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

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

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

a.faq_box_link
{
color: #5a5a5a;
}

a.grey_link
{
color: #5a5a5a;
}

a.no_link						/* Used for <a name=""></a> */
{
color: #346992;
font-weight: normal;
}

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

span.header_links				/* Used for client/employee/project edit/delete links */
{
font-size: 12px;
}

/* TABLES */

table td
{
padding: 0 0 10px 0;
}

td.field_title
{
width: 80px;
font-weight: bold;
}

td.top_aligned_title
{
width: 80px;
font-weight: bold;
padding: 2px 0 0 0;
vertical-align: top;
}

td.form_note
{
color: #ec6c13;
font-size: 11px;
padding: 0;
}

/* INSET TABLE */

table#inset_table				/* Tables that fit between bits of content */
{
margin: 20px 0 20px 20px;
padding: 0;
}

table#inset_table td
{
line-height: 18px;
padding: 0;
}

table#inset_table td.header
{
width: 45%;
font-weight: bold;
}

/* CONTACT FORM TABLE */

table.form_table, table.form_table input.field, table.form_table textarea, table.form_table select
{
width: 100%;
}

table textarea
{
height: 100px;
}

input.checkbox
{
width: 14px;
margin: 0 10px 0 0;
}

/* DATABASE TABLES */

table.db_table
{
margin-bottom: 20px;
}

table.db_table td
{
padding: 4px 10px 4px 6px;
}

table.db_table td.field_header
{
font-weight: bold;
}

table.db_table td.highlighted
{
background: #e3e8e8;
}

table.db_table span.late_project
{
color: red;
font-weight: bold;
}

/* FORM VALIDATION */

div.message_box
{
font-size: 11px;
line-height: 20px;
margin: 0 0 10px 0;
padding: 4px 8px 4px 8px;
clear: left;
}

div#error_box
{
background: #ffeadc;
border: 1px solid #ec6c13;
}

div#success_box
{
background: #e3e8e8;
border: 1px solid #346992;
}

div#alert_box
{
background: #e3e8e8;
border: 1px solid #346992;
}

span.block_indent
{
width: 90%;
margin: 0 0 20px 20px;
padding-left: 20px;
float: left;
border-left: 3px solid #dedede;
}

span.post_stamp
{
font-size: 11px;
font-weight: bold;
}

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

div#footer
{
width: 750px;
margin: 20px 0 0 0;
padding: 0;
float: left;
}

div#footer p
{
font-size: 11px;
margin: 0 50px 0 0;
padding: 0;
float: right;  
}

div#footer a
{
margin: 0;
padding: 0;
}