@charset "utf-8";
/******************************************************************************
 * Project                   : jtboard                                        *
 * Author                    : Patrick                                        *
 * ---------------------------------------------------------------------------*
 * Table of Contents                                                          *
 *                                                                            *
 * 1. Layout                                                                  *
 * 2. List                                                                    *
 * 3. Forms                                                                   *
 * 4. Tables                                                                  *
 * 5. Typography                                                              *
 * 6. Backgrounds, borders and colours                                        *
 * 7. Extras                                                                  *
 * ---------------------------------------------------------------------------*/

/* 1. Layout
 -----------------------------------------------------------------------------*/

body                        { max-width: 1600px; }

#header-top                 { position: relative; height: 36px; min-width: 840px; max-width: 1024px; width: 95%; z-index: 1; margin: 0 auto 0 auto; }
#nav-top					{ position: absolute; top: 5px; left: 10px; width: 100%; z-index: 3; }

#header-bottom				{ position: relative; height: 55px; min-width: 840px; max-width: 1024px; width: 95%; z-index: 1; margin: 0 auto 0 auto; }
#nav                        { width: 550px; z-index: 3; margin-right: 20px; height: 100%; float: right; }

#personal                   { right: 46.5%; position: absolute; top: 17px; }
#logo                       { position: absolute; left: 25px; top: 7px; }

#page-content				{ position: relative; min-width: 840px; max-width: 1024px; width: 95%; margin: 0 auto 0 auto; top: -1px; padding-bottom: 40px; }
#page-content h1            { text-align: center; }

#aside                      { float: left; margin: 0 0 0 40px; width: 240px; padding: 10px 40px 0 0; }
#aside div.title			{ margin: 0px 0 10px 0; padding-bottom: 5px; }

#items						{ margin: 0px 40px 0 320px; padding: 0 0 0 40px ; }

ul.pages					{ width: 100%; text-align: center; }

div.filter					{ margin: 0 0 40px 0; padding-bottom: 5px; position: relative; height: 29px; }
div.filter ul.number		{ margin: 0!important; padding: 0!important; }
div.filter ul.number li		{ float: left; padding-right: 10px; }
div.filter ul.sort li		{ float: left; padding-left: 10px; }

ul li#search				{ float: right; margin-right: 15px; height: 22px; margin-top: 2px; }

#footer						{ position: relative; top: -18px; height: 24px; min-width: 840px; max-width: 1024px; width: 95%; z-index: 1; margin: 0 auto 40px auto; }

.clear                      { clear: both!important; height: 0; }

#flat-pages					{ padding: 1px 40px 40px 40px; }

/* 2. Lists
 -----------------------------------------------------------------------------*/

#nav-top li					{ display: block; float: left; }
#nav-top li a				{ display: block; line-height: 32px; margin: 5px 15px; }
#nav-top li#current-unit 	{ float: right; background: url(img/course_mini_logo.png) no-repeat; padding-left: 18px; height: 32px; margin-right: 15px; }

#nav li						{ float: right; margin: 10px 2.8% 10px 0; }
#nav li a					{ display: block; padding: 10px }

#footer p					{ float: left; margin: 4px 15px; }
#footer p#copy				{ float: right; margin-right: 15px; }

#personal li                { display: block; float: left; padding: 10px; }

ul.resource-list            { margin: 20px 0; }
ul.resource-list li         { border-bottom: 1px dashed #e3e7ea; clear: both; display: block; margin: 0; overflow: hidden; padding: 10px 0 5px 0; }

ul.files                    { display: none; margin: 10px 10px 10px 20px;  }
ul.files li                 { }
ul.files li a               { background-position: left middle; background-repeat: no-repeat; padding: 5px 0 5px 22px; }
ul.files li a.play          { padding: 5px; }

ul.attachments              { display: block; margin: 10px 10px 10px 20px; }
ul.attachments li           { margin: 0; padding: 10px 0 5px 0; }
ul.attachments li a         { background-position: left; background-repeat: no-repeat; padding: 5px 0 5px 32px; }
ul.attachments li a.play    { padding: 5px; }

ul#downloads				{ margin-left: 20px; margin-top: 20px; padding-left: 30px; }
ul#downloads li				{ font: normal 10px/290% Verdana, Helvetica, Calibri, Corbel, sans-serif;   }
ul#downloads li	a			{ font: normal 13px/290% Verdana, Helvetica, Calibri, Corbel, sans-serif;  padding: 4px 5px 4px 30px; }
ul#downloads li	a.play		{ font: normal 13px/290% Verdana, Helvetica, Calibri, Corbel, sans-serif;  padding: 0px; }

ul.tags                     { display: block; float: right; margin: 5px 0 0 0; overflow: hidden; }
ul.tags li                  { clear: right; display: block; float: left; margin: 0; padding: 0; }
ul.tags li a                { display: block; float: left; margin: 0 5px 0 0; padding: 2px 5px; }

ul.pages                    { margin: 30px 10px 2em 0; }
ul.pages li                 { display: block; float: left; margin: 0 2px; }
ul.pages li a,
ul.pages li strong          { display: block; float: left; padding: 0px 5px; }
ul.pages li.count           { margin: 0 20px 0 0; }
ul.pages li a.selected		{ font-weight: bold; }

dl.discussion-list          { padding: 30px 0 0 0; }
dl.discussion-list dt       { font: normal 22px/28px Georgia, serif; margin: 20px 0 0 0; padding: 0 0 0 30px; }
dl.discussion-list dt.important { background: url(img/fugue/sticky-note-pin.png) 2px 5px no-repeat; }
dl.discussion-list dt.closed    { background: url(img/fugue/lock.png) 2px 5px no-repeat; }
dl.discussion-list dt.poll      { background: url(img/fugue/chart.png) 2px 5px no-repeat; }

dl.discussion-list dd        { border-bottom: 1px dotted #6f6f6f; font-size: 12px; line-height: 140%; padding: 0 0 20px 30px; }
dl.discussion-list dd:last-child { border-bottom: 0; }

dl.discussion-list ul.info   { margin: 0; overflow: hidden; }
dl.discussion-list ul.info li { color: #909090; display: block; float: left; font-size: 11px; margin: 0 10px 0 0; }
dl.discussion-list ul.info li em,
dl.discussion-list ul.info li strong { color: #000; font-style: normal; }

dl.discussion-thread		{ margin: 30px 0; overflow: hidden; }
dl.discussion-thread dt     { display: block; float: left; width: 25%; margin: 20px 1% 0 0; padding: 0 2% 0 0; }
dl.discussion-thread dd     { display: block; float: left; width: 68%; padding: 20px 0 0 4%; }

dl.discussion-thread dd ol,
dl.discussion-thread dd ul  { margin: 10px 0 1em 0; }
dl.discussion-thread dd ol  { list-style: decimal outside; }
dl.discussion-thread dd ul  { list-style: square outside; }
p.reply a                   { display: block; width: 46px; padding: 0 5px 0 16px; }


#aside li a                 { display: block; margin: 0; padding-bottom: 3%; }
#aside li em                { display: block; float: right; margin: 0; padding: 2px 1%; text-align: right; width: 18%; }

#aside dl dt                 { margin: 10px 0 0px 0; }
#aside dl dd                 { margin: 0 0 10px 0; }

#aside ul.regions li         { display: list-item; }
#aside ul.regions li a       { display: inline; margin: 2px 0; padding: 0; width: auto; }

#util-nav li                 { margin: 5px; }
#util-nav li a:link,
#util-nav li a:visited       { opacity: 0.3; }
#util-nav li a:hover,
#util-nav li a:active,
#util-nav li a:focus         { opacity: 1; }

#items ul					{ margin-bottom: 2em; }

/* 3. Forms
 -----------------------------------------------------------------------------*/

input,							
select,							
textarea						{ border: 1px solid black; }
input[type=image]				{ border: 0; }
input[type=checkbox]			{ border: 0; }
input[type=radio]			{ border: 0; }


input:hover,							
textarea:hover					{ border: 1px solid #748697; }

input[type=image]:hover			{ border: 0; }

ul li#search legend				{ display: none; }
ul li#search div#search-box		{ width: 180px; float: right; background: url(img/search_box.png) no-repeat; display: inline; margin-right: 10px; height: 22px; }
ul li#search .search-text		{ position: absolute; top: 4px; width: 160px; height: 19px; background: 0; border: 0; padding-left: 10px; }
ul li#search .search-submit		{ float: right; background: url(img/search_button.png) no-repeat; border: 0; width: 45px; height: 22px; cursor: pointer; margin-right: 20px; margin-top: 4px; padding: 0; }

table.change-pass th,
table.change-pass td 			{ font: normal 12px Verdana, Helvetica, Calibri, Corbel, sans-serif; text-align: left; padding: 5px; }
table.change-pass button		{ margin-top: 15px; }


/* 4. Typography
 -----------------------------------------------------------------------------*/

body							{ font-family: 'Helvetica neue (light)', sans-serif; font-size: 100%; }
p								{ margin: 0 0 1em 0; }
a:hover							{ text-decoration: underline; }

#nav-top li a					{ font: normal 11px/140% Verdana, Helvetica, Calibri, Corbel, sans-serif; color: white; }

#footer p,
#footer a						{ font: normal 11px/140% Verdana, Helvetica, Calibri, Corbel, sans-serif; color: white; }

#personal li					{ font: normal 12px/140% Verdana, Helvetica, Calibri, Corbel, sans-serif; }

#page-content #header			{ margin: 40px 0 40px 0; }
#page-content #header h1		{ font: bold 22px/22px 'Graublau Sans Web', Corbel, sans-serif; padding: 0px 0 5px 0; }
#page-content #header h1 img	{ padding: 0px 80px 10px 80px; vertical-align: middle; position: relative; }
#page-content #header h2		{ font: bold 14px Verdana, Helvetica, Calibri, Corbel, sans-serif; }

#page-content h1 span		{ font: bold 18px Helvetica, Calibri, Corbel, sans-serif; padding: 0 0px 15px 0px; margin-bottom: 5px; }
#page-content h1 em         { font-style: normal; }
#page-content h2			{ font: bold 15px Verdana, Helvetica, Calibri, Corbel, sans-serif; text-align: center; padding-top: 10px; }
#page-content h3			{ font: bold 15px Verdana, Helvetica, Calibri, Corbel, sans-serif; text-align: center; padding-top: 5px;}
#page-content h4			{ font: bold 14px Verdana, Helvetica, Calibri, Corbel, sans-serif; padding-bottom: .6em; }
#page-content .head-image	{ position: absolute; top: 0; text-align: right; width: 98%; }

#items ul li				{ font: normal 11px/200% Verdana, Helvetica, Calibri, Corbel, sans-serif; }

div.filter ul.number li		{ font: bold 11px/200% Verdana, Helvetica, Calibri, Corbel, sans-serif!important; }
div.filter ul.sort li		{ font: bold 11px/200% Verdana, Helvetica, Calibri, Corbel, sans-serif!important; }

#aside ul li a				{ font: bold 13px/140% Verdana, Helvetica, Calibri, Corbel, sans-serif; } 
#aside ul ul 				{ margin-left: 0px; } 
#aside ul ul li a			{ font: normal 11px/140% Verdana, Helvetica, Calibri, Corbel, sans-serif; } 
#aside li a.selected		{ padding: 3px 7px 3px 7px; margin-bottom: 4px; width: auto; -border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#aside div.title			{ font: bold 13px/140% Verdana, Helvetica, Calibri, Corbel, sans-serif; }

ul.resource-list li p,
ul.files li,
ul.attachments li,
#page-content p             { font-family: 'Helvetica neue (light)', sans-serif; font-size: 12px; line-height: 160%; }
ul.tags li                  { font-size: 12px; }

ul.pages li                 { font: normal 12px/180% Helvetica, Verdana, sans-serif; }

div.pages					{ font: normal 13px/140% Verdana, Helvetica, Calibri, Corbel, sans-serif; }

dl.discussion-thread ul li  { font: normal 12px/140% Helvetica, Verdana, sans-serif; text-align: right; }
dl.discussion-thread dd p,
dl.discussion-thread dd li  { font: normal 13px/140% Georgia, serif!important; }
p.reply a                   { font: normal 11px/22px Helvetica, Verdana, sans-serif; text-align: center; }
#aside a.open-conversation  { padding: 0 10px; }


#aside h2                   { clear: both; font: normal 22px/26px 'Graublau Sans Web', Corbel, sans-serif; }
#aside ul li                { font-size: 12px; font-weight: bold; line-height: 140%; }
#aside ul li ul li          { font-size: 12px; font-weight: normal; line-height: 140%; }
#aside ul li ul li ul li,
#aside li em                { font-style: normal; }
#aside p                    { font-size: 12px; font-weight: normal; line-height: 140%; }

#aside ul.regions li,
#aside dl dt                { font: normal 14px/140% sans-serif; }
#aside dl dt.current        { font: bold 16px/140% sans-serif; }
#aside dl dd                { font: normal 12px/140% sans-serif; }
#aside dl dd.current        { font: normal 14px/140% sans-serif; }
#aside dl dt.current a      { color: #000; }

title						{ font: normal 20px/140% Georgia, serif; }

div.search-results	dl	dt	{font: bold 13px/140% Verdana, Helvetica, Calibri, Corbel, sans-serif; padding: 0px 0 5px 0; }
div.search-results	dl	dd	{font: normal 11px/140% Verdana, Helvetica, Calibri, Corbel, sans-serif; padding: 5px 0 30px 0; }

#item-title			{ text-align: left; font: bold 16px/120% Helvetica, Calibri, Corbel!important; margin-bottom: 1em; padding: 5px 5px 5px 0px; border-bottom: 1px dashed #e3e7ea; }

#text h1			{ text-align: left; font: bold 19px/150% Helvetica, Calibri, Corbel!important; margin: 2em 0 1.3em 0; }
#text h2			{ text-align: left; font: bold 17px/150% Helvetica, Calibri, Corbel, sans-serif; text-align: left; padding: 1em 0 .5em 0; margin: 0 0 1em 0; border-bottom: 1px solid #e3e7ea;}
#text h3			{ text-align: left; font: bold 15px/150% Helvetica, Calibri, Corbel, sans-serif; margin: 1.2em 0 .8em 0; }
#text h4			{ text-align: left; font: bold 14px/150% Helvetica, Calibri, Corbel, sans-serif; margin: 2em 0 .3em 0; }
#text h5			{ text-align: left; font: bold 13px/150% Helvetica, Calibri, Corbel, sans-serif; margin: 2em 0 .3em 0; }
#text h6			{ text-align: left; font: bold 12px/150% Helvetica, Calibri, Corbel, sans-serif; margin: 2em 0 .3em 0; }
#text ul, ol		{ margin-bottom: 1em; }
#text ul li			{ list-style: disc; margin-left: 35px; text-align: left; font: normal 12px/150% Helvetica, Calibri, Corbel, sans-serif;}
#text ol li			{ list-style: decimal; margin-left: 35px; text-align: left; font: normal 12px/150% Helvetica, Calibri, Corbel, sans-serif; }
#text blockquote	{ margin: 1.5em; border-left: 1px solid #748697; padding-left: 15px; }


/* 6. Backgrounds, borders and colours
 -----------------------------------------------------------------------------*/

body						{ background: #e3e7ea; }
#header-top                 { border: 1px solid  #748697; background: url(img/top_grad.png); }
#header-bottom				{ background: #fff; border: 1px solid  #748697; }
#page-content				{ overflow: hidden; background: url(img/grad.png) no-repeat #fff; border: 1px solid #748697;  }
#personal li                { color: #809070; }

#footer						{ border: 1px solid  #748697; background: #748697; }

#nav a:link,
#nav span                   { background: #fff; color: #e3e7ea; }
#nav a:visited              { background: #fff; color: #e3e7ea; }
#nav a:hover,
#nav a:active,
#nav a:focus                { background: white; color: #e3e7ea; border: 2px solid #f1f2f2; padding: 8px; }
#nav li a.current			{ background: #f1f2f2; color: white; }
#nav a,
#nav span                   { -border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#page-content h1 img,		
#page-content h1 span		{ border-bottom: 1px solid #e3e7ea; }

#items                      { border-left: 1px solid #e3e7ea; }
div.filter					{ border-bottom: 1px solid #e3e7ea; }
.item						{ margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px dashed #e3e7ea; position: relative; }

div.filter ul.sort li		{ border-left: 1px solid #cfcfcf; margin-left: 10px; }

#aside                      { border-right: 1px solid #e3e7ea; }

#aside li a.selected		{ background: #f3a158; color: #fff; }
#aside div.title			{ border-bottom: 1px solid #e3e7ea; }

ul.pages li a               { border: 1px solid #cfcfcf; }
ul.pages li strong          { background: #000; border: 1px solid #000; color: #fff; }

ul.files li a,
ul.attachments li a         { background-position: left center; background-repeat: no-repeat; }

p.reply a                   { background: #9c3 url(img/fugue/balloon--plus.png) 5px center no-repeat; color: #fff!important; }

.key						{ background: url(img/key_icon.png) 2px 12px no-repeat; padding: 10px 0px 10px 40px; border-top: 1px dashed #e3e7ea; border-bottom: 1px dashed #e3e7ea; margin-top: 2.5em; }

.bg-white                   { background-color: rgb(255,255,255)!important; }  /* #ffffff */
.bg-black                   { background-color: rgb(0,0,0)!important; }        /* #000000 */
.bg-red                     { background-color: rgb(255,0,0)!important; }      /* #ff0000 */
.bg-yellow                  { background-color: rgb(255,255,0)!important; }    /* #ffff00 */
.bg-yellowgreen             { background-color: rgb(154,205,50)!important; }   /* #9acd32 */
.bg-green                   { background-color: rgb(0,128,0)!important; }      /* #008000 */
.bg-teal                    { background-color: rgb(0,128,128)!important; }    /* #008080 */
.bg-blue                    { background-color: rgb(0,0,255)!important; }      /* #0000ff */
.bg-royalblue               { background-color: rgb(65,105,225)!important; }   /* #4169e1 */
.bg-gray                    { background-color: rgb(128,128,128)!important; }  /* #808080 */
.bg-brown                   { background-color: rgb(165,42,42)!important; }    /* #a52a2a */
.bg-orange                  { background-color: rgb(255,165,0)!important; }    /* #ffa500 */
.bg-purple                  { background-color: rgb(128,0,128)!important; }    /* #800080 */
.bg-violet                  { background-color: rgb(238,130,238)!important; }  /* #ee82ee */
.bg-sienna                  { background-color: rgb(160,82,45)!important; }    /* #a0522d */
.bg-silver                  { background-color: rgb(192,192,192)!important; }  /* #c0c0c0 */
.bg-gold                    { background-color: rgb(255,215,0)!important; }    /* #ffd700 */
.bg-goldenrod               { background-color: rgb(218,165,32)!important; }   /* #daa520 */
.bg-khaki                   { background-color: rgb(240,230,140)!important; }  /* #f0e68c */
.bg-turquoise               { background-color: rgb(64,224,208)!important; }   /* #40e0d0 */

.c-white                    { color: rgb(255,255,255)!important; }  /* #ffffff */
.c-black                    { color: rgb(0,0,0)!important; }        /* #000000 */
.c-red                      { color: rgb(255,0,0)!important; }      /* #ff0000 */
.c-yellow                   { color: rgb(255,255,0)!important; }    /* #ffff00 */
.c-yellowgreen              { color: rgb(154,205,50)!important; }   /* #9acd32 */
.c-green                    { color: rgb(0,128,0)!important; }      /* #008000 */
.c-teal                     { color: rgb(0,128,128)!important; }    /* #008080 */
.c-blue                     { color: rgb(0,0,255)!important; }      /* #0000ff */
.c-royalblue                { color: rgb(65,105,225)!important; }   /* #4169e1 */
.c-gray                     { color: rgb(128,128,128)!important; }  /* #808080 */
.c-brown                    { color: rgb(165,42,42)!important; }    /* #a52a2a */
.c-orange                   { color: rgb(255,165,0)!important; }    /* #ffa500 */
.c-purple                   { color: rgb(128,0,128)!important; }    /* #800080 */
.c-violet                   { color: rgb(238,130,238)!important; }  /* #ee82ee */
.c-sienna                   { color: rgb(160,82,45)!important; }    /* #a0522d */
.c-silver                   { color: rgb(192,192,192)!important; }  /* #c0c0c0 */
.c-gold                     { color: rgb(255,215,0)!important; }    /* #ffd700 */
.c-goldenrod                { color: rgb(218,165,32)!important; }   /* #daa520 */
.c-khaki                    { color: rgb(240,230,140)!important; }  /* #f0e68c */
.c-turquoise                { color: rgb(64,224,208)!important; }   /* #40e0d0 */

.b-radius-5                 { -border-radius: 5px!important; -moz-border-radius: 5px!important; -webkit-border-radius: 5px!important; }
.b-radius-6                 { -border-radius: 6px!important; -moz-border-radius: 6px!important; -webkit-border-radius: 6px!important; }
.b-radius-7                 { -border-radius: 7px!important; -moz-border-radius: 7px!important; -webkit-border-radius: 7px!important; }
.b-radius-8                 { -border-radius: 8px!important; -moz-border-radius: 8px!important; -webkit-border-radius: 8px!important; }
.b-radius-9                 { -border-radius: 9px!important; -moz-border-radius: 9px!important; -webkit-border-radius: 9px!important; }
.b-radius-10                { -border-radius: 10px!important; -moz-border-radius: 10px!important; -webkit-border-radius: 10px!important; }
.b-radius-11                { -border-radius: 11px!important; -moz-border-radius: 11px!important; -webkit-border-radius: 11px!important; }
.b-radius-12                { -border-radius: 12px!important; -moz-border-radius: 12px!important; -webkit-border-radius: 12px!important; }
.b-radius-13                { -border-radius: 13px!important; -moz-border-radius: 13px!important; -webkit-border-radius: 13px!important; }
.b-radius-14                { -border-radius: 14px!important; -moz-border-radius: 14px!important; -webkit-border-radius: 14px!important; }
.b-radius-15                { -border-radius: 15px!important; -moz-border-radius: 15px!important; -webkit-border-radius: 15px!important; }



/* 7. Extras
 -----------------------------------------------------------------------------*/

a                            { text-decoration: none; color: #748697;}