/*
body is a general thing that includes the whole page
container is an id that contains everything (header, contents, footer)
header is an id that includes the top banner and the username line
content is an id that is the meat of the page
menu is an id that is the menu of the page
footer is an id that is the bottom of the page

padding, margin, etc numbers go TOP, RIGHT, BOTTOM, LEFT.
*/

/* PAGE STRUCTURE */
/*
10 header padding + 980 header width + 10 header padding = 1000px
10 nav padding + 200 header width + 10 nav padding + 10 content padding + 760 content width +10 content padding
*/
body, html {
    margin:0;
    padding:0;
}
body {
    min-width:1000px;
}
#container {
    width:1000px;
    /*margin:0 auto;*/ /* this centers it, I don't like this because it then it twitches based on if the vertical scroll bar is there */
    margin: 0;
    padding: 0;
    /* border:1px dashed #999; */
}
#menu {
    margin: 0;
    float: left;
   	width: 200px;
   	/* border:1px dashed #999; */
   	padding: 10px;
    overflow: hidden;
    clear: none;
}
#user_info {
    margin-top: 1em;
    margin-bottom: 1em;
}
#navigation {
    margin-top: 1em;
    margin-bottom: 1em;
}
#content {
    float: right;
    margin: 0;
    width: 760px;
    /* border:1px dashed #999; */
    padding: 10px;
    overflow: hidden;
    clear: none;
}
#header {
    margin: 0;
	height: 36px;
	width: 980px;
    /* border:1px dashed #999; */
    padding: 10px;
    overflow: hidden;
}
#footer { 
    margin: 0;
    /* border:1px dashed #999; */
    padding: 10px;
    overflow: hidden;
    clear: both;
}

/* END OF PAGE STRUCTURE */

/* BASIC FORMATTING */
body {
    font-family: sans-serif;
    font-size: 12px;
    background-image: url("/media/img/background_gradient.png");
    background-repeat: repeat-x;
    background-color: #fff4c3;
    color: #4a1800;
}
a:link, a:visited {
    color: #ff6633;/*#844a18;*/
    text-decoration:none;
}
a:hover {
    color: #ff6633;/*#9c6b39;*/
    text-decoration:underline;
}
#header {
    font-family: serif;
    font-size: 36px;
    text-align: center;
    font-variant: small-caps;
    font-stretch: ultra-condensed;
}
#footer {
    font-size: 0.8em;
    text-align: center;
}
#header a:link, #header a:visited, #footer a:link, #footer a:visited {
    ;
}
#header a:hover, #footer a:hover {
    ;
}

.hr_short {
  height: 7px;
  background: url(/media/img/hr_short.png) no-repeat scroll left;
}
.hr_short hr {
  display: none;
}
.hr_long {
  height: 7px;
  background: url(/media/img/hr_long.png) no-repeat scroll left;
}
.hr_long hr {
  display: none;
}


ul {
    /* list-style-type: disc; */
    padding-left: 1em; /* so that bullets are flush with left of proceeding text */
    margin: 0;
}
/* END OF BASIC FORMATTING */

/* SPECIAL FORMATS */
ul.errorlist {
    color: #de2100;
}
.preview {
    float: right;
    margin: 10px 0px 10px 20px;
    border: 1px solid gray;
}
.help-blurb {
    color:black;
    background:#ffeb8c;
    padding: .3em .3em;
    border:.1em solid gray;
    width: 90%;
    margin: .3em auto;
    font-family: sans-serif;
    font-size: .85em;
}
.author-tag {
    font-size: 0.8em;
    color: gray;
    padding: 0em 0em .8em 0em;
}
.keywords {
    color:gray;
    font-size:.8em
}
pre {
    white-space: pre-wrap;       /* don't remove carriage returns, but wrap text */
    /*font-size: 1.2em;*/
    font-family: fixed;
}
/* END OF SPECIAL FORMATS */


/* GENERAL TABLE FORMATTING */
table {
    margin-top: .5em;
    margin-bottom: .5em;
    border-collapse: collapse;
    width: 100%;
}
/* END OF GENERAL TABLE FORMATTING */


/* SPECIAL TABLE FORMATTING */
table.menu td {
    vertical-align: top;
}
/* hide bullets in table because of how Django renders lists inside of tables for radio selects */
table.nobullet ul {
    margin: 0;
    padding: 0;
}
table.nobullet ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
/* th is used by django automatically generated forms */
th {
    font-weight: normal;
    width: 10em;
    text-align: right;
}


tr.proposal_header td {
    padding: .3em;
	border-top: .1em solid #a56b39;
	background: #fffef8;
	overflow: hidden;
}
tr.proposal_middle td {
    padding: .3em;
	background: #fffef8;
	overflow: hidden;
}
tr.proposal_last td {
    padding: .3em;
	border-bottom: .1em solid #a56b39;
	background: #fffef8;
	overflow: hidden;
}
tr.proposal_spacer td {
	padding: .3em;
}
col.icons {
    width: 1%;
}
col.other {
    width: 24%;
}

col.arrow {
    width: 9px;
}
/* END OF SPECIAL TABLE FORMATTING */



















/* top right bottom left */
/* GLOBAL DEFAULTS */
/*
p, ol, ul, dl { margin:.2em 0 .8em 0; }
p { padding:0; line-height:140%; }

h1,h2,h3,h4,h5 { font-weight:bold; }
h1 { font-size:18px; color:#666; padding:0 6px 0 0; margin:0 0 .2em 0; }
h2 { font-size:16px; margin:1em 0 .5em 0; }
h2.subhead { font-weight:normal;margin-top:0; }
h3 { font-size:14px; margin:.8em 0 .3em 0; color:#666; font-weight:bold; }
h4 { font-size:12px; margin:1em 0 .8em 0; padding-bottom:3px; }
h5 { font-size:10px; margin:1.5em 0 .5em 0; color:#666; text-transform:uppercase; letter-spacing:1px; }

ul li { list-style-type:square; padding:1px 0; }
ul.plainlist { margin-left:0 !important; }
ul.plainlist li { list-style-type:none; }
li ul { margin-bottom:0; }
li, dt, dd { font-size:12px; line-height:14px; }
dt { font-weight:bold; margin-top:4px; }
dd { margin-left:0; }

form { margin:0; padding:0; }
fieldset { margin:0; padding:0; }

blockquote { font-size:11px; color:#777; margin-left:2px; padding-left:10px; border-left:5px solid #ddd; }
code, pre { font-family:"Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace; background:inherit; color:#666; font-size:11px; }
pre.literal-block { margin:10px; background:#eee; padding:6px 8px; }
code strong { color:#930; }
hr { clear:both; color:#eee; background-color:#eee; height:1px; border:none; margin:0; padding:0; font-size:1px; line-height:1px; }
*/

/* TEXT STYLES & MODIFIERS 
.small { font-size:11px; }
.tiny { font-size:10px; }
p.tiny { margin-top:-2px; }
.mini { font-size:9px; }
p.mini { margin-top:-3px; }
.help, p.help { font-size:10px !important; color:#999; }
p img, h1 img, h2 img, h3 img, h4 img, td img { vertical-align:middle; }
.quiet, a.quiet:link, a.quiet:visited { color:#999 !important;font-weight:normal !important; }
.quiet strong { font-weight:bold !important; }
.float-right { float:right; }
.float-left { float:left; }
.clear { clear:both; }
.align-left { text-align:left; }
.align-right { text-align:right; }
.example { margin:10px 0; padding:5px 10px; background:#efefef; }
.nowrap { white-space:nowrap; }
*/


/* TABLES 
table { border-collapse:collapse; border-color:#ccc; }
td, th { font-size:11px; line-height:13px; border-bottom:1px solid #eee; vertical-align:top; padding:5px; font-family:"Lucida Grande", Verdana, Arial, sans-serif; }
th { text-align:left; font-size:12px; font-weight:bold; }
thead th, 
tfoot td { color:#666; padding:2px 5px; font-size:11px; background:#e1e1e1 url(../img/admin/nav-bg.gif) top left repeat-x; border-left:1px solid #ddd; border-bottom:1px solid #ddd; }
tfoot td { border-bottom:none; border-top:1px solid #ddd; }
thead th:first-child, 
tfoot td:first-child { border-left:none !important; }
thead th.optional { font-weight:normal !important; }
fieldset table { border-right:1px solid #eee; }
tr.row-label td { font-size:9px; padding-top:2px; padding-bottom:0; border-bottom:none; color:#666; margin-top:-1px; }
tr.alt { background:#f6f6f6; }
.row1 { background:#EDF3FE; }
.row2 { background:white; }
*/



/* FORM DEFAULTS 
input, textarea, select { margin:2px 0; padding:2px 3px; vertical-align:middle; font-family:"Lucida Grande", Verdana, Arial, sans-serif; font-weight:normal; font-size:11px; }
textarea { vertical-align:top !important; }
input[type=text], input[type=password], textarea, select, .vTextField { border:1px solid #ccc; }
*/

/*  FORM BUTTONS  
.button, input[type=submit], input[type=button], .submit-row input { background:white url(../img/admin/nav-bg.gif) bottom repeat-x; padding:3px; color:black; border:1px solid #bbb; border-color:#ddd #aaa #aaa #ddd; }
.button:active, input[type=submit]:active, input[type=button]:active { background-image:url(../img/admin/nav-bg-reverse.gif); background-position:top; }
.button.default, input[type=submit].default, .submit-row input.default { border:2px solid #5b80b2; background:#7CA0C7 url(../img/admin/default-bg.gif) bottom repeat-x; font-weight:bold; color:white; float:right; }
.button.default:active, input[type=submit].default:active { background-image:url(../img/admin/default-bg-reverse.gif); background-position:top; }
*/
