/* CSS for www.Debian-Administration.org.
 *
 * Copy freely if you wish, give credit to the source if you can.
 *
 * Steve
 * --
 * http://www.steve.org.uk/
 *
 * $Id: style.css,v 1.83 2007-06-28 14:39:22 steve Exp $
 *
 */

/* Color documentation
 * Debian red - rgb(215, 7, 51);
 * Links bar blue - rgb(56,81,150)
 */

/*
 * General purpose stylings
 * Take them to top so that new rules can override these
 */

a:hover {
	text-decoration: underline !important;
	color: rgb(215, 7, 81) !important;
}

a[name]:hover {
        color: inherit !important;
        background-color: inherit !important;
	text-decoration: none !important;
}


#toggle:hover {
  background-color: yellow !important;
  cursor: pointer;
}

a:visited {
	text-decoration: underline !important;
	color: rgb(215, 7, 81) !important;
}


h1 {
	font-family: "Lucida Sans Unicode", sans-serif;
	font-size: 175%;
	letter-spacing: -2px;
	color: black;
	padding: 0;
	margin: 0;
	margin-top: 1em;
}

dt {
	font-weight: bold;
}

pre {
	overflow:	auto;
	background:	rgb(230,230,230);
	border:		solid;
	border-width:	thin;
	padding: 5px  10px;
}

img {
	border: none;
}

#logo {
	text-align: center;
}



/* Colour here is for the menu */
.midHeader {
	margin: 0;
	padding: 0.26ex 10px;
}

.headerTitle {
	font-size: 300%;
	color: rgb(215, 7, 81);
	margin: 0;
	padding: 0;
}
.headerTitle a {
	text-decoration: none !important;
}
.headerTitle a:hover {
	text-decoration: none !important;
}
.headerTitle a:visited {
	text-decoration: none !important;
}


#headerSubTitle {
	font-size: 100%;
	text-align: right;
	font-style: italic;
	margin: 0 0 1ex 0;
	padding: 0;
}

.subHeader {
        color:  rgb(240,240,240);
	margin: 0px -10px;
	padding: 5px 10px 0px 10px;
	text-align: center;
        border-bottom: 2px solid rgb(56,81,150);
        background-color: rgb(240,240,240);
}

.subHeader a, .subHeader a:visited {
        color: rgb(56,81,150) !important;
	font-size: 77%;
	font-weight: bold;
        text-decoration: none !important;
        padding-top: 3px;
}

.subHeader a:hover{
        border-top: 5px solid rgb(215, 7, 51);
        color: rgb(215,7,51) !important;
}
.subHeader a#highlight { border-top: 5px solid rgb(215, 7, 51) !important;
 }

/*
 *  Main body.
 */

body {
	background-color: white;
	color: black;
}

#yawns {
	background: url("/images/sidebar-bg-right.png") 100% 0% repeat-y;
	margin: 0;
	background-color: white;
	color: black;
}

#no-rightBar {
	margin-right: 185px;
	background: url("/images/sidebar-bg-left.png") top left repeat-y;
	background-color: white;
	color: black;
}

#mainContent {
        margin-top: 0px;
        margin-left: 185px;
        padding: 0 10px;
	background-color: white;
	color: black;
}


/*
 * Styling for the two side columns, and their contained items.
 */
div#sidebar {
	position: absolute;
        z-index: 99;
	top: 0px;
	left: 0px;
	width: 165px;
	font-family: sans-serif;
	font-size: 80%;
	padding: 0 10px;
        background: url("/images/sidebar-bg-left.png") top left repeat-y;
	margin: 0;
}

div#sidebar span.alert {
        color: red;
        font-weight: bold;
}

div#rightbar {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 165px;
	font-family: sans-serif;
	font-size: 80%;
	padding: 0 10px;
        background: url("/images/sidebar-bg-right.png") 100% 0% repeat-y;
	margin: 0;
}

div#rightbar ul {
	list-style-type: none;
	list-style-position: outside;
	margin: 0 0 1em 0;
	padding: 0;
}

div#rightbar li {
	margin: 1ex;
	padding: 0 0 1.25ex 0.75ex;
	font-size: 95%;
}

.sideBarTitle {
        background-color: #069;
        border-bottom:2px solid rgb(215, 7, 51);
        color: #fff;
        font-weight: bold;
        margin: 0 -10px;
        padding: 0.75ex 1ex;
}

.sideBarText {
	line-height: 1.25em;
	margin: 1ex 0.25ex 1.5em 0.75ex;
	padding: 0;
}


div#sidebar h1 {
	font-family: "Bitstream Vera Sans", sans-serif;
	font-size: 20px !important;
	text-transform: lowercase;
	margin-top: 30px;
}


div#sidebar ul {
	list-style-type: none;
	list-style-position: outside;
	margin: 0 0 1em 0;
	padding: 0;
}

div#sidebar li {
	margin: 1ex;
	padding: 0 0 1.25ex 0.75ex;
	font-size: 95%;
}

div#sidebar li a {
	text-decoration: none;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: inherit;
}


/*  ### Style the dull input boxes ### */
#user-login input#name, #user-login input#pass, #quickSearch input {
	border: 1px outset #0022a0;
        padding: 1px 3px;
}

#user-login input#name:focus, #user-login input#pass:focus, #quickSearch input:focus {
	font-weight: bold;
	background-color:  #d70c40;
	color: #fff;
}



	.suggest_link {
		background-color: #FFFFFF;
		padding: 2px 6px 2px 6px;
	}
	.suggest_link_over {
		background-color: #3366CC;
		padding: 2px 6px 2px 6px;
	}
	#search_suggest {
		position: absolute;
		background-color: #FFFFFF;
		text-align: left;
		border: 1px solid #000000;
	}



/* ##### Footer ##### */
#footer {
	color: rgb(100,100,100);
	font-size: 82%;
	text-align: center;
	line-height: 1.25em;
	margin: 0;
	padding: 1em 4mm 1em 4mm;
	clear: both;
	border-top: 1px solid rgb(216,210,195);
}

#footer div {
	margin: 0;
	padding: 0 0 1ex 0;
}

#footer a {
	color: black;
	background-color: transparent;
	font-weight: bold;
}

#footer a:hover {
	text-decoration: none;
}


div#rightbar div.more {
	text-align: right;
}


div.row span.left {
	float: left;
	text-align: left;
	font-weight: bold;
	color: #fff;
	width: 49%;
}

div.row span.right {
	float: right;
	text-align: right;
	font-weight: bold;
	color: #fff;
	width: 49%;
}

div.spacer {
	clear: both;
}


/*
 * Special styling for the front page.
 */
div.teaser {
   text-align: justify;
}

div.teaser div.body {
}

div.teaser .title {
	font-family: Verdana, Georgia, Arial, sans-serif;
	font-size: 110%;
        border-bottom: 2px solid #06c;
	padding: 0;
        margin-bottom: 0px;
}

div.teaser .title a {
	color: black !important;
	text-decoration: none !important;
}

div.teaser .title a:hover {
	color: black !important;
	text-decoration: none !important;
}
div.teaser .title a:visited {
	color: black !important;
	text-decoration: none !important;
}


div.teaser div.tagline {
	font-style: italic;
	font-family: Verdana, Georgia, Arial, sans-serif;
	font-size: 70%;
	text-align: right;
}

div.teaser div.tags {
	font-style: italic;
	font-family: Verdana, Georgia, Arial, sans-serif;
	font-size: 70%;
	text-align: right;
}
div.teaser div.readmore {
	font-family: Verdana, Georgia, Arial, sans-serif;
	font-size: 80%;
	text-align: right;
}



/*
 * Special markup for the articles.
 */
div.article .title {
	font-family: Verdana, Georgia, Arial, sans-serif;
	font-size: 110%;
        border-bottom: 2px solid #06c;
	padding: 0;

}

div.article div.tagline {
	font-style: italic;
	font-family: Verdana, Georgia, Arial, sans-serif;
	font-size: 80%;
	text-align: right;
}

div.article div.tags {
	font-style: italic;
	font-family: Verdana, Georgia, Arial, sans-serif;
	font-size: 80%;
	text-align: right;
}



/*
 * Special markup for the polls.
 */
div.poll .title {
	font-family: Verdana, Georgia, Arial, sans-serif;
	font-size: 110%;
        border-bottom: 2px solid #06c;
	padding: 0;

}

div.poll .tagline {
        text-align: right;
}

div.poll div.tags {
	font-style: italic;
	font-family: Verdana, Georgia, Arial, sans-serif;
	font-size: 70%;
	text-align: right;
}


/*
 * Special markup for the recent page.
 */
div.recent .title {
	font-family: Verdana, Georgia, Arial, sans-serif;
	font-size: 110%;
        border-bottom: 2px solid #06c;
	padding: 0;
}

div.recent .title a {
	text-decoration: none;
}

div.recent div.tagline {
	font-style: italic;
	font-size: 90%;
	text-align: right;
}

/*
 * Special markup for the recent weblogs on the front page.
 */
div.weblogs {
}
div.weblogs div.body {
	text-align: left;
	padding-top: 2px;
	padding-bottom: 5px;
}
div.weblogs div.title {
	font-size: 90%;
}

div.weblogs div.title a {
	color: black !important;
	text-decoration: none !important;
}
div.weblogs div.title a:hover {
	color: red !important;
	text-decoration: underline !important;
}
div.weblogs div.tagline {
	text-align: right;
	font-size: 80%;
	font-style: italic;
}
div.weblogs div.comments {
	text-align: right;
	font-size: 80%;
	font-style: italic;
}

div.weblogs div.comments  a {
	color: black !important;
	text-decoration: none !important;
}
div.weblogs div.comments a:hover {
	color: black !important;
	text-decoration: underline !important;
}


/*
 * Special markup for weblog entries.
 */
div.weblog {
	border-left: 1px solid rgb(128, 128, 128);
	border-right: 1px solid rgb(128, 128, 128);
	border-top: 1px solid rgb(128, 128, 128);
	border-bottom: 1px solid rgb(128, 128, 128);
        background: url("/images/comment-shade.png") top left repeat-x;
        margin: 5px 0px;
}

div.weblog div.body {
	padding: 10px 10px;
}

div.weblog div.links {
        text-align: right;
        padding: 4px;
        border-top: 1px solid;
}

div.weblog .title {
	background-color: #eee;
	border-bottom: 1px solid rgb(128, 128, 128);
	font-weight: bold;
	font-size: 120%;
	padding: 0.26ex 10px;

}
div.weblog div.title a {
	color: black !important;
	text-decoration: none !important;
}
div.weblog div.title a:hover {
	color: black !important;
	text-decoration: none !important;
}

div.weblog .link {
	text-align: right;
}

div.weblog div.tagline {
	text-align: right;
	border-bottom: 1px solid #ddd;
	font-size: 96%;
	padding: 0.26ex 10px !important;
}
div.weblog div.tags {
	font-style: italic;
	font-family: Verdana, Georgia, Arial, sans-serif;
	font-size: 70%;
	text-align: right;
}



/*
 * Special styling for the comments upon weblogs, polls, or articles.
 */
div.indent {
        margin-left: 25px;
}

div.comment {
	border-left: 1px solid #ddd;/*1px solid rgb(128, 128, 128);*/
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
        background: url("/images/comment-shade.png") top left repeat-x;
        margin: 5px 0px;
}

div.comment div.body {
	padding: 10px 10px;
        border-bottom: 1px solid #ddd;
}

div.comment .title {
        background: url("/images/comment-bg30.png") top left no-repeat;
	font-weight: bold;
	font-size: 120%;
	padding: .26ex 40px;

}
div.comment .link {
	float: right;
        padding-top: 0.25ex;
        padding-right: 0.5em;
}

div.comment div.tagline {
	text-align: right;
	border-bottom: 1px solid #ddd;
	font-size: 96%;
	padding: 0.26ex 10px !important;
}

div.comment p.foot {
        margin: 0px;/* p tag has its own default margin, so remove it*/
        padding: 0.25ex 0.5em;
        font-size: 96%;
}

div.menubar ul {
	border-bottom: 1px solid #6bf;
	margin: 0pt;
	padding-top: 12px;
	list-style-type: none;
	text-align: center;
}

div.menubar li {
	display: inline;
}
div.menubar li a {
	border: 1px solid #6bf;
	margin: 0pt 0.2em;
	padding: 0pt 0.2em;
	text-decoration: none !important;
	background-color: #eee;
}
div.menubar li a#active {
	border-style: solid;
	border-color:  #6bf #6bf rgb(255, 255, 255);
	border-width: 1px;
	margin: 0pt 0.2em;
	padding: 0pt 0.2em;
	font-weight: bold !important;
	text-decoration: none !important;
	color: rgb(0, 0, 0) !important;
	background-color: rgb(255, 255, 255);
}
div.menubar li a#active:hover {
        color: inherit !important;
        background-color: inherit !important;
	text-decoration: none !important;
}





/*
 * Special styling for the comments upon weblogs, polls, or articles.
 */
table.messages tr.header th {
	border-bottom: 1px solid black;
        margin: 5px;
        padding: 5px;
}

table.messages td.messageleft {
	border-left: 1px solid black;
        margin: 5px;
        padding: 5px;
}
table.messages th.messageleft {
	border-left: 1px solid black;
        margin: 5px;
        padding: 5px;
}

table.messages th.header td.messageleft {
	border-left: 1px solid black;
        padding: 5px;
        margin: 5px;
}



/*
 * Styling for the tag search results.
 */
div.tag_search {
}
div.tag_search .toggle {
        background: transparent url('/images/dt_open.gif')  .25em .25em no-repeat;
        text-indent: 20px;
        cursor:pointer;
}
div.tag_search .toggle.closed {
        background: transparent url('/images/dt_closed.gif') .25em .25em no-repeat;
}
div.tag_search .hidden {
        display:none;
}
div.tag_search dd {
        padding-top: 6px;
        padding-bottom: 6px;
}
div.tag_search ul {
        list-style-type: none;
}


/*
 * Special markup for the pending-poll list.
 */

div.pending_polls {
	border-left: 1px solid rgb(128, 128, 128);
	border-right: 1px solid rgb(128, 128, 128);
	border-top: 1px solid rgb(128, 128, 128);
	border-bottom: 1px solid rgb(128, 128, 128);
}

div.pending_polls div.admin {
        text-align: right;
        padding: 4px;
        border-top: 1px solid;
}

div.pending_polls .title {
	background-color: #eee;
	border-bottom: 1px solid rgb(128, 128, 128);
	font-weight: bold;
	font-size: 120%;
	padding: 0.26ex 10px;

}
div.pending_polls div.tagline {
	text-align: right;
	border-bottom: 1px solid #ddd;
	font-size: 96%;
	padding: 0.26ex 10px !important;
}


pre.terminal { background: black; color: white; padding: 1em; font-size: 90% ; overflow: auto; font-family: courier; }
pre.terminal span.prompt { font-weight: bold; color: #f00; }
pre.terminal span.input { font-weight: bold; color: #afa; }
pre.terminal span.hiddeninput { font-style: italic; color: #afa; }