/*
  Note: CSS for syntax highlighting is in /vendor/coderay/styles/gitlab.rb
*/

body { font-family: Verdana, "Lucida Grande", Geneva, Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px; }

a:link { color: #e52; text-decoration: underline; }
a:hover { color: #30f; }
a:visited { color: #e52; } /* was #666 FIXME not sure about this visited colour */
a:visited:hover { color: #30f; }

a img { border:none; text-decoration:none; display: block; }
a:hover img { border:none; text-decoration:none; }
img.center { display: block; margin-left: auto; margin-right: auto }
.gravatar_img { vertical-align:middle; border: 1px solid #666; margin-right: 2px; }


h1.bctitle { display: inline; padding: 0; font-size: 1.0em; color: #222; font-weight: 800; } /* Last breadcrumb usually */
h1.pagetitle { font-size: 1.8em; font-weight: normal; color: #000; letter-spacing: -1px; margin-top: 8px; margin-bottom: 8px; } /* static page title */
h2 { font-size: 1.7em; font-weight: normal; color: #000; letter-spacing: -1px; margin-top: 8px; margin-bottom: 8px;  } /* post titles */
h3 { font-size: 1.4em; font-weight: normal; color: #222; letter-spacing: -1px; margin-top: 8px; margin-bottom: 8px; } /* smaller section title */
h4 { font-size: 1.2em; font-weight: normal; color: #222; letter-spacing: -1px; margin-top: 40px; margin-bottom: 2px; } /* submenus */
h5 { font-size: 0.8em; font-weight: normal; color: #666; margin-top: 2px; margin-bottom: 20px; } /* date, poster */
/* FIXME this was being used for 'Fig 1.0 for below tables, images' to caption some test posts, they need changning now */
h6 { font-size: 0.8em; font-weight: normal; color: #444; margin: 4px 0px 4px 0px; } /* small text */

div.hr { height: 1px; border-top: 1px solid #ccc; margin: 0px 0px 30px 0px; }
div.hr hr {display: none;}

/* Page holds all sections - header, breadcrumb, content, footer */
#page { text-align: left; margin: 0 auto; min-width: 1010px; } /* holds entire page including header */

/* Header holds the top menu and logo */
#header { display: block; background: #ededed; border-bottom: 1px solid #aaa; padding: 0px; margin: 0px; width: 100%; height: 29px; }

#logo { float: left; width: 144px; height: 26px; border: 0px; padding: 0px; margin: 2px 0px 0px 4px; }

#menu { float: right; width: 400px; border: 0px; padding: 0px; margin: 4px 0px 0px 0px; }
#menu ul { float: right; list-style: none; margin: 0; margin-right: 20px; padding: 0; }
#menu li { float:left; margin:0; padding:0 0 0 12px; } 			

#menu .item { font-size: 1.0em; } /* the main menu options */
#menu .item a:link { text-decoration: none; color: #000; padding: 0px 2px 0px 2px; }
#menu .item a:visited { text-decoration: none; color: #000; padding: 0px 2px 0px 2px; }
#menu .item a:hover { text-decoration: underline; color: #30f; padding: 0px 2px 0px 2px; }

/* Right Section */
#rightcolumn { border: 0px; width: 320px; margin-top: 0px; margin-right: 20px; float: right; display: inline; }
#rightcolumn ul { list-style: none; margin: 0px; }
/* FIXME -49px is a frig (obv.) */
#rightcolumn li { padding: 4px 0px 4px 10px; margin-left: -49px; margin-right: 0px }

/* Flash box section */
#flash_error { border: 2px solid red; color: red; background-color: #fff0f0; padding: 10px;  margin: 20px 20px 20px 20px; }
#flash_notice { border: 2px solid green; color: green; background-color: #f0fff0; padding: 10px; margin: 20px 20px 20px 20px; }
#flash_table { border: 2px solid #666; color: #000; background-color: #f0f0f0; padding: 10px;  margin: 20px 0px 20px 0px; }

/* Error explaination boxes FIXME are these even used */
#errorExplanation { border: 1px solid red; color: red; background-color: #fff0f0; padding: 10px 10px 0px 10px;  margin: 20px 0px 20px 0px; }
#errorExplanation h2 { color: red; margin: 0px 0px 0px 0px; }
#errorExplanation ul { list-style: circle; }

/* Create space where breadcrumb usually is */
#no_breadcrumb { margin: 0px; height: 20px; }

/* Breadcrumb section */
/* FIXME 19px should be 20px, something is moving it 2px right, debug using archive page */
#breadcrumb { margin: 14px 0px 20px 19px; padding: 0; font-size: 1.0em; color: #222; }
#breadcrumb ul { display: inline; list-style-type: none; white-space: nowrap;}
#breadcrumb li { float:left; margin: 0; padding: 0px 4px 0px 0px; }
#breadcrumb span { color: #222; letter-spacing: -1px; }
#breadcrumb a:link { text-decoration: underline; color: #222; padding: 0px; }
#breadcrumb a:visited { text-decoration: underline; color: #222; padding: 0px; }
#breadcrumb a:hover { text-decoration: underline; color: #30f; padding: 0px; }

.blacklink a { color: #222; text-decoration: none; }
.blacklink a:link { color: #222; text-decoration: none;  }
.blacklink a:visited { color: #222; text-decoration: none;  }
.blacklink a:hover { color: #222; text-decoration: underline; }

/* Main content area below header, above footer */
#content_norightcolumn { border: 0px; margin-left: 20px; margin-right: 20px; height: 500px; /* IE */ min-height: 500px; /* not-IE */ }
#content_withrightcolumn { border: 0px; margin-left: 20px; margin-right: 360px; height: 500px; /* IE */ min-height: 500px; /* not-IE */ }
/* Force content area minumum height */
html>body #content_norightcolumn {height: auto;}
html>body #content_withrightcolumn {height: auto;}

/* Article left tab appears to left of article to indicate post type */
.article_left_tab { display: block; float: left; width: 19px; background-color: #fff; padding: 0px; border: 0px; margin: 0px; }
/* Images for the left table are 19x100 rotated 90 clockwise with white pixes top/left bottom left */
/* text is Verdana 12 8px from top(left), 1px closer to right(top) */

/* FIXME if you change padding-top to 0 then 4 you see the bug */
/* FIXME should be renamed articlepage (as we use publicpage for the deftault, maybe rename that too) */
.articlebox { margin: 0px 0px 40px 19px; padding: 4px 12px 10px 12px; font-size: 1.0em; color: #222; line-height: 1.3em; }
.articlebox.news { border-left: 1px solid #d00; } /* red */
.articlebox.code { border-left: 1px solid #15bebd; } /* light blue */
.articlebox.release { border-left: 1px solid #75bf00; } /* green */
.articlebox.issue { border-left: 1px solid #000; } /* black */
.articlebox.howto { border-left: 1px solid #d60; } /* browny orange */
.articlebox.other { border-left: 1px solid #888; } /* medium grey */

.formattedtext ul { margin-left: 0px; }
.formattedtext li { padding: 4px 0px 4px 0px; line-height: 1.3em; vertical-align: middle; }

.formattedtext .square_bullet li { list-style-image: url('../images/gitlab/squarebullet.png'); } 

.formattedtext .message ul { }
.formattedtext .message li { list-style-type: none; }

.formattedtext ol { }
.formattedtext ol li { margin-top: 4px; }
.formattedtext ol { margin-left: 40px; list-style-type: decimal }      /* 1 */
.formattedtext ol ol { margin-left: 40px; list-style-type: lower-alpha }  /* A */
.formattedtext ol ol ol { margin-left: 40px; list-style-type: lower-roman }  /* i */

.formattedtext pre { font-family: "Bitstream Vera Sans Mono", Consolas, monospace; font-size: 0.9em; line-height: 1.3em; background-color: #f0f0f0; border: 1px solid #ccc; padding: 10px; }
.formattedtext pre.clear { background-color: #fff; border: 0px; }

/* Table Styles */
.formattedtext table { margin-top: 10px; margin-bottom: 10px; margin-left: 60px; background-color: #444; border-spacing: 1px; }
.formattedtext table th { text-align: center; background-color: #eee; color: #000; font-size: 1.0em; padding: 5px; border: 1px solid #fff; font-weight: normal; }
.formattedtext table td { background-color: #fff; color: #000; font-size: 1.0em; padding: 3px 16px 3px 16px; border: 0px; }

.formattedtext blockquote { width: 50%; quotes: none; font-family: consolas, monospace; font-size: 1.1em; background-color: #eee; color: #444; padding: 16px; margin: 0px 0px 0px 60px; }
.formattedtext blockquote > *:before { content: '\201C'; }
.formattedtext blockquote > *:after { content: '\201D'; }
.formattedtext blockquote q:before { content: '\2018'; }
.formattedtext blockquote q:after { content: '\2019'; }

/* this is used by projects too, but I couldn't get a global style working */
.formattedtext .screenshot { display: block; }
.formattedtext .screenshot img { border: 1px solid #aaa; display: inline; margin: 0px 10px 0px 0px; }

.formattedtext .red { color: #000; background-color: #fdd; padding: 1px 3px 1px 3px; }
.formattedtext .critical { color: #fff; background-color: #f00; padding: 1px 3px 1px 3px; font-weight: bold }
.formattedtext .milestone_highlight { background-color: #ffa; }

.yourself { color: green; }
.white_on_black { background-color: #000; color: #fff; padding: 1px 5px 1px 5px; }
.small_grey { color: grey; font-size: 0.8em; }
.small { font-size: 0.8em; }

.formattedtext hr {border: none 0; border-bottom: 1px solid #ccc; width: 90%; height: 2px; margin: 0px auto 0 0; text-align: left; }

.formattedtext .highlight { background-color: #ffc; }

/* Admin section */
#admin { border: 0px; margin: 0px 0px 00px 0px; font-size: 0.9em; color: #222; line-height: 1.2em; }
#admin ul { list-style-image: url('../images/gitlab/squarebullet.png'); margin-left: 0px; }
#admin li { padding: 2px 0px 4px 0px; }

/* Archive */
/* FIXME don't know why I have to put float there to stop it going across screen */
#archive h2 { float: left; background-color: #222; color: white; padding: 0px 6px 2px 5px; margin: 0px 0px 0px 0px; }

#archive ul { list-style-type: none; margin-left: 80px; }
#archive ul li { font-size: 1.0em; padding: 0px; }
#archive ul ul { list-style-type: none; margin-left: 10px; }
#archive ul ul li { font-size: 1.0em; padding: 0px; }
#archive ul ul ul { list-style-type: none; margin-left: 10px; }
#archive ul ul ul li { font-size: 1.0em; padding: 0px; }

#archive img { padding: 2px; margin-right: 6px; }
.fileicon { line-height: 50px; }
.fileicon img { float: left; vertical-align: middle; }

/* Comment Section */
#comments { padding: 20px; }
#comments h3 { margin: 4px 0px 10px; font-weight: normal; font-size: 1.4em; letter-spacing: -1px; }

#comments .commentlist { margin: 0px 0px 0px 50px; padding: 2px; }
#comments .commentdate { font-size: 0.8em; }

/* Footer Section */
#footer { clear: left; height: 600px; margin: 60px 360px 0px 8px; padding: 3px; border-top: 1px solid #aaa; background-color: #fff; }
#footer .text { margin: 0px 0px 0px 2px; font-size: 0.8em; color: #666; }

table.right_archive_summary { border: 0px; width: 100%; margin: 0px 0px 20px 0px; }
table.right_archive_summary th { background-color: #fff; text-align: left; font-weight: normal; text-decoration: none; padding: 2px; }
table.right_archive_summary td { font-size: 0.9em; text-align: center; margin: 0px; padding: 1px; }

table.right_default_table { border: 2px solid #ddd; width: 100%; margin: 0px 0px 20px 0px; border-spacing: 0px; }
table.right_default_table th { font-weight: 800; text-align: left; background-color: #ddd; border: 0px; margin: 0px; padding: 4px 10px 4px 10px; }
table.right_default_table td { vertical-align: top; text-align: left; background-color: #fbfbfb; border: 0px; margin: 0px; padding: 4px 5px 4px 10px; }
table.right_default_table .count { font-size: 0.9em; }
table.right_default_table .function { margin: 10px 0px 0px 0px; background-color: #fff; text-decoration: none; padding: 4px 8px 4px 8px; border: 1px solid #dde; font-weight: 800; }

table.right_action_table { border: 2px solid #ada; width: 100%; margin: 0px 0px 20px 0px; border-spacing: 0px; }
table.right_action_table th { font-weight: 800; text-align: left; background-color: #ada; border: 0px; margin: 0px; padding: 4px 10px 4px 10px; }
table.right_action_table td { vertical-align: top; text-align: left; background-color: #fbfbfb; border: 0px; margin: 0px; padding: 4px 5px 4px 10px; }

table.right_help_table { border: 2px solid #eda; width: 100%; margin: 0px 0px 20px 0px; border-spacing: 0px; }
table.right_help_table th { font-weight: 800; text-align: left; background-color: #eda; border: 0px; margin: 0px; padding: 4px 10px 4px 10px; }
table.right_help_table td { vertical-align: top; text-align: left; background-color: #ffd; border: 0px; margin: 0px; padding: 4px 5px 4px 10px; }

table.right_input { border: 0px; width: 100%; margin: 0px 0px 20px 0px; border-spacing: 0px; }

table.clear { margin: 0px 0px 10px 0px; background-color: #fff; border-spacing: 2px; }
table.clear th { text-align: center; background-color: #fff; }
table.clear tr { vertical-align: top; color: #000; font-size: 1.0em; border: 0px; }
table.clear td { padding: 4px; }

/* possibly redundant */
table.tinyclear { margin-top: 10px; margin-bottom: 10px; border-spacing: 0px; font-size: 0.8em; }
table.tinyclear th { text-align: center; background-color: #444; border-right: 1px solid #fff; padding: 1px 4px 1px 4px; color: #fff; font-weight: normal; }
table.tinyclear td { vertical-align: top; color: #000; border: 0px; padding: 1px 4px 1px 4px; }

#publicpage { padding: 0px; margin: 0px; }

table.public { margin: 0px; background-color: #ddd; border-spacing: 1px; width: 100% }
table.public th { text-align: center; background-color: #eee; color: #000; font-size: 1.0em; padding: 4px; border: 1px solid #fff; font-weight: normal; }
table.public td { vertical-align: top; background-color: #fff; color: #000; font-size: 1.0em; padding: 4px 6px 4px 6px; border: 0px; }
div.cut { margin: 0; padding: 0; overflow: hidden; }

#todo { background-image: url('../images/gitlab/dev/todo.png'); padding: 0px 20px 0px 20px; margin: 10px 0px 10px 0px; border: 1px solid #000; }
/* Swap with line above to hide todo divs
#todo {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}
*/

/* Tab menu adapted from http://nontroppo.org/test/tab1.html */
#tabmenu { border-bottom: 2px solid #aaa; margin: 12px 0px 30px 0px; padding: 0px 0px 2px 10px; z-index: 1; }
#tabmenu li { display: inline; overflow: hidden; list-style-type: none; margin-right: 6px; }
#tabmenu a, #tabmenu a:visited { color: #444; background: #eee; border: 0px; padding: 4px 7px 2px 7px; margin: 0px; text-decoration: none; }
#tabmenu .active, #tabmenu a.active { color: #000; background: #fff; border: 2px solid #aaa; border-bottom: 2px solid #fff; padding: 4px 7px 2px 7px;  }
#tabmenu a:hover { color: #fff; background: #e52; }
/*#tabmenu a.active:hover { background: #ABAD85; color: #DEDECF; }*/
	
#input { font-family: Monospace; border: 2px solid #dde; background-color: #eef; margin: 0px; padding: 10px; }
#input h2 { font-size: 20px; color: #446; padding: 0px 0px; margin: 0px; }
#input p { font-size: 16px; color: #446; padding: 0px; margin: 20px 0px 10px 0px; }
#input label { font-family: Verdana, "Lucida Grande", Geneva, Arial, Helvetica, sans-serif; font-size: 16px; color: #446; padding: 0px; margin: 0px 0px 4px 0px; }
#input input { font-family: Monospace; color: #333; border: 1px solid #dde; background-color: #fff; padding: 4px 6px 4px 6px; font-size: 16px; height: 20px; margin: 0px; }
#input select { font-family: Monospace; color: #333; border: 1px solid #dde; background-color: #fff; padding: 4px 2px 4px 2px; font-size: 16px; height: 30px; margin: 0px; }
/*FIXME when I set l/r padding the Post Message box runs over right border */
#input textarea { font-family: Monospace; color: #333; border: 1px solid #dde; background-color: #fff; padding: 4px 0px 4px 0px; font-size: 16px; margin: 0px 0px 0px 0px; width: 100%; }
#input p.error { font-size: 14px; color: red; border: 1px solid red; background-color: #ccc; }
#input p.success { font-size: 14px; color: green; border: 1px solid green; background-color: #ccc; }
table.entry { }
table.entry td { padding: 10px; border: 0px; vertical-align: top; background-color: #fff; margin: 20px; padding: 40px }
#input a { margin: 10px 0px 0px 0px; background-color: #fff; text-decoration: none; padding: 4px 8px 4px 8px; border: 1px solid #dde; font-weight: 800; }