/**
 * codebase.css 
 * code by strangecode :: www.strangecode.com :: this document contains copyrighted information
 *
 * CSS used in codebase templates and scripts that generate HTML. Do not arbitrarily
 * edit this code! This file is used between many sites and modifying it may result
 * in something breaking. Instead, overwrite these values in a specific site by
 * adding new definitions to a screen.css file.
 */


/*_____________________ MESSAGING SYSTEM ____________________*/
.codebasemsg
{
	font-family: verdana,geneva,arial,sans-serif;
}

.success, .notice, .warning, .error
{
	margin: 0 0 6px 0;
	padding: 5px;
	background: #fff;
	border: 1px solid white;
}

.success
{
	color: #090;
	border-color: #090;
}

.notice
{
	color: #C60;
	border-color: #C60;
}

.warning, .error
{
	color: #f00;
	border-color: #f00;
}

/* BEAU: How about a seperate class for the $fv->err() function to print? At the moment it uses the above error definition, but we could use a "form error {" one too. *//**
 * utilities.css 
 * code by strangecode :: www.strangecode.com :: this document contains copyrighted information
 *
 * CSS used often in Strangecode applications. Do not arbitrarily
 * edit this code! This file is used between many sites and modifying it may result
 * in something breaking. Instead, overwrite these values in a specific site by
 * adding new definitions to a screen.css file.
 */

/* BEAU: I format my CSS using BBEdit's Markup->CSS->Format command. Would you like to use that as well so our code looks consistant? */

/*_____________________ FORMS ____________________*/
input, select, input.submit
{
    color: #000;
    margin: 0 4px 0 0;
    padding: 0;
}

/* BEAU: I changed this to input.submit, since it is an <input> tag. Is that correct? It definition doesn't seem to do anything regardless of how it's set. */
input.submit
{
    font-weight: bold;
    margin: 1px;
}

/* BEAU: Should be in EMs? Also, sometimes it is nice to have the select menu be only the width as its contents. How to override this? */
select
{
    width: 250px;
    margin: 4px 4px 0 0;
}

input
{
    margin: 4px 4px 0 0;
}

form table select, form table input
{
    margin-top: 0;
}

/* 
BEAU: I want more text box widths! I find need for boxes that fit 5em, 10em, 20em, and 40em widths. These should be in EMs so text can resize and still fit. Since it is useful to apply a width to other form elements to have them similar sizes (not always a text box, such as <select multiple>) I propose renaming them to "input.tiny", "input.small", "input.medium", "input.large", and "input.half" (not sure how you would do "half" in EMs however.
*/
input.text, textarea.text
{
    width: 250px;
}

input.textsmall, textarea.textsmall
{
    width: 150px;
}

input.texthalf, textarea.texthalf
{
    width: 121px;
    /*  125 minus 4 to account for the 4px padding on the right  */
}

/*textarea
{
    height: 8em;
}*/

/* BEAU: Again, here, "small", "medium", "large" denominations make sense. But how to diferentiate width from height? */
textarea.twoliner
{
    height: 3em;
}

textarea.paragraphs
{
    height: 20em;
}

form label
{
    padding: 7px 0px 0px 0px;
    font-weight: bold;
}

/* BEAU: We need a .formtext substitute...something like a label tag but not bold! */

/*_____________________ COMMANDS ____________________*/
#commandbox
{
    padding: 5px;
    margin: 0 0 .5em 0;
    border: black 1px dotted;
    background-color: #DDD;
}

.commanditem
{
    margin: 0 10px 0 0;
    white-space: nowrap;
}

.commandtext
{
    padding-right: 1em;
}

.command_left
{
    float:left;  
    white-space: nowrap;
}

.command_right
{
    position: relative;
    visibility: visible;
    white-space: nowrap;
    float:right;  
}

/*_____________________ UTILITIES ____________________*/
.nowrap
{
    white-space: nowrap;
}

.clearboth
{
    clear: both;
}

.center
{
    text-align: center;
}

.right
{
    text-align: right;
}

.padright
{
    padding: 0 10px 0 0;
}

.padleft
{
    padding: 0 0 0 10px;
}

.help
{
    color: #999;
    font-weight: normal;
}

.monospaced
{
    font-family: monaco, courier;
    font-weight: normal;
}
/*
-----------------------------------------------------
Base styles for screen media
FileName:   structure.css
Version:    2004.12.01
Author:     m. beau smith <beau@strangecode.com>
Client:     NEXT Direct
-----------------------------------------------------
*/


/* ----------------------------------------------------- */
/* Global Markup Defaults */
/* ----------------------------------------------------- */

body {
    margin: 0; 
    padding: 0;
	background: #F2F4F4 url(/i/header_bkgd_bar.gif) repeat-x;
    color: #002C33;
    font: x-small Helvetica,Verdana,Geneva,Arial,sans-serif;
    voice-family: "\"}\""; voice-family:inherit;
    font-size: small;
    }
    html>body {font-size: small;}

#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 752px;
	voice-family: "\"}\"";  /* box model hack */
  	voice-family: inherit;
  	width: 750px;
	}
    html>body #wrap {
        width: 750px;
        } 

#header {
	position: relative;
    margin: 0 0 1em 0;
    border: 1px solid #002C33;
    border-width: 1px 0 0 0;
    padding:0;
	background: #9DACA5 url(/i/header_bkgd.jpg) no-repeat left top;
	height: 60px;
	voice-family: "\"}\"";  /* box model hack */
  	voice-family: inherit;
	height: 58px;
	}
    html>body #header {
        height: 58px;
        } 

#user_info {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 85%;
    padding: 0 0 1px 1.5em;
    background: transparent url(/i/user_info_left.gif) no-repeat left top;
    color: #FFF;
    }
#user_info span {
    padding: 2px 0 2px 0;
    background: #002C33;
    }


#logo {
	position: absolute;
	padding: 0;
	margin: 0;
	top: 6px;
	left: 0;
	width: 83px;
	height: 84px;
	z-index: 1;
    }
    #logo #logo a:link, #logo #logo a:visited  {
        border-style: none;
        display: block;
        width: 83px;
        height: 84px;
        text-decoration: none;
        padding:0;
        }
    #logo a:hover, #logo a:active {
        text-decoration: none;
        background: transparent;
        }
    #logo img  {
        display: block;
        width: 0;
        }
    #logo span {
        position: absolute;
        width: 83px;
        height: 84px;
        background: #9DACA5 url(/i/next_logo.jpg) no-repeat left top;
        }
#sidebar {
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	width: 195px; /* for IE5/Win */
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 185px;
	}
html>body #sidebar { /* be nice to Opera */
	width: 185px;
	}

#content {
	position: relative;
	margin: 0 0 0 215px;
	padding: 0;
    background: #F2F4F4;
	}
/* Holly Hack - http://www.positioniseverything.net/articles/hollyhack.html 
   Necessary to display content with a floated element in IE6 */
/* Hides from IE5-mac \*/
* html #content {height: 1%;}
/* End hide from IE5-mac */


/*--USER_INFO--------------------------*/
#user_info a:link, #user_info a:visited {
	text-decoration: none;
	color: #FFF;
    margin: 0 0 -2px 0;
    padding: 0 2px;
    }
#user_info a:hover, #user_info a:active {
	text-decoration: none;
	color: #FFF;
    background: #335F65;
    }


/*--NAVIGATION--------------------------*/
#nav {
    position: absolute;
    bottom: 0px;
    left: 83px;
    margin: 0;
    padding: 0;
    }
#navlist {
    margin: 0;
    padding: 0 0 20px 0;
    }
#navlist ul, #navlist li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
    }
#navlist a:link, #navlist a:visited {
    float: left;
    line-height: 14px;
    font-weight: bold;
    margin: 0 10px 0px 10px;
    text-decoration: none;
    color: #335F65;
    }
#navlist a:link.current, #navlist a:visited.current, #navlist a:hover {
    border-bottom: 4px solid #002C33;
    padding-bottom: 2px;
    background: transparent;
    color: #002C33;
    }
#navlist a:hover { color: #002C33; }


/*--CONTENT--------------------------*/
/* This H1 is also in screen.css */
h1 {
	font-size: 150%;
	font-weight: bold;
    border-bottom: 1px solid #002C33;
    padding: 0 0 0 215px;
    margin: 0 0 1em 0;
	}


/*--FOOTER--------------------------*/
#footer {
    height: 300px;
    clear: both;
    border-top: 1px solid #002C33;
    padding: 4px 0 0 0;
    margin: 10px 0 0 0;
    }
#footer ul {
    display: inline;
    padding: 0 0 0 20px;
    }
#footer li {
    display: inline;
    list-style-type: none;
    padding: 0 6px 0 0;
    }
#footer ul li a:link, #footer ul li a:visited {
/*     font-weight: bold; */
/*     text-decoration: none; */
/*     border-top: 4px solid #002C33; */
    color: #002C33;
    background: transparent;
    }
#footer ul li a:link#current, #footer ul li a:visited#current, #footer ul li a:hover {
    font-weight: bold;
    text-decoration: none;
    border-top: 4px solid #002C33;
    color: #002C33;
    background: transparent;
    }
#footer ul li a:hover {
    font-weight: normal;
    }


/*_____________________ END ____________________*/

/*
-----------------------------------------------------
Base styles for screen media
FileName:   screen.css
Version:    2004.12.01
Author:     m. beau smith <beau@strangecode.com>
Client:     NEXT Direct
-----------------------------------------------------
*/


/*@import url("codebase.css");*/
/*@import url("utilities.css");*/
/*
@import url("css.php");
@import url("structure.css");
*/

/* ----------------------------------------------------- */
/* Global Markup Defaults */
/* ----------------------------------------------------- */

a:link, a:visited {
	text-decoration: underline;
	color: #335F65;
    padding: 1px 2px 0;
    }
a:hover, a:active {
	text-decoration: none;
	color: #FFF;
    background: #335F65;
    }
#content a:link  {
    margin-left: -2px;
    margin-top: -1px;
    }
p {
	margin: 0 0 .75em 0;
	padding: 0;
	max-width: 36em;
	}

/* This H1 is also in structure.css */
h1 {
	font-size: 150%;
	font-weight: bold;
    border-bottom: 1px solid #002C33;

	padding: 0 0 0 215px;
    margin: 0 0 1em 0;
	}
h2 {
	font-size: 140%;
	padding: 0;
	margin: 1em 0 .5em 0;
	}
h3 {
	font-size: 115%;
	font-weight: bold;
	padding: 0;
	margin: 1em 0 .5em 0;
	}
h4 {
	font-size: 100%;
	font-weight: bold;
	padding: 0;
	margin: 1em 0 0 0;
	}
blockquote {
	margin: 0 0 0 20px;
	}
code {
	color: #000;
	font-size: 110%;
	text-align: left;
	}
abbr, acronym {
	font-style: normal;
	border-bottom: 1px dotted;
	}
em {
	font-style: italic;
	}
strong {
	font-weight: bold;
	}
strike {
	text-decoration: line-through;
	}
address {
	margin: 0;
	padding: 0;
	font-style: normal;
	}
label {
    padding: 4px 0 0 0;
    white-space: nowrap;
    }



/*--LISTS--------------------------*/
ul {
	margin: 0 0 .75em 35px;
	padding: 0;
    }
ul li {
	margin: 0;
	padding: 0;
    }
dl, dt, dd {
	margin: 0;
	padding: 0;
    }
dt {
    font-weight: bold;
    }
dd {
	margin: 0 0 .75em 0;
    }



/*--TABLES--------------------------*/
table { 
    border:0;
    border-collapse:collapse;
    border-spacing: 0;
    }
th {
	padding: 12px 0 6px;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
    }
td { 
	vertical-align: top;
    padding: 0 6px 6px 0;
    }
table table td {
    padding: 0 6px 2px 0;
    }


table.list {
    width: 100%;
    margin: 4px 0;
    }
table.list th {
	padding-right: 6px;
	font-size: 85%;
    background-color: #CCC;
    border-bottom: 1px solid #000; 
    }
table.list td { 
	font-size: 85%;
    padding: 2px;
    border-bottom: 1px dotted #000; 
    }


/*--SIDEBAR--------------------------*/
#sidebar h3 {
    color: #666;
    font-size: 100%;
    font-weight: bold;
	margin: 0;
    }
#sidebar p {
    color: #666;
    }

/* Home Sidebar */
#sidebar div#home div.sidebox {
    background: #002C33 url(/i/sidebar_bottom_right.gif) no-repeat bottom right;
    padding: 0 0 8px 0;
    margin: 0 0 12px 0;
    }
#sidebar div#home div.sidebox div.boxtop {
    background: transparent url(/i/sidebar_top_left.gif) no-repeat top left;
    padding: 8px 0 0 12px;
    margin: 0;
    }
#sidebar div#home div.sidebox div.boxbody {
    padding-right: 12px;
    padding-left: 12px !important;
    }
#sidebar div#home div.sidebox div.boxbody img {
    padding: .5em 0;
    }
#sidebar div#home div.sidebox div, #sidebar div#home div.sidebox p, #sidebar div#home div.sidebox h2, #sidebar div#home div.sidebox h3 {
    color: #FFF;
    }
#sidebar div#home p, #sidebar div#home h2, #sidebar div#home h3, #sidebar div#home form {
    margin: 0;
    }

/* ISM Sponsor */
#sidebar div#home div.sidebox div.sponsor { 
    font-size: 85%;
    margin-bottom: .5em;
    }

/* ISM Sidebar */
#sidebar div#home div.sidebox#sponsor_ism div.boxbody {
    font-family: Georgia, Times, serif;
    font-weight: bold;
    }
#sidebar div#home div.sidebox#sponsor_ism div.boxbody a:link, #sidebar div#home div.sidebox#sponsor_ism div.boxbody a:visited {
    color: #FFF;
    text-decoration: none;
    }

/*--SIDEBAR FORMS--------------------------*/
#sidebar select
{
	width: 150px;
}

#sidebar input.text
{
	width: 150px;
}

#sidebar blockquote
{
	margin-left: 0;
}


/*--CONTENT--------------------------*/
#content h3 {
	margin: 1em 0 .5em 0;
	border-bottom: 1px solid #002C33;
	padding: 0;
    }
#content table h3 {
	margin: 0;
    }


/*--HOME CONTENT--------------------------*/
#home_image {
    float: right;
    margin: 0 0 10px 10px;
    }
#content #benefits {
	position: relative;
    }
#content #benefits h3 {
    margin-bottom: 0;
    border-bottom: none;
    }
#content #benefits h4 {
    margin-top: 0;
    padding-bottom: 10px;
    padding-top: 0;
    border-bottom: 1px solid #000;
    }
#content .benefits {
	width: 117px;
	float: left;
	margin: 0 10px 12px 0;
	padding: 0 0 0 14px;
	font-size: 85%;
	}
#content #benefits-last {
	margin-right: 0;
	}
#content ul.benefits li {
    margin-left: 1px;
    padding-left: 0;
	}
#content div.fifty {
	float: left; 
	width: 250px;
	padding-right: 30px;
	}
#content div#fifty-last {
	padding-right: 0;
	}

#content .classified_meta {
    color: #335F65;
    }


/*--ABOUT CONTENT--------------------------*/
.quote { font-style: italic; }
/* .slogan {margin-left: 100px; } */
h2.slogan {
	font-weight: normal;
    }
h2.slogan span {
	font-weight: bold;
    }
p.slogan span {
	font-weight: bold;
	font-style: italic;
    }


/*--CLASSIFIEDS CONTENT--------------------------*/
#categories_list ul {
    margin-left: 1.5em;
    }
#categories_list ul ul {
    margin-left: 1.5em;
    margin-bottom: 0;    
    }
#categories_list ul ul li {
    font-size: 85%;
    }
div#featured_classifieds {
    padding-bottom: .5em;
    border-bottom: 1px solid #002C33;
    margin-bottom: 2em;
    }


/*--DIRECTORY CONTENT--------------------------*/
dl#directory dd {
    font-size: 85%;
    }
#member label {
    font-weight: bold;
    }
img#member_image {
    float: right;
    margin: 0 0 2em 2em;
    border: 1px solid #002C33;
    padding: 4px;
    }


/*--NEWS CONTENT--------------------------*/
.date { font-style: italic; }
.readmore { font-size: 85%; white-space: nowrap; }



/*--UTILITIES--------------------------*/
.hide {
    display:none;
    }
.normal { font-weight: normal; }
.center { text-align: center; }
.clear { clear: both; }
.clearright { clear: right; }
.clearleft { clear: left; }
.small { font-size: 85%; }
.help {
	color: #999;
    font-weight: normal;
    font-size: 85%;
}


/*_____________________ END ____________________*/