@charset "iso-8859-1";

body
{
	background-color: #fff;
	color: #000;
	font-size: 100.1%;
	margin: 0;
	padding: 0;
}
#pageWrapper
{
	border-style: solid;
	border-width: 0;		/* layout's side borders */
	font-family: Ubuntu, Arial, sans-serif;
	font-size: 80%;			/* arial looks better with a smaller size */
	margin: 0;
	min-width: 500px;		/* IE doens't understand this property */
	width: auto;
}
* html #pageWrapper
{
	word-wrap: break-word;		/* invalid CSS but keeps IE from breaking 
				   	horribly under narrow viewports */
}

#outerColumnContainer
{
	background-color: #fff;
	border-style: solid;
	border-width: 0 18em 0 0;	/* side border widths must equal the
				   	widths of the left and right columns. 
				 	*/
	border-right-color: #fff;	/* right hand column background color */
	color: #000;
	z-index: 1;
}
* html #outercolumncontainer
{
	/* IE5.0/Win fix for 1px whitespace between masthead and body. 
	 * The case-incorrect selector is on purpose. IE5.0 and IE5.5 are
	 * case insensitive and I'm targeting IE 5.0. 5.5 doesn't get hurt
	 * by this extra margin work.
	 */
	margin-top: -1px;
	border-top: solid 1px #fff;
}
#innerColumnContainer
{
	width: 100%;
	z-index: 2;
}
html[xmlns] .mozclear
{
	/* this selector should be valid CSS, but Opera 7.5 (and above) will pick
	 * this up as well. Shouldn't be a problem, Opera should handle this fine,
	 * but it's a Mozilla-targeted hack, and it should probably only affect
	 * mozilla. You can do that by replacing the INVALID CSS selector
	 * :root .mozclear for what's give here.
	 */
	border-bottom: 1px solid;
	border-color: transparent;
	margin-bottom: -1px;
}
#rightColumn, #contentColumn
{
	float: left;
	overflow: visible;		/* fix for IE italics bug */
	position: relative;
	z-index: 10;
}
#rightColumn
{
	float: right;			/* doesn't have to be floated right, but if using some
			   		original skidoo tweaks, you need it this way */
	/* Changed by Vika 2005.08.24 */
	/*margin: 0 -18em 0 1px;*/
	margin: 0 -18em 0 -3px;
	width: 18em;
}
#rightColumn .inside
{
	font-size: 100%;		/* because the parent element ( #rightColumn )
			   		defines its width in EMs, we can't change the font 
			   		size in that selector, otherwise the column won't use
			   		the entire width reserved for the column */
}
#contentColumn
{
	margin: 0 -1px 0 0;		/* required to get the negative margin-based
				   	layout to work. if #contentColumn does not
				   	overlap the left and right columns, then
				   	the whole layout will break */
	width: 100%;
	font-family: Ubuntu, Arial, sans-serif;
}

#footWrapper {
	background: url('//releases.ubuntu.com/include/footer-bg.png');
	background-repeat: repeat-x;
	border-bottom: 2px solid #583D1E;
}

#footer
{
	color: #5B4832;
	position: relative;
	text-align: center;
	background-image: url('//releases.ubuntu.com/include/footer-image2.png');
	background-repeat: repeat-y;
	background-position: left top;
	padding: 10px;
}
html>body #footer
{
	padding-bottom: 1.01em;		/* attempt to fix Gecko engine's rounding errors
				   	which can disrupt the layout. */
}
#footer a
{
	color: #5B4832;
        text-decoration: underline;
}

p, h1, h2, h3, h4, h5, h6
{
	margin: .6em 0 .4em 0;			/* for better consistency across platforms */
}

.clear
{
	clear: both;
}
.inside
{
	padding: 0 1.5em;		/* glitch in IE caused by vertical padding in
				   	this class, so 0 padding is set here and
				   	those blocks that need the vertical padding
				   	must be applied to the parent element.
				   	the purpose of this class is to provide 
				   	horizontal padding without using hacks to
				   	get around IE's broken box model. so it's
				   	okay to apply vertical padding to the parent
				   	element, just not horizontal padding. */
}
#contentColumn, #rightColumn
{
	padding-top: 3.0em;
	padding-bottom: 1.0em;		/* this is the vert padding talked about in the
				   	.inside selector comment. */
}
#footer
{
	padding: .3em;			/* ditto from above */
}
#pageWrapper, #innerColumnContainer, #masthead, #footer
{
	border-color: #000;		/* one-stop control of border color used within
				   	the layout */
}
#outerColumnContainer
{
	border-top-color: #000;		/* should match the above border color */
}

/* navigation elements */
#rightColumn ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	color: #696969;
	list-style-image: url(http://old-www.ubuntu.com/no-bullet.gif);
}
#rightColumn li {
    margin-bottom: 0px; /* Overwrite plone,css settings */
}
#rightColumn #navigation_links li
{
	padding: 0 0 .3em 20px;
	font-size: 120%;
	list-style: none;
}
#rightColumn #navigation_news li
{
	padding: 0 .3em .3em 20px;
	list-style: none;
}
#rightColumn a
{
	text-decoration: none;
	color: black;
	font-weight: bold;
}
#rightColumn li.active
{
	background-image: url('//releases.ubuntu.com/include/little-u.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

#rightColumn a:hover
{
	text-decoration: underline;
	color: black;
}

/* body styles */
#contentColumn a
{
	color: black;
}

#contentColumn p
{
	font-size: 100%;
	font-family: Ubuntu, Arial, sans-serif;
}


/* header styles */
h1, h2, h3, h4, h5, h6
{
	width: 100%;
	color: #6D4C07;
	padding-bottom: .0em;
	padding-top: 0.4em;
	font-family: Ubuntu, Arial, sans-serif;
}

h1
{
	font-size: 170%;
	border-bottom: 2px solid #6D4C07;
}

h2
{
	font-size: 160%;
	border-bottom: 2px solid #6D4C07;
}
h3
{
	margin-top: 20px;
	font-size: 130%;
	border-bottom: 2px solid #6D4C07;
        
}
h4
{
	font-size: 120%;
	border-bottom: 1px solid #6D4C07;
}
h5
{
	font-size: 110%;
}
h6 {
	font-size: 100%;
}

.featured {
	font-size: 125%;
	font-style: italic;
}
	
dt
{
	margin-top: 20px;
	margin-bottom: 8px;
	font-size: 120%;
	border-bottom: 1px solid #6D4C07;
}

dt a
{
	text-decoration: none;

}

img { border: 0; }


td.content {
	border: 1px solid #fbdd9c /*#D9BB7A*/ ;
	padding-left: 1em;
		}

/* temp. fix added by Vika*/
/* remove this when Apache is configured properly */
.link-external
{
	background-image: none;
	padding: 0px;
}

.urgent {
	color: red;
}