/*
*		 RULES ABOUT THIS FILE:
*	 
*		 - only put *global* styles in here
*		 - if it's on one page it probably doesn't belong here
*		 - it will most likely contain styles for a tag or a general class ( eg ul.tabs { } )
*		 - if it doesn't meet those requirements it most likely goes in #{controller}.css
*/


/* ------------------------------------------
*	 COMMON TAGS & STYLES
* ---------------------------------------- */
* { margin: 0; padding: 0; }

body { color: #745934; font: normal 10px/1.8 Arial, Verdana, "Helvetica", Verdana, sans-serif; padding: 0 0 3em 0; text-shadow: 0 0 0 #000; }

::-moz-selection { background: #8c0000; color: #e1ddca; text-shadow: #fec 1px 1px 1px; }
::selection { background: #8c0000; color: #e1ddca; text-shadow: #fec 1px 1px 1px; }


/* ------------------------------------------
*	 TEXT COLORS
* ---------------------------------------- */
*.black { color: #000; }
*.gray { color: #888; }
*.white { color: #fff; }
*.blue { color: #3f7fcc; }
*.dark_blue { color: #07315d; }
*.green { color: #709f1d; }
*.orange { color: #cf8300; }
*.red { color: #df4729; }
*.dark_red { color: #7c2900; }


/* ------------------------------------------
*	 BACKGROUND COLORS
* ---------------------------------------- */
*.black_bg { background-color: #000; }
*.gray_bg { background-color: #dcdcdc; }
*.white_bg { background-color: #fff; }
*.blue_bg { background-color: #dce7f5; }
*.green_bg { background-color: #95c210; }
*.yellow_bg { background-color: #fe6; }
*.orange_bg { background-color: #ef9d10; }
*.red_bg { background-color: #df4729; }


/* ------------------------------------------
*	 TABULAR DATA
* ---------------------------------------- */
table { }
table thead { }
table thead tr { }
table thead tr th { text-align: left; padding: 0.5em; font: bold 1.3em Arial, Verdana; color: #333; }
table tbody tr td { padding: 0.5em; vertical-align: top; font: normal 1.2em Arial, Verdana; line-height: 1.6em }
table tbody tr.alt { background: #f5f5f5; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }
table.stats { border: 1px solid #000; color: #000; }
table.stats th { color: #fff; background: #000; }
table.stats th, 
table.stats td.label { font-weight: bold; text-transform: uppercase; }

table.shaded { width: 100%; }
table.shaded thead { border-bottom: 3px solid #ccc; }
table.shaded thead tr th { color: #000; font-weight: bold; font-size: 14px; }
table.shaded tbody tr { background: #f0f0f0 url() repeat-x 0 0; border-bottom: 1px solid #ccc; }
table.shaded tbody tr.alt td,
table.shaded tbody tr td.dark { background: #e0e0e0 url() repeat-x 0 0; border-bottom: 1px solid #ccc; }
table.shaded tbody tr td.bordered { border: 1px solid #ccc; }
table.shaded tbody tr td.centered { text-align: center; }

td li { font-size: 1em; }


/* ------------------------------------------
*	 HEADINGS
* ---------------------------------------- */
h1 { font: bold 2.4em/1.3 Helvetica, Arial, Verdana, sans-serif; margin: 0 0 0.5em 0; }
h2 { font: bold 2.1em/1.4 Helvetica, Arial, Verdana, sans-serif; margin: 0 0 0.4em 0; }
h3 { font: bold 1.8em Arial; margin-bottom: 0.25em; }
h4 { font: bold 1.5em Arial; margin-bottom: 0.25em; }
h5 { font: bold 1.3em/1.4 Arial, Verdana; margin: 0 0 0.3em 0; }
h6 { font: bold 1.2em Arial, Verdana; margin: 0 0 0.3em 0; }

h1, h2, h3, h4, h5, h6 { color: #653600; }

/* Sub-headings */
h3.sub_heading { color: #7793af; font-size: 1.5em; margin: -1em 0 0.8em 0; }
h4.sub_heading { color: #7793af; font-weight: normal; font-size: 1.4em; margin: -1em 0 1em 0; }
h5.sub_heading { color: #7793af; font-weight: normal; margin: -1.1em 0 1em 0; }


/* ------------------------------------------
*	 PARAGRAPHS & TYPE ELEMENTS
* ---------------------------------------- */
p { font: 1.5em/1.6 Arial, Verdana; margin-bottom: 1.2em; color: #745934; }
p.fine_print { font-size: 1.1em; line-height: 1.7em; }
small { font-size: 0.95em; }

a { color: #8c0000; outline: 0; cursor: pointer; }
a:hover { text-decoration: underline; color: #cc0000; }
a strong { font-family: inherit; color: inherit; }
hr { width: 100%; border: 0; border-top: 1px solid #c0b195; border-bottom: 1px solid #c0b195; background: #c0b195; height: 0; margin: 1em auto; }
body.in_ie6 hr { height: 2px; }
sup { margin-left: 2px; font: normal 10px Arial; color: #bbb; }
acronym { font-weight: bold; color: #7c2900; border-bottom: 1px dotted #666; padding: 0.1em; }

blockquote { font: italic normal 1.8em/1.565em Georgia, "Times New Roman", sans-serif; color: #888; margin-bottom: 0.75em; }
blockquote cite { font-family: "Helvetica", Arial, sans-serif; font-style: normal; white-space: nowrap; }
cite { color: #7c2900; font-weight: bold; font-style: italic; }

code { font: 1.2em/1.6 Arial, Verdana; display: block; margin: 0 0 1.2em; color: #7c2900; white-space: pre; }

img { border: 0; }


/* ------------------------------------------
*	 TOOLBOX OF CLASSES
* ---------------------------------------- */
span.highlight { color: #000; background: #fe7; padding: 2px 4px; }
*.left { float: left }
*.right { float: right }
*.align_right { text-align: right; }
*.clear { clear: both }
*.center { text-align: center }
img.center { display: block; margin: 0 auto; }
*.middle { vertical-align: middle }
*.inline { display: inline }
*.block { display: block }
*.hidden { display: none }
*.normal { font-weight: normal }
*.bold { font-weight: bold }
*.no_margin { margin: 0; }
*.small_margin { margin: 0 0 0.25em; }
*.medium_margin { margin: 0 0 0.5em; }
*.big_margin { margin: 0 0 1em; }


/* ------------------------------------------
*	 LIST ITEMS
* ---------------------------------------- */
dl { margin: 0 0 1.6em; }
dt { font-size: 1.3em; line-height: 1.5em; font-weight: bold; color: #07315d; }
dd { margin: 0 0 1.4em; font-size: 1.2em; line-height: 1.5em; }

dl.navigation dd { line-height: 20px; margin: 0; }
dl.navigation dd a { text-decoration: none; }
dl.navigation dd a:hover { text-decoration: underline; }
dl.navigation dd small { color: #999; }

ul { list-style-type: square; margin: 0 0 1.5em 1.6em; }
ol { margin: 0 0 1.5em 1.6em; }
li { font-weight: normal; font-size: 1.2em; line-height: 1.6em; }
li h5, li p, li h6 { font-size: 1em; }

body.in_ie ol { margin-left: 2.5em; }

ul ul { margin: 0.1em 0 0.2em 2em; }
ol ol { list-style: upper-roman; margin: 0.1em 0 0.2em 2em; }
li li { font-size: 1em; }

ul.navigation { margin-left: 0; list-style: none; }
ul.navigation li { line-height: 20px; }
ul.navigation li a { text-decoration: none; }
ul.navigation li a:hover { text-decoration: underline; }
ul.navigation li small { color: #999; }


/* ------------------------------------------
*	 PAGINATION
* ---------------------------------------- */
div.pagination { text-align: center; white-space: nowrap; line-height: 20px; margin: 0 auto 1.8em; }
div.pagination a { font: normal 12px Arial; border: 1px solid #d6e3e7; color: #657e97; text-decoration: none; padding: 0.2em 0.4em; margin: 0 1px 0 0; -webkit-border-radius: 3px; }
div.pagination a:hover { background: #81aedd; border-color: #376390; color: #fff; }
div.pagination span { font: normal 12px Arial; -webkit-border-radius: 3px; }
div.pagination span.current { border: 0; color: #000; font-weight: bold; padding: 0.2em 0.4em; }
div.pagination span.disabled { border: 1px solid #eee; color: #999; text-decoration: none; padding: 0.2em 0.4em; }
div.pagination span.disabled:active { background-color: #df4729; color: #fff; border-color: #c83518; }
div.pagination *.prev_next { margin: 0 2em; }


/* ------------------------------------------
*	 TABS
* ---------------------------------------- */
ul.tabs { list-style: none; background: url(../images/assets/tabs-bg.gif) repeat-x bottom left; border-bottom: 1px solid #304258; line-height: 2.6em; height: 2.6em; margin: 0 0 2em; padding: 0.3em 0 0; position: relative; white-space: nowrap; }
ul.tabs li { display: inline; margin: 0 -2px 0 0; font-size: 10px; position: relative; z-index: 1; }
ul.tabs li a { background: #9fc4e0 url(../images/assets/tab-off.gif) repeat-x bottom left; color: #fff; font: bold 1.3em Arial, Verdana; border-bottom: 0; padding: 0.6em 0.9em; text-decoration: none; text-shadow: 0 1px 1px #5b80a0; -webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; }
ul.tabs li a:hover,
ul.tabs li.active a,
ul.tabs li.current a { background-color: #375b7a; color: #fff; text-shadow: 0 -1px 1px #142847; text-decoration: none; background-image: url(../images/assets/tab-on.gif); }
ul.tabs li.active a:hover,
ul.tabs li.current a:hover { border-color: #d6d6d6; border-bottom-color: #fff; }
ul.tabs li.fade { display: block; position: absolute; right: 2px; z-index: 0; bottom: -1px; width: 237px; height: 21px; background: url(../images/assets/tabs-fade-right.gif); }

ul.tabs.align_right { text-align: right; }
ul.tabs.align_right li { margin: 0 0 0 -2px; }
ul.tabs.align_right li.section { margin: 0 0.5em 0 2em; color: #54738b; font-size: 1.2em; }
ul.tabs.align_right li.fade { left: 0; background: url(../images/assets/tabs-fade-left.gif); }

dl.sub_filters { background: #fafbfc; margin: -2em 0 3em; height: 1.8em; padding: 0.7em 0 0.7em 1.1em; border-bottom: 1px solid #dbe7f0; }
dl.sub_filters dt { display: inline; font-size: 1.2em; font-weight: normal; color: #777; margin: 0 0.8em 0 0; }
dl.sub_filters dd { display: inline; color: #ccc; margin: 0 0.6em 0 0; padding: 0.1em 0.6em 0.1em 0; border-right: 1px dotted #bbb; }
dl.sub_filters dd a { text-decoration: underline; }
dl.sub_filters dd a:hover { text-decoration: underline; }
dl.sub_filters dd small { color: #666;: }
dl.sub_filters dd.current { font-weight: bold; }
dl.sub_filters dd.current a { color: #000; text-decoration: none; cursor: text; }
dl.sub_filters dd.current a:hover { text-decoration: none; }
dl.sub_filters dd.current small { color: #777; }
dl.sub_filters dd:last-child { border: none; }

/* 800x600 */
body.eight_by_six ul.tabs { line-height: 2.5em; height: 2.5em; margin: 0 0 2em; padding: 0.3em 0 0; }
body.eight_by_six ul.tabs li a { padding: 0.5em 0.8em; font-size: 1.2em; }

/* Browser fixes */
body.in_ie ul.tabs li.fade { bottom: -2px; z-index: -1; }
body.in_ie ul.tabs li a { padding-top: 0.5em; padding-bottom: 0.45em; line-height: 1.8em; }
body.in_ie ul.tabs.align_right li.section { margin: 0 0.5em 0 2em; }
body.in_ff ul.tabs li a { padding-bottom: 0.5em; }
body.in_ff3 ul.tabs li a { -moz-border-radius: 4px 4px 0 0; }


/* ------------------------------------------
*	 BUTTONS
* ---------------------------------------- */
/* Large Buttons */
button { background: #bbb url(../images/buttons/gray.gif) repeat-x; border: 1px solid #999; font-size: 10px; line-height: 14px; cursor: pointer; padding: 0.5em 0 0.7em; margin: 0 0.4em 0 0; outline: 0; display: inline; -webkit-border-radius: 4px; -webkit-box-shadow: #ddd 1px 1px 2px; }
button span { font: bold 1.8em "Helvetica", Arial; color: #fff; padding: 0.25em 0.6em 0.4em 0.5em; border: 0 solid #d1d0ce; white-space: nowrap; border-width: 1px 0 0 1px; -webkit-border-radius: 2px; text-shadow: #666 1px 1px 1px; }
a.button { text-decoration: none; background: #bbb url(../images/buttons/gray.gif) repeat-x; border: 1px solid #999; font-size: 10px; line-height: 36px; padding: 13px 0 9px; margin: 0 0.4em 0 0; outline: 0; display: inline; -webkit-border-radius: 4px; -webkit-box-shadow: #ddd 1px 1px 2px; }
a.button span { font: bold 1.8em "Helvetica", Arial; color: #fff; padding: 4px 9px 7px 7px; border: 0 solid #d1d0ce; white-space: nowrap; border-width: 1px 0 0 1px; -webkit-border-radius: 2px; text-shadow: #666 1px 1px 1px; } 

/* Hover, Pressed-In States */
a.button:hover, button:hover { background-position: 0 -31px; }
a.button:active, button:active { border-color: #555; border-top-color: #333; border-left-color: #333; -webkit-box-shadow: none; }
a.button:active span, button:active span { border-color: #888; text-shadow: -1px -1px 0 #666; }

/* Small Buttons */
button.small { padding: 6px 0; }
a.button.small { line-height: 30px; padding: 10px 0 7px; }
a.button.small span, button.small span { font: bold 1.4em Arial; padding: 5px 9px 6px 7px; }
a.button.small:hover, button.small:hover { background-position: 0 -36px; }

/* Blue Buttons */	
a.button.blue, button.blue { background-color: #8bb6e9; background-image: url(../images/buttons/blue.gif); border-color: #7e9abc; }
a.button.blue span, button.blue span { border-color: #c7d6ed; text-shadow: #3a6aa4 1px 1px 1px; }
a.button.blue:hover span, button.blue:hover span { border-color: #9cbfec; }
a.button.blue:active, button.blue:active { border-color: #5c789a; border-top-color: #1c416e; border-left-color: #1c416e; }
a.button.blue:active span, button.blue:active span { border-color: #5382bb; text-shadow: -1px -1px 0 #3a6aa4; }

/* Orange Buttons */		
a.button.orange, button.orange { background-color: #ef9d10; background-image: url(../images/buttons/orange.gif); border-color: #cd8d1e; }
a.button.orange span, button.orange span { border-color: #f7ca57; text-shadow: #7e5500 1px 1px 1px; }
a.button.orange:hover span, button.orange:hover span { border-color: #f7ca57; }
a.button.orange:active, button.orange:active { border-color: #825810; border-top-color: #3e2700; border-left-color: #3e2700; }
a.button.orange:active span, button.orange:active span { border-color: #a06d15; text-shadow: -1px -1px 0 #7e5500; }

/* Green Buttons */
a.button.green, button.green { background-color: #97c72e; background-image: url(../images/buttons/green.gif); border-color: #5f8b1d; }
a.button.green span, button.green span { border-color: #bfdb67; text-shadow: #4c7800 1px 1px 1px; }
a.button.green:hover span, button.green:hover span { border-color: #bfdb67; }
a.button.green:active, button.green:active { border-color: #49710d; border-top-color: #2f4e00; border-left-color: #2f4e00; }
a.button.green:active span, button.green:active span { border-color: #5e8c1a; text-shadow: -1px -1px 0 #4c7800; }

/* Red Buttons */
a.button.red, button.red { background-color: #e8652d; background-image: url(../images/buttons/red.gif); border-color: #dc3315; }
a.button.red span, button.red span { border-color: #f39f68; text-shadow: #902400 1px 1px 1px; }
a.button.red:hover span, button.red:hover span { border-color: #f39f68; }
a.button.red:active, button.red:active { border-color: #ab1a00; border-top-color: #520c00; border-left-color: #520c00; }
a.button.red:active span, button.red:active span { border-color: #9b3107; text-shadow: -1px -1px 0 #902400; }

/* FF3 Fixes */
body.in_ff button:focus::-moz-focus-inner { border-color: transparent !important; }
body.in_ff3 button { -moz-border-radius: 4px; padding: 0.7em 0 0.5em; line-height: 18px; }
body.in_ff3 button span { -moz-border-radius: 2px; margin: 0 -3px; line-height: 18px; padding: 0.3675em 0.6em 0.2em 0.5em; }
body.in_ff3 button.small { padding: 4px 0; }
body.in_ff3 button.small span { padding: 5px 9px 5px 7px; }
body.in_ff3 a.button { -moz-border-radius: 4px; padding: 1.2em 0 0.7em; }
body.in_ff3 a.button span { -moz-border-radius: 2px; padding: 0.3875em 0.5em 0.225em; line-height: 15px; }
body.in_ff3 a.button.small { padding: 0.9em 0 0.6em; }
body.in_ff3 a.button.small span { padding: 0.365em 0.5em 0.4em; }

/* FF2 Fixes */
body.in_ff2 button { padding: 0.65em 0 0.5em; line-height: 18px; }
body.in_ff2 button span { margin: 0 -3px; line-height: 18px; padding: 0.3675em 0.6em 0.4em 0.5em; }
body.in_ff2 button.small { padding: 4px 0; }
body.in_ff2 button.small span { padding: 5px 9px 6px 7px; }
body.in_ff2 a.button { padding: 1.3em 0 0.75em; }
body.in_ff2 a.button span { padding: 0.39em 0.5em 0.3075em; line-height: 15px; }
body.in_ff2 a.button.small { padding: 0.95em 0 0.75em; }
body.in_ff2 a.button.small span { padding: 0.325em 0.5em 0.4675em; }
body.win.in_ff2 button { padding-bottom: 0.6em; }
body.win.in_ff2 button span { padding-top: 0.3em; }
body.win.in_ff2 button.small { padding-bottom: 4px; }
body.win.in_ff2 button.small span { padding-top: 5px; }
body.win.in_ff2 a.button { padding-bottom: 0.65em; }
body.win.in_ff2 a.button span { padding-top: 0.2775em; }
body.win.in_ff2 a.button.small { padding-bottom: 0.55em; }
body.win.in_ff2 a.button.small span { padding-top: 0.4em; padding-bottom: 0.375em; }

/* IE Fixes */
body.in_ie button span { padding-left: 0; padding-right: 0; border: 0; letter-spacing: -0.05em; }
body.in_ie a.button { padding: 0; text-decoration: none; }
body.in_ie a.button span { padding-bottom: 6px; letter-spacing: -0.05em; }
body.in_ie a.button.small span { padding-bottom: 5px; }


/* ------------------------------------------
*	 BREADCRUMB
* ---------------------------------------- */
dl.breadcrumb { margin: 0 0 2em; border-bottom: 1px solid #eee; padding: 0 0 0.4em; }
dl.breadcrumb dt { display: inline; font-size: 1.2em; font-weight: normal; color: #777; margin: 0 2em 0 0; }
dl.breadcrumb dd { display: inline; margin: 0 0.4em 0 0; }
dl.breadcrumb dd.divider { color: #ccc; }
dl.breadcrumb dd a { text-decoration: none; }
dl.breadcrumb dd a:hover { text-decoration: underline; }
dl.breadcrumb dd.current { font-weight: bold; }


/* ------------------------------------------
*	 COMMENTS
* ---------------------------------------- */
ul.comments { list-style: none; margin: 0 0 1em; }
ul.comments li { margin: 0 0 1.4em; padding: 0 0 0 25px; background: url(../images/assets/comment.gif) no-repeat 0 1px; }
ul.comments li div.body { margin: 0 0 0.3em; }
ul.comments li div.stats { margin: 0 0 0.3em; font-size: 11px; }
ul.comments li.read_more { background: none; margin: 0; }


/* ------------------------------------------
*	 FORM ELEMENTS
* ---------------------------------------- */
label { font: normal 1.3em Arial, Verdana, sans-serif; display: block; margin-bottom: 0.4em; color: #444; }
label span.required { color: #ff2a00; margin-right: 0.25em; }
h5.label { font: normal 1.3em Arial, Verdana, sans-serif; display: block; margin-bottom: 0.4em; color: #444; }

textarea { font: normal 1.2em Verdana, Arial; width: 40em; line-height: 1.7em; height: 9em; padding: 0.3em; display: block; background: #eee; border: 1px solid #bbb; border-top-color: #000; border-left-color: #000; margin-bottom: 1.2em; overflow: auto; }
textarea:focus { background-color: #ffa; }
textarea.tall { height: 8em; }

select.block, 
input.block { margin-bottom: 0.6em; }
input.web_button { font: bold 1.7em Arial; padding: 0 3px; }

input[type=text], input[type=password] { background: #eee; border: 1px solid #bbb; border-left-color: #000; border-top-color: #000; font: bold 1.5em Arial; color: #222; padding: 0.3em 0 0 0.35em; height: 1.5em; width: 15em; }
input.textbox { background: #eee; border: 1px solid #bbb; border-left-color: #000; border-top-color: #000; font: bold 1.5em Arial; color: #222; padding: 0.3em 0 0 0.35em; height: 1.5em; width: 15em; }
li input.textbox { font-size: 1em; }
input.textbox.small { width: 7em; }
input.textbox.large { width: 24em; }

input[type=text]:focus, input[type=password]:focus { background: #ff9; color: #000; }

label { font: normal 12px Georgia, Times, "Times New Roman", serif; color: #653600; }
label.for_checkbox,
label.for_radio { display: inline; font: italic normal 12px Georgia, "Times New Roman", sans-serif; color: #777; cursor: pointer; }

input.textbox.shaded { background: #fbfcfd url(../images/modals/textbox-bg.gif) no-repeat 0 0; border-color: #7793b6; color: #314c6d; font-size: 12px; padding: 8px 0 2px 9px; }

/* Errors */
input.textbox.error { border-color: #f87462 !important; border-width: 2px !important; background: #ffecea !important; color: #d12f09 !important; }
input.textbox.error:focus { background: #ffecea !important; color: #d12f09 !important; }

fieldset { border: 1px solid #ccc; padding: 1.2em 2em; }
fieldset legend { font-size: 1.4em; font-weight: bold; color: #709f1d; padding: 0 0.5em; margin: 0 0 0 -1em; }

/* Inline Errors */
div.inline_error { background: #ff4f37; position: absolute; border: 1px solid #f82b10; z-index: 50; width: 19em; }
div.inline_error div.border { padding: 1em; border: 1px solid #ff7663; }
div.inline_error div.pointer { position: absolute; top: 1.5em; left: -8px; background: url(../images/sign-up/error-pointer.gif) no-repeat 0 0; width: 9px; height: 19px; }
div.inline_error div.shadow { border: 0 solid #000; border-width: 0 2px 2px 0; opacity: 0.2; filter: alpha(opacity=20); position: absolute; z-index: 48; right: -3px; bottom: -3px; height: 100%; width: 100%; }
div.inline_error * { color: #fff; }
div.inline_error p { margin: 0; font-size: 11px; }

/* Shortened Forms (labels float left) */ 
form.short h3.section { clear: left; margin: 2em 0 1em; border: 1px solid #ddd; border-width: 1px 0; padding: 0.5em; }
form.short label,
form.short *.label { clear: left; float: left; width: 12em; text-align: right; margin-right: 1em; padding-top: 0.6em; }
form.short label.for_checkbox { float: none; margin: 0 15px 0 3px; padding: 0; width: auto; clear: none; }
form.short input.textbox { float: left; display: block; margin-bottom: 1.5em; }
form.short textarea { float: left; display: block; margin-bottom: 1.5em; }
form.short input.button { clear: left; display: block; margin-left: 14.25em; }
form.short input.image_button { clear: left; display: block; margin-left: 168px; font-size: 10px; }
form.short input.browse { float: left; display: block; margin: 0.2em 0 1.5em; }
form.short p.input { float: left; display: block; margin: 0.25em 0 1.5em; }
form.short p.fine_print { font-size: 11px; float:left; margin: -1.5em 0 1.5em 15.5em; }
form.short p.note { clear: both; font: italic normal 11px Georgia, "Times New Roman"; margin: 0 0 0 168px; color: #777; position: relative; top: -1.6em; line-height: 1.3em; }
body.in_ie7 form.short p.note { top: -10px; }
form.short p.note a { color: #333; }

form.short input.textbox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Tall Forms (labels are stacked) */ 
form.tall label,
form.tall *.label { display: block; margin: 0 0 0.3em; }
form.tall input.textbox { display: block; margin: 0 0 1.2em; }
form.tall textarea { display: block; margin: 0 0 1.2em; }
form.tall select { display: block; margin: 0 0 1.2em; }
form.tall p.note { font: italic normal 12px Arial; color: #999; }
form.tall label.for_radio { display: inline; }

a.select { background: #fff; padding: 3px 4px; width: 80px; display: block; text-decoration: none; border: 1px solid #aaa; }
ul.options { list-style: none; margin: 0; }
ul.options li { display: block; }
ul.options li a { display: block; padding: 3px 6px; text-decoration: none; width: 100px; }
ul.options li a:hover { background: #fe9; color: #000; }


/* ------------------------------------------
*	 ERRORS & ALERTS
* ---------------------------------------- */
/* Plain, Simple Alert */
p.alert { position: relative; font-size: 13px; background: #f5f5f5; margin: 0 0 1.5em; padding: 0.5em 3em 0.5em 0.7em; border: 3px solid #ddd; text-shadow: 0 1px 1px #fff; -webkit-border-radius: 6px; }
p.alert small { color: #888; text-shadow: none; }
p.alert a.close { background: url(../images/buttons/gray-close.gif); position: absolute; right: 0.65em; top: 0.65em; width: 16px; height: 16px; overflow: hidden; text-decoration: none; text-indent: -1000em; }
body.in_ie7 p.alert a.close { margin: -0.5em 0 0; }
body.in_ie6 p.alert a.close { right: 0.75em; }

/* Message */
div.alert.message, p.alert.message { background: #dce7f5; border-color: #bfccdb; color: #3e5570; }
div.alert.message a, p.alert.message a { color: #3a74ba; }
div.alert.message small, p.alert.message small { color: #3c699f; }
div.alert.message a.close, p.alert.message a.close { background: url(../images/buttons/blue-close.gif); }

/* Warnings */
p.alert.warning { background: #fffa99; border-color: #fe6; color: #855100; }
p.alert.warning a { color: #cb6e00; }
p.alert.warning small { color: #a77322; }
p.alert.warning a.close { background: url(../images/buttons/yellow-close.gif); }

/* Errors */
p.alert.error { background: #df4729; border-color: #c83518; color: #fff; text-shadow: 0 1px 1px #bd2507; }
p.alert.error a { color: #ffb48e; }
p.alert.error strong { color: #fff; }
p.alert.error small { color: #7c2900; }
p.alert.error a.close { background: url(../images/buttons/red-close.gif); }

/* Success */
p.alert.success { background: #95c210; border-color: #84ab0e; color: #fff; text-shadow: 0 1px 1px #6f9700; }
p.alert.success a { color: #eaffa6; }
p.alert.success strong { color: #fff; }
p.alert.success small { color: #526d00; }
p.alert.success a.close { background: url(../images/buttons/green-close.gif); }

/* Dashed Boxes */
div.alert { background: #f5f5f5; margin: 0 0 1.5em; padding: 1em; border: 2px dashed #ddd; -webkit-border-radius: 6px; }

/* Other Browsers */
body.in_ie p.alert { border-top-width: 6px; }
body.in_ie p.alert a.close { top: 0.9em; }
body.in_ff3 div.alert, body.in_ff3 p.alert { -moz-border-radius: 6px; }


/* ------------------------------------------
*	 BOXES
* ---------------------------------------- */
div.box { position: relative; background: #f1f1f1; overflow: hidden; margin: 0 0 2em; -webkit-border-radius: 9px; }
div.box h5.title { background: #9e9e9e url(../images/assets/boxes/gray/title-bg.gif) repeat-x left bottom; color: #fff; position: absolute; top: 0; left: 0; width: 100%; text-shadow: 1px 1px 0 #555; font-size: 1.1em; text-transform: uppercase; height: 16px; padding: 7px 1em 5px; }
div.box h5.title a { color: #fff; position: absolute; right: 3em; z-index: 15; }
div.box div.title.corner { position: absolute; overflow: hidden; top: 0; width: 11px; height: 14px; z-index: 10; }
div.box div.title.corner.left { left: 0; background: url(../images/assets/boxes/gray/title-left-corner.gif); }
div.box div.title.corner.right { right: 0; background: url(../images/assets/boxes/gray/title-right-corner.gif); }
div.box div.content { margin: 2.5em 0 0; padding: 1.5em 1.2em; }
div.box div.shadow { position: absolute; overflow: hidden; }
div.box div.shadow.left { left: 0; top: 0; width: 5px; height: 100%; background: url(../images/assets/boxes/gray/left-shadow.gif) repeat-y 0 0; }
div.box div.shadow.right { right: 0; top: 0; width: 5px; height: 100%; background: url(../images/assets/boxes/gray/right-shadow.gif) repeat-y 0 0; }
div.box div.shadow.bottom { left: 0; bottom: 0; height: 8px; width: 100%; background: url(../images/assets/boxes/gray/bottom-shadow.gif) repeat-x left bottom; z-index: 10; }
div.box div.shadow.bottom div.corner { position: absolute; overflow: hidden; bottom: 0; width: 8px; height: 8px; }
div.box div.shadow.bottom div.corner.left { left: 0; background: url(../images/assets/boxes/gray/bottom-left-corner.gif); }
div.box div.shadow.bottom div.corner.right { right: 0; background: url(../images/assets/boxes/gray/bottom-right-corner.gif); }

div.box.blue { background: #d5e4f1; }
div.box.blue h5.title { background-color: #6a91b2; background-image: url(../images/assets/boxes/blue/title-bg.gif); text-shadow: 1px 1px 0 #3e5c76; font-size: 1.1em; }
div.box.blue div.title.corner.left { background: url(../images/assets/boxes/blue/title-left-corner.gif); }
div.box.blue div.title.corner.right { background: url(../images/assets/boxes/blue/title-right-corner.gif); }
div.box.blue div.shadow.left { background-image: url(../images/assets/boxes/blue/left-shadow.gif); }
div.box.blue div.shadow.right { background-image: url(../images/assets/boxes/blue/right-shadow.gif); }
div.box.blue div.shadow.bottom { background-image: url(../images/assets/boxes/blue/bottom-shadow.gif); }
div.box.blue div.shadow.bottom div.corner.left { background-image: url(../images/assets/boxes/blue/bottom-left-corner.gif); }
div.box.blue div.shadow.bottom div.corner.right { background-image: url(../images/assets/boxes/blue/bottom-right-corner.gif); }


/* ------------------------------------------
*	 GRID SYSTEM
* ---------------------------------------- */
div.row { width: 100%; padding: 0 0 2em; }
div.row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div.row.last { padding: 0; }
div.column, div.columns { margin: 0 2em 0 0; float: left; }
div.column.five, div.five.columns { width: 28em; }
div.column.six, div.columns.six { width: 34em; }
div.column.seven, div.columns.seven { width: 40em; }
div.column.eight, div.columns.eight { width: 46em; }
div.column.nine, div.columns.nine { width: 52em; }
div.column.ten, div.columns.ten { width: 58em; }
div.column.eleven, div.columns.eleven { width: 64em; }
div.column.twelve, div.columns.twelve { width: 70em; }
div.column.thirteen, div.columns.thirteen { width: 76em; }
div.column.fourteen, div.columns.fourteen { width: 82em; }
div.column.fifteen, div.columns.fifteen { width: 88em; }
div.column.half, div.columns.half { width: 46em; }
div.column.third, div.columns.third { width: 30em; }
div.column.big, div.columns.big { width: 54em; margin: 0 4em 0 0; }
div.column.small, div.columns.small { width: 36em; margin: 0; }
div.column.three, div.columns.three { width: 16em; }
div.column.two, div.columns.two { width: 10em; }
div.column.one, div.columns.one { width: 4em; }
div.column.four, div.columns.four { width: 22em; }
div.column.last, div.columns.last { margin-right: 0; }

body.eight_by_six div.column.big,
body.eight_by_six div.columns.big { width: 40em; }
body.eight_by_six div.column.small,
body.eight_by_six div.columns.small { width: 30em; }
body.eight_by_six div.column.third,
body.eight_by_six div.columns.third { width: 23.3em; }
body.eight_by_six div.column.half,
body.eight_by_six div.columns.half { width: 36em; }

body.in_ie div.row { position: relative; }
body.in_ie div.column.big, div.columns.big { margin-right: 3em; }


/* ------------------------------------------
*	 BLOG POSTS
* ---------------------------------------- */
div.post { margin: 0 0 2em; }
div.post h2, 
div.post h3 { font-size: 36px; line-height: 36px; margin: 0 0 0.25em; font-weight: normal; font-family: Georgia, Times, "Times New Roman", serif; }
div.post h2 a, 
div.post h3 a { text-decoration: none; }
div.post h2 a:hover, 
div.post h3 a:hover { text-decoration: underline; }
div.post h4 { color: #99826b; font-size: 12px; font-weight: normal; margin: 0 0 1em 0; }
div.post p.byline, 
div.post p.postmetadata { color: #99826b; font-size: 12px; }
div.blog_post span.meta { display: block; color: #888; font-size: 1.2em; margin: -0.1em 0 0 93px; }
div.blog_post span.meta a { text-decoration: none; }
div.blog_post span.meta a:hover { text-decoration: underline; }
div.blog_post span.comments { display: block; font-size: 1.2em; margin: -0.3em 0 0.7em 65px; }
div.blog_post span.comments a { text-decoration: none; }
div.blog_post span.comments a:hover { text-decoration: underline; }
div.blog_post a.profile { display: block; border: 2px solid #95c210; background: #fff; padding: 1px; margin: 0 12px 3px 0; float: left; overflow: hidden; }
div.blog_post a.profile img { display: block; width: 75px; }
div.blog_post div.body { font-size: 1.2em; line-height: 1.6em; }
div.blog_post div.body p { font-size: 1em }

div.alignleft { float: left; font-size: 13px; margin: 0 0 1em 0; }
div.alignright { float: right; font-size: 13px; margin: 0 0 1em 0; }
form#commentform textarea { width: 500px; }
div.post h2 { clear: both; }


/* ------------------------------------------
*	 COMMENTS
* ---------------------------------------- */
blockquote.comment cite { color: #666; font-size: 0.65em; }


/* ------------------------------------------
*	 ADS
* ---------------------------------------- */
div.ad { background: #333; margin: 0 0 1.8em; }
div.ad * { color: #fff; }
div.ad160x600 { width: 16em; height: 60em; }
div.ad120x90 { width: 12em; height: 9em; }
div.ad720x90 { width: 72em; height: 9em; }
div.ad300x250 { width: 30em; height: 25em; }
div.ad440x160 { width: 44em; height: 16em; }
div.ad300x100 { width: 30em; height: 10em; }


/* ------------------------------------------
*	 TWEETS
* ---------------------------------------- */

*.big_tweet { font: italic 2.1em/1.3 Georgia, Times, "Times New Roman", serif; margin: 0 0 0.5em 0;  }






/* ------------------------------------------------------------------------------------
*  LAYOUTS
* ---------------------------------------------------------------------------------- */


/* ------------------------------------------
*  CONTAINERS
* ---------------------------------------- */
body { background: #e1ddca; }
div#container { width: 98em; margin: 0 auto; }

/* ------------------------------------------
*  HEADER
* ---------------------------------------- */
div#header { -webkit-border-radius: 9px; padding: 1em; text-align: center; margin: 2em 0 2em; position: relative; height: 2em; }
div#header h6 { position: absolute; left: 0.7em; top: 0.4em; text-indent: -1000px; }
div#header h6 a { display: block; width: 214px; height: 44px; background: url( images/jussoli-logo.png ) no-repeat top left; }
div#header ul { position: absolute; right: 1em; top: 1em; list-style: none; margin: 0; }
div#header ul li { display: inline; margin: 0 0 0 1em; font-size: 18px; font-weight: bold; }
div#header ul li a { text-decoration: none; }
div#header ul li a:hover { text-decoration: underline; }
div#header ul li.current a { font-weight: bold; color: #000; text-decoration: none; }

/* ------------------------------------------
*  APPLICATION CHROME
* ---------------------------------------- */
div#content { -webkit-border-radius: 9px; padding: 2em; }


/* ------------------------------------------
*  FOOTER
* ---------------------------------------- */
div#footer { -webkit-border-radius: 9px; padding: 1em; text-align: center; margin: 2em 0 0; }
div#footer h4 { font-size: 15px; }
div#footer p { font-size: 12px; margin: 0; }
div#footer input { font-size: 13px; }

/* ------------------------------------------
*  ZAP Zin Fest Overrides
* ---------------------------------------- */

h2#ZapMemories { font: normal 5em/1.3 Georgia, Times, "Times New Roman", serif; margin: 0 0 0.5em 0; text-align: center; }





/* ------------------------------------------------------------------------------------
*  HOMEPAGE
* ---------------------------------------------------------------------------------- */


/* ------------------------------------------
*  HOME PAGE (INDEX.PHP)
* ---------------------------------------- */
div#pageHeader { text-align: center; }
div#pageHeader img#logo { margin: 5em 0 2em 0; }
div#pageHeader h1 { text-align: center; margin: 0 0 0.25em 0; color: #653600; font-size: 3.6em; line-height: 1.2em; font-weight: normal; font-family: Georgia, Times, "Times New Roman", serif; text-transform: uppercase; letter-spacing: 0.1em; }
div#pageHeader h1 span { text-transform: lowercase; font-style: italic; }

div#pageHeader p, 
blockquote { width: 40em; margin: 0 auto; color: #9b7f59; font-size: 1.5em; line-height: 1.8em; text-align: center; font-style: italic; font-family: Georgia, Times, "Times New Roman", serif; }

div.wine_listing {  }
span.label { font-size: 18px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #E1DDCA; background: #701400; padding: 1px 3px; }
span.label.open { color: #701400; background: #E1DDCA; border: 1px solid #701400; }
div.wine_name { margin-bottom: 1em; font-size: 1.6em; line-height: 1.5em; color: #701400; font-family: Georgia, Times, "Times New Roman", serif; }
span.vintage { letter-spacing: 0.2em; }
div.wine_listing p { font-size: 11px; }
p, li, div#footer { color: #745934; }
span.gold_medal { float:right; margin: 0 0 1em 1em; display:block; width:73px; height:74px; background: url( /public/images/assets/small-gold-medal.gif ) no-repeat 0 0; }
span.gold_text {  }

a.file { padding-left: 20px; padding-bottom: 2px; }
a.pdf { background: url( /public/images/assets/files/pdf16.gif ) no-repeat top left; }

div#footer { font-size: 1.2em; }




/* ------------------------------------------------------------------------------------
*  WINES
* ---------------------------------------------------------------------------------- */

h2.pablo-heading { width: 210px; height: 90px; text-indent: -1000px;  }
div#Syrah h2.pablo-heading { background: url( /public/images/pablo-syrah.png ); }
div#Zinfandel h2.pablo-heading { background: url( /public/images/pablo-zinfandel.png ); }
div#SauvignonBlanc h2.pablo-heading { background: url( /public/images/pablo-sauvignon-blanc.png ); }
div#RootsRed h2.pablo-heading { background: url( /public/images/pablo-roots-red.png ); }
p.section_intro { font-size: 2.1em; font-family: Georgia, Times, "Times New Roman", serif; }
h3.wine-listing { font-size: 2.4em; color: #701400; font-weight: normal; font-family: Georgia, Times, "Times New Roman", serif; }
p.awards { font-size: 1.2em; margin: 0; }
h3 span.vintage {}
p.byline {}


/* ------------------------------------------------------------------------------------
*  SIDEBAR
* ---------------------------------------------------------------------------------- */

div#sidebar p { font-size: 12px; }
div#sidebar div#subscribe ul { margin-left: 0; list-style: none; }
div#sidebar div#subscribe ul a { font-size: 15px; font-family: Georgia, Times, "Times New Roman"; text-decoration: none; }
div#sidebar div#subscribe ul a img { vertical-align: text-bottom; padding-right: 8px; }